Remove "experimental" designation for HStack

packages/components/src/h-stack/README.md

@@ -1,9 +1,5 @@
 # HStack
 
-<div class="callout callout-alert">
-This feature is still experimental. “Experimental” means this is an early implementation subject to drastic and breaking changes.
-</div>
-
 `HStack` (Horizontal Stack) arranges child elements in a horizontal line.
 
 ## Usage
@@ -12,7 +8,7 @@ This feature is still experimental. “Experimental” means this is an early im
 
 ```jsx
 import {
-	__experimentalHStack as HStack,
+	HStack,
 	__experimentalText as Text,
 } from '@wordpress/components';
 
@@ -85,7 +81,7 @@ When a `Spacer` is used within an `HStack`, the `Spacer` adaptively expands to t
 
 ```jsx
 import {
-	__experimentalHStack as HStack,
+	HStack,
 	__experimentalSpacer as Spacer,
 	__experimentalText as Text,
 } from '@wordpress/components';
@@ -107,7 +103,7 @@ function Example() {
 
 ```jsx
 import {
-	__experimentalHStack as HStack,
+	HStack,
 	__experimentalSpacer as Spacer,
 	__experimentalText as Text,
 } from '@wordpress/components';

packages/components/src/h-stack/component.tsx

@@ -23,7 +23,7 @@ function UnconnectedHStack(
  *
  * ```jsx
  * import {
- * 	__experimentalHStack as HStack,
+ * 	HStack,
  * 	__experimentalText as Text,
  * } from `@wordpress/components`;
  *

packages/components/src/h-stack/stories/index.story.tsx

@@ -42,7 +42,7 @@ const JUSTIFICATIONS = {
 
 const meta: Meta< typeof HStack > = {
 	component: HStack,
-	title: 'Components (Experimental)/HStack',
+	title: 'Components/HStack',
 	argTypes: {
 		as: {
 			control: { type: null },

packages/components/src/index.ts

@@ -92,7 +92,13 @@ export { Grid as __experimentalGrid } from './grid';
 export { default as Guide } from './guide';
 export { default as GuidePage } from './guide/page';
 export { Heading as __experimentalHeading } from './heading';
-export { HStack as __experimentalHStack } from './h-stack';
+export {
+	/**
+	 * @deprecated Import `HStack` instead.
+	 */
+	HStack as __experimentalHStack,
+	HStack,
+} from './h-stack';
 export { default as Icon } from './icon';
 export type { IconType } from './icon';
 export { default as IconButton } from './button/deprecated';

storybook/manager-head.html

@@ -1,6 +1,6 @@
 <script>
 	( function redirectIfStoryMoved() {
-		const PREVIOUSLY_EXPERIMENTAL_COMPONENTS = [ 'navigation' ];
+		const PREVIOUSLY_EXPERIMENTAL_COMPONENTS = [ 'navigation', 'hstack' ];
 		const REDIRECTS = [
 			{
 				from: /\/components-deprecated-/,