Remove "experimental" designation for Grid

packages/components/src/grid/README.md

@@ -1,16 +1,12 @@
 # Grid
 
-<div class="callout callout-alert">
-This feature is still experimental. “Experimental” means this is an early implementation subject to drastic and breaking changes.
-</div>
-
 `Grid` is a primitive layout component that can arrange content in a grid configuration.
 
 ## Usage
 
 ```jsx
 import {
-	__experimentalGrid as Grid,
+	Grid,
 	__experimentalText as Text,
 } from '@wordpress/components';
 

packages/components/src/grid/component.tsx

@@ -26,7 +26,7 @@ function UnconnectedGrid(
  *
  * ```jsx
  * import {
- * 	__experimentalGrid as Grid,
+ * 	Grid,
  * 	__experimentalText as Text
  * } from `@wordpress/components`;
  *

packages/components/src/grid/stories/index.story.tsx

@@ -11,7 +11,7 @@ import { Grid } from '..';
 
 const meta: Meta< typeof Grid > = {
 	component: Grid,
-	title: 'Components (Experimental)/Grid',
+	title: 'Components/Grid',
 	argTypes: {
 		as: { control: { type: 'text' } },
 		align: { control: { type: 'text' } },

packages/components/src/index.ts

@@ -88,7 +88,13 @@ export { default as FormToggle } from './form-toggle';
 export { default as FormTokenField } from './form-token-field';
 export { default as GradientPicker } from './gradient-picker';
 export { default as CustomGradientPicker } from './custom-gradient-picker';
-export { Grid as __experimentalGrid } from './grid';
+export {
+	/**
+	 * @deprecated Import `Grid` instead.
+	 */
+	Grid as __experimentalGrid,
+	Grid,
+} from './grid';
 export { default as Guide } from './guide';
 export { default as GuidePage } from './guide/page';
 export { Heading as __experimentalHeading } from './heading';

storybook/manager-head.html

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