Skip to content

Commit

Permalink
Remove "experimental" designation for ItemGroup
Browse files Browse the repository at this point in the history
  • Loading branch information
fullofcaffeine committed Apr 25, 2024
1 parent 6d444aa commit f5a9e1f
Show file tree
Hide file tree
Showing 7 changed files with 15 additions and 16 deletions.
4 changes: 4 additions & 0 deletions packages/components/src/index.ts
Original file line number Diff line number Diff line change
Expand Up @@ -97,8 +97,12 @@ export { default as Icon } from './icon';
export type { IconType } from './icon';
export { default as IconButton } from './button/deprecated';
export {
/**
* @deprecated Import `ItemGroup` instead.
*/
ItemGroup as __experimentalItemGroup,
Item as __experimentalItem,
ItemGroup,
} from './item-group';
export { default as __experimentalInputControl } from './input-control';
export { default as __experimentalInputControlPrefixWrapper } from './input-control/input-prefix-wrapper';
Expand Down
8 changes: 2 additions & 6 deletions packages/components/src/item-group/item-group/README.md
Original file line number Diff line number Diff line change
@@ -1,9 +1,5 @@
# `ItemGroup`

<div class="callout callout-alert">
This feature is still experimental. “Experimental” means this is an early implementation subject to drastic and breaking changes.
</div>

`ItemGroup` displays a list of `Item`s grouped and styled together.

## Usage
Expand All @@ -12,7 +8,7 @@ This feature is still experimental. “Experimental” means this is an early im

```jsx
import {
__experimentalItemGroup as ItemGroup,
ItemGroup,
__experimentalItem as Item,
} from '@wordpress/components';

Expand Down Expand Up @@ -66,7 +62,7 @@ In the following example, the `<Item />` will render with a size of `small`:

```jsx
import {
__experimentalItemGroup as ItemGroup,
ItemGroup,
__experimentalItem as Item,
} from '@wordpress/components';

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -46,7 +46,7 @@ function UnconnectedItemGroup(
*
* ```jsx
* import {
* __experimentalItemGroup as ItemGroup,
* ItemGroup,
* __experimentalItem as Item,
* } from '@wordpress/components';
*
Expand Down
8 changes: 2 additions & 6 deletions packages/components/src/item-group/item/README.md
Original file line number Diff line number Diff line change
@@ -1,9 +1,5 @@
# `Item`

<div class="callout callout-alert">
This feature is still experimental. “Experimental” means this is an early implementation subject to drastic and breaking changes.
</div>

`Item` is used in combination with `ItemGroup` to display a list of items grouped and styled together.

## Usage
Expand All @@ -12,7 +8,7 @@ This feature is still experimental. “Experimental” means this is an early im

```jsx
import {
__experimentalItemGroup as ItemGroup,
ItemGroup,
__experimentalItem as Item,
} from '@wordpress/components';

Expand Down Expand Up @@ -50,7 +46,7 @@ In the following example, the `<Item />` will render with a size of `small`:

```jsx
import {
__experimentalItemGroup as ItemGroup,
ItemGroup,
__experimentalItem as Item,
} from '@wordpress/components';

Expand Down
2 changes: 1 addition & 1 deletion packages/components/src/item-group/item/component.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -31,7 +31,7 @@ function UnconnectedItem(
*
* ```jsx
* import {
* __experimentalItemGroup as ItemGroup,
* ItemGroup,
* __experimentalItem as Item,
* } from '@wordpress/components';
*
Expand Down
2 changes: 1 addition & 1 deletion packages/components/src/item-group/stories/index.story.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@ const meta: Meta< typeof ItemGroup > = {
component: ItemGroup,
// @ts-expect-error - See https://github.com/storybookjs/storybook/issues/23170
subcomponents: { Item },
title: 'Components (Experimental)/ItemGroup',
title: 'Components/ItemGroup',
argTypes: {
as: { control: { type: null } },
children: { control: { type: null } },
Expand Down
5 changes: 4 additions & 1 deletion storybook/manager-head.html
Original file line number Diff line number Diff line change
@@ -1,6 +1,9 @@
<script>
( function redirectIfStoryMoved() {
const PREVIOUSLY_EXPERIMENTAL_COMPONENTS = [ 'navigation' ];
const PREVIOUSLY_EXPERIMENTAL_COMPONENTS = [
'navigation',
'itemgroup',
];
const REDIRECTS = [
{
from: /\/components-deprecated-/,
Expand Down

0 comments on commit f5a9e1f

Please sign in to comment.