diff --git a/.github/CODEOWNERS b/.github/CODEOWNERS
index 65475b482b343..397bb53cbb724 100644
--- a/.github/CODEOWNERS
+++ b/.github/CODEOWNERS
@@ -349,9 +349,9 @@ packages/react-components/react-calendar-compat/stories @microsoft/cxe-prg
packages/react-components/react-infolabel @microsoft/cxe-prg
packages/react-components/react-infolabel/library @microsoft/cxe-prg
packages/react-components/react-infolabel/stories @microsoft/cxe-prg
-packages/react-components/react-list-preview @microsoft/teams-prg
-packages/react-components/react-list-preview/library @microsoft/teams-prg
-packages/react-components/react-list-preview/stories @microsoft/teams-prg
+packages/react-components/react-list @microsoft/teams-prg
+packages/react-components/react-list/library @microsoft/teams-prg
+packages/react-components/react-list/stories @microsoft/teams-prg
packages/react-components/react-motion @microsoft/teams-prg
packages/react-components/react-motion/library @microsoft/teams-prg
packages/react-components/react-motion/stories @microsoft/teams-prg
diff --git a/apps/public-docsite-v9/package.json b/apps/public-docsite-v9/package.json
index d65b60148a9db..87a4c84603001 100644
--- a/apps/public-docsite-v9/package.json
+++ b/apps/public-docsite-v9/package.json
@@ -29,7 +29,6 @@
"@fluentui/react-northstar": "*",
"@fluentui/react-icons-northstar": "*",
"@fluentui/react-components": "*",
- "@fluentui/react-list-preview": "*",
"@fluentui/react-storybook-addon": "*",
"@fluentui/react-storybook-addon-export-to-sandbox": "*",
"@fluentui/theme-designer": "*",
diff --git a/apps/vr-tests-react-components/package.json b/apps/vr-tests-react-components/package.json
index 97c72699d3970..b7dcfa211e8f5 100644
--- a/apps/vr-tests-react-components/package.json
+++ b/apps/vr-tests-react-components/package.json
@@ -81,6 +81,7 @@
"@fluentui/react-search": "*",
"@fluentui/react-teaching-popover": "*",
"@fluentui/react-tag-picker": "*",
- "@fluentui/react-carousel": "*"
+ "@fluentui/react-carousel": "*",
+ "@fluentui/react-list": ">=9.0.0-alpha"
}
}
diff --git a/change/@fluentui-react-components-4c011c9c-802b-466f-8bf8-cacdc208ad49.json b/change/@fluentui-react-components-4c011c9c-802b-466f-8bf8-cacdc208ad49.json
new file mode 100644
index 0000000000000..a7215bf483177
--- /dev/null
+++ b/change/@fluentui-react-components-4c011c9c-802b-466f-8bf8-cacdc208ad49.json
@@ -0,0 +1,7 @@
+{
+ "type": "minor",
+ "comment": "feat: add @fluentui/react-list to suite",
+ "packageName": "@fluentui/react-components",
+ "email": "jirivyhnalek@microsoft.com",
+ "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-list-06d8884d-7988-49cd-a359-4efb7050f12c.json b/change/@fluentui-react-list-06d8884d-7988-49cd-a359-4efb7050f12c.json
new file mode 100644
index 0000000000000..3af28cbdf09ec
--- /dev/null
+++ b/change/@fluentui-react-list-06d8884d-7988-49cd-a359-4efb7050f12c.json
@@ -0,0 +1,7 @@
+{
+ "type": "minor",
+ "comment": "feat: release stable",
+ "packageName": "@fluentui/react-list",
+ "email": "jirivyhnalek@microsoft.com",
+ "dependentChangeType": "patch"
+}
diff --git a/packages/react-components/react-components/etc/react-components.api.md b/packages/react-components/react-components/etc/react-components.api.md
index 51165d849ad07..75bc436038bc9 100644
--- a/packages/react-components/react-components/etc/react-components.api.md
+++ b/packages/react-components/react-components/etc/react-components.api.md
@@ -496,6 +496,7 @@ import { linkClassNames } from '@fluentui/react-link';
import { LinkProps } from '@fluentui/react-link';
import { LinkSlots } from '@fluentui/react-link';
import { LinkState } from '@fluentui/react-link';
+import { List } from '@fluentui/react-list';
import { Listbox } from '@fluentui/react-combobox';
import { listboxClassNames } from '@fluentui/react-combobox';
import { ListboxContextValue } from '@fluentui/react-combobox';
@@ -504,6 +505,15 @@ import { ListboxProps } from '@fluentui/react-combobox';
import { ListboxProvider } from '@fluentui/react-combobox';
import { ListboxSlots } from '@fluentui/react-combobox';
import { ListboxState } from '@fluentui/react-combobox';
+import { listClassNames } from '@fluentui/react-list';
+import { ListItem } from '@fluentui/react-list';
+import { listItemClassNames } from '@fluentui/react-list';
+import { ListItemProps } from '@fluentui/react-list';
+import { ListItemSlots } from '@fluentui/react-list';
+import { ListItemState } from '@fluentui/react-list';
+import { ListProps } from '@fluentui/react-list';
+import { ListSlots } from '@fluentui/react-list';
+import { ListState } from '@fluentui/react-list';
import { makeResetStyles } from '@griffel/react';
import { makeStaticStyles } from '@griffel/react';
import { makeStyles } from '@griffel/react';
@@ -816,7 +826,9 @@ import { renderInteractionTagPrimary_unstable } from '@fluentui/react-tags';
import { renderInteractionTagSecondary_unstable } from '@fluentui/react-tags';
import { renderLabel_unstable } from '@fluentui/react-label';
import { renderLink_unstable } from '@fluentui/react-link';
+import { renderList_unstable } from '@fluentui/react-list';
import { renderListbox_unstable } from '@fluentui/react-combobox';
+import { renderListItem_unstable } from '@fluentui/react-list';
import { renderMenu_unstable } from '@fluentui/react-menu';
import { renderMenuButton_unstable } from '@fluentui/react-button';
import { renderMenuDivider_unstable } from '@fluentui/react-menu';
@@ -1552,10 +1564,14 @@ import { useLabelStyles_unstable } from '@fluentui/react-label';
import { useLink_unstable } from '@fluentui/react-link';
import { useLinkState_unstable } from '@fluentui/react-link';
import { useLinkStyles_unstable } from '@fluentui/react-link';
+import { useList_unstable } from '@fluentui/react-list';
import { useListbox_unstable } from '@fluentui/react-combobox';
import { useListboxContext_unstable } from '@fluentui/react-combobox';
import { useListboxContextValues } from '@fluentui/react-combobox';
import { useListboxStyles_unstable } from '@fluentui/react-combobox';
+import { useListItem_unstable } from '@fluentui/react-list';
+import { useListItemStyles_unstable } from '@fluentui/react-list';
+import { useListStyles_unstable } from '@fluentui/react-list';
import { useMenu_unstable } from '@fluentui/react-menu';
import { useMenuButton_unstable } from '@fluentui/react-button';
import { useMenuButtonStyles_unstable } from '@fluentui/react-button';
@@ -2792,6 +2808,8 @@ export { LinkSlots }
export { LinkState }
+export { List }
+
export { Listbox }
export { listboxClassNames }
@@ -2808,6 +2826,24 @@ export { ListboxSlots }
export { ListboxState }
+export { listClassNames }
+
+export { ListItem }
+
+export { listItemClassNames }
+
+export { ListItemProps }
+
+export { ListItemSlots }
+
+export { ListItemState }
+
+export { ListProps }
+
+export { ListSlots }
+
+export { ListState }
+
export { makeResetStyles }
export { makeStaticStyles }
@@ -3432,8 +3468,12 @@ export { renderLabel_unstable }
export { renderLink_unstable }
+export { renderList_unstable }
+
export { renderListbox_unstable }
+export { renderListItem_unstable }
+
export { renderMenu_unstable }
export { renderMenuButton_unstable }
@@ -4904,6 +4944,8 @@ export { useLinkState_unstable }
export { useLinkStyles_unstable }
+export { useList_unstable }
+
export { useListbox_unstable }
export { useListboxContext_unstable }
@@ -4912,6 +4954,12 @@ export { useListboxContextValues }
export { useListboxStyles_unstable }
+export { useListItem_unstable }
+
+export { useListItemStyles_unstable }
+
+export { useListStyles_unstable }
+
export { useMenu_unstable }
export { useMenuButton_unstable }
diff --git a/packages/react-components/react-components/package.json b/packages/react-components/react-components/package.json
index bce0970ab1155..224551b149af3 100644
--- a/packages/react-components/react-components/package.json
+++ b/packages/react-components/react-components/package.json
@@ -34,6 +34,7 @@
"@fluentui/react-input": "^9.4.96",
"@fluentui/react-label": "^9.1.81",
"@fluentui/react-link": "^9.3.5",
+ "@fluentui/react-list": "9.0.0-alpha.0",
"@fluentui/react-menu": "^9.14.24",
"@fluentui/react-overflow": "^9.2.5",
"@fluentui/react-persona": "^9.2.106",
diff --git a/packages/react-components/react-components/src/index.ts b/packages/react-components/react-components/src/index.ts
index 7cea93285e621..dc4d8fbed6052 100644
--- a/packages/react-components/react-components/src/index.ts
+++ b/packages/react-components/react-components/src/index.ts
@@ -1979,3 +1979,24 @@ export type {
CarouselViewportSlots,
CarouselViewportState,
} from '@fluentui/react-carousel';
+
+export {
+ List,
+ listClassNames,
+ renderList_unstable,
+ useListStyles_unstable,
+ useList_unstable,
+ ListItem,
+ listItemClassNames,
+ renderListItem_unstable,
+ useListItemStyles_unstable,
+ useListItem_unstable,
+} from '@fluentui/react-list';
+export type {
+ ListProps,
+ ListSlots,
+ ListState,
+ ListItemProps,
+ ListItemSlots,
+ ListItemState,
+} from '@fluentui/react-list';
diff --git a/packages/react-components/react-list-preview/stories/README.md b/packages/react-components/react-list-preview/stories/README.md
deleted file mode 100644
index c2f763eb66e36..0000000000000
--- a/packages/react-components/react-list-preview/stories/README.md
+++ /dev/null
@@ -1,17 +0,0 @@
-# @fluentui/react-list-preview-stories
-
-Storybook stories for packages/react-components/react-list-preview
-
-## Usage
-
-To include within storybook specify stories globs:
-
-\`\`\`js
-module.exports = {
-stories: ['../packages/react-components/react-list-preview/stories/src/**/*.stories.mdx', '../packages/react-components/react-list-preview/stories/src/**/index.stories.@(ts|tsx)'],
-}
-\`\`\`
-
-## API
-
-no public API available
diff --git a/packages/react-components/react-list-preview/library/.babelrc.json b/packages/react-components/react-list/library/.babelrc.json
similarity index 100%
rename from packages/react-components/react-list-preview/library/.babelrc.json
rename to packages/react-components/react-list/library/.babelrc.json
diff --git a/packages/react-components/react-list-preview/library/.eslintrc.json b/packages/react-components/react-list/library/.eslintrc.json
similarity index 100%
rename from packages/react-components/react-list-preview/library/.eslintrc.json
rename to packages/react-components/react-list/library/.eslintrc.json
diff --git a/packages/react-components/react-list-preview/library/.swcrc b/packages/react-components/react-list/library/.swcrc
similarity index 100%
rename from packages/react-components/react-list-preview/library/.swcrc
rename to packages/react-components/react-list/library/.swcrc
diff --git a/packages/react-components/react-list-preview/library/CHANGELOG.json b/packages/react-components/react-list/library/CHANGELOG.json
similarity index 100%
rename from packages/react-components/react-list-preview/library/CHANGELOG.json
rename to packages/react-components/react-list/library/CHANGELOG.json
diff --git a/packages/react-components/react-list-preview/library/CHANGELOG.md b/packages/react-components/react-list/library/CHANGELOG.md
similarity index 97%
rename from packages/react-components/react-list-preview/library/CHANGELOG.md
rename to packages/react-components/react-list/library/CHANGELOG.md
index f1ff09fec2fa3..c851cc897195a 100644
--- a/packages/react-components/react-list-preview/library/CHANGELOG.md
+++ b/packages/react-components/react-list/library/CHANGELOG.md
@@ -46,7 +46,7 @@ Fri, 06 Dec 2024 12:53:39 GMT
## [0.4.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-list-preview_v0.4.1)
-Mon, 18 Nov 2024 09:44:40 GMT
+Mon, 18 Nov 2024 09:44:40 GMT
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-list-preview_v0.4.0..@fluentui/react-list-preview_v0.4.1)
### Patches
@@ -55,7 +55,7 @@ Mon, 18 Nov 2024 09:44:40 GMT
## [0.4.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-list-preview_v0.4.0)
-Mon, 11 Nov 2024 10:00:42 GMT
+Mon, 11 Nov 2024 10:00:42 GMT
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-list-preview_v0.3.9..@fluentui/react-list-preview_v0.4.0)
### Minor changes
@@ -76,7 +76,7 @@ Mon, 11 Nov 2024 10:00:42 GMT
## [0.3.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-list-preview_v0.3.9)
-Tue, 15 Oct 2024 17:17:53 GMT
+Tue, 15 Oct 2024 17:17:53 GMT
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-list-preview_v0.3.8..@fluentui/react-list-preview_v0.3.9)
### Patches
@@ -91,7 +91,7 @@ Tue, 15 Oct 2024 17:17:53 GMT
## [0.3.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-list-preview_v0.3.8)
-Tue, 08 Oct 2024 22:05:57 GMT
+Tue, 08 Oct 2024 22:05:57 GMT
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-list-preview_v0.3.7..@fluentui/react-list-preview_v0.3.8)
### Patches
@@ -101,7 +101,7 @@ Tue, 08 Oct 2024 22:05:57 GMT
## [0.3.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-list-preview_v0.3.7)
-Mon, 23 Sep 2024 12:40:13 GMT
+Mon, 23 Sep 2024 12:40:13 GMT
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-list-preview_v0.3.6..@fluentui/react-list-preview_v0.3.7)
### Patches
@@ -116,7 +116,7 @@ Mon, 23 Sep 2024 12:40:13 GMT
## [0.3.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-list-preview_v0.3.6)
-Tue, 10 Sep 2024 10:19:12 GMT
+Tue, 10 Sep 2024 10:19:12 GMT
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-list-preview_v0.3.5..@fluentui/react-list-preview_v0.3.6)
### Patches
@@ -129,7 +129,7 @@ Tue, 10 Sep 2024 10:19:12 GMT
## [0.3.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-list-preview_v0.3.5)
-Thu, 15 Aug 2024 13:49:46 GMT
+Thu, 15 Aug 2024 13:49:46 GMT
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-list-preview_v0.3.4..@fluentui/react-list-preview_v0.3.5)
### Patches
@@ -139,7 +139,7 @@ Thu, 15 Aug 2024 13:49:46 GMT
## [0.3.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-list-preview_v0.3.4)
-Thu, 15 Aug 2024 08:22:11 GMT
+Thu, 15 Aug 2024 08:22:11 GMT
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-list-preview_v0.3.3..@fluentui/react-list-preview_v0.3.4)
### Patches
@@ -150,7 +150,7 @@ Thu, 15 Aug 2024 08:22:11 GMT
## [0.3.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-list-preview_v0.3.3)
-Tue, 30 Jul 2024 18:47:35 GMT
+Tue, 30 Jul 2024 18:47:35 GMT
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-list-preview_v0.3.2..@fluentui/react-list-preview_v0.3.3)
### Patches
@@ -159,7 +159,7 @@ Tue, 30 Jul 2024 18:47:35 GMT
## [0.3.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-list-preview_v0.3.2)
-Tue, 23 Jul 2024 20:13:14 GMT
+Tue, 23 Jul 2024 20:13:14 GMT
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-list-preview_v0.3.1..@fluentui/react-list-preview_v0.3.2)
### Patches
@@ -173,7 +173,7 @@ Tue, 23 Jul 2024 20:13:14 GMT
## [0.3.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-list-preview_v0.3.1)
-Mon, 15 Jul 2024 17:25:33 GMT
+Mon, 15 Jul 2024 17:25:33 GMT
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-list-preview_v0.3.0..@fluentui/react-list-preview_v0.3.1)
### Patches
@@ -188,7 +188,7 @@ Mon, 15 Jul 2024 17:25:33 GMT
## [0.3.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-list-preview_v0.3.0)
-Mon, 01 Jul 2024 20:30:52 GMT
+Mon, 01 Jul 2024 20:30:52 GMT
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-list-preview_v0.2.9..@fluentui/react-list-preview_v0.3.0)
### Minor changes
@@ -206,7 +206,7 @@ Mon, 01 Jul 2024 20:30:52 GMT
## [0.2.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-list-preview_v0.2.9)
-Mon, 17 Jun 2024 07:34:17 GMT
+Mon, 17 Jun 2024 07:34:17 GMT
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-list-preview_v0.2.8..@fluentui/react-list-preview_v0.2.9)
### Patches
@@ -217,7 +217,7 @@ Mon, 17 Jun 2024 07:34:17 GMT
## [0.2.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-list-preview_v0.2.8)
-Thu, 06 Jun 2024 15:26:34 GMT
+Thu, 06 Jun 2024 15:26:34 GMT
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-list-preview_v0.2.7..@fluentui/react-list-preview_v0.2.8)
### Patches
diff --git a/packages/react-components/react-list-preview/library/LICENSE b/packages/react-components/react-list/library/LICENSE
similarity index 97%
rename from packages/react-components/react-list-preview/library/LICENSE
rename to packages/react-components/react-list/library/LICENSE
index 1a85f39e0650b..1f57f4220e638 100644
--- a/packages/react-components/react-list-preview/library/LICENSE
+++ b/packages/react-components/react-list/library/LICENSE
@@ -1,4 +1,4 @@
-@fluentui/react-list-preview
+@fluentui/react-list
Copyright (c) Microsoft Corporation
diff --git a/packages/react-components/react-list-preview/library/README.md b/packages/react-components/react-list/library/README.md
similarity index 89%
rename from packages/react-components/react-list-preview/library/README.md
rename to packages/react-components/react-list/library/README.md
index 839279aca3d3b..fed8f352b5a68 100644
--- a/packages/react-components/react-list-preview/library/README.md
+++ b/packages/react-components/react-list/library/README.md
@@ -1,4 +1,4 @@
-# @fluentui/react-list-preview
+# @fluentui/react-list
**React List components for [Fluent UI React](https://react.fluentui.dev/)**
diff --git a/packages/react-components/react-list-preview/library/bundle-size/List.fixture.js b/packages/react-components/react-list/library/bundle-size/List.fixture.js
similarity index 51%
rename from packages/react-components/react-list-preview/library/bundle-size/List.fixture.js
rename to packages/react-components/react-list/library/bundle-size/List.fixture.js
index 2a0958ef57b14..bbf6ca451ffd8 100644
--- a/packages/react-components/react-list-preview/library/bundle-size/List.fixture.js
+++ b/packages/react-components/react-list/library/bundle-size/List.fixture.js
@@ -1,4 +1,4 @@
-import { List } from '@fluentui/react-list-preview';
+import { List } from '@fluentui/react-list';
console.log(List);
diff --git a/packages/react-components/react-list-preview/library/bundle-size/ListItem.fixture.js b/packages/react-components/react-list/library/bundle-size/ListItem.fixture.js
similarity index 53%
rename from packages/react-components/react-list-preview/library/bundle-size/ListItem.fixture.js
rename to packages/react-components/react-list/library/bundle-size/ListItem.fixture.js
index 7dad316a48c29..bb2a2b5cf76b4 100644
--- a/packages/react-components/react-list-preview/library/bundle-size/ListItem.fixture.js
+++ b/packages/react-components/react-list/library/bundle-size/ListItem.fixture.js
@@ -1,4 +1,4 @@
-import { ListItem } from '@fluentui/react-list-preview';
+import { ListItem } from '@fluentui/react-list';
console.log(ListItem);
diff --git a/packages/react-components/react-list-preview/library/config/api-extractor.json b/packages/react-components/react-list/library/config/api-extractor.json
similarity index 100%
rename from packages/react-components/react-list-preview/library/config/api-extractor.json
rename to packages/react-components/react-list/library/config/api-extractor.json
diff --git a/packages/react-components/react-list-preview/library/config/tests.js b/packages/react-components/react-list/library/config/tests.js
similarity index 100%
rename from packages/react-components/react-list-preview/library/config/tests.js
rename to packages/react-components/react-list/library/config/tests.js
diff --git a/packages/react-components/react-list-preview/library/cypress.config.ts b/packages/react-components/react-list/library/cypress.config.ts
similarity index 100%
rename from packages/react-components/react-list-preview/library/cypress.config.ts
rename to packages/react-components/react-list/library/cypress.config.ts
diff --git a/packages/react-components/react-list-preview/library/docs/ListA11y.md b/packages/react-components/react-list/library/docs/ListA11y.md
similarity index 100%
rename from packages/react-components/react-list-preview/library/docs/ListA11y.md
rename to packages/react-components/react-list/library/docs/ListA11y.md
diff --git a/packages/react-components/react-list-preview/library/docs/MIGRATION.md b/packages/react-components/react-list/library/docs/MIGRATION.md
similarity index 100%
rename from packages/react-components/react-list-preview/library/docs/MIGRATION.md
rename to packages/react-components/react-list/library/docs/MIGRATION.md
diff --git a/packages/react-components/react-list-preview/library/docs/Spec.md b/packages/react-components/react-list/library/docs/Spec.md
similarity index 99%
rename from packages/react-components/react-list-preview/library/docs/Spec.md
rename to packages/react-components/react-list/library/docs/Spec.md
index 81e9a80d2a986..5fac7c3e69b88 100644
--- a/packages/react-components/react-list-preview/library/docs/Spec.md
+++ b/packages/react-components/react-list/library/docs/Spec.md
@@ -1,4 +1,4 @@
-# @fluentui/react-list-preview Spec
+# @fluentui/react-list Spec
## Background
diff --git a/packages/react-components/react-list-preview/library/etc/react-list-preview.api.md b/packages/react-components/react-list/library/etc/react-list.api.md
similarity index 98%
rename from packages/react-components/react-list-preview/library/etc/react-list-preview.api.md
rename to packages/react-components/react-list/library/etc/react-list.api.md
index 773fd117ad1c4..2ff7019a5bcdb 100644
--- a/packages/react-components/react-list-preview/library/etc/react-list-preview.api.md
+++ b/packages/react-components/react-list/library/etc/react-list.api.md
@@ -1,4 +1,4 @@
-## API Report File for "@fluentui/react-list-preview"
+## API Report File for "@fluentui/react-list"
> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
diff --git a/packages/react-components/react-list-preview/library/jest.config.js b/packages/react-components/react-list/library/jest.config.js
similarity index 97%
rename from packages/react-components/react-list-preview/library/jest.config.js
rename to packages/react-components/react-list/library/jest.config.js
index f6333c979a2ce..b8b9f61ddfbf8 100644
--- a/packages/react-components/react-list-preview/library/jest.config.js
+++ b/packages/react-components/react-list/library/jest.config.js
@@ -23,7 +23,7 @@ if (swcJestConfig.swcrc === undefined) {
* @type {import('@jest/types').Config.InitialOptions}
*/
module.exports = {
- displayName: 'react-list-preview',
+ displayName: 'react-list',
preset: '../../../../jest.preset.js',
transform: {
'^.+\\.tsx?$': ['@swc/jest', swcJestConfig],
diff --git a/packages/react-components/react-list-preview/library/package.json b/packages/react-components/react-list/library/package.json
similarity index 96%
rename from packages/react-components/react-list-preview/library/package.json
rename to packages/react-components/react-list/library/package.json
index 9ccd91f5b3a29..0bb815194667d 100644
--- a/packages/react-components/react-list-preview/library/package.json
+++ b/packages/react-components/react-list/library/package.json
@@ -1,6 +1,6 @@
{
- "name": "@fluentui/react-list-preview",
- "version": "0.4.4",
+ "name": "@fluentui/react-list",
+ "version": "9.0.0-alpha.0",
"description": "React List v9",
"main": "lib-commonjs/index.js",
"module": "lib/index.js",
diff --git a/packages/react-components/react-list-preview/library/project.json b/packages/react-components/react-list/library/project.json
similarity index 61%
rename from packages/react-components/react-list-preview/library/project.json
rename to packages/react-components/react-list/library/project.json
index 240928152922b..33aebf7aed8a6 100644
--- a/packages/react-components/react-list-preview/library/project.json
+++ b/packages/react-components/react-list/library/project.json
@@ -1,8 +1,8 @@
{
- "name": "react-list-preview",
+ "name": "react-list",
"$schema": "../../../../node_modules/nx/schemas/project-schema.json",
"projectType": "library",
- "sourceRoot": "packages/react-components/react-list-preview/library/src",
+ "sourceRoot": "packages/react-components/react-list/library/src",
"tags": ["platform:web", "vNext"],
"implicitDependencies": []
}
diff --git a/packages/react-components/react-list-preview/library/src/List.ts b/packages/react-components/react-list/library/src/List.ts
similarity index 100%
rename from packages/react-components/react-list-preview/library/src/List.ts
rename to packages/react-components/react-list/library/src/List.ts
diff --git a/packages/react-components/react-list-preview/library/src/ListItem.ts b/packages/react-components/react-list/library/src/ListItem.ts
similarity index 100%
rename from packages/react-components/react-list-preview/library/src/ListItem.ts
rename to packages/react-components/react-list/library/src/ListItem.ts
diff --git a/packages/react-components/react-list-preview/library/src/components/List/List.cy.tsx b/packages/react-components/react-list/library/src/components/List/List.cy.tsx
similarity index 100%
rename from packages/react-components/react-list-preview/library/src/components/List/List.cy.tsx
rename to packages/react-components/react-list/library/src/components/List/List.cy.tsx
diff --git a/packages/react-components/react-list-preview/library/src/components/List/List.test.tsx b/packages/react-components/react-list/library/src/components/List/List.test.tsx
similarity index 100%
rename from packages/react-components/react-list-preview/library/src/components/List/List.test.tsx
rename to packages/react-components/react-list/library/src/components/List/List.test.tsx
diff --git a/packages/react-components/react-list-preview/library/src/components/List/List.tsx b/packages/react-components/react-list/library/src/components/List/List.tsx
similarity index 100%
rename from packages/react-components/react-list-preview/library/src/components/List/List.tsx
rename to packages/react-components/react-list/library/src/components/List/List.tsx
diff --git a/packages/react-components/react-list-preview/library/src/components/List/List.types.ts b/packages/react-components/react-list/library/src/components/List/List.types.ts
similarity index 100%
rename from packages/react-components/react-list-preview/library/src/components/List/List.types.ts
rename to packages/react-components/react-list/library/src/components/List/List.types.ts
diff --git a/packages/react-components/react-list-preview/library/src/components/List/__snapshots__/List.test.tsx.snap b/packages/react-components/react-list/library/src/components/List/__snapshots__/List.test.tsx.snap
similarity index 100%
rename from packages/react-components/react-list-preview/library/src/components/List/__snapshots__/List.test.tsx.snap
rename to packages/react-components/react-list/library/src/components/List/__snapshots__/List.test.tsx.snap
diff --git a/packages/react-components/react-list-preview/library/src/components/List/index.ts b/packages/react-components/react-list/library/src/components/List/index.ts
similarity index 100%
rename from packages/react-components/react-list-preview/library/src/components/List/index.ts
rename to packages/react-components/react-list/library/src/components/List/index.ts
diff --git a/packages/react-components/react-list-preview/library/src/components/List/listContext.ts b/packages/react-components/react-list/library/src/components/List/listContext.ts
similarity index 100%
rename from packages/react-components/react-list-preview/library/src/components/List/listContext.ts
rename to packages/react-components/react-list/library/src/components/List/listContext.ts
diff --git a/packages/react-components/react-list-preview/library/src/components/List/renderList.tsx b/packages/react-components/react-list/library/src/components/List/renderList.tsx
similarity index 100%
rename from packages/react-components/react-list-preview/library/src/components/List/renderList.tsx
rename to packages/react-components/react-list/library/src/components/List/renderList.tsx
diff --git a/packages/react-components/react-list-preview/library/src/components/List/useList.ts b/packages/react-components/react-list/library/src/components/List/useList.ts
similarity index 100%
rename from packages/react-components/react-list-preview/library/src/components/List/useList.ts
rename to packages/react-components/react-list/library/src/components/List/useList.ts
diff --git a/packages/react-components/react-list-preview/library/src/components/List/useListContextValues.ts b/packages/react-components/react-list/library/src/components/List/useListContextValues.ts
similarity index 100%
rename from packages/react-components/react-list-preview/library/src/components/List/useListContextValues.ts
rename to packages/react-components/react-list/library/src/components/List/useListContextValues.ts
diff --git a/packages/react-components/react-list-preview/library/src/components/List/useListStyles.styles.ts b/packages/react-components/react-list/library/src/components/List/useListStyles.styles.ts
similarity index 100%
rename from packages/react-components/react-list-preview/library/src/components/List/useListStyles.styles.ts
rename to packages/react-components/react-list/library/src/components/List/useListStyles.styles.ts
diff --git a/packages/react-components/react-list-preview/library/src/components/ListItem/ListItem.test.tsx b/packages/react-components/react-list/library/src/components/ListItem/ListItem.test.tsx
similarity index 100%
rename from packages/react-components/react-list-preview/library/src/components/ListItem/ListItem.test.tsx
rename to packages/react-components/react-list/library/src/components/ListItem/ListItem.test.tsx
diff --git a/packages/react-components/react-list-preview/library/src/components/ListItem/ListItem.tsx b/packages/react-components/react-list/library/src/components/ListItem/ListItem.tsx
similarity index 100%
rename from packages/react-components/react-list-preview/library/src/components/ListItem/ListItem.tsx
rename to packages/react-components/react-list/library/src/components/ListItem/ListItem.tsx
diff --git a/packages/react-components/react-list-preview/library/src/components/ListItem/ListItem.types.ts b/packages/react-components/react-list/library/src/components/ListItem/ListItem.types.ts
similarity index 100%
rename from packages/react-components/react-list-preview/library/src/components/ListItem/ListItem.types.ts
rename to packages/react-components/react-list/library/src/components/ListItem/ListItem.types.ts
diff --git a/packages/react-components/react-list-preview/library/src/components/ListItem/__snapshots__/ListItem.test.tsx.snap b/packages/react-components/react-list/library/src/components/ListItem/__snapshots__/ListItem.test.tsx.snap
similarity index 100%
rename from packages/react-components/react-list-preview/library/src/components/ListItem/__snapshots__/ListItem.test.tsx.snap
rename to packages/react-components/react-list/library/src/components/ListItem/__snapshots__/ListItem.test.tsx.snap
diff --git a/packages/react-components/react-list-preview/library/src/components/ListItem/index.ts b/packages/react-components/react-list/library/src/components/ListItem/index.ts
similarity index 100%
rename from packages/react-components/react-list-preview/library/src/components/ListItem/index.ts
rename to packages/react-components/react-list/library/src/components/ListItem/index.ts
diff --git a/packages/react-components/react-list-preview/library/src/components/ListItem/renderListItem.tsx b/packages/react-components/react-list/library/src/components/ListItem/renderListItem.tsx
similarity index 100%
rename from packages/react-components/react-list-preview/library/src/components/ListItem/renderListItem.tsx
rename to packages/react-components/react-list/library/src/components/ListItem/renderListItem.tsx
diff --git a/packages/react-components/react-list-preview/library/src/components/ListItem/useListItem.tsx b/packages/react-components/react-list/library/src/components/ListItem/useListItem.tsx
similarity index 100%
rename from packages/react-components/react-list-preview/library/src/components/ListItem/useListItem.tsx
rename to packages/react-components/react-list/library/src/components/ListItem/useListItem.tsx
diff --git a/packages/react-components/react-list-preview/library/src/components/ListItem/useListItemStyles.styles.ts b/packages/react-components/react-list/library/src/components/ListItem/useListItemStyles.styles.ts
similarity index 100%
rename from packages/react-components/react-list-preview/library/src/components/ListItem/useListItemStyles.styles.ts
rename to packages/react-components/react-list/library/src/components/ListItem/useListItemStyles.styles.ts
diff --git a/packages/react-components/react-list-preview/library/src/events/ListItemActionEvent.ts b/packages/react-components/react-list/library/src/events/ListItemActionEvent.ts
similarity index 100%
rename from packages/react-components/react-list-preview/library/src/events/ListItemActionEvent.ts
rename to packages/react-components/react-list/library/src/events/ListItemActionEvent.ts
diff --git a/packages/react-components/react-list-preview/library/src/hooks/index.ts b/packages/react-components/react-list/library/src/hooks/index.ts
similarity index 100%
rename from packages/react-components/react-list-preview/library/src/hooks/index.ts
rename to packages/react-components/react-list/library/src/hooks/index.ts
diff --git a/packages/react-components/react-list-preview/library/src/hooks/types.ts b/packages/react-components/react-list/library/src/hooks/types.ts
similarity index 100%
rename from packages/react-components/react-list-preview/library/src/hooks/types.ts
rename to packages/react-components/react-list/library/src/hooks/types.ts
diff --git a/packages/react-components/react-list-preview/library/src/hooks/useListSelection.tsx b/packages/react-components/react-list/library/src/hooks/useListSelection.tsx
similarity index 100%
rename from packages/react-components/react-list-preview/library/src/hooks/useListSelection.tsx
rename to packages/react-components/react-list/library/src/hooks/useListSelection.tsx
diff --git a/packages/react-components/react-list-preview/library/src/index.ts b/packages/react-components/react-list/library/src/index.ts
similarity index 100%
rename from packages/react-components/react-list-preview/library/src/index.ts
rename to packages/react-components/react-list/library/src/index.ts
diff --git a/packages/react-components/react-list-preview/library/src/testing/isConformant.ts b/packages/react-components/react-list/library/src/testing/isConformant.ts
similarity index 100%
rename from packages/react-components/react-list-preview/library/src/testing/isConformant.ts
rename to packages/react-components/react-list/library/src/testing/isConformant.ts
diff --git a/packages/react-components/react-list-preview/library/src/utils/calculateListItemRoleForListRole.ts b/packages/react-components/react-list/library/src/utils/calculateListItemRoleForListRole.ts
similarity index 100%
rename from packages/react-components/react-list-preview/library/src/utils/calculateListItemRoleForListRole.ts
rename to packages/react-components/react-list/library/src/utils/calculateListItemRoleForListRole.ts
diff --git a/packages/react-components/react-list-preview/library/src/utils/calculateListRole.ts b/packages/react-components/react-list/library/src/utils/calculateListRole.ts
similarity index 100%
rename from packages/react-components/react-list-preview/library/src/utils/calculateListRole.ts
rename to packages/react-components/react-list/library/src/utils/calculateListRole.ts
diff --git a/packages/react-components/react-list-preview/library/src/utils/index.ts b/packages/react-components/react-list/library/src/utils/index.ts
similarity index 100%
rename from packages/react-components/react-list-preview/library/src/utils/index.ts
rename to packages/react-components/react-list/library/src/utils/index.ts
diff --git a/packages/react-components/react-list-preview/library/src/utils/validateGridCellsArePresent.ts b/packages/react-components/react-list/library/src/utils/validateGridCellsArePresent.ts
similarity index 74%
rename from packages/react-components/react-list-preview/library/src/utils/validateGridCellsArePresent.ts
rename to packages/react-components/react-list/library/src/utils/validateGridCellsArePresent.ts
index 5ca4178c27af4..abc773e499d14 100644
--- a/packages/react-components/react-list-preview/library/src/utils/validateGridCellsArePresent.ts
+++ b/packages/react-components/react-list/library/src/utils/validateGridCellsArePresent.ts
@@ -14,7 +14,7 @@ export const validateGridCellsArePresent = (listRole: string, listItemEl: HTMLEl
if (gridCells.length === 0) {
//eslint-disable-next-line no-console
console.warn(
- `@fluentui/react-list-preview [useList]:\nList items in List with "grid" role (which is automatically assigned when navigationMode is set to "composite") must contain at least one "gridcell" as direct child of for proper screen reader support.`,
+ `@fluentui/react-list [useList]:\nList items in List with "grid" role (which is automatically assigned when navigationMode is set to "composite") must contain at least one "gridcell" as direct child of for proper screen reader support.`,
`Ideally, each focus target should be in it's own "gridcell", which is a direct child of .\n`,
);
}
diff --git a/packages/react-components/react-list-preview/library/src/utils/validateProperElementTypes.ts b/packages/react-components/react-list/library/src/utils/validateProperElementTypes.ts
similarity index 100%
rename from packages/react-components/react-list-preview/library/src/utils/validateProperElementTypes.ts
rename to packages/react-components/react-list/library/src/utils/validateProperElementTypes.ts
diff --git a/packages/react-components/react-list-preview/library/src/utils/validateProperRolesAreUsed.ts b/packages/react-components/react-list/library/src/utils/validateProperRolesAreUsed.ts
similarity index 81%
rename from packages/react-components/react-list-preview/library/src/utils/validateProperRolesAreUsed.ts
rename to packages/react-components/react-list/library/src/utils/validateProperRolesAreUsed.ts
index 4e8c8cbfae0c3..3210c91aeb555 100644
--- a/packages/react-components/react-list-preview/library/src/utils/validateProperRolesAreUsed.ts
+++ b/packages/react-components/react-list/library/src/utils/validateProperRolesAreUsed.ts
@@ -39,7 +39,7 @@ export const validateProperRolesAreUsed = (
if (role !== expectedRole) {
/* eslint-disable-next-line no-console */
- console.warn(`@fluentui/react-list-preview [useList]:\nThe role "${role}" does not match the expected role "${expectedRole}".\nPlease use the "navigationMode" property for automatic role assignment and keyboard navigation.\nIf you are using this role intentionally, make sure to verify screen reader support.
+ console.warn(`@fluentui/react-list [useList]:\nThe role "${role}" does not match the expected role "${expectedRole}".\nPlease use the "navigationMode" property for automatic role assignment and keyboard navigation.\nIf you are using this role intentionally, make sure to verify screen reader support.
`);
}
};
diff --git a/packages/react-components/react-list-preview/library/tsconfig.cy.json b/packages/react-components/react-list/library/tsconfig.cy.json
similarity index 100%
rename from packages/react-components/react-list-preview/library/tsconfig.cy.json
rename to packages/react-components/react-list/library/tsconfig.cy.json
diff --git a/packages/react-components/react-list-preview/library/tsconfig.json b/packages/react-components/react-list/library/tsconfig.json
similarity index 100%
rename from packages/react-components/react-list-preview/library/tsconfig.json
rename to packages/react-components/react-list/library/tsconfig.json
diff --git a/packages/react-components/react-list-preview/library/tsconfig.lib.json b/packages/react-components/react-list/library/tsconfig.lib.json
similarity index 100%
rename from packages/react-components/react-list-preview/library/tsconfig.lib.json
rename to packages/react-components/react-list/library/tsconfig.lib.json
diff --git a/packages/react-components/react-list-preview/library/tsconfig.spec.json b/packages/react-components/react-list/library/tsconfig.spec.json
similarity index 100%
rename from packages/react-components/react-list-preview/library/tsconfig.spec.json
rename to packages/react-components/react-list/library/tsconfig.spec.json
diff --git a/packages/react-components/react-list-preview/stories/.eslintrc.json b/packages/react-components/react-list/stories/.eslintrc.json
similarity index 100%
rename from packages/react-components/react-list-preview/stories/.eslintrc.json
rename to packages/react-components/react-list/stories/.eslintrc.json
diff --git a/packages/react-components/react-list-preview/stories/.storybook/main.js b/packages/react-components/react-list/stories/.storybook/main.js
similarity index 100%
rename from packages/react-components/react-list-preview/stories/.storybook/main.js
rename to packages/react-components/react-list/stories/.storybook/main.js
diff --git a/packages/react-components/react-list-preview/stories/.storybook/preview.js b/packages/react-components/react-list/stories/.storybook/preview.js
similarity index 100%
rename from packages/react-components/react-list-preview/stories/.storybook/preview.js
rename to packages/react-components/react-list/stories/.storybook/preview.js
diff --git a/packages/react-components/react-list-preview/stories/.storybook/tsconfig.json b/packages/react-components/react-list/stories/.storybook/tsconfig.json
similarity index 100%
rename from packages/react-components/react-list-preview/stories/.storybook/tsconfig.json
rename to packages/react-components/react-list/stories/.storybook/tsconfig.json
diff --git a/packages/react-components/react-list/stories/README.md b/packages/react-components/react-list/stories/README.md
new file mode 100644
index 0000000000000..2b6ee1be8d78e
--- /dev/null
+++ b/packages/react-components/react-list/stories/README.md
@@ -0,0 +1,17 @@
+# @fluentui/react-list-stories
+
+Storybook stories for packages/react-components/react-list
+
+## Usage
+
+To include within storybook specify stories globs:
+
+\`\`\`js
+module.exports = {
+stories: ['../packages/react-components/react-list/stories/src/**/*.stories.mdx', '../packages/react-components/react-list/stories/src/**/index.stories.@(ts|tsx)'],
+}
+\`\`\`
+
+## API
+
+no public API available
diff --git a/packages/react-components/react-list-preview/stories/package.json b/packages/react-components/react-list/stories/package.json
similarity index 76%
rename from packages/react-components/react-list-preview/stories/package.json
rename to packages/react-components/react-list/stories/package.json
index 3a53d0878de0a..dbfdc3b711cf5 100644
--- a/packages/react-components/react-list-preview/stories/package.json
+++ b/packages/react-components/react-list/stories/package.json
@@ -1,10 +1,9 @@
{
- "name": "@fluentui/react-list-preview-stories",
+ "name": "@fluentui/react-list-stories",
"version": "0.0.0",
"private": true,
"devDependencies": {
"@fluentui/react-components": "*",
- "@fluentui/react-list-preview": "*",
"@fluentui/react-storybook-addon": "*",
"@fluentui/react-storybook-addon-export-to-sandbox": "*",
"@fluentui/scripts-storybook": "*",
diff --git a/packages/react-components/react-list-preview/stories/project.json b/packages/react-components/react-list/stories/project.json
similarity index 61%
rename from packages/react-components/react-list-preview/stories/project.json
rename to packages/react-components/react-list/stories/project.json
index 2682fd6d16d5c..90413e9e4abe5 100644
--- a/packages/react-components/react-list-preview/stories/project.json
+++ b/packages/react-components/react-list/stories/project.json
@@ -1,8 +1,8 @@
{
- "name": "react-list-preview-stories",
+ "name": "react-list-stories",
"$schema": "../../../../node_modules/nx/schemas/project-schema.json",
"projectType": "library",
- "sourceRoot": "packages/react-components/react-list-preview/stories/src",
+ "sourceRoot": "packages/react-components/react-list/stories/src",
"tags": ["vNext", "platform:web", "type:stories"],
"implicitDependencies": []
}
diff --git a/packages/react-components/react-list-preview/stories/src/List/ListActiveElement.stories.tsx b/packages/react-components/react-list/stories/src/List/ListActiveElement.stories.tsx
similarity index 98%
rename from packages/react-components/react-list-preview/stories/src/List/ListActiveElement.stories.tsx
rename to packages/react-components/react-list/stories/src/List/ListActiveElement.stories.tsx
index 1ed9c1d973ac3..e957fc8968226 100644
--- a/packages/react-components/react-list-preview/stories/src/List/ListActiveElement.stories.tsx
+++ b/packages/react-components/react-list/stories/src/List/ListActiveElement.stories.tsx
@@ -1,6 +1,6 @@
import { Button, makeStyles, Persona, mergeClasses, Text, tokens, SelectionItemId } from '@fluentui/react-components';
import { Mic16Regular } from '@fluentui/react-icons';
-import { List, ListItem } from '@fluentui/react-list-preview';
+import { List, ListItem } from '@fluentui/react-components';
import * as React from 'react';
diff --git a/packages/react-components/react-list-preview/stories/src/List/ListBestPractices.md b/packages/react-components/react-list/stories/src/List/ListBestPractices.md
similarity index 100%
rename from packages/react-components/react-list-preview/stories/src/List/ListBestPractices.md
rename to packages/react-components/react-list/stories/src/List/ListBestPractices.md
diff --git a/packages/react-components/react-list-preview/stories/src/List/ListDefault.stories.tsx b/packages/react-components/react-list/stories/src/List/ListDefault.stories.tsx
similarity index 93%
rename from packages/react-components/react-list-preview/stories/src/List/ListDefault.stories.tsx
rename to packages/react-components/react-list/stories/src/List/ListDefault.stories.tsx
index 243bc294a05e3..5d62c69ba78bd 100644
--- a/packages/react-components/react-list-preview/stories/src/List/ListDefault.stories.tsx
+++ b/packages/react-components/react-list/stories/src/List/ListDefault.stories.tsx
@@ -1,5 +1,5 @@
import * as React from 'react';
-import { List, ListItem } from '@fluentui/react-list-preview';
+import { List, ListItem } from '@fluentui/react-components';
import { tokens, Text, makeResetStyles } from '@fluentui/react-components';
const useTextStyle = makeResetStyles({
diff --git a/packages/react-components/react-list-preview/stories/src/List/ListDescription.md b/packages/react-components/react-list/stories/src/List/ListDescription.md
similarity index 100%
rename from packages/react-components/react-list-preview/stories/src/List/ListDescription.md
rename to packages/react-components/react-list/stories/src/List/ListDescription.md
diff --git a/packages/react-components/react-list-preview/stories/src/List/MultipleActionsDifferentPrimary.stories.tsx b/packages/react-components/react-list/stories/src/List/MultipleActionsDifferentPrimary.stories.tsx
similarity index 98%
rename from packages/react-components/react-list-preview/stories/src/List/MultipleActionsDifferentPrimary.stories.tsx
rename to packages/react-components/react-list/stories/src/List/MultipleActionsDifferentPrimary.stories.tsx
index 20c6801f2176f..167701a80b767 100644
--- a/packages/react-components/react-list-preview/stories/src/List/MultipleActionsDifferentPrimary.stories.tsx
+++ b/packages/react-components/react-list/stories/src/List/MultipleActionsDifferentPrimary.stories.tsx
@@ -14,7 +14,7 @@ import {
tokens,
} from '@fluentui/react-components';
import { MoreHorizontal20Regular } from '@fluentui/react-icons';
-import { List, ListItem } from '@fluentui/react-list-preview';
+import { List, ListItem } from '@fluentui/react-components';
import * as React from 'react';
diff --git a/packages/react-components/react-list-preview/stories/src/List/MultipleActionsSelection.stories.tsx b/packages/react-components/react-list/stories/src/List/MultipleActionsSelection.stories.tsx
similarity index 98%
rename from packages/react-components/react-list-preview/stories/src/List/MultipleActionsSelection.stories.tsx
rename to packages/react-components/react-list/stories/src/List/MultipleActionsSelection.stories.tsx
index 6422dc905ded0..d9860a8907a3f 100644
--- a/packages/react-components/react-list-preview/stories/src/List/MultipleActionsSelection.stories.tsx
+++ b/packages/react-components/react-list/stories/src/List/MultipleActionsSelection.stories.tsx
@@ -14,7 +14,7 @@ import {
tokens,
} from '@fluentui/react-components';
import { MoreHorizontal20Regular } from '@fluentui/react-icons';
-import { List, ListItem } from '@fluentui/react-list-preview';
+import { List, ListItem } from '@fluentui/react-components';
import * as React from 'react';
diff --git a/packages/react-components/react-list-preview/stories/src/List/MultipleActionsWithPrimary.stories.tsx b/packages/react-components/react-list/stories/src/List/MultipleActionsWithPrimary.stories.tsx
similarity index 98%
rename from packages/react-components/react-list-preview/stories/src/List/MultipleActionsWithPrimary.stories.tsx
rename to packages/react-components/react-list/stories/src/List/MultipleActionsWithPrimary.stories.tsx
index d2aa92f59727c..9593b1ec20b24 100644
--- a/packages/react-components/react-list-preview/stories/src/List/MultipleActionsWithPrimary.stories.tsx
+++ b/packages/react-components/react-list/stories/src/List/MultipleActionsWithPrimary.stories.tsx
@@ -14,7 +14,7 @@ import {
tokens,
} from '@fluentui/react-components';
import { MoreHorizontal20Regular } from '@fluentui/react-icons';
-import { List, ListItem } from '@fluentui/react-list-preview';
+import { List, ListItem } from '@fluentui/react-components';
import * as React from 'react';
diff --git a/packages/react-components/react-list-preview/stories/src/List/SingleAction.stories.tsx b/packages/react-components/react-list/stories/src/List/SingleAction.stories.tsx
similarity index 95%
rename from packages/react-components/react-list-preview/stories/src/List/SingleAction.stories.tsx
rename to packages/react-components/react-list/stories/src/List/SingleAction.stories.tsx
index ca9ceb5993c53..f10c2dabfce9b 100644
--- a/packages/react-components/react-list-preview/stories/src/List/SingleAction.stories.tsx
+++ b/packages/react-components/react-list/stories/src/List/SingleAction.stories.tsx
@@ -1,5 +1,5 @@
import { Persona } from '@fluentui/react-components';
-import { List, ListItem } from '@fluentui/react-list-preview';
+import { List, ListItem } from '@fluentui/react-components';
import * as React from 'react';
diff --git a/packages/react-components/react-list-preview/stories/src/List/SingleActionSelection.stories.tsx b/packages/react-components/react-list/stories/src/List/SingleActionSelection.stories.tsx
similarity index 96%
rename from packages/react-components/react-list-preview/stories/src/List/SingleActionSelection.stories.tsx
rename to packages/react-components/react-list/stories/src/List/SingleActionSelection.stories.tsx
index d034389afe412..d07fee97c764b 100644
--- a/packages/react-components/react-list-preview/stories/src/List/SingleActionSelection.stories.tsx
+++ b/packages/react-components/react-list/stories/src/List/SingleActionSelection.stories.tsx
@@ -1,5 +1,5 @@
import { Persona } from '@fluentui/react-components';
-import { List, ListItem } from '@fluentui/react-list-preview';
+import { List, ListItem } from '@fluentui/react-components';
import * as React from 'react';
diff --git a/packages/react-components/react-list-preview/stories/src/List/SingleActionSelectionControlled.stories.tsx b/packages/react-components/react-list/stories/src/List/SingleActionSelectionControlled.stories.tsx
similarity index 97%
rename from packages/react-components/react-list-preview/stories/src/List/SingleActionSelectionControlled.stories.tsx
rename to packages/react-components/react-list/stories/src/List/SingleActionSelectionControlled.stories.tsx
index ab0e54d2c9dab..4321135382adb 100644
--- a/packages/react-components/react-list-preview/stories/src/List/SingleActionSelectionControlled.stories.tsx
+++ b/packages/react-components/react-list/stories/src/List/SingleActionSelectionControlled.stories.tsx
@@ -1,5 +1,5 @@
import { Button, makeStyles, Persona, SelectionItemId } from '@fluentui/react-components';
-import { List, ListItem } from '@fluentui/react-list-preview';
+import { List, ListItem } from '@fluentui/react-components';
import * as React from 'react';
diff --git a/packages/react-components/react-list-preview/stories/src/List/SingleActionSelectionDifferentPrimary.stories.tsx b/packages/react-components/react-list/stories/src/List/SingleActionSelectionDifferentPrimary.stories.tsx
similarity index 97%
rename from packages/react-components/react-list-preview/stories/src/List/SingleActionSelectionDifferentPrimary.stories.tsx
rename to packages/react-components/react-list/stories/src/List/SingleActionSelectionDifferentPrimary.stories.tsx
index d352c3d4a9757..d73951698ab15 100644
--- a/packages/react-components/react-list-preview/stories/src/List/SingleActionSelectionDifferentPrimary.stories.tsx
+++ b/packages/react-components/react-list/stories/src/List/SingleActionSelectionDifferentPrimary.stories.tsx
@@ -1,5 +1,5 @@
import { Persona, SelectionItemId } from '@fluentui/react-components';
-import { List, ListItem } from '@fluentui/react-list-preview';
+import { List, ListItem } from '@fluentui/react-components';
import * as React from 'react';
diff --git a/packages/react-components/react-list-preview/stories/src/List/VirtualizedList.stories.tsx b/packages/react-components/react-list/stories/src/List/VirtualizedList.stories.tsx
similarity index 98%
rename from packages/react-components/react-list-preview/stories/src/List/VirtualizedList.stories.tsx
rename to packages/react-components/react-list/stories/src/List/VirtualizedList.stories.tsx
index eb78c2ca347c7..9ba6e0a7ef75b 100644
--- a/packages/react-components/react-list-preview/stories/src/List/VirtualizedList.stories.tsx
+++ b/packages/react-components/react-list/stories/src/List/VirtualizedList.stories.tsx
@@ -1,6 +1,6 @@
import * as React from 'react';
import { FixedSizeList } from 'react-window';
-import { List, ListItem } from '@fluentui/react-list-preview';
+import { List, ListItem } from '@fluentui/react-components';
import { tokens, Text, makeResetStyles } from '@fluentui/react-components';
const countries = [
diff --git a/packages/react-components/react-list-preview/stories/src/List/VirtualizedListWithActionableItems.stories.tsx b/packages/react-components/react-list/stories/src/List/VirtualizedListWithActionableItems.stories.tsx
similarity index 98%
rename from packages/react-components/react-list-preview/stories/src/List/VirtualizedListWithActionableItems.stories.tsx
rename to packages/react-components/react-list/stories/src/List/VirtualizedListWithActionableItems.stories.tsx
index 9ca56aafc5c4d..9035e5dc4097c 100644
--- a/packages/react-components/react-list-preview/stories/src/List/VirtualizedListWithActionableItems.stories.tsx
+++ b/packages/react-components/react-list/stories/src/List/VirtualizedListWithActionableItems.stories.tsx
@@ -1,6 +1,6 @@
import * as React from 'react';
import { FixedSizeList } from 'react-window';
-import { List, ListItem } from '@fluentui/react-list-preview';
+import { List, ListItem } from '@fluentui/react-components';
import { tokens, Text, makeResetStyles } from '@fluentui/react-components';
const countries = [
diff --git a/packages/react-components/react-list-preview/stories/src/List/index.stories.tsx b/packages/react-components/react-list/stories/src/List/index.stories.tsx
similarity index 92%
rename from packages/react-components/react-list-preview/stories/src/List/index.stories.tsx
rename to packages/react-components/react-list/stories/src/List/index.stories.tsx
index a90149cbbdc23..f5558d69783b3 100644
--- a/packages/react-components/react-list-preview/stories/src/List/index.stories.tsx
+++ b/packages/react-components/react-list/stories/src/List/index.stories.tsx
@@ -1,4 +1,4 @@
-import { List } from '@fluentui/react-list-preview';
+import { List } from '@fluentui/react-components';
import descriptionMd from './ListDescription.md';
import bestPracticesMd from './ListBestPractices.md';
@@ -16,7 +16,7 @@ export { VirtualizedListWithActionableItems } from './VirtualizedListWithActiona
export { ListActiveElement } from './ListActiveElement.stories';
export default {
- title: 'Preview Components/List',
+ title: 'Components/List',
component: List,
parameters: {
docs: {
diff --git a/packages/react-components/react-list-preview/stories/src/index.ts b/packages/react-components/react-list/stories/src/index.ts
similarity index 100%
rename from packages/react-components/react-list-preview/stories/src/index.ts
rename to packages/react-components/react-list/stories/src/index.ts
diff --git a/packages/react-components/react-list-preview/stories/tsconfig.json b/packages/react-components/react-list/stories/tsconfig.json
similarity index 100%
rename from packages/react-components/react-list-preview/stories/tsconfig.json
rename to packages/react-components/react-list/stories/tsconfig.json
diff --git a/packages/react-components/react-list-preview/stories/tsconfig.lib.json b/packages/react-components/react-list/stories/tsconfig.lib.json
similarity index 100%
rename from packages/react-components/react-list-preview/stories/tsconfig.lib.json
rename to packages/react-components/react-list/stories/tsconfig.lib.json
diff --git a/tsconfig.base.all.json b/tsconfig.base.all.json
index f3ec9a9fcbbf2..259394b5d3b16 100644
--- a/tsconfig.base.all.json
+++ b/tsconfig.base.all.json
@@ -157,8 +157,6 @@
"@fluentui/react-label-stories": ["packages/react-components/react-label/stories/src/index.ts"],
"@fluentui/react-link": ["packages/react-components/react-link/library/src/index.ts"],
"@fluentui/react-link-stories": ["packages/react-components/react-link/stories/src/index.ts"],
- "@fluentui/react-list-preview": ["packages/react-components/react-list-preview/library/src/index.ts"],
- "@fluentui/react-list-preview-stories": ["packages/react-components/react-list-preview/stories/src/index.ts"],
"@fluentui/react-menu": ["packages/react-components/react-menu/library/src/index.ts"],
"@fluentui/react-menu-stories": ["packages/react-components/react-menu/stories/src/index.ts"],
"@fluentui/react-message-bar": ["packages/react-components/react-message-bar/library/src/index.ts"],
@@ -265,7 +263,9 @@
"@fluentui/recipes": ["packages/react-components/recipes/src/index.ts"],
"@fluentui/theme-designer": ["packages/react-components/theme-designer/src/index.ts"],
"@fluentui/tokens": ["packages/tokens/src/index.ts"],
- "@fluentui/workspace-plugin": ["tools/workspace-plugin/src/index.ts"]
+ "@fluentui/workspace-plugin": ["tools/workspace-plugin/src/index.ts"],
+ "@fluentui/react-list-stories": ["packages/react-components/react-list/stories/src/index.ts"],
+ "@fluentui/react-list": ["packages/react-components/react-list/library/src/index.ts"]
}
}
}
diff --git a/tsconfig.base.json b/tsconfig.base.json
index 753eb855d3f20..8646fc887ddcb 100644
--- a/tsconfig.base.json
+++ b/tsconfig.base.json
@@ -91,8 +91,8 @@
"@fluentui/react-label-stories": ["packages/react-components/react-label/stories/src/index.ts"],
"@fluentui/react-link": ["packages/react-components/react-link/library/src/index.ts"],
"@fluentui/react-link-stories": ["packages/react-components/react-link/stories/src/index.ts"],
- "@fluentui/react-list-preview": ["packages/react-components/react-list-preview/library/src/index.ts"],
- "@fluentui/react-list-preview-stories": ["packages/react-components/react-list-preview/stories/src/index.ts"],
+ "@fluentui/react-list": ["packages/react-components/react-list/library/src/index.ts"],
+ "@fluentui/react-list-stories": ["packages/react-components/react-list/stories/src/index.ts"],
"@fluentui/react-menu": ["packages/react-components/react-menu/library/src/index.ts"],
"@fluentui/react-menu-stories": ["packages/react-components/react-menu/stories/src/index.ts"],
"@fluentui/react-message-bar": ["packages/react-components/react-message-bar/library/src/index.ts"],