diff --git a/.github/CODEOWNERS b/.github/CODEOWNERS index f2987fc3384a67..0fa6ce268e72fc 100644 --- a/.github/CODEOWNERS +++ b/.github/CODEOWNERS @@ -230,7 +230,7 @@ packages/react-components/react-tree @microsoft/teams-prg packages/react-components/react-virtualizer @microsoft/xc-uxe @Mitch-At-Work packages/react-components/react-skeleton @microsoft/cxe-red packages/tokens @microsoft/teams-prg -packages/react-components/react-tags-preview @microsoft/cxe-red @microsoft/teams-prg +packages/react-components/react-tags @microsoft/cxe-red @microsoft/teams-prg packages/react-components/react-migration-v0-v9 @microsoft/teams-prg packages/react-components/react-datepicker-compat @microsoft/cxe-red @sopranopillow @khmakoto packages/react-components/react-migration-v8-v9 @microsoft/cxe-red @geoffcoxmsft diff --git a/apps/public-docsite-v9/package.json b/apps/public-docsite-v9/package.json index 193a22f1773d2e..564b0ffe99cf29 100644 --- a/apps/public-docsite-v9/package.json +++ b/apps/public-docsite-v9/package.json @@ -24,7 +24,6 @@ }, "dependencies": { "@fluentui/react-breadcrumb-preview": "*", - "@fluentui/react-tags-preview": "*", "@fluentui/react-datepicker-compat": "*", "@fluentui/react-migration-v8-v9": "*", "@fluentui/react-migration-v0-v9": "*", diff --git a/apps/vr-tests-react-components/package.json b/apps/vr-tests-react-components/package.json index a06d0cd03d40ef..2098c05b58f508 100644 --- a/apps/vr-tests-react-components/package.json +++ b/apps/vr-tests-react-components/package.json @@ -59,7 +59,7 @@ "@fluentui/react-switch": "*", "@fluentui/react-table": "*", "@fluentui/react-tabs": "*", - "@fluentui/react-tags-preview": "*", + "@fluentui/react-tags": ">=9.0.0-alpha", "@fluentui/react-text": "*", "@fluentui/react-textarea": "*", "@fluentui/react-theme": "*", diff --git a/apps/vr-tests-react-components/src/stories/Tag/InteractionTag.stories.tsx b/apps/vr-tests-react-components/src/stories/Tag/InteractionTag.stories.tsx index 0bfcc85e79d06d..88a300aebc624f 100644 --- a/apps/vr-tests-react-components/src/stories/Tag/InteractionTag.stories.tsx +++ b/apps/vr-tests-react-components/src/stories/Tag/InteractionTag.stories.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { InteractionTag, InteractionTagPrimary, InteractionTagSecondary } from '@fluentui/react-tags-preview'; +import { InteractionTag, InteractionTagPrimary, InteractionTagSecondary } from '@fluentui/react-tags'; import { bundleIcon, CalendarMonthFilled, CalendarMonthRegular } from '@fluentui/react-icons'; import { ComponentMeta } from '@storybook/react'; import { getStoryVariant, withStoryWrightSteps, DARK_MODE, HIGH_CONTRAST, RTL } from '../../utilities'; diff --git a/apps/vr-tests-react-components/src/stories/Tag/InteractionTagAppearances.stories.tsx b/apps/vr-tests-react-components/src/stories/Tag/InteractionTagAppearances.stories.tsx index 459ba8d2ae6643..f976d2d70a2f45 100644 --- a/apps/vr-tests-react-components/src/stories/Tag/InteractionTagAppearances.stories.tsx +++ b/apps/vr-tests-react-components/src/stories/Tag/InteractionTagAppearances.stories.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { InteractionTag, InteractionTagPrimary, InteractionTagSecondary } from '@fluentui/react-tags-preview'; +import { InteractionTag, InteractionTagPrimary, InteractionTagSecondary } from '@fluentui/react-tags'; import { bundleIcon, CalendarMonthFilled, CalendarMonthRegular } from '@fluentui/react-icons'; import { ComponentMeta } from '@storybook/react'; import { getStoryVariant, withStoryWrightSteps, DARK_MODE, HIGH_CONTRAST } from '../../utilities'; diff --git a/apps/vr-tests-react-components/src/stories/Tag/InteractionTagShape.stories.tsx b/apps/vr-tests-react-components/src/stories/Tag/InteractionTagShape.stories.tsx index 3a4eaca6f3105c..56ee37944574bf 100644 --- a/apps/vr-tests-react-components/src/stories/Tag/InteractionTagShape.stories.tsx +++ b/apps/vr-tests-react-components/src/stories/Tag/InteractionTagShape.stories.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { InteractionTag, InteractionTagPrimary, InteractionTagSecondary } from '@fluentui/react-tags-preview'; +import { InteractionTag, InteractionTagPrimary, InteractionTagSecondary } from '@fluentui/react-tags'; import { ComponentMeta } from '@storybook/react'; import { getStoryVariant, withStoryWrightSteps, RTL } from '../../utilities'; import { Avatar } from '@fluentui/react-avatar'; diff --git a/apps/vr-tests-react-components/src/stories/Tag/Tag.stories.tsx b/apps/vr-tests-react-components/src/stories/Tag/Tag.stories.tsx index 6e08f6a630475b..f95469f3f6b468 100644 --- a/apps/vr-tests-react-components/src/stories/Tag/Tag.stories.tsx +++ b/apps/vr-tests-react-components/src/stories/Tag/Tag.stories.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { Tag } from '@fluentui/react-tags-preview'; +import { Tag } from '@fluentui/react-tags'; import { bundleIcon, CalendarMonthFilled, CalendarMonthRegular } from '@fluentui/react-icons'; import { ComponentMeta } from '@storybook/react'; import { getStoryVariant, withStoryWrightSteps, DARK_MODE, HIGH_CONTRAST, RTL } from '../../utilities'; diff --git a/apps/vr-tests-react-components/src/stories/Tag/TagAppearances.stories.tsx b/apps/vr-tests-react-components/src/stories/Tag/TagAppearances.stories.tsx index 2a2e7c6d0bfc8d..294e2aceaa21a2 100644 --- a/apps/vr-tests-react-components/src/stories/Tag/TagAppearances.stories.tsx +++ b/apps/vr-tests-react-components/src/stories/Tag/TagAppearances.stories.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { Tag } from '@fluentui/react-tags-preview'; +import { Tag } from '@fluentui/react-tags'; import { bundleIcon, CalendarMonthFilled, CalendarMonthRegular } from '@fluentui/react-icons'; import { ComponentMeta } from '@storybook/react'; import { getStoryVariant, withStoryWrightSteps, DARK_MODE, HIGH_CONTRAST } from '../../utilities'; diff --git a/apps/vr-tests-react-components/src/stories/Tag/TagGroup.stories.tsx b/apps/vr-tests-react-components/src/stories/Tag/TagGroup.stories.tsx index 7815fb94a058fd..bf2168e68a919f 100644 --- a/apps/vr-tests-react-components/src/stories/Tag/TagGroup.stories.tsx +++ b/apps/vr-tests-react-components/src/stories/Tag/TagGroup.stories.tsx @@ -1,11 +1,5 @@ import * as React from 'react'; -import { - TagGroup, - Tag, - InteractionTag, - InteractionTagPrimary, - InteractionTagSecondary, -} from '@fluentui/react-tags-preview'; +import { TagGroup, Tag, InteractionTag, InteractionTagPrimary, InteractionTagSecondary } from '@fluentui/react-tags'; import { ComponentMeta } from '@storybook/react'; import { Steps } from 'storywright'; import { withStoryWrightSteps } from '../../utilities'; diff --git a/apps/vr-tests-react-components/src/stories/Tag/TagShape.stories.tsx b/apps/vr-tests-react-components/src/stories/Tag/TagShape.stories.tsx index 18aec55709af9a..5bcdfc9c154c6d 100644 --- a/apps/vr-tests-react-components/src/stories/Tag/TagShape.stories.tsx +++ b/apps/vr-tests-react-components/src/stories/Tag/TagShape.stories.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { Tag } from '@fluentui/react-tags-preview'; +import { Tag } from '@fluentui/react-tags'; import { ComponentMeta } from '@storybook/react'; import { getStoryVariant, withStoryWrightSteps, RTL } from '../../utilities'; import { Avatar } from '@fluentui/react-avatar'; diff --git a/change/@fluentui-react-components-e001cc25-618a-4ece-8e23-125059460c21.json b/change/@fluentui-react-components-e001cc25-618a-4ece-8e23-125059460c21.json new file mode 100644 index 00000000000000..a25abb8962a37f --- /dev/null +++ b/change/@fluentui-react-components-e001cc25-618a-4ece-8e23-125059460c21.json @@ -0,0 +1,7 @@ +{ + "type": "minor", + "comment": "feat: release Tag component", + "packageName": "@fluentui/react-components", + "email": "yuanboxue@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-tags-bd5a3f4a-0aef-420f-b625-a57a1ca9eb01.json b/change/@fluentui-react-tags-bd5a3f4a-0aef-420f-b625-a57a1ca9eb01.json new file mode 100644 index 00000000000000..6ec4c2690c0e4b --- /dev/null +++ b/change/@fluentui-react-tags-bd5a3f4a-0aef-420f-b625-a57a1ca9eb01.json @@ -0,0 +1,7 @@ +{ + "type": "minor", + "comment": "feat: initial release", + "packageName": "@fluentui/react-tags", + "email": "yuanboxue@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 7191b2d5726396..0551aef8fa1427 100644 --- a/packages/react-components/react-components/etc/react-components.api.md +++ b/packages/react-components/react-components/etc/react-components.api.md @@ -318,6 +318,22 @@ import { InputOnChangeData } from '@fluentui/react-input'; import { InputProps } from '@fluentui/react-input'; import { InputSlots } from '@fluentui/react-input'; import { InputState } from '@fluentui/react-input'; +import { InteractionTag } from '@fluentui/react-tags'; +import { interactionTagClassNames } from '@fluentui/react-tags'; +import { InteractionTagPrimary } from '@fluentui/react-tags'; +import { interactionTagPrimaryClassNames } from '@fluentui/react-tags'; +import { InteractionTagPrimaryContextValues } from '@fluentui/react-tags'; +import { InteractionTagPrimaryProps } from '@fluentui/react-tags'; +import { InteractionTagPrimarySlots } from '@fluentui/react-tags'; +import { InteractionTagPrimaryState } from '@fluentui/react-tags'; +import { InteractionTagProps } from '@fluentui/react-tags'; +import { InteractionTagSecondary } from '@fluentui/react-tags'; +import { interactionTagSecondaryClassNames } from '@fluentui/react-tags'; +import { InteractionTagSecondaryProps } from '@fluentui/react-tags'; +import { InteractionTagSecondarySlots } from '@fluentui/react-tags'; +import { InteractionTagSecondaryState } from '@fluentui/react-tags'; +import { InteractionTagSlots } from '@fluentui/react-tags'; +import { InteractionTagState } from '@fluentui/react-tags'; import { Label } from '@fluentui/react-label'; import { labelClassNames } from '@fluentui/react-label'; import { LabelProps } from '@fluentui/react-label'; @@ -549,6 +565,9 @@ import { renderFlatTree_unstable } from '@fluentui/react-tree'; import { renderFluentProvider_unstable } from '@fluentui/react-provider'; import { renderImage_unstable } from '@fluentui/react-image'; import { renderInput_unstable } from '@fluentui/react-input'; +import { renderInteractionTag_unstable } from '@fluentui/react-tags'; +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 { renderListbox_unstable } from '@fluentui/react-combobox'; @@ -595,6 +614,8 @@ import { renderTableResizeHandle_unstable } from '@fluentui/react-table'; import { renderTableRow_unstable } from '@fluentui/react-table'; import { renderTableSelectionCell_unstable } from '@fluentui/react-table'; import { renderTabList_unstable } from '@fluentui/react-tabs'; +import { renderTag_unstable } from '@fluentui/react-tags'; +import { renderTagGroup_unstable } from '@fluentui/react-tags'; import { renderText_unstable } from '@fluentui/react-text'; import { renderTextarea_unstable } from '@fluentui/react-textarea'; import { renderToast_unstable } from '@fluentui/react-toast'; @@ -774,6 +795,23 @@ import { TabRegisterData } from '@fluentui/react-tabs'; import { TabSlots } from '@fluentui/react-tabs'; import { TabState } from '@fluentui/react-tabs'; import { TabValue } from '@fluentui/react-tabs'; +import { Tag } from '@fluentui/react-tags'; +import { TagAppearance } from '@fluentui/react-tags'; +import { tagClassNames } from '@fluentui/react-tags'; +import { TagDismissData } from '@fluentui/react-tags'; +import { TagDismissEvent } from '@fluentui/react-tags'; +import { TagDismissHandler } from '@fluentui/react-tags'; +import { TagGroup } from '@fluentui/react-tags'; +import { tagGroupClassNames } from '@fluentui/react-tags'; +import { TagGroupProps } from '@fluentui/react-tags'; +import { TagGroupSlots } from '@fluentui/react-tags'; +import { TagGroupState } from '@fluentui/react-tags'; +import { TagProps } from '@fluentui/react-tags'; +import { TagShape } from '@fluentui/react-tags'; +import { TagSize } from '@fluentui/react-tags'; +import { TagSlots } from '@fluentui/react-tags'; +import { TagState } from '@fluentui/react-tags'; +import { TagValue } from '@fluentui/react-tags'; import { teamsDarkTheme } from '@fluentui/react-theme'; import { teamsHighContrastTheme } from '@fluentui/react-theme'; import { teamsLightTheme } from '@fluentui/react-theme'; @@ -1015,6 +1053,13 @@ import { useImage_unstable } from '@fluentui/react-image'; import { useImageStyles_unstable } from '@fluentui/react-image'; import { useInput_unstable } from '@fluentui/react-input'; import { useInputStyles_unstable } from '@fluentui/react-input'; +import { useInteractionTag_unstable } from '@fluentui/react-tags'; +import { useInteractionTagContextValues_unstable } from '@fluentui/react-tags'; +import { useInteractionTagPrimary_unstable } from '@fluentui/react-tags'; +import { useInteractionTagPrimaryStyles_unstable } from '@fluentui/react-tags'; +import { useInteractionTagSecondary_unstable } from '@fluentui/react-tags'; +import { useInteractionTagSecondaryStyles_unstable } from '@fluentui/react-tags'; +import { useInteractionTagStyles_unstable } from '@fluentui/react-tags'; import { useIsInTableHeader } from '@fluentui/react-table'; import { useIsomorphicLayoutEffect } from '@fluentui/react-utilities'; import { useIsOverflowGroupVisible } from '@fluentui/react-overflow'; @@ -1146,6 +1191,12 @@ import { useTabListContext_unstable } from '@fluentui/react-tabs'; import { useTabListContextValues_unstable } from '@fluentui/react-tabs'; import { useTabListStyles_unstable } from '@fluentui/react-tabs'; import { useTabStyles_unstable } from '@fluentui/react-tabs'; +import { useTag_unstable } from '@fluentui/react-tags'; +import { useTagAvatarContextValues_unstable } from '@fluentui/react-tags'; +import { useTagGroup_unstable } from '@fluentui/react-tags'; +import { useTagGroupContextValues_unstable } from '@fluentui/react-tags'; +import { useTagGroupStyles_unstable } from '@fluentui/react-tags'; +import { useTagStyles_unstable } from '@fluentui/react-tags'; import { useText_unstable } from '@fluentui/react-text'; import { useTextarea_unstable } from '@fluentui/react-textarea'; import { useTextareaStyles_unstable } from '@fluentui/react-textarea'; @@ -1825,6 +1876,38 @@ export { InputSlots } export { InputState } +export { InteractionTag } + +export { interactionTagClassNames } + +export { InteractionTagPrimary } + +export { interactionTagPrimaryClassNames } + +export { InteractionTagPrimaryContextValues } + +export { InteractionTagPrimaryProps } + +export { InteractionTagPrimarySlots } + +export { InteractionTagPrimaryState } + +export { InteractionTagProps } + +export { InteractionTagSecondary } + +export { interactionTagSecondaryClassNames } + +export { InteractionTagSecondaryProps } + +export { InteractionTagSecondarySlots } + +export { InteractionTagSecondaryState } + +export { InteractionTagSlots } + +export { InteractionTagState } + export { Label } export { labelClassNames } @@ -2287,6 +2370,12 @@ export { renderImage_unstable } export { renderInput_unstable } +export { renderInteractionTag_unstable } + +export { renderInteractionTagPrimary_unstable } + +export { renderInteractionTagSecondary_unstable } + export { renderLabel_unstable } export { renderLink_unstable } @@ -2379,6 +2468,10 @@ export { renderTableSelectionCell_unstable } export { renderTabList_unstable } +export { renderTag_unstable } + +export { renderTagGroup_unstable } + export { renderText_unstable } export { renderTextarea_unstable } @@ -2737,6 +2830,40 @@ export { TabState } export { TabValue } +export { Tag } + +export { TagAppearance } + +export { tagClassNames } + +export { TagDismissData } + +export { TagDismissEvent } + +export { TagDismissHandler } + +export { TagGroup } + +export { tagGroupClassNames } + +export { TagGroupProps } + +export { TagGroupSlots } + +export { TagGroupState } + +export { TagProps } + +export { TagShape } + +export { TagSize } + +export { TagSlots } + +export { TagState } + +export { TagValue } + export { teamsDarkTheme } export { teamsHighContrastTheme } @@ -3219,6 +3346,20 @@ export { useInput_unstable } export { useInputStyles_unstable } +export { useInteractionTag_unstable } + +export { useInteractionTagContextValues_unstable } + +export { useInteractionTagPrimary_unstable } + +export { useInteractionTagPrimaryStyles_unstable } + +export { useInteractionTagSecondary_unstable } + +export { useInteractionTagSecondaryStyles_unstable } + +export { useInteractionTagStyles_unstable } + export { useIsInTableHeader } export { useIsomorphicLayoutEffect } @@ -3481,6 +3622,18 @@ export { useTabListStyles_unstable } export { useTabStyles_unstable } +export { useTag_unstable } + +export { useTagAvatarContextValues_unstable } + +export { useTagGroup_unstable } + +export { useTagGroupContextValues_unstable } + +export { useTagGroupStyles_unstable } + +export { useTagStyles_unstable } + export { useText_unstable } export { useTextarea_unstable } diff --git a/packages/react-components/react-components/package.json b/packages/react-components/react-components/package.json index ab39db465e8494..72771c5d7e3e5f 100644 --- a/packages/react-components/react-components/package.json +++ b/packages/react-components/react-components/package.json @@ -67,6 +67,7 @@ "@fluentui/react-table": "^9.10.0", "@fluentui/react-tabs": "^9.3.46", "@fluentui/react-tabster": "^9.13.2", + "@fluentui/react-tags": "9.0.0-alpha.0", "@fluentui/react-textarea": "^9.3.42", "@fluentui/react-theme": "^9.1.14", "@fluentui/react-toast": "^9.3.6", diff --git a/packages/react-components/react-components/src/index.ts b/packages/react-components/react-components/src/index.ts index 079514d542d473..38dc860451eda6 100644 --- a/packages/react-components/react-components/src/index.ts +++ b/packages/react-components/react-components/src/index.ts @@ -1304,3 +1304,59 @@ export type { TreeSlots, TreeState, } from '@fluentui/react-tree'; + +export { + Tag, + renderTag_unstable, + tagClassNames, + useTagStyles_unstable, + useTag_unstable, + InteractionTag, + renderInteractionTag_unstable, + interactionTagClassNames, + useInteractionTagStyles_unstable, + useInteractionTag_unstable, + useInteractionTagContextValues_unstable, + InteractionTagPrimary, + interactionTagPrimaryClassNames, + renderInteractionTagPrimary_unstable, + useInteractionTagPrimaryStyles_unstable, + useInteractionTagPrimary_unstable, + InteractionTagSecondary, + renderInteractionTagSecondary_unstable, + interactionTagSecondaryClassNames, + useInteractionTagSecondaryStyles_unstable, + useInteractionTagSecondary_unstable, + TagGroup, + renderTagGroup_unstable, + tagGroupClassNames, + useTagGroupStyles_unstable, + useTagGroup_unstable, + useTagGroupContextValues_unstable, + useTagAvatarContextValues_unstable, +} from '@fluentui/react-tags'; +export type { + TagProps, + TagSlots, + TagState, + InteractionTagProps, + InteractionTagSlots, + InteractionTagState, + InteractionTagPrimaryContextValues, + InteractionTagPrimaryProps, + InteractionTagPrimarySlots, + InteractionTagPrimaryState, + InteractionTagSecondaryProps, + InteractionTagSecondarySlots, + InteractionTagSecondaryState, + TagGroupProps, + TagGroupSlots, + TagGroupState, + TagAppearance, + TagShape, + TagSize, + TagValue, + TagDismissData, + TagDismissEvent, + TagDismissHandler, +} from '@fluentui/react-tags'; diff --git a/packages/react-components/react-tags-preview/.babelrc.json b/packages/react-components/react-tags/.babelrc.json similarity index 100% rename from packages/react-components/react-tags-preview/.babelrc.json rename to packages/react-components/react-tags/.babelrc.json diff --git a/packages/react-components/react-tags-preview/.eslintrc.json b/packages/react-components/react-tags/.eslintrc.json similarity index 100% rename from packages/react-components/react-tags-preview/.eslintrc.json rename to packages/react-components/react-tags/.eslintrc.json diff --git a/packages/react-components/react-tags-preview/.npmignore b/packages/react-components/react-tags/.npmignore similarity index 100% rename from packages/react-components/react-tags-preview/.npmignore rename to packages/react-components/react-tags/.npmignore diff --git a/packages/react-components/react-tags-preview/.storybook/main.js b/packages/react-components/react-tags/.storybook/main.js similarity index 100% rename from packages/react-components/react-tags-preview/.storybook/main.js rename to packages/react-components/react-tags/.storybook/main.js diff --git a/packages/react-components/react-tags-preview/.storybook/preview.js b/packages/react-components/react-tags/.storybook/preview.js similarity index 100% rename from packages/react-components/react-tags-preview/.storybook/preview.js rename to packages/react-components/react-tags/.storybook/preview.js diff --git a/packages/react-components/react-tags-preview/.storybook/tsconfig.json b/packages/react-components/react-tags/.storybook/tsconfig.json similarity index 100% rename from packages/react-components/react-tags-preview/.storybook/tsconfig.json rename to packages/react-components/react-tags/.storybook/tsconfig.json diff --git a/packages/react-components/react-tags-preview/.swcrc b/packages/react-components/react-tags/.swcrc similarity index 100% rename from packages/react-components/react-tags-preview/.swcrc rename to packages/react-components/react-tags/.swcrc diff --git a/packages/react-components/react-tags-preview/CHANGELOG.json b/packages/react-components/react-tags/CHANGELOG.json similarity index 100% rename from packages/react-components/react-tags-preview/CHANGELOG.json rename to packages/react-components/react-tags/CHANGELOG.json diff --git a/packages/react-components/react-tags-preview/CHANGELOG.md b/packages/react-components/react-tags/CHANGELOG.md similarity index 97% rename from packages/react-components/react-tags-preview/CHANGELOG.md rename to packages/react-components/react-tags/CHANGELOG.md index 1885d27f4da5cf..e354af2241bcab 100644 --- a/packages/react-components/react-tags-preview/CHANGELOG.md +++ b/packages/react-components/react-tags/CHANGELOG.md @@ -18,7 +18,7 @@ Mon, 02 Oct 2023 08:56:05 GMT ## [0.3.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags-preview_v0.3.1) -Tue, 26 Sep 2023 17:49:13 GMT +Tue, 26 Sep 2023 17:49:13 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tags-preview_v0.3.0..@fluentui/react-tags-preview_v0.3.1) ### Patches @@ -35,7 +35,7 @@ Tue, 26 Sep 2023 17:49:13 GMT ## [0.3.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags-preview_v0.3.0) -Tue, 26 Sep 2023 15:31:45 GMT +Tue, 26 Sep 2023 15:31:45 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tags-preview_v0.2.12..@fluentui/react-tags-preview_v0.3.0) ### Minor changes @@ -63,7 +63,7 @@ Tue, 26 Sep 2023 15:31:45 GMT ## [0.2.12](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags-preview_v0.2.12) -Wed, 20 Sep 2023 17:47:44 GMT +Wed, 20 Sep 2023 17:47:44 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tags-preview_v0.2.11..@fluentui/react-tags-preview_v0.2.12) ### Patches @@ -76,7 +76,7 @@ Wed, 20 Sep 2023 17:47:44 GMT ## [0.2.11](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags-preview_v0.2.11) -Wed, 20 Sep 2023 14:59:51 GMT +Wed, 20 Sep 2023 14:59:51 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tags-preview_v0.2.10..@fluentui/react-tags-preview_v0.2.11) ### Patches @@ -90,7 +90,7 @@ Wed, 20 Sep 2023 14:59:51 GMT ## [0.2.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags-preview_v0.2.10) -Thu, 14 Sep 2023 16:44:47 GMT +Thu, 14 Sep 2023 16:44:47 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tags-preview_v0.2.9..@fluentui/react-tags-preview_v0.2.10) ### Patches @@ -100,7 +100,7 @@ Thu, 14 Sep 2023 16:44:47 GMT ## [0.2.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags-preview_v0.2.9) -Tue, 12 Sep 2023 08:51:34 GMT +Tue, 12 Sep 2023 08:51:34 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tags-preview_v0.2.8..@fluentui/react-tags-preview_v0.2.9) ### Patches @@ -111,7 +111,7 @@ Tue, 12 Sep 2023 08:51:34 GMT ## [0.2.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags-preview_v0.2.8) -Wed, 06 Sep 2023 13:31:31 GMT +Wed, 06 Sep 2023 13:31:31 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tags-preview_v0.2.7..@fluentui/react-tags-preview_v0.2.8) ### Patches @@ -124,7 +124,7 @@ Wed, 06 Sep 2023 13:31:31 GMT ## [0.2.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags-preview_v0.2.7) -Tue, 05 Sep 2023 15:39:04 GMT +Tue, 05 Sep 2023 15:39:04 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tags-preview_v0.2.6..@fluentui/react-tags-preview_v0.2.7) ### Patches @@ -137,7 +137,7 @@ Tue, 05 Sep 2023 15:39:04 GMT ## [0.2.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags-preview_v0.2.6) -Tue, 05 Sep 2023 13:29:06 GMT +Tue, 05 Sep 2023 13:29:06 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tags-preview_v0.2.5..@fluentui/react-tags-preview_v0.2.6) ### Patches @@ -158,7 +158,7 @@ Tue, 05 Sep 2023 13:29:06 GMT ## [0.2.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags-preview_v0.2.5) -Tue, 29 Aug 2023 12:57:35 GMT +Tue, 29 Aug 2023 12:57:35 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tags-preview_v0.2.4..@fluentui/react-tags-preview_v0.2.5) ### Patches @@ -173,7 +173,7 @@ Tue, 29 Aug 2023 12:57:35 GMT ## [0.2.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags-preview_v0.2.4) -Thu, 24 Aug 2023 10:26:35 GMT +Thu, 24 Aug 2023 10:26:35 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tags-preview_v0.2.3..@fluentui/react-tags-preview_v0.2.4) ### Patches @@ -186,7 +186,7 @@ Thu, 24 Aug 2023 10:26:35 GMT ## [0.2.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags-preview_v0.2.3) -Wed, 23 Aug 2023 12:01:49 GMT +Wed, 23 Aug 2023 12:01:49 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tags-preview_v0.2.2..@fluentui/react-tags-preview_v0.2.3) ### Patches @@ -199,7 +199,7 @@ Wed, 23 Aug 2023 12:01:49 GMT ## [0.2.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags-preview_v0.2.2) -Mon, 21 Aug 2023 11:38:02 GMT +Mon, 21 Aug 2023 11:38:02 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tags-preview_v0.2.1..@fluentui/react-tags-preview_v0.2.2) ### Patches @@ -210,7 +210,7 @@ Mon, 21 Aug 2023 11:38:02 GMT ## [0.2.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags-preview_v0.2.1) -Wed, 16 Aug 2023 17:41:08 GMT +Wed, 16 Aug 2023 17:41:08 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tags-preview_v0.2.0..@fluentui/react-tags-preview_v0.2.1) ### Patches @@ -221,7 +221,7 @@ Wed, 16 Aug 2023 17:41:08 GMT ## [0.2.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags-preview_v0.2.0) -Wed, 16 Aug 2023 11:38:33 GMT +Wed, 16 Aug 2023 11:38:33 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tags-preview_v0.1.3..@fluentui/react-tags-preview_v0.2.0) ### Minor changes @@ -232,7 +232,7 @@ Wed, 16 Aug 2023 11:38:33 GMT ## [0.1.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags-preview_v0.1.3) -Fri, 11 Aug 2023 12:14:26 GMT +Fri, 11 Aug 2023 12:14:26 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tags-preview_v0.1.2..@fluentui/react-tags-preview_v0.1.3) ### Patches @@ -245,7 +245,7 @@ Fri, 11 Aug 2023 12:14:26 GMT ## [0.1.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags-preview_v0.1.2) -Wed, 09 Aug 2023 13:17:06 GMT +Wed, 09 Aug 2023 13:17:06 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tags-preview_v0.1.1..@fluentui/react-tags-preview_v0.1.2) ### Patches @@ -261,7 +261,7 @@ Wed, 09 Aug 2023 13:17:06 GMT ## [0.1.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags-preview_v0.1.1) -Fri, 04 Aug 2023 08:52:58 GMT +Fri, 04 Aug 2023 08:52:58 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tags-preview_v0.1.0..@fluentui/react-tags-preview_v0.1.1) ### Patches diff --git a/packages/react-components/react-tags-preview/LICENSE b/packages/react-components/react-tags/LICENSE similarity index 100% rename from packages/react-components/react-tags-preview/LICENSE rename to packages/react-components/react-tags/LICENSE diff --git a/packages/react-components/react-tags-preview/README.md b/packages/react-components/react-tags/README.md similarity index 87% rename from packages/react-components/react-tags-preview/README.md rename to packages/react-components/react-tags/README.md index cf1d9f79ab1d7b..5514a4921dcbc9 100644 --- a/packages/react-components/react-tags-preview/README.md +++ b/packages/react-components/react-tags/README.md @@ -1,9 +1,7 @@ -# @fluentui/react-tags-preview +# @fluentui/react-tags **React Tags components for [Fluent UI React](https://react.fluentui.dev/)** -These are not production-ready components and **should never be used in product**. This space is useful for testing new components whose APIs might change before final release. - - `Tag` provides visual representation of an attribute, person or asset. - `InteractionTag` follows the same characteristics as `Tag`, but with the added functionality of having a primary interaction. - `TagGroup` is used to group multiple tags together. diff --git a/packages/react-components/react-tags-preview/bundle-size/InteractionTag.fixture.js b/packages/react-components/react-tags/bundle-size/InteractionTag.fixture.js similarity index 55% rename from packages/react-components/react-tags-preview/bundle-size/InteractionTag.fixture.js rename to packages/react-components/react-tags/bundle-size/InteractionTag.fixture.js index d904e812c6efa8..1e6b8815661853 100644 --- a/packages/react-components/react-tags-preview/bundle-size/InteractionTag.fixture.js +++ b/packages/react-components/react-tags/bundle-size/InteractionTag.fixture.js @@ -1,4 +1,4 @@ -import { InteractionTag } from '@fluentui/react-tags-preview'; +import { InteractionTag } from '@fluentui/react-tags'; console.log(InteractionTag); diff --git a/packages/react-components/react-tags-preview/bundle-size/TagGroup.fixture.js b/packages/react-components/react-tags/bundle-size/TagGroup.fixture.js similarity index 53% rename from packages/react-components/react-tags-preview/bundle-size/TagGroup.fixture.js rename to packages/react-components/react-tags/bundle-size/TagGroup.fixture.js index 42526a66d72e0d..fcf4dc93304afb 100644 --- a/packages/react-components/react-tags-preview/bundle-size/TagGroup.fixture.js +++ b/packages/react-components/react-tags/bundle-size/TagGroup.fixture.js @@ -1,4 +1,4 @@ -import { TagGroup } from '@fluentui/react-tags-preview'; +import { TagGroup } from '@fluentui/react-tags'; console.log(TagGroup); diff --git a/packages/react-components/react-tags-preview/bundle-size/tag.fixture.js b/packages/react-components/react-tags/bundle-size/tag.fixture.js similarity index 51% rename from packages/react-components/react-tags-preview/bundle-size/tag.fixture.js rename to packages/react-components/react-tags/bundle-size/tag.fixture.js index 22affbdba28755..3e1a566ef404c8 100644 --- a/packages/react-components/react-tags-preview/bundle-size/tag.fixture.js +++ b/packages/react-components/react-tags/bundle-size/tag.fixture.js @@ -1,4 +1,4 @@ -import { Tag } from '@fluentui/react-tags-preview'; +import { Tag } from '@fluentui/react-tags'; console.log(Tag); diff --git a/packages/react-components/react-tags-preview/config/api-extractor.json b/packages/react-components/react-tags/config/api-extractor.json similarity index 100% rename from packages/react-components/react-tags-preview/config/api-extractor.json rename to packages/react-components/react-tags/config/api-extractor.json diff --git a/packages/react-components/react-tags-preview/config/tests.js b/packages/react-components/react-tags/config/tests.js similarity index 100% rename from packages/react-components/react-tags-preview/config/tests.js rename to packages/react-components/react-tags/config/tests.js diff --git a/packages/react-components/react-tags-preview/cypress.config.ts b/packages/react-components/react-tags/cypress.config.ts similarity index 100% rename from packages/react-components/react-tags-preview/cypress.config.ts rename to packages/react-components/react-tags/cypress.config.ts diff --git a/packages/react-components/react-tags-preview/docs/Spec.md b/packages/react-components/react-tags/docs/Spec.md similarity index 100% rename from packages/react-components/react-tags-preview/docs/Spec.md rename to packages/react-components/react-tags/docs/Spec.md diff --git a/packages/react-components/react-tags-preview/etc/react-tags-preview.api.md b/packages/react-components/react-tags/etc/react-tags.api.md similarity index 99% rename from packages/react-components/react-tags-preview/etc/react-tags-preview.api.md rename to packages/react-components/react-tags/etc/react-tags.api.md index b454d8ce58b74a..3ce603d1657428 100644 --- a/packages/react-components/react-tags-preview/etc/react-tags-preview.api.md +++ b/packages/react-components/react-tags/etc/react-tags.api.md @@ -1,4 +1,4 @@ -## API Report File for "@fluentui/react-tags-preview" +## API Report File for "@fluentui/react-tags" > Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/). diff --git a/packages/react-components/react-tags-preview/jest.config.js b/packages/react-components/react-tags/jest.config.js similarity index 92% rename from packages/react-components/react-tags-preview/jest.config.js rename to packages/react-components/react-tags/jest.config.js index a0826d23892c5f..21f7c974e50178 100644 --- a/packages/react-components/react-tags-preview/jest.config.js +++ b/packages/react-components/react-tags/jest.config.js @@ -4,7 +4,7 @@ * @type {import('@jest/types').Config.InitialOptions} */ module.exports = { - displayName: 'react-tags-preview', + displayName: 'react-tags', preset: '../../../jest.preset.js', transform: { '^.+\\.tsx?$': [ diff --git a/packages/react-components/react-tags-preview/just.config.ts b/packages/react-components/react-tags/just.config.ts similarity index 100% rename from packages/react-components/react-tags-preview/just.config.ts rename to packages/react-components/react-tags/just.config.ts diff --git a/packages/react-components/react-tags-preview/package.json b/packages/react-components/react-tags/package.json similarity index 97% rename from packages/react-components/react-tags-preview/package.json rename to packages/react-components/react-tags/package.json index 14122c0d20db36..566097571bfe15 100644 --- a/packages/react-components/react-tags-preview/package.json +++ b/packages/react-components/react-tags/package.json @@ -1,6 +1,6 @@ { - "name": "@fluentui/react-tags-preview", - "version": "0.4.0", + "name": "@fluentui/react-tags", + "version": "9.0.0-alpha.0", "description": "Fluent UI Tag component", "main": "lib-commonjs/index.js", "module": "lib/index.js", diff --git a/packages/react-components/react-tags-preview/project.json b/packages/react-components/react-tags/project.json similarity index 60% rename from packages/react-components/react-tags-preview/project.json rename to packages/react-components/react-tags/project.json index de1bb093ba1851..60af273511f832 100644 --- a/packages/react-components/react-tags-preview/project.json +++ b/packages/react-components/react-tags/project.json @@ -1,8 +1,8 @@ { - "name": "@fluentui/react-tags-preview", + "name": "@fluentui/react-tags", "$schema": "../../../node_modules/nx/schemas/project-schema.json", "projectType": "library", "implicitDependencies": [], - "sourceRoot": "packages/react-components/react-tags-preview/src", + "sourceRoot": "packages/react-components/react-tags/src", "tags": ["vNext", "platform:web"] } diff --git a/packages/react-components/react-tags-preview/src/InteractionTag.ts b/packages/react-components/react-tags/src/InteractionTag.ts similarity index 100% rename from packages/react-components/react-tags-preview/src/InteractionTag.ts rename to packages/react-components/react-tags/src/InteractionTag.ts diff --git a/packages/react-components/react-tags-preview/src/InteractionTagPrimary.ts b/packages/react-components/react-tags/src/InteractionTagPrimary.ts similarity index 100% rename from packages/react-components/react-tags-preview/src/InteractionTagPrimary.ts rename to packages/react-components/react-tags/src/InteractionTagPrimary.ts diff --git a/packages/react-components/react-tags-preview/src/InteractionTagSecondary.ts b/packages/react-components/react-tags/src/InteractionTagSecondary.ts similarity index 100% rename from packages/react-components/react-tags-preview/src/InteractionTagSecondary.ts rename to packages/react-components/react-tags/src/InteractionTagSecondary.ts diff --git a/packages/react-components/react-tags-preview/src/Tag.ts b/packages/react-components/react-tags/src/Tag.ts similarity index 100% rename from packages/react-components/react-tags-preview/src/Tag.ts rename to packages/react-components/react-tags/src/Tag.ts diff --git a/packages/react-components/react-tags-preview/src/TagGroup.ts b/packages/react-components/react-tags/src/TagGroup.ts similarity index 100% rename from packages/react-components/react-tags-preview/src/TagGroup.ts rename to packages/react-components/react-tags/src/TagGroup.ts diff --git a/packages/react-components/react-tags-preview/src/components/InteractionTag/InteractionTag.test.tsx b/packages/react-components/react-tags/src/components/InteractionTag/InteractionTag.test.tsx similarity index 100% rename from packages/react-components/react-tags-preview/src/components/InteractionTag/InteractionTag.test.tsx rename to packages/react-components/react-tags/src/components/InteractionTag/InteractionTag.test.tsx diff --git a/packages/react-components/react-tags-preview/src/components/InteractionTag/InteractionTag.tsx b/packages/react-components/react-tags/src/components/InteractionTag/InteractionTag.tsx similarity index 100% rename from packages/react-components/react-tags-preview/src/components/InteractionTag/InteractionTag.tsx rename to packages/react-components/react-tags/src/components/InteractionTag/InteractionTag.tsx diff --git a/packages/react-components/react-tags-preview/src/components/InteractionTag/InteractionTag.types.ts b/packages/react-components/react-tags/src/components/InteractionTag/InteractionTag.types.ts similarity index 100% rename from packages/react-components/react-tags-preview/src/components/InteractionTag/InteractionTag.types.ts rename to packages/react-components/react-tags/src/components/InteractionTag/InteractionTag.types.ts diff --git a/packages/react-components/react-tags-preview/src/components/InteractionTag/index.ts b/packages/react-components/react-tags/src/components/InteractionTag/index.ts similarity index 100% rename from packages/react-components/react-tags-preview/src/components/InteractionTag/index.ts rename to packages/react-components/react-tags/src/components/InteractionTag/index.ts diff --git a/packages/react-components/react-tags-preview/src/components/InteractionTag/renderInteractionTag.tsx b/packages/react-components/react-tags/src/components/InteractionTag/renderInteractionTag.tsx similarity index 100% rename from packages/react-components/react-tags-preview/src/components/InteractionTag/renderInteractionTag.tsx rename to packages/react-components/react-tags/src/components/InteractionTag/renderInteractionTag.tsx diff --git a/packages/react-components/react-tags-preview/src/components/InteractionTag/useInteractionTag.tsx b/packages/react-components/react-tags/src/components/InteractionTag/useInteractionTag.tsx similarity index 100% rename from packages/react-components/react-tags-preview/src/components/InteractionTag/useInteractionTag.tsx rename to packages/react-components/react-tags/src/components/InteractionTag/useInteractionTag.tsx diff --git a/packages/react-components/react-tags-preview/src/components/InteractionTag/useInteractionTagContextValues.ts b/packages/react-components/react-tags/src/components/InteractionTag/useInteractionTagContextValues.ts similarity index 100% rename from packages/react-components/react-tags-preview/src/components/InteractionTag/useInteractionTagContextValues.ts rename to packages/react-components/react-tags/src/components/InteractionTag/useInteractionTagContextValues.ts diff --git a/packages/react-components/react-tags-preview/src/components/InteractionTag/useInteractionTagStyles.styles.ts b/packages/react-components/react-tags/src/components/InteractionTag/useInteractionTagStyles.styles.ts similarity index 100% rename from packages/react-components/react-tags-preview/src/components/InteractionTag/useInteractionTagStyles.styles.ts rename to packages/react-components/react-tags/src/components/InteractionTag/useInteractionTagStyles.styles.ts diff --git a/packages/react-components/react-tags-preview/src/components/InteractionTagPrimary/InteractionTagPrimary.test.tsx b/packages/react-components/react-tags/src/components/InteractionTagPrimary/InteractionTagPrimary.test.tsx similarity index 100% rename from packages/react-components/react-tags-preview/src/components/InteractionTagPrimary/InteractionTagPrimary.test.tsx rename to packages/react-components/react-tags/src/components/InteractionTagPrimary/InteractionTagPrimary.test.tsx diff --git a/packages/react-components/react-tags-preview/src/components/InteractionTagPrimary/InteractionTagPrimary.tsx b/packages/react-components/react-tags/src/components/InteractionTagPrimary/InteractionTagPrimary.tsx similarity index 100% rename from packages/react-components/react-tags-preview/src/components/InteractionTagPrimary/InteractionTagPrimary.tsx rename to packages/react-components/react-tags/src/components/InteractionTagPrimary/InteractionTagPrimary.tsx diff --git a/packages/react-components/react-tags-preview/src/components/InteractionTagPrimary/InteractionTagPrimary.types.ts b/packages/react-components/react-tags/src/components/InteractionTagPrimary/InteractionTagPrimary.types.ts similarity index 100% rename from packages/react-components/react-tags-preview/src/components/InteractionTagPrimary/InteractionTagPrimary.types.ts rename to packages/react-components/react-tags/src/components/InteractionTagPrimary/InteractionTagPrimary.types.ts diff --git a/packages/react-components/react-tags-preview/src/components/InteractionTagPrimary/index.ts b/packages/react-components/react-tags/src/components/InteractionTagPrimary/index.ts similarity index 100% rename from packages/react-components/react-tags-preview/src/components/InteractionTagPrimary/index.ts rename to packages/react-components/react-tags/src/components/InteractionTagPrimary/index.ts diff --git a/packages/react-components/react-tags-preview/src/components/InteractionTagPrimary/renderInteractionTagPrimary.tsx b/packages/react-components/react-tags/src/components/InteractionTagPrimary/renderInteractionTagPrimary.tsx similarity index 100% rename from packages/react-components/react-tags-preview/src/components/InteractionTagPrimary/renderInteractionTagPrimary.tsx rename to packages/react-components/react-tags/src/components/InteractionTagPrimary/renderInteractionTagPrimary.tsx diff --git a/packages/react-components/react-tags-preview/src/components/InteractionTagPrimary/useInteractionTagPrimary.ts b/packages/react-components/react-tags/src/components/InteractionTagPrimary/useInteractionTagPrimary.ts similarity index 100% rename from packages/react-components/react-tags-preview/src/components/InteractionTagPrimary/useInteractionTagPrimary.ts rename to packages/react-components/react-tags/src/components/InteractionTagPrimary/useInteractionTagPrimary.ts diff --git a/packages/react-components/react-tags-preview/src/components/InteractionTagPrimary/useInteractionTagPrimaryStyles.styles.ts b/packages/react-components/react-tags/src/components/InteractionTagPrimary/useInteractionTagPrimaryStyles.styles.ts similarity index 100% rename from packages/react-components/react-tags-preview/src/components/InteractionTagPrimary/useInteractionTagPrimaryStyles.styles.ts rename to packages/react-components/react-tags/src/components/InteractionTagPrimary/useInteractionTagPrimaryStyles.styles.ts diff --git a/packages/react-components/react-tags-preview/src/components/InteractionTagSecondary/InteractionTagSecondary.test.tsx b/packages/react-components/react-tags/src/components/InteractionTagSecondary/InteractionTagSecondary.test.tsx similarity index 100% rename from packages/react-components/react-tags-preview/src/components/InteractionTagSecondary/InteractionTagSecondary.test.tsx rename to packages/react-components/react-tags/src/components/InteractionTagSecondary/InteractionTagSecondary.test.tsx diff --git a/packages/react-components/react-tags-preview/src/components/InteractionTagSecondary/InteractionTagSecondary.tsx b/packages/react-components/react-tags/src/components/InteractionTagSecondary/InteractionTagSecondary.tsx similarity index 100% rename from packages/react-components/react-tags-preview/src/components/InteractionTagSecondary/InteractionTagSecondary.tsx rename to packages/react-components/react-tags/src/components/InteractionTagSecondary/InteractionTagSecondary.tsx diff --git a/packages/react-components/react-tags-preview/src/components/InteractionTagSecondary/InteractionTagSecondary.types.ts b/packages/react-components/react-tags/src/components/InteractionTagSecondary/InteractionTagSecondary.types.ts similarity index 100% rename from packages/react-components/react-tags-preview/src/components/InteractionTagSecondary/InteractionTagSecondary.types.ts rename to packages/react-components/react-tags/src/components/InteractionTagSecondary/InteractionTagSecondary.types.ts diff --git a/packages/react-components/react-tags-preview/src/components/InteractionTagSecondary/index.ts b/packages/react-components/react-tags/src/components/InteractionTagSecondary/index.ts similarity index 100% rename from packages/react-components/react-tags-preview/src/components/InteractionTagSecondary/index.ts rename to packages/react-components/react-tags/src/components/InteractionTagSecondary/index.ts diff --git a/packages/react-components/react-tags-preview/src/components/InteractionTagSecondary/renderInteractionTagSecondary.tsx b/packages/react-components/react-tags/src/components/InteractionTagSecondary/renderInteractionTagSecondary.tsx similarity index 100% rename from packages/react-components/react-tags-preview/src/components/InteractionTagSecondary/renderInteractionTagSecondary.tsx rename to packages/react-components/react-tags/src/components/InteractionTagSecondary/renderInteractionTagSecondary.tsx diff --git a/packages/react-components/react-tags-preview/src/components/InteractionTagSecondary/useInteractionTagSecondary.tsx b/packages/react-components/react-tags/src/components/InteractionTagSecondary/useInteractionTagSecondary.tsx similarity index 100% rename from packages/react-components/react-tags-preview/src/components/InteractionTagSecondary/useInteractionTagSecondary.tsx rename to packages/react-components/react-tags/src/components/InteractionTagSecondary/useInteractionTagSecondary.tsx diff --git a/packages/react-components/react-tags-preview/src/components/InteractionTagSecondary/useInteractionTagSecondaryStyles.styles.ts b/packages/react-components/react-tags/src/components/InteractionTagSecondary/useInteractionTagSecondaryStyles.styles.ts similarity index 100% rename from packages/react-components/react-tags-preview/src/components/InteractionTagSecondary/useInteractionTagSecondaryStyles.styles.ts rename to packages/react-components/react-tags/src/components/InteractionTagSecondary/useInteractionTagSecondaryStyles.styles.ts diff --git a/packages/react-components/react-tags-preview/src/components/Tag/Tag.test.tsx b/packages/react-components/react-tags/src/components/Tag/Tag.test.tsx similarity index 100% rename from packages/react-components/react-tags-preview/src/components/Tag/Tag.test.tsx rename to packages/react-components/react-tags/src/components/Tag/Tag.test.tsx diff --git a/packages/react-components/react-tags-preview/src/components/Tag/Tag.tsx b/packages/react-components/react-tags/src/components/Tag/Tag.tsx similarity index 100% rename from packages/react-components/react-tags-preview/src/components/Tag/Tag.tsx rename to packages/react-components/react-tags/src/components/Tag/Tag.tsx diff --git a/packages/react-components/react-tags-preview/src/components/Tag/Tag.types.ts b/packages/react-components/react-tags/src/components/Tag/Tag.types.ts similarity index 100% rename from packages/react-components/react-tags-preview/src/components/Tag/Tag.types.ts rename to packages/react-components/react-tags/src/components/Tag/Tag.types.ts diff --git a/packages/react-components/react-tags-preview/src/components/Tag/index.ts b/packages/react-components/react-tags/src/components/Tag/index.ts similarity index 100% rename from packages/react-components/react-tags-preview/src/components/Tag/index.ts rename to packages/react-components/react-tags/src/components/Tag/index.ts diff --git a/packages/react-components/react-tags-preview/src/components/Tag/renderTag.tsx b/packages/react-components/react-tags/src/components/Tag/renderTag.tsx similarity index 100% rename from packages/react-components/react-tags-preview/src/components/Tag/renderTag.tsx rename to packages/react-components/react-tags/src/components/Tag/renderTag.tsx diff --git a/packages/react-components/react-tags-preview/src/components/Tag/useTag.test.tsx b/packages/react-components/react-tags/src/components/Tag/useTag.test.tsx similarity index 100% rename from packages/react-components/react-tags-preview/src/components/Tag/useTag.test.tsx rename to packages/react-components/react-tags/src/components/Tag/useTag.test.tsx diff --git a/packages/react-components/react-tags-preview/src/components/Tag/useTag.tsx b/packages/react-components/react-tags/src/components/Tag/useTag.tsx similarity index 100% rename from packages/react-components/react-tags-preview/src/components/Tag/useTag.tsx rename to packages/react-components/react-tags/src/components/Tag/useTag.tsx diff --git a/packages/react-components/react-tags-preview/src/components/Tag/useTagStyles.styles.ts b/packages/react-components/react-tags/src/components/Tag/useTagStyles.styles.ts similarity index 100% rename from packages/react-components/react-tags-preview/src/components/Tag/useTagStyles.styles.ts rename to packages/react-components/react-tags/src/components/Tag/useTagStyles.styles.ts diff --git a/packages/react-components/react-tags-preview/src/components/TagGroup/TagGroup.cy.tsx b/packages/react-components/react-tags/src/components/TagGroup/TagGroup.cy.tsx similarity index 100% rename from packages/react-components/react-tags-preview/src/components/TagGroup/TagGroup.cy.tsx rename to packages/react-components/react-tags/src/components/TagGroup/TagGroup.cy.tsx diff --git a/packages/react-components/react-tags-preview/src/components/TagGroup/TagGroup.test.tsx b/packages/react-components/react-tags/src/components/TagGroup/TagGroup.test.tsx similarity index 100% rename from packages/react-components/react-tags-preview/src/components/TagGroup/TagGroup.test.tsx rename to packages/react-components/react-tags/src/components/TagGroup/TagGroup.test.tsx diff --git a/packages/react-components/react-tags-preview/src/components/TagGroup/TagGroup.tsx b/packages/react-components/react-tags/src/components/TagGroup/TagGroup.tsx similarity index 100% rename from packages/react-components/react-tags-preview/src/components/TagGroup/TagGroup.tsx rename to packages/react-components/react-tags/src/components/TagGroup/TagGroup.tsx diff --git a/packages/react-components/react-tags-preview/src/components/TagGroup/TagGroup.types.ts b/packages/react-components/react-tags/src/components/TagGroup/TagGroup.types.ts similarity index 100% rename from packages/react-components/react-tags-preview/src/components/TagGroup/TagGroup.types.ts rename to packages/react-components/react-tags/src/components/TagGroup/TagGroup.types.ts diff --git a/packages/react-components/react-tags-preview/src/components/TagGroup/index.ts b/packages/react-components/react-tags/src/components/TagGroup/index.ts similarity index 100% rename from packages/react-components/react-tags-preview/src/components/TagGroup/index.ts rename to packages/react-components/react-tags/src/components/TagGroup/index.ts diff --git a/packages/react-components/react-tags-preview/src/components/TagGroup/renderTagGroup.tsx b/packages/react-components/react-tags/src/components/TagGroup/renderTagGroup.tsx similarity index 100% rename from packages/react-components/react-tags-preview/src/components/TagGroup/renderTagGroup.tsx rename to packages/react-components/react-tags/src/components/TagGroup/renderTagGroup.tsx diff --git a/packages/react-components/react-tags-preview/src/components/TagGroup/useTagGroup.ts b/packages/react-components/react-tags/src/components/TagGroup/useTagGroup.ts similarity index 100% rename from packages/react-components/react-tags-preview/src/components/TagGroup/useTagGroup.ts rename to packages/react-components/react-tags/src/components/TagGroup/useTagGroup.ts diff --git a/packages/react-components/react-tags-preview/src/components/TagGroup/useTagGroupContextValues.ts b/packages/react-components/react-tags/src/components/TagGroup/useTagGroupContextValues.ts similarity index 100% rename from packages/react-components/react-tags-preview/src/components/TagGroup/useTagGroupContextValues.ts rename to packages/react-components/react-tags/src/components/TagGroup/useTagGroupContextValues.ts diff --git a/packages/react-components/react-tags-preview/src/components/TagGroup/useTagGroupStyles.styles.ts b/packages/react-components/react-tags/src/components/TagGroup/useTagGroupStyles.styles.ts similarity index 100% rename from packages/react-components/react-tags-preview/src/components/TagGroup/useTagGroupStyles.styles.ts rename to packages/react-components/react-tags/src/components/TagGroup/useTagGroupStyles.styles.ts diff --git a/packages/react-components/react-tags-preview/src/contexts/interactionTagContext.tsx b/packages/react-components/react-tags/src/contexts/interactionTagContext.tsx similarity index 100% rename from packages/react-components/react-tags-preview/src/contexts/interactionTagContext.tsx rename to packages/react-components/react-tags/src/contexts/interactionTagContext.tsx diff --git a/packages/react-components/react-tags-preview/src/contexts/tagGroupContext.tsx b/packages/react-components/react-tags/src/contexts/tagGroupContext.tsx similarity index 100% rename from packages/react-components/react-tags-preview/src/contexts/tagGroupContext.tsx rename to packages/react-components/react-tags/src/contexts/tagGroupContext.tsx diff --git a/packages/react-components/react-tags-preview/src/index.ts b/packages/react-components/react-tags/src/index.ts similarity index 100% rename from packages/react-components/react-tags-preview/src/index.ts rename to packages/react-components/react-tags/src/index.ts diff --git a/packages/react-components/react-tags-preview/src/testing/isConformant.ts b/packages/react-components/react-tags/src/testing/isConformant.ts similarity index 100% rename from packages/react-components/react-tags-preview/src/testing/isConformant.ts rename to packages/react-components/react-tags/src/testing/isConformant.ts diff --git a/packages/react-components/react-tags-preview/src/utils/index.ts b/packages/react-components/react-tags/src/utils/index.ts similarity index 100% rename from packages/react-components/react-tags-preview/src/utils/index.ts rename to packages/react-components/react-tags/src/utils/index.ts diff --git a/packages/react-components/react-tags-preview/src/utils/types.ts b/packages/react-components/react-tags/src/utils/types.ts similarity index 100% rename from packages/react-components/react-tags-preview/src/utils/types.ts rename to packages/react-components/react-tags/src/utils/types.ts diff --git a/packages/react-components/react-tags-preview/src/utils/useTagAvatarContextValues.ts b/packages/react-components/react-tags/src/utils/useTagAvatarContextValues.ts similarity index 100% rename from packages/react-components/react-tags-preview/src/utils/useTagAvatarContextValues.ts rename to packages/react-components/react-tags/src/utils/useTagAvatarContextValues.ts diff --git a/packages/react-components/react-tags-preview/stories/InteractionTag/InteractionTagAppearance.stories.tsx b/packages/react-components/react-tags/stories/InteractionTag/InteractionTagAppearance.stories.tsx similarity index 93% rename from packages/react-components/react-tags-preview/stories/InteractionTag/InteractionTagAppearance.stories.tsx rename to packages/react-components/react-tags/stories/InteractionTag/InteractionTagAppearance.stories.tsx index 7cbcc742e0acd5..b221b3513358de 100644 --- a/packages/react-components/react-tags-preview/stories/InteractionTag/InteractionTagAppearance.stories.tsx +++ b/packages/react-components/react-tags/stories/InteractionTag/InteractionTagAppearance.stories.tsx @@ -1,6 +1,5 @@ import * as React from 'react'; -import { makeStyles } from '@fluentui/react-components'; -import { InteractionTag, InteractionTagPrimary, InteractionTagSecondary } from '@fluentui/react-tags-preview'; +import { InteractionTag, InteractionTagPrimary, InteractionTagSecondary, makeStyles } from '@fluentui/react-components'; import { bundleIcon, CalendarMonthFilled, CalendarMonthRegular } from '@fluentui/react-icons'; const CalendarMonth = bundleIcon(CalendarMonthFilled, CalendarMonthRegular); diff --git a/packages/react-components/react-tags-preview/stories/InteractionTag/InteractionTagBestPractices.md b/packages/react-components/react-tags/stories/InteractionTag/InteractionTagBestPractices.md similarity index 100% rename from packages/react-components/react-tags-preview/stories/InteractionTag/InteractionTagBestPractices.md rename to packages/react-components/react-tags/stories/InteractionTag/InteractionTagBestPractices.md diff --git a/packages/react-components/react-tags-preview/stories/InteractionTag/InteractionTagDefault.stories.tsx b/packages/react-components/react-tags/stories/InteractionTag/InteractionTagDefault.stories.tsx similarity index 86% rename from packages/react-components/react-tags-preview/stories/InteractionTag/InteractionTagDefault.stories.tsx rename to packages/react-components/react-tags/stories/InteractionTag/InteractionTagDefault.stories.tsx index ef58b1cf11a4e0..9ca52379b939c0 100644 --- a/packages/react-components/react-tags-preview/stories/InteractionTag/InteractionTagDefault.stories.tsx +++ b/packages/react-components/react-tags/stories/InteractionTag/InteractionTagDefault.stories.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { InteractionTag, InteractionTagProps, InteractionTagPrimary } from '@fluentui/react-tags-preview'; +import { InteractionTag, InteractionTagProps, InteractionTagPrimary } from '@fluentui/react-components'; export const Default = (props: Partial) => ( diff --git a/packages/react-components/react-tags-preview/stories/InteractionTag/InteractionTagDescription.md b/packages/react-components/react-tags/stories/InteractionTag/InteractionTagDescription.md similarity index 100% rename from packages/react-components/react-tags-preview/stories/InteractionTag/InteractionTagDescription.md rename to packages/react-components/react-tags/stories/InteractionTag/InteractionTagDescription.md diff --git a/packages/react-components/react-tags-preview/stories/InteractionTag/InteractionTagDisabled.stories.tsx b/packages/react-components/react-tags/stories/InteractionTag/InteractionTagDisabled.stories.tsx similarity index 92% rename from packages/react-components/react-tags-preview/stories/InteractionTag/InteractionTagDisabled.stories.tsx rename to packages/react-components/react-tags/stories/InteractionTag/InteractionTagDisabled.stories.tsx index 43595bbe4df549..9b8a01acdd04cb 100644 --- a/packages/react-components/react-tags-preview/stories/InteractionTag/InteractionTagDisabled.stories.tsx +++ b/packages/react-components/react-tags/stories/InteractionTag/InteractionTagDisabled.stories.tsx @@ -1,6 +1,5 @@ import * as React from 'react'; -import { makeStyles } from '@fluentui/react-components'; -import { InteractionTag, InteractionTagPrimary, InteractionTagSecondary } from '@fluentui/react-tags-preview'; +import { InteractionTag, InteractionTagPrimary, InteractionTagSecondary, makeStyles } from '@fluentui/react-components'; import { CalendarMonthRegular } from '@fluentui/react-icons'; const useContainerStyles = makeStyles({ diff --git a/packages/react-components/react-tags-preview/stories/InteractionTag/InteractionTagDismiss.stories.tsx b/packages/react-components/react-tags/stories/InteractionTag/InteractionTagDismiss.stories.tsx similarity index 96% rename from packages/react-components/react-tags-preview/stories/InteractionTag/InteractionTagDismiss.stories.tsx rename to packages/react-components/react-tags/stories/InteractionTag/InteractionTagDismiss.stories.tsx index 45a1e15cc3bc79..4a5b6f3b7a8439 100644 --- a/packages/react-components/react-tags-preview/stories/InteractionTag/InteractionTagDismiss.stories.tsx +++ b/packages/react-components/react-tags/stories/InteractionTag/InteractionTagDismiss.stories.tsx @@ -1,12 +1,13 @@ import * as React from 'react'; -import { Button, makeStyles } from '@fluentui/react-components'; import { InteractionTag, InteractionTagPrimary, InteractionTagSecondary, TagGroup, TagGroupProps, -} from '@fluentui/react-tags-preview'; + Button, + makeStyles, +} from '@fluentui/react-components'; const useStyles = makeStyles({ container: { diff --git a/packages/react-components/react-tags-preview/stories/InteractionTag/InteractionTagHasPrimaryAction.stories.tsx b/packages/react-components/react-tags/stories/InteractionTag/InteractionTagHasPrimaryAction.stories.tsx similarity index 86% rename from packages/react-components/react-tags-preview/stories/InteractionTag/InteractionTagHasPrimaryAction.stories.tsx rename to packages/react-components/react-tags/stories/InteractionTag/InteractionTagHasPrimaryAction.stories.tsx index 4749fec8848747..12d3f5a81e4b07 100644 --- a/packages/react-components/react-tags-preview/stories/InteractionTag/InteractionTagHasPrimaryAction.stories.tsx +++ b/packages/react-components/react-tags/stories/InteractionTag/InteractionTagHasPrimaryAction.stories.tsx @@ -1,6 +1,15 @@ import * as React from 'react'; -import { Popover, PopoverTrigger, PopoverSurface, makeStyles, Tooltip, Link } from '@fluentui/react-components'; -import { InteractionTag, InteractionTagPrimary, InteractionTagSecondary } from '@fluentui/react-tags-preview'; +import { + InteractionTag, + InteractionTagPrimary, + InteractionTagSecondary, + Popover, + PopoverTrigger, + PopoverSurface, + makeStyles, + Tooltip, + Link, +} from '@fluentui/react-components'; const useStyles = makeStyles({ popover: { diff --git a/packages/react-components/react-tags-preview/stories/InteractionTag/InteractionTagIcon.stories.tsx b/packages/react-components/react-tags/stories/InteractionTag/InteractionTagIcon.stories.tsx similarity index 95% rename from packages/react-components/react-tags-preview/stories/InteractionTag/InteractionTagIcon.stories.tsx rename to packages/react-components/react-tags/stories/InteractionTag/InteractionTagIcon.stories.tsx index 779784e3659991..d6b5da22d7e232 100644 --- a/packages/react-components/react-tags-preview/stories/InteractionTag/InteractionTagIcon.stories.tsx +++ b/packages/react-components/react-tags/stories/InteractionTag/InteractionTagIcon.stories.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; import { CalendarMonthRegular } from '@fluentui/react-icons'; -import { InteractionTag, InteractionTagPrimary } from '@fluentui/react-tags-preview'; +import { InteractionTag, InteractionTagPrimary } from '@fluentui/react-components'; export const Icon = () => ( diff --git a/packages/react-components/react-tags-preview/stories/InteractionTag/InteractionTagMedia.md b/packages/react-components/react-tags/stories/InteractionTag/InteractionTagMedia.md similarity index 100% rename from packages/react-components/react-tags-preview/stories/InteractionTag/InteractionTagMedia.md rename to packages/react-components/react-tags/stories/InteractionTag/InteractionTagMedia.md diff --git a/packages/react-components/react-tags-preview/stories/InteractionTag/InteractionTagMedia.stories.tsx b/packages/react-components/react-tags/stories/InteractionTag/InteractionTagMedia.stories.tsx similarity index 74% rename from packages/react-components/react-tags-preview/stories/InteractionTag/InteractionTagMedia.stories.tsx rename to packages/react-components/react-tags/stories/InteractionTag/InteractionTagMedia.stories.tsx index ec392b4339b10b..6369396e842650 100644 --- a/packages/react-components/react-tags-preview/stories/InteractionTag/InteractionTagMedia.stories.tsx +++ b/packages/react-components/react-tags/stories/InteractionTag/InteractionTagMedia.stories.tsx @@ -1,9 +1,7 @@ import * as React from 'react'; -import { Avatar } from '@fluentui/react-components'; +import { InteractionTag, InteractionTagPrimary, Avatar } from '@fluentui/react-components'; import story from './InteractionTagMedia.md'; -import { InteractionTag, InteractionTagPrimary } from '@fluentui/react-tags-preview'; - export const Media = () => ( }> diff --git a/packages/react-components/react-tags-preview/stories/InteractionTag/InteractionTagSecondaryText.stories.tsx b/packages/react-components/react-tags/stories/InteractionTag/InteractionTagSecondaryText.stories.tsx similarity index 95% rename from packages/react-components/react-tags-preview/stories/InteractionTag/InteractionTagSecondaryText.stories.tsx rename to packages/react-components/react-tags/stories/InteractionTag/InteractionTagSecondaryText.stories.tsx index 8b23d3441ced67..932eaf3c6ae105 100644 --- a/packages/react-components/react-tags-preview/stories/InteractionTag/InteractionTagSecondaryText.stories.tsx +++ b/packages/react-components/react-tags/stories/InteractionTag/InteractionTagSecondaryText.stories.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { InteractionTag, InteractionTagPrimary } from '@fluentui/react-tags-preview'; +import { InteractionTag, InteractionTagPrimary } from '@fluentui/react-components'; export const SecondaryText = () => ( diff --git a/packages/react-components/react-tags-preview/stories/InteractionTag/InteractionTagShape.stories.tsx b/packages/react-components/react-tags/stories/InteractionTag/InteractionTagShape.stories.tsx similarity index 89% rename from packages/react-components/react-tags-preview/stories/InteractionTag/InteractionTagShape.stories.tsx rename to packages/react-components/react-tags/stories/InteractionTag/InteractionTagShape.stories.tsx index 86a52637d71056..172f9db1bdd86e 100644 --- a/packages/react-components/react-tags-preview/stories/InteractionTag/InteractionTagShape.stories.tsx +++ b/packages/react-components/react-tags/stories/InteractionTag/InteractionTagShape.stories.tsx @@ -1,9 +1,13 @@ import * as React from 'react'; -import { Avatar, makeStyles } from '@fluentui/react-components'; +import { + InteractionTag, + InteractionTagPrimary, + InteractionTagSecondary, + Avatar, + makeStyles, +} from '@fluentui/react-components'; import { CalendarMonthRegular } from '@fluentui/react-icons'; -import { InteractionTag, InteractionTagPrimary, InteractionTagSecondary } from '@fluentui/react-tags-preview'; - const useContainerStyles = makeStyles({ root: { display: 'grid', diff --git a/packages/react-components/react-tags-preview/stories/InteractionTag/InteractionTagSize.stories.tsx b/packages/react-components/react-tags/stories/InteractionTag/InteractionTagSize.stories.tsx similarity index 93% rename from packages/react-components/react-tags-preview/stories/InteractionTag/InteractionTagSize.stories.tsx rename to packages/react-components/react-tags/stories/InteractionTag/InteractionTagSize.stories.tsx index 1567a05d58c38f..fd3e488f80d924 100644 --- a/packages/react-components/react-tags-preview/stories/InteractionTag/InteractionTagSize.stories.tsx +++ b/packages/react-components/react-tags/stories/InteractionTag/InteractionTagSize.stories.tsx @@ -1,9 +1,13 @@ import * as React from 'react'; -import { Avatar, makeStyles } from '@fluentui/react-components'; +import { + InteractionTag, + InteractionTagPrimary, + InteractionTagSecondary, + Avatar, + makeStyles, +} from '@fluentui/react-components'; import { CalendarMonthRegular } from '@fluentui/react-icons'; -import { InteractionTag, InteractionTagPrimary, InteractionTagSecondary } from '@fluentui/react-tags-preview'; - const useContainerStyles = makeStyles({ innerWrapper: { alignItems: 'start', diff --git a/packages/react-components/react-tags-preview/stories/InteractionTag/index.stories.tsx b/packages/react-components/react-tags/stories/InteractionTag/index.stories.tsx similarity index 91% rename from packages/react-components/react-tags-preview/stories/InteractionTag/index.stories.tsx rename to packages/react-components/react-tags/stories/InteractionTag/index.stories.tsx index acf2d13374469b..2444628c2e0924 100644 --- a/packages/react-components/react-tags-preview/stories/InteractionTag/index.stories.tsx +++ b/packages/react-components/react-tags/stories/InteractionTag/index.stories.tsx @@ -1,4 +1,4 @@ -import { InteractionTag, InteractionTagPrimary, InteractionTagSecondary } from '@fluentui/react-tags-preview'; +import { InteractionTag, InteractionTagPrimary, InteractionTagSecondary } from '@fluentui/react-components'; import descriptionMd from './InteractionTagDescription.md'; import bestPracticesMd from './InteractionTagBestPractices.md'; @@ -15,7 +15,7 @@ export { Disabled } from './InteractionTagDisabled.stories'; export { HasPrimaryAction } from './InteractionTagHasPrimaryAction.stories'; export default { - title: 'Preview Components/Tag/InteractionTag', + title: 'Tag/InteractionTag', component: InteractionTag, subcomponents: { InteractionTagPrimary, diff --git a/packages/react-components/react-tags-preview/stories/Tag/TagAppearance.stories.tsx b/packages/react-components/react-tags/stories/Tag/TagAppearance.stories.tsx similarity index 89% rename from packages/react-components/react-tags-preview/stories/Tag/TagAppearance.stories.tsx rename to packages/react-components/react-tags/stories/Tag/TagAppearance.stories.tsx index e1b57ae584677d..b5c834528609ea 100644 --- a/packages/react-components/react-tags-preview/stories/Tag/TagAppearance.stories.tsx +++ b/packages/react-components/react-tags/stories/Tag/TagAppearance.stories.tsx @@ -1,6 +1,5 @@ import * as React from 'react'; -import { makeStyles } from '@fluentui/react-components'; -import { Tag } from '@fluentui/react-tags-preview'; +import { Tag, makeStyles } from '@fluentui/react-components'; import { CalendarMonthRegular } from '@fluentui/react-icons'; const useContainerStyles = makeStyles({ diff --git a/packages/react-components/react-tags-preview/stories/Tag/TagBestPractices.md b/packages/react-components/react-tags/stories/Tag/TagBestPractices.md similarity index 100% rename from packages/react-components/react-tags-preview/stories/Tag/TagBestPractices.md rename to packages/react-components/react-tags/stories/Tag/TagBestPractices.md diff --git a/packages/react-components/react-tags-preview/stories/Tag/TagDefault.stories.tsx b/packages/react-components/react-tags/stories/Tag/TagDefault.stories.tsx similarity index 66% rename from packages/react-components/react-tags-preview/stories/Tag/TagDefault.stories.tsx rename to packages/react-components/react-tags/stories/Tag/TagDefault.stories.tsx index 199db13fe45570..6e9d7eed8707c6 100644 --- a/packages/react-components/react-tags-preview/stories/Tag/TagDefault.stories.tsx +++ b/packages/react-components/react-tags/stories/Tag/TagDefault.stories.tsx @@ -1,4 +1,4 @@ import * as React from 'react'; -import { Tag, TagProps } from '@fluentui/react-tags-preview'; +import { Tag, TagProps } from '@fluentui/react-components'; export const Default = (props: Partial) => Primary text; diff --git a/packages/react-components/react-tags-preview/stories/Tag/TagDescription.md b/packages/react-components/react-tags/stories/Tag/TagDescription.md similarity index 100% rename from packages/react-components/react-tags-preview/stories/Tag/TagDescription.md rename to packages/react-components/react-tags/stories/Tag/TagDescription.md diff --git a/packages/react-components/react-tags-preview/stories/Tag/TagDisabled.stories.tsx b/packages/react-components/react-tags/stories/Tag/TagDisabled.stories.tsx similarity index 90% rename from packages/react-components/react-tags-preview/stories/Tag/TagDisabled.stories.tsx rename to packages/react-components/react-tags/stories/Tag/TagDisabled.stories.tsx index 133dea80924b0d..ab11703d82fe89 100644 --- a/packages/react-components/react-tags-preview/stories/Tag/TagDisabled.stories.tsx +++ b/packages/react-components/react-tags/stories/Tag/TagDisabled.stories.tsx @@ -1,6 +1,5 @@ import * as React from 'react'; -import { makeStyles } from '@fluentui/react-components'; -import { Tag } from '@fluentui/react-tags-preview'; +import { Tag, makeStyles } from '@fluentui/react-components'; import { CalendarMonthRegular } from '@fluentui/react-icons'; const useContainerStyles = makeStyles({ diff --git a/packages/react-components/react-tags-preview/stories/Tag/TagDismiss.stories.tsx b/packages/react-components/react-tags/stories/Tag/TagDismiss.stories.tsx similarity index 94% rename from packages/react-components/react-tags-preview/stories/Tag/TagDismiss.stories.tsx rename to packages/react-components/react-tags/stories/Tag/TagDismiss.stories.tsx index a485c037a5e1a8..ce735c72f956d1 100644 --- a/packages/react-components/react-tags-preview/stories/Tag/TagDismiss.stories.tsx +++ b/packages/react-components/react-tags/stories/Tag/TagDismiss.stories.tsx @@ -1,6 +1,5 @@ import * as React from 'react'; -import { Tag, TagGroup, TagGroupProps } from '@fluentui/react-tags-preview'; -import { Button, makeStyles } from '@fluentui/react-components'; +import { Tag, TagGroup, TagGroupProps, Button, makeStyles } from '@fluentui/react-components'; const useStyles = makeStyles({ container: { diff --git a/packages/react-components/react-tags-preview/stories/Tag/TagIcon.stories.tsx b/packages/react-components/react-tags/stories/Tag/TagIcon.stories.tsx similarity index 86% rename from packages/react-components/react-tags-preview/stories/Tag/TagIcon.stories.tsx rename to packages/react-components/react-tags/stories/Tag/TagIcon.stories.tsx index 8fa4c9e71538d7..7ecca80fe88518 100644 --- a/packages/react-components/react-tags-preview/stories/Tag/TagIcon.stories.tsx +++ b/packages/react-components/react-tags/stories/Tag/TagIcon.stories.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; import { CalendarMonthRegular } from '@fluentui/react-icons'; -import { Tag } from '@fluentui/react-tags-preview'; +import { Tag } from '@fluentui/react-components'; export const Icon = () => }>Primary text; diff --git a/packages/react-components/react-tags-preview/stories/Tag/TagMedia.stories.tsx b/packages/react-components/react-tags/stories/Tag/TagMedia.stories.tsx similarity index 74% rename from packages/react-components/react-tags-preview/stories/Tag/TagMedia.stories.tsx rename to packages/react-components/react-tags/stories/Tag/TagMedia.stories.tsx index 66751e6d36c42f..fb69ee17f07913 100644 --- a/packages/react-components/react-tags-preview/stories/Tag/TagMedia.stories.tsx +++ b/packages/react-components/react-tags/stories/Tag/TagMedia.stories.tsx @@ -1,7 +1,5 @@ import * as React from 'react'; -import { Avatar } from '@fluentui/react-components'; - -import { Tag } from '@fluentui/react-tags-preview'; +import { Tag, Avatar } from '@fluentui/react-components'; export const Media = () => }>Primary text; diff --git a/packages/react-components/react-tags-preview/stories/Tag/TagSecondaryText.stories.tsx b/packages/react-components/react-tags/stories/Tag/TagSecondaryText.stories.tsx similarity index 84% rename from packages/react-components/react-tags-preview/stories/Tag/TagSecondaryText.stories.tsx rename to packages/react-components/react-tags/stories/Tag/TagSecondaryText.stories.tsx index c9ae75897743c7..1e2e1efe948050 100644 --- a/packages/react-components/react-tags-preview/stories/Tag/TagSecondaryText.stories.tsx +++ b/packages/react-components/react-tags/stories/Tag/TagSecondaryText.stories.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { Tag } from '@fluentui/react-tags-preview'; +import { Tag } from '@fluentui/react-components'; export const SecondaryText = () => Primary text; diff --git a/packages/react-components/react-tags-preview/stories/Tag/TagShape.stories.tsx b/packages/react-components/react-tags/stories/Tag/TagShape.stories.tsx similarity index 90% rename from packages/react-components/react-tags-preview/stories/Tag/TagShape.stories.tsx rename to packages/react-components/react-tags/stories/Tag/TagShape.stories.tsx index b3fbf61be5fdb1..a0fea467658a55 100644 --- a/packages/react-components/react-tags-preview/stories/Tag/TagShape.stories.tsx +++ b/packages/react-components/react-tags/stories/Tag/TagShape.stories.tsx @@ -1,9 +1,7 @@ import * as React from 'react'; -import { Avatar, makeStyles } from '@fluentui/react-components'; +import { Tag, Avatar, makeStyles } from '@fluentui/react-components'; import { CalendarMonthRegular } from '@fluentui/react-icons'; -import { Tag } from '@fluentui/react-tags-preview'; - const useContainerStyles = makeStyles({ root: { display: 'grid', diff --git a/packages/react-components/react-tags-preview/stories/Tag/TagSize.stories.tsx b/packages/react-components/react-tags/stories/Tag/TagSize.stories.tsx similarity index 94% rename from packages/react-components/react-tags-preview/stories/Tag/TagSize.stories.tsx rename to packages/react-components/react-tags/stories/Tag/TagSize.stories.tsx index 042e4be62711a0..f6e8e96bebe9c5 100644 --- a/packages/react-components/react-tags-preview/stories/Tag/TagSize.stories.tsx +++ b/packages/react-components/react-tags/stories/Tag/TagSize.stories.tsx @@ -1,9 +1,7 @@ import * as React from 'react'; -import { Avatar, makeStyles } from '@fluentui/react-components'; +import { Tag, Avatar, makeStyles } from '@fluentui/react-components'; import { CalendarMonthRegular } from '@fluentui/react-icons'; -import { Tag } from '@fluentui/react-tags-preview'; - const useContainerStyles = makeStyles({ innerWrapper: { alignItems: 'start', diff --git a/packages/react-components/react-tags-preview/stories/Tag/index.stories.tsx b/packages/react-components/react-tags/stories/Tag/index.stories.tsx similarity index 88% rename from packages/react-components/react-tags-preview/stories/Tag/index.stories.tsx rename to packages/react-components/react-tags/stories/Tag/index.stories.tsx index 0f93f2f5ca99b9..adadad2741c133 100644 --- a/packages/react-components/react-tags-preview/stories/Tag/index.stories.tsx +++ b/packages/react-components/react-tags/stories/Tag/index.stories.tsx @@ -1,4 +1,4 @@ -import { Tag } from '@fluentui/react-tags-preview'; +import { Tag } from '@fluentui/react-components'; import descriptionMd from './TagDescription.md'; import bestPracticesMd from './TagBestPractices.md'; @@ -14,7 +14,7 @@ export { Appearance } from './TagAppearance.stories'; export { Disabled } from './TagDisabled.stories'; export default { - title: 'Preview Components/Tag/Tag', + title: 'Tag/Tag', component: Tag, parameters: { docs: { diff --git a/packages/react-components/react-tags-preview/stories/TagGroup/TagGroupBestPractices.md b/packages/react-components/react-tags/stories/TagGroup/TagGroupBestPractices.md similarity index 100% rename from packages/react-components/react-tags-preview/stories/TagGroup/TagGroupBestPractices.md rename to packages/react-components/react-tags/stories/TagGroup/TagGroupBestPractices.md diff --git a/packages/react-components/react-tags-preview/stories/TagGroup/TagGroupDefault.stories.tsx b/packages/react-components/react-tags/stories/TagGroup/TagGroupDefault.stories.tsx similarity index 86% rename from packages/react-components/react-tags-preview/stories/TagGroup/TagGroupDefault.stories.tsx rename to packages/react-components/react-tags/stories/TagGroup/TagGroupDefault.stories.tsx index 496ac56afd62ad..dd2fb0e8b014ef 100644 --- a/packages/react-components/react-tags-preview/stories/TagGroup/TagGroupDefault.stories.tsx +++ b/packages/react-components/react-tags/stories/TagGroup/TagGroupDefault.stories.tsx @@ -1,6 +1,5 @@ import * as React from 'react'; -import { TagGroup, InteractionTag, InteractionTagPrimary, Tag } from '@fluentui/react-tags-preview'; -import { makeStyles } from '@fluentui/react-components'; +import { TagGroup, InteractionTag, InteractionTagPrimary, Tag, makeStyles } from '@fluentui/react-components'; const WithTags = () => ( diff --git a/packages/react-components/react-tags-preview/stories/TagGroup/TagGroupDescription.md b/packages/react-components/react-tags/stories/TagGroup/TagGroupDescription.md similarity index 100% rename from packages/react-components/react-tags-preview/stories/TagGroup/TagGroupDescription.md rename to packages/react-components/react-tags/stories/TagGroup/TagGroupDescription.md diff --git a/packages/react-components/react-tags-preview/stories/TagGroup/TagGroupDismiss.stories.tsx b/packages/react-components/react-tags/stories/TagGroup/TagGroupDismiss.stories.tsx similarity index 97% rename from packages/react-components/react-tags-preview/stories/TagGroup/TagGroupDismiss.stories.tsx rename to packages/react-components/react-tags/stories/TagGroup/TagGroupDismiss.stories.tsx index 779d9bbe9f11b6..ecbaec57c3dcc7 100644 --- a/packages/react-components/react-tags-preview/stories/TagGroup/TagGroupDismiss.stories.tsx +++ b/packages/react-components/react-tags/stories/TagGroup/TagGroupDismiss.stories.tsx @@ -6,8 +6,9 @@ import { TagGroupProps, InteractionTagPrimary, InteractionTagSecondary, -} from '@fluentui/react-tags-preview'; -import { Button, makeStyles } from '@fluentui/react-components'; + Button, + makeStyles, +} from '@fluentui/react-components'; const useStyles = makeStyles({ container: { diff --git a/packages/react-components/react-tags-preview/stories/TagGroup/TagGroupOverflow.stories.tsx b/packages/react-components/react-tags/stories/TagGroup/TagGroupOverflow.stories.tsx similarity index 98% rename from packages/react-components/react-tags-preview/stories/TagGroup/TagGroupOverflow.stories.tsx rename to packages/react-components/react-tags/stories/TagGroup/TagGroupOverflow.stories.tsx index c2b0ee262d3eb0..efef5378ca0fb4 100644 --- a/packages/react-components/react-tags-preview/stories/TagGroup/TagGroupOverflow.stories.tsx +++ b/packages/react-components/react-tags/stories/TagGroup/TagGroupOverflow.stories.tsx @@ -7,8 +7,6 @@ import { InteractionTag, InteractionTagPrimary, InteractionTagPrimaryProps, -} from '@fluentui/react-tags-preview'; -import { makeStyles, shorthands, Menu, diff --git a/packages/react-components/react-tags-preview/stories/TagGroup/TagGroupSizes.stories.tsx b/packages/react-components/react-tags/stories/TagGroup/TagGroupSizes.stories.tsx similarity index 93% rename from packages/react-components/react-tags-preview/stories/TagGroup/TagGroupSizes.stories.tsx rename to packages/react-components/react-tags/stories/TagGroup/TagGroupSizes.stories.tsx index 8d8b922d44e4b6..189d7057ee7b43 100644 --- a/packages/react-components/react-tags-preview/stories/TagGroup/TagGroupSizes.stories.tsx +++ b/packages/react-components/react-tags/stories/TagGroup/TagGroupSizes.stories.tsx @@ -5,8 +5,9 @@ import { InteractionTagPrimary, InteractionTagSecondary, TagSize, -} from '@fluentui/react-tags-preview'; -import { Avatar, makeStyles } from '@fluentui/react-components'; + Avatar, + makeStyles, +} from '@fluentui/react-components'; import { CalendarMonthRegular } from '@fluentui/react-icons'; const useContainerStyles = makeStyles({ diff --git a/packages/react-components/react-tags-preview/stories/TagGroup/index.stories.tsx b/packages/react-components/react-tags/stories/TagGroup/index.stories.tsx similarity index 83% rename from packages/react-components/react-tags-preview/stories/TagGroup/index.stories.tsx rename to packages/react-components/react-tags/stories/TagGroup/index.stories.tsx index 7da53768ecc7ac..50de6ba0c2a5e6 100644 --- a/packages/react-components/react-tags-preview/stories/TagGroup/index.stories.tsx +++ b/packages/react-components/react-tags/stories/TagGroup/index.stories.tsx @@ -1,4 +1,4 @@ -import { TagGroup } from '@fluentui/react-tags-preview'; +import { TagGroup } from '@fluentui/react-components'; import descriptionMd from './TagGroupDescription.md'; import bestPracticesMd from './TagGroupBestPractices.md'; @@ -9,7 +9,7 @@ export { Sizes } from './TagGroupSizes.stories'; export { WithOverflow } from './TagGroupOverflow.stories'; export default { - title: 'Preview Components/Tag/TagGroup', + title: 'Tag/TagGroup', component: TagGroup, parameters: { docs: { diff --git a/packages/react-components/react-tags-preview/tsconfig.cy.json b/packages/react-components/react-tags/tsconfig.cy.json similarity index 100% rename from packages/react-components/react-tags-preview/tsconfig.cy.json rename to packages/react-components/react-tags/tsconfig.cy.json diff --git a/packages/react-components/react-tags-preview/tsconfig.json b/packages/react-components/react-tags/tsconfig.json similarity index 100% rename from packages/react-components/react-tags-preview/tsconfig.json rename to packages/react-components/react-tags/tsconfig.json diff --git a/packages/react-components/react-tags-preview/tsconfig.lib.json b/packages/react-components/react-tags/tsconfig.lib.json similarity index 100% rename from packages/react-components/react-tags-preview/tsconfig.lib.json rename to packages/react-components/react-tags/tsconfig.lib.json diff --git a/packages/react-components/react-tags-preview/tsconfig.spec.json b/packages/react-components/react-tags/tsconfig.spec.json similarity index 100% rename from packages/react-components/react-tags-preview/tsconfig.spec.json rename to packages/react-components/react-tags/tsconfig.spec.json diff --git a/tsconfig.base.all.json b/tsconfig.base.all.json index 3e9d93be25d962..faa2dbf3cd236c 100644 --- a/tsconfig.base.all.json +++ b/tsconfig.base.all.json @@ -149,7 +149,7 @@ "@fluentui/react-table": ["packages/react-components/react-table/src/index.ts"], "@fluentui/react-tabs": ["packages/react-components/react-tabs/src/index.ts"], "@fluentui/react-tabster": ["packages/react-components/react-tabster/src/index.ts"], - "@fluentui/react-tags-preview": ["packages/react-components/react-tags-preview/src/index.ts"], + "@fluentui/react-tags": ["packages/react-components/react-tags/src/index.ts"], "@fluentui/react-text": ["packages/react-components/react-text/src/index.ts"], "@fluentui/react-textarea": ["packages/react-components/react-textarea/src/index.ts"], "@fluentui/react-theme": ["packages/react-components/react-theme/src/index.ts"], diff --git a/tsconfig.base.json b/tsconfig.base.json index e92421861d019c..c257e03ced9aa6 100644 --- a/tsconfig.base.json +++ b/tsconfig.base.json @@ -85,7 +85,7 @@ "@fluentui/react-table": ["packages/react-components/react-table/src/index.ts"], "@fluentui/react-tabs": ["packages/react-components/react-tabs/src/index.ts"], "@fluentui/react-tabster": ["packages/react-components/react-tabster/src/index.ts"], - "@fluentui/react-tags-preview": ["packages/react-components/react-tags-preview/src/index.ts"], + "@fluentui/react-tags": ["packages/react-components/react-tags/src/index.ts"], "@fluentui/react-text": ["packages/react-components/react-text/src/index.ts"], "@fluentui/react-textarea": ["packages/react-components/react-textarea/src/index.ts"], "@fluentui/react-theme": ["packages/react-components/react-theme/src/index.ts"],