From 9868f7ca5e4b96237965d639444077411ed4b699 Mon Sep 17 00:00:00 2001 From: YuanboXue-Amber Date: Mon, 2 Oct 2023 10:33:53 +0200 Subject: [PATCH 1/8] auto command + readme update --- .github/CODEOWNERS | 2 +- apps/public-docsite-v9/package.json | 1 - apps/vr-tests-react-components/package.json | 2 +- .../stories/Tag/InteractionTag.stories.tsx | 2 +- .../Tag/InteractionTagAppearances.stories.tsx | 2 +- .../Tag/InteractionTagShape.stories.tsx | 2 +- .../src/stories/Tag/Tag.stories.tsx | 2 +- .../stories/Tag/TagAppearances.stories.tsx | 2 +- .../src/stories/Tag/TagGroup.stories.tsx | 8 +- .../src/stories/Tag/TagShape.stories.tsx | 2 +- .../react-components/package.json | 1 + .../react-components/src/index.ts | 56 +++++++++ .../.babelrc.json | 0 .../.eslintrc.json | 0 .../.npmignore | 0 .../.storybook/main.js | 0 .../.storybook/preview.js | 0 .../.storybook/tsconfig.json | 0 .../{react-tags-preview => react-tags}/.swcrc | 0 .../CHANGELOG.json | 0 .../CHANGELOG.md | 36 +++--- .../LICENSE | 0 .../README.md | 4 +- .../bundle-size/InteractionTag.fixture.js | 0 .../bundle-size/TagGroup.fixture.js | 0 .../bundle-size/tag.fixture.js | 0 .../config/api-extractor.json | 0 .../config/tests.js | 0 .../cypress.config.ts | 0 .../docs/Spec.md | 0 .../etc/react-tags.api.md} | 115 +++++++++++------- .../jest.config.js | 2 +- .../just.config.ts | 0 .../package.json | 4 +- .../project.json | 4 +- .../src/InteractionTag.ts | 0 .../src/InteractionTagPrimary.ts | 0 .../src/InteractionTagSecondary.ts | 0 .../src/Tag.ts | 0 .../src/TagGroup.ts | 0 .../InteractionTag/InteractionTag.test.tsx | 0 .../InteractionTag/InteractionTag.tsx | 0 .../InteractionTag/InteractionTag.types.ts | 0 .../src/components/InteractionTag/index.ts | 0 .../InteractionTag/renderInteractionTag.tsx | 0 .../InteractionTag/useInteractionTag.tsx | 0 .../useInteractionTagContextValues.ts | 0 .../useInteractionTagStyles.styles.ts | 0 .../InteractionTagPrimary.test.tsx | 0 .../InteractionTagPrimary.tsx | 0 .../InteractionTagPrimary.types.ts | 0 .../components/InteractionTagPrimary/index.ts | 0 .../renderInteractionTagPrimary.tsx | 0 .../useInteractionTagPrimary.ts | 0 .../useInteractionTagPrimaryStyles.styles.ts | 0 .../InteractionTagSecondary.test.tsx | 0 .../InteractionTagSecondary.tsx | 0 .../InteractionTagSecondary.types.ts | 0 .../InteractionTagSecondary/index.ts | 0 .../renderInteractionTagSecondary.tsx | 0 .../useInteractionTagSecondary.tsx | 0 ...useInteractionTagSecondaryStyles.styles.ts | 0 .../src/components/Tag/Tag.test.tsx | 0 .../src/components/Tag/Tag.tsx | 0 .../src/components/Tag/Tag.types.ts | 0 .../src/components/Tag/index.ts | 0 .../src/components/Tag/renderTag.tsx | 0 .../src/components/Tag/useTag.test.tsx | 0 .../src/components/Tag/useTag.tsx | 0 .../src/components/Tag/useTagStyles.styles.ts | 0 .../src/components/TagGroup/TagGroup.cy.tsx | 0 .../src/components/TagGroup/TagGroup.test.tsx | 0 .../src/components/TagGroup/TagGroup.tsx | 0 .../src/components/TagGroup/TagGroup.types.ts | 0 .../src/components/TagGroup/index.ts | 0 .../components/TagGroup/renderTagGroup.tsx | 0 .../src/components/TagGroup/useTagGroup.ts | 0 .../TagGroup/useTagGroupContextValues.ts | 0 .../TagGroup/useTagGroupStyles.styles.ts | 0 .../src/contexts/interactionTagContext.tsx | 0 .../src/contexts/tagGroupContext.tsx | 0 .../src/index.ts | 0 .../src/testing/isConformant.ts | 0 .../src/utils/index.ts | 0 .../src/utils/types.ts | 0 .../src/utils/useTagAvatarContextValues.ts | 0 .../InteractionTagAppearance.stories.tsx | 0 .../InteractionTagBestPractices.md | 0 .../InteractionTagDefault.stories.tsx | 0 .../InteractionTagDescription.md | 0 .../InteractionTagDisabled.stories.tsx | 0 .../InteractionTagDismiss.stories.tsx | 0 ...InteractionTagHasPrimaryAction.stories.tsx | 0 .../InteractionTagIcon.stories.tsx | 0 .../InteractionTag/InteractionTagMedia.md | 0 .../InteractionTagMedia.stories.tsx | 0 .../InteractionTagSecondaryText.stories.tsx | 0 .../InteractionTagShape.stories.tsx | 0 .../InteractionTagSize.stories.tsx | 0 .../stories/InteractionTag/index.stories.tsx | 2 +- .../stories/Tag/TagAppearance.stories.tsx | 0 .../stories/Tag/TagBestPractices.md | 0 .../stories/Tag/TagDefault.stories.tsx | 0 .../stories/Tag/TagDescription.md | 0 .../stories/Tag/TagDisabled.stories.tsx | 0 .../stories/Tag/TagDismiss.stories.tsx | 0 .../stories/Tag/TagIcon.stories.tsx | 0 .../stories/Tag/TagMedia.stories.tsx | 0 .../stories/Tag/TagSecondaryText.stories.tsx | 0 .../stories/Tag/TagShape.stories.tsx | 0 .../stories/Tag/TagSize.stories.tsx | 0 .../stories/Tag/index.stories.tsx | 2 +- .../stories/TagGroup/TagGroupBestPractices.md | 0 .../TagGroup/TagGroupDefault.stories.tsx | 0 .../stories/TagGroup/TagGroupDescription.md | 0 .../TagGroup/TagGroupDismiss.stories.tsx | 0 .../TagGroup/TagGroupOverflow.stories.tsx | 0 .../TagGroup/TagGroupSizes.stories.tsx | 0 .../stories/TagGroup/index.stories.tsx | 2 +- .../tsconfig.cy.json | 0 .../tsconfig.json | 0 .../tsconfig.lib.json | 0 .../tsconfig.spec.json | 0 tsconfig.base.all.json | 2 +- tsconfig.base.json | 2 +- 125 files changed, 165 insertions(+), 92 deletions(-) rename packages/react-components/{react-tags-preview => react-tags}/.babelrc.json (100%) rename packages/react-components/{react-tags-preview => react-tags}/.eslintrc.json (100%) rename packages/react-components/{react-tags-preview => react-tags}/.npmignore (100%) rename packages/react-components/{react-tags-preview => react-tags}/.storybook/main.js (100%) rename packages/react-components/{react-tags-preview => react-tags}/.storybook/preview.js (100%) rename packages/react-components/{react-tags-preview => react-tags}/.storybook/tsconfig.json (100%) rename packages/react-components/{react-tags-preview => react-tags}/.swcrc (100%) rename packages/react-components/{react-tags-preview => react-tags}/CHANGELOG.json (100%) rename packages/react-components/{react-tags-preview => react-tags}/CHANGELOG.md (97%) rename packages/react-components/{react-tags-preview => react-tags}/LICENSE (100%) rename packages/react-components/{react-tags-preview => react-tags}/README.md (87%) rename packages/react-components/{react-tags-preview => react-tags}/bundle-size/InteractionTag.fixture.js (100%) rename packages/react-components/{react-tags-preview => react-tags}/bundle-size/TagGroup.fixture.js (100%) rename packages/react-components/{react-tags-preview => react-tags}/bundle-size/tag.fixture.js (100%) rename packages/react-components/{react-tags-preview => react-tags}/config/api-extractor.json (100%) rename packages/react-components/{react-tags-preview => react-tags}/config/tests.js (100%) rename packages/react-components/{react-tags-preview => react-tags}/cypress.config.ts (100%) rename packages/react-components/{react-tags-preview => react-tags}/docs/Spec.md (100%) rename packages/react-components/{react-tags-preview/etc/react-tags-preview.api.md => react-tags/etc/react-tags.api.md} (67%) rename packages/react-components/{react-tags-preview => react-tags}/jest.config.js (92%) rename packages/react-components/{react-tags-preview => react-tags}/just.config.ts (100%) rename packages/react-components/{react-tags-preview => react-tags}/package.json (97%) rename packages/react-components/{react-tags-preview => react-tags}/project.json (60%) rename packages/react-components/{react-tags-preview => react-tags}/src/InteractionTag.ts (100%) rename packages/react-components/{react-tags-preview => react-tags}/src/InteractionTagPrimary.ts (100%) rename packages/react-components/{react-tags-preview => react-tags}/src/InteractionTagSecondary.ts (100%) rename packages/react-components/{react-tags-preview => react-tags}/src/Tag.ts (100%) rename packages/react-components/{react-tags-preview => react-tags}/src/TagGroup.ts (100%) rename packages/react-components/{react-tags-preview => react-tags}/src/components/InteractionTag/InteractionTag.test.tsx (100%) rename packages/react-components/{react-tags-preview => react-tags}/src/components/InteractionTag/InteractionTag.tsx (100%) rename packages/react-components/{react-tags-preview => react-tags}/src/components/InteractionTag/InteractionTag.types.ts (100%) rename packages/react-components/{react-tags-preview => react-tags}/src/components/InteractionTag/index.ts (100%) rename packages/react-components/{react-tags-preview => react-tags}/src/components/InteractionTag/renderInteractionTag.tsx (100%) rename packages/react-components/{react-tags-preview => react-tags}/src/components/InteractionTag/useInteractionTag.tsx (100%) rename packages/react-components/{react-tags-preview => react-tags}/src/components/InteractionTag/useInteractionTagContextValues.ts (100%) rename packages/react-components/{react-tags-preview => react-tags}/src/components/InteractionTag/useInteractionTagStyles.styles.ts (100%) rename packages/react-components/{react-tags-preview => react-tags}/src/components/InteractionTagPrimary/InteractionTagPrimary.test.tsx (100%) rename packages/react-components/{react-tags-preview => react-tags}/src/components/InteractionTagPrimary/InteractionTagPrimary.tsx (100%) rename packages/react-components/{react-tags-preview => react-tags}/src/components/InteractionTagPrimary/InteractionTagPrimary.types.ts (100%) rename packages/react-components/{react-tags-preview => react-tags}/src/components/InteractionTagPrimary/index.ts (100%) rename packages/react-components/{react-tags-preview => react-tags}/src/components/InteractionTagPrimary/renderInteractionTagPrimary.tsx (100%) rename packages/react-components/{react-tags-preview => react-tags}/src/components/InteractionTagPrimary/useInteractionTagPrimary.ts (100%) rename packages/react-components/{react-tags-preview => react-tags}/src/components/InteractionTagPrimary/useInteractionTagPrimaryStyles.styles.ts (100%) rename packages/react-components/{react-tags-preview => react-tags}/src/components/InteractionTagSecondary/InteractionTagSecondary.test.tsx (100%) rename packages/react-components/{react-tags-preview => react-tags}/src/components/InteractionTagSecondary/InteractionTagSecondary.tsx (100%) rename packages/react-components/{react-tags-preview => react-tags}/src/components/InteractionTagSecondary/InteractionTagSecondary.types.ts (100%) rename packages/react-components/{react-tags-preview => react-tags}/src/components/InteractionTagSecondary/index.ts (100%) rename packages/react-components/{react-tags-preview => react-tags}/src/components/InteractionTagSecondary/renderInteractionTagSecondary.tsx (100%) rename packages/react-components/{react-tags-preview => react-tags}/src/components/InteractionTagSecondary/useInteractionTagSecondary.tsx (100%) rename packages/react-components/{react-tags-preview => react-tags}/src/components/InteractionTagSecondary/useInteractionTagSecondaryStyles.styles.ts (100%) rename packages/react-components/{react-tags-preview => react-tags}/src/components/Tag/Tag.test.tsx (100%) rename packages/react-components/{react-tags-preview => react-tags}/src/components/Tag/Tag.tsx (100%) rename packages/react-components/{react-tags-preview => react-tags}/src/components/Tag/Tag.types.ts (100%) rename packages/react-components/{react-tags-preview => react-tags}/src/components/Tag/index.ts (100%) rename packages/react-components/{react-tags-preview => react-tags}/src/components/Tag/renderTag.tsx (100%) rename packages/react-components/{react-tags-preview => react-tags}/src/components/Tag/useTag.test.tsx (100%) rename packages/react-components/{react-tags-preview => react-tags}/src/components/Tag/useTag.tsx (100%) rename packages/react-components/{react-tags-preview => react-tags}/src/components/Tag/useTagStyles.styles.ts (100%) rename packages/react-components/{react-tags-preview => react-tags}/src/components/TagGroup/TagGroup.cy.tsx (100%) rename packages/react-components/{react-tags-preview => react-tags}/src/components/TagGroup/TagGroup.test.tsx (100%) rename packages/react-components/{react-tags-preview => react-tags}/src/components/TagGroup/TagGroup.tsx (100%) rename packages/react-components/{react-tags-preview => react-tags}/src/components/TagGroup/TagGroup.types.ts (100%) rename packages/react-components/{react-tags-preview => react-tags}/src/components/TagGroup/index.ts (100%) rename packages/react-components/{react-tags-preview => react-tags}/src/components/TagGroup/renderTagGroup.tsx (100%) rename packages/react-components/{react-tags-preview => react-tags}/src/components/TagGroup/useTagGroup.ts (100%) rename packages/react-components/{react-tags-preview => react-tags}/src/components/TagGroup/useTagGroupContextValues.ts (100%) rename packages/react-components/{react-tags-preview => react-tags}/src/components/TagGroup/useTagGroupStyles.styles.ts (100%) rename packages/react-components/{react-tags-preview => react-tags}/src/contexts/interactionTagContext.tsx (100%) rename packages/react-components/{react-tags-preview => react-tags}/src/contexts/tagGroupContext.tsx (100%) rename packages/react-components/{react-tags-preview => react-tags}/src/index.ts (100%) rename packages/react-components/{react-tags-preview => react-tags}/src/testing/isConformant.ts (100%) rename packages/react-components/{react-tags-preview => react-tags}/src/utils/index.ts (100%) rename packages/react-components/{react-tags-preview => react-tags}/src/utils/types.ts (100%) rename packages/react-components/{react-tags-preview => react-tags}/src/utils/useTagAvatarContextValues.ts (100%) rename packages/react-components/{react-tags-preview => react-tags}/stories/InteractionTag/InteractionTagAppearance.stories.tsx (100%) rename packages/react-components/{react-tags-preview => react-tags}/stories/InteractionTag/InteractionTagBestPractices.md (100%) rename packages/react-components/{react-tags-preview => react-tags}/stories/InteractionTag/InteractionTagDefault.stories.tsx (100%) rename packages/react-components/{react-tags-preview => react-tags}/stories/InteractionTag/InteractionTagDescription.md (100%) rename packages/react-components/{react-tags-preview => react-tags}/stories/InteractionTag/InteractionTagDisabled.stories.tsx (100%) rename packages/react-components/{react-tags-preview => react-tags}/stories/InteractionTag/InteractionTagDismiss.stories.tsx (100%) rename packages/react-components/{react-tags-preview => react-tags}/stories/InteractionTag/InteractionTagHasPrimaryAction.stories.tsx (100%) rename packages/react-components/{react-tags-preview => react-tags}/stories/InteractionTag/InteractionTagIcon.stories.tsx (100%) rename packages/react-components/{react-tags-preview => react-tags}/stories/InteractionTag/InteractionTagMedia.md (100%) rename packages/react-components/{react-tags-preview => react-tags}/stories/InteractionTag/InteractionTagMedia.stories.tsx (100%) rename packages/react-components/{react-tags-preview => react-tags}/stories/InteractionTag/InteractionTagSecondaryText.stories.tsx (100%) rename packages/react-components/{react-tags-preview => react-tags}/stories/InteractionTag/InteractionTagShape.stories.tsx (100%) rename packages/react-components/{react-tags-preview => react-tags}/stories/InteractionTag/InteractionTagSize.stories.tsx (100%) rename packages/react-components/{react-tags-preview => react-tags}/stories/InteractionTag/index.stories.tsx (95%) rename packages/react-components/{react-tags-preview => react-tags}/stories/Tag/TagAppearance.stories.tsx (100%) rename packages/react-components/{react-tags-preview => react-tags}/stories/Tag/TagBestPractices.md (100%) rename packages/react-components/{react-tags-preview => react-tags}/stories/Tag/TagDefault.stories.tsx (100%) rename packages/react-components/{react-tags-preview => react-tags}/stories/Tag/TagDescription.md (100%) rename packages/react-components/{react-tags-preview => react-tags}/stories/Tag/TagDisabled.stories.tsx (100%) rename packages/react-components/{react-tags-preview => react-tags}/stories/Tag/TagDismiss.stories.tsx (100%) rename packages/react-components/{react-tags-preview => react-tags}/stories/Tag/TagIcon.stories.tsx (100%) rename packages/react-components/{react-tags-preview => react-tags}/stories/Tag/TagMedia.stories.tsx (100%) rename packages/react-components/{react-tags-preview => react-tags}/stories/Tag/TagSecondaryText.stories.tsx (100%) rename packages/react-components/{react-tags-preview => react-tags}/stories/Tag/TagShape.stories.tsx (100%) rename packages/react-components/{react-tags-preview => react-tags}/stories/Tag/TagSize.stories.tsx (100%) rename packages/react-components/{react-tags-preview => react-tags}/stories/Tag/index.stories.tsx (93%) rename packages/react-components/{react-tags-preview => react-tags}/stories/TagGroup/TagGroupBestPractices.md (100%) rename packages/react-components/{react-tags-preview => react-tags}/stories/TagGroup/TagGroupDefault.stories.tsx (100%) rename packages/react-components/{react-tags-preview => react-tags}/stories/TagGroup/TagGroupDescription.md (100%) rename packages/react-components/{react-tags-preview => react-tags}/stories/TagGroup/TagGroupDismiss.stories.tsx (100%) rename packages/react-components/{react-tags-preview => react-tags}/stories/TagGroup/TagGroupOverflow.stories.tsx (100%) rename packages/react-components/{react-tags-preview => react-tags}/stories/TagGroup/TagGroupSizes.stories.tsx (100%) rename packages/react-components/{react-tags-preview => react-tags}/stories/TagGroup/index.stories.tsx (90%) rename packages/react-components/{react-tags-preview => react-tags}/tsconfig.cy.json (100%) rename packages/react-components/{react-tags-preview => react-tags}/tsconfig.json (100%) rename packages/react-components/{react-tags-preview => react-tags}/tsconfig.lib.json (100%) rename packages/react-components/{react-tags-preview => react-tags}/tsconfig.spec.json (100%) 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..3d6929009e7152 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": "*", "@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/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 100% 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 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 100% 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 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 100% 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 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 67% 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..22549a4e7401f0 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,9 +1,8 @@ -## 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/). ```ts - /// import { AvatarShape } from '@fluentui/react-avatar'; @@ -32,28 +31,33 @@ export type InteractionTagPrimaryContextValues = TagAvatarContextValues; // @public export type InteractionTagPrimaryProps = ComponentProps> & { - hasSecondaryAction?: boolean; + hasSecondaryAction?: boolean; }; // @public (undocumented) export type InteractionTagPrimarySlots = { - root: NonNullable>; - media?: Slot<'span'>; - icon?: Slot<'span'>; - primaryText: Slot<'span'>; - secondaryText?: Slot<'span'>; + root: NonNullable>; + media?: Slot<'span'>; + icon?: Slot<'span'>; + primaryText: Slot<'span'>; + secondaryText?: Slot<'span'>; }; // @public -export type InteractionTagPrimaryState = ComponentState & Required & Pick> & UseTagAvatarContextValuesOptions; +export type InteractionTagPrimaryState = ComponentState & + Required< + Pick & + Pick + > & + UseTagAvatarContextValuesOptions; // @public export type InteractionTagProps = ComponentProps> & { - appearance?: TagAppearance; - disabled?: boolean; - shape?: TagShape; - size?: TagSize; - value?: Value; + appearance?: TagAppearance; + disabled?: boolean; + shape?: TagShape; + size?: TagSize; + value?: Value; }; // @public @@ -67,28 +71,36 @@ export type InteractionTagSecondaryProps = ComponentProps>; + root: NonNullable>; }; // @public -export type InteractionTagSecondaryState = ComponentState & Required>; +export type InteractionTagSecondaryState = ComponentState & + Required>; // @public (undocumented) export type InteractionTagSlots = { - root: NonNullable>; + root: NonNullable>; }; // @public -export type InteractionTagState = ComponentState & Required> & { +export type InteractionTagState = ComponentState & + Required> & { handleTagDismiss: TagDismissHandler; interactionTagPrimaryId: string; -}; + }; // @public -export const renderInteractionTag_unstable: (state: InteractionTagState, contextValues: InteractionTagContextValues) => JSX.Element; +export const renderInteractionTag_unstable: ( + state: InteractionTagState, + contextValues: InteractionTagContextValues, +) => JSX.Element; // @public -export const renderInteractionTagPrimary_unstable: (state: InteractionTagPrimaryState, contextValues: InteractionTagPrimaryContextValues) => JSX.Element; +export const renderInteractionTagPrimary_unstable: ( + state: InteractionTagPrimaryState, + contextValues: InteractionTagPrimaryContextValues, +) => JSX.Element; // @public export const renderInteractionTagSecondary_unstable: (state: InteractionTagSecondaryState) => JSX.Element; @@ -110,7 +122,7 @@ export const tagClassNames: SlotClassNames; // @public (undocumented) export type TagDismissData = { - value: Value; + value: Value; }; // @public (undocumented) @@ -127,28 +139,29 @@ export const tagGroupClassNames: SlotClassNames; // @public export type TagGroupProps = ComponentProps & { - onDismiss?: TagDismissHandler; - size?: TagSize; + onDismiss?: TagDismissHandler; + size?: TagSize; }; // @public (undocumented) export type TagGroupSlots = { - root: Slot<'div'>; + root: Slot<'div'>; }; // @public -export type TagGroupState = ComponentState & Required> & { +export type TagGroupState = ComponentState & + Required> & { handleTagDismiss: TagDismissHandler; -}; + }; // @public export type TagProps = ComponentProps> & { - appearance?: TagAppearance; - disabled?: boolean; - dismissible?: boolean; - shape?: TagShape; - size?: TagSize; - value?: Value; + appearance?: TagAppearance; + disabled?: boolean; + dismissible?: boolean; + shape?: TagShape; + size?: TagSize; + value?: Value; }; // @public (undocumented) @@ -159,37 +172,50 @@ export type TagSize = 'extra-small' | 'small' | 'medium'; // @public (undocumented) export type TagSlots = { - root: NonNullable>; - media?: Slot<'span'>; - icon?: Slot<'span'>; - primaryText: Slot<'span'>; - secondaryText?: Slot<'span'>; - dismissIcon?: Slot<'span'>; + root: NonNullable>; + media?: Slot<'span'>; + icon?: Slot<'span'>; + primaryText: Slot<'span'>; + secondaryText?: Slot<'span'>; + dismissIcon?: Slot<'span'>; }; // @public -export type TagState = ComponentState & Required> & UseTagAvatarContextValuesOptions; +export type TagState = ComponentState & + Required> & + UseTagAvatarContextValuesOptions; // @public (undocumented) export type TagValue = string; // @public -export const useInteractionTag_unstable: (props: InteractionTagProps, ref: React_2.Ref) => InteractionTagState; +export const useInteractionTag_unstable: ( + props: InteractionTagProps, + ref: React_2.Ref, +) => InteractionTagState; // @public (undocumented) export function useInteractionTagContextValues_unstable(state: InteractionTagState): InteractionTagContextValues; // @public -export const useInteractionTagPrimary_unstable: (props: InteractionTagPrimaryProps, ref: React_2.Ref) => InteractionTagPrimaryState; +export const useInteractionTagPrimary_unstable: ( + props: InteractionTagPrimaryProps, + ref: React_2.Ref, +) => InteractionTagPrimaryState; // @public (undocumented) export const useInteractionTagPrimaryStyles_unstable: (state: InteractionTagPrimaryState) => InteractionTagPrimaryState; // @public -export const useInteractionTagSecondary_unstable: (props: InteractionTagSecondaryProps, ref: React_2.Ref) => InteractionTagSecondaryState; +export const useInteractionTagSecondary_unstable: ( + props: InteractionTagSecondaryProps, + ref: React_2.Ref, +) => InteractionTagSecondaryState; // @public (undocumented) -export const useInteractionTagSecondaryStyles_unstable: (state: InteractionTagSecondaryState) => InteractionTagSecondaryState; +export const useInteractionTagSecondaryStyles_unstable: ( + state: InteractionTagSecondaryState, +) => InteractionTagSecondaryState; // @public export const useInteractionTagStyles_unstable: (state: InteractionTagState) => InteractionTagState; @@ -213,5 +239,4 @@ export const useTagGroupStyles_unstable: (state: TagGroupState) => TagGroupState export const useTagStyles_unstable: (state: TagState) => TagState; // (No @packageDocumentation comment for this package) - ``` 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 100% 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 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 100% 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 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 100% 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 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 100% 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 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 100% 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 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 100% 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 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 100% 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 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 100% 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 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 100% 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 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 100% 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 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 95% 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..14c1424035d3ce 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-tags'; import descriptionMd from './InteractionTagDescription.md'; import bestPracticesMd from './InteractionTagBestPractices.md'; 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 100% 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 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 100% 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 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 100% 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 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 100% 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 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 100% 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 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 100% 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 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 100% 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 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 100% 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 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 100% 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 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 93% 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..04fc2984760a36 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-tags'; import descriptionMd from './TagDescription.md'; import bestPracticesMd from './TagBestPractices.md'; 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 100% 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 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 100% 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 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 100% 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 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 100% 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 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 90% 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..a07a090b5f8563 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-tags'; import descriptionMd from './TagGroupDescription.md'; import bestPracticesMd from './TagGroupBestPractices.md'; 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"], From dfdbbf8d5ec7ff6d403fed783f86a7c0cf80135a Mon Sep 17 00:00:00 2001 From: YuanboXue-Amber Date: Mon, 2 Oct 2023 10:36:39 +0200 Subject: [PATCH 2/8] update stories import and fixture import --- .../react-tags/bundle-size/InteractionTag.fixture.js | 2 +- .../react-components/react-tags/bundle-size/TagGroup.fixture.js | 2 +- packages/react-components/react-tags/bundle-size/tag.fixture.js | 2 +- .../stories/InteractionTag/InteractionTagAppearance.stories.tsx | 2 +- .../stories/InteractionTag/InteractionTagDefault.stories.tsx | 2 +- .../stories/InteractionTag/InteractionTagDisabled.stories.tsx | 2 +- .../stories/InteractionTag/InteractionTagDismiss.stories.tsx | 2 +- .../InteractionTag/InteractionTagHasPrimaryAction.stories.tsx | 2 +- .../stories/InteractionTag/InteractionTagIcon.stories.tsx | 2 +- .../stories/InteractionTag/InteractionTagMedia.stories.tsx | 2 +- .../InteractionTag/InteractionTagSecondaryText.stories.tsx | 2 +- .../stories/InteractionTag/InteractionTagShape.stories.tsx | 2 +- .../stories/InteractionTag/InteractionTagSize.stories.tsx | 2 +- .../react-tags/stories/InteractionTag/index.stories.tsx | 2 +- .../react-tags/stories/Tag/TagAppearance.stories.tsx | 2 +- .../react-tags/stories/Tag/TagDefault.stories.tsx | 2 +- .../react-tags/stories/Tag/TagDisabled.stories.tsx | 2 +- .../react-tags/stories/Tag/TagDismiss.stories.tsx | 2 +- .../react-components/react-tags/stories/Tag/TagIcon.stories.tsx | 2 +- .../react-tags/stories/Tag/TagMedia.stories.tsx | 2 +- .../react-tags/stories/Tag/TagSecondaryText.stories.tsx | 2 +- .../react-tags/stories/Tag/TagShape.stories.tsx | 2 +- .../react-components/react-tags/stories/Tag/TagSize.stories.tsx | 2 +- .../react-components/react-tags/stories/Tag/index.stories.tsx | 2 +- .../react-tags/stories/TagGroup/TagGroupDefault.stories.tsx | 2 +- .../react-tags/stories/TagGroup/TagGroupDismiss.stories.tsx | 2 +- .../react-tags/stories/TagGroup/TagGroupOverflow.stories.tsx | 2 +- .../react-tags/stories/TagGroup/TagGroupSizes.stories.tsx | 2 +- .../react-tags/stories/TagGroup/index.stories.tsx | 2 +- 29 files changed, 29 insertions(+), 29 deletions(-) diff --git a/packages/react-components/react-tags/bundle-size/InteractionTag.fixture.js b/packages/react-components/react-tags/bundle-size/InteractionTag.fixture.js index d904e812c6efa8..1e6b8815661853 100644 --- a/packages/react-components/react-tags/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/bundle-size/TagGroup.fixture.js b/packages/react-components/react-tags/bundle-size/TagGroup.fixture.js index 42526a66d72e0d..fcf4dc93304afb 100644 --- a/packages/react-components/react-tags/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/bundle-size/tag.fixture.js b/packages/react-components/react-tags/bundle-size/tag.fixture.js index 22affbdba28755..3e1a566ef404c8 100644 --- a/packages/react-components/react-tags/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/stories/InteractionTag/InteractionTagAppearance.stories.tsx b/packages/react-components/react-tags/stories/InteractionTag/InteractionTagAppearance.stories.tsx index 7cbcc742e0acd5..3ed394033b468f 100644 --- a/packages/react-components/react-tags/stories/InteractionTag/InteractionTagAppearance.stories.tsx +++ b/packages/react-components/react-tags/stories/InteractionTag/InteractionTagAppearance.stories.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; import { makeStyles } from '@fluentui/react-components'; -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'; const CalendarMonth = bundleIcon(CalendarMonthFilled, CalendarMonthRegular); diff --git a/packages/react-components/react-tags/stories/InteractionTag/InteractionTagDefault.stories.tsx b/packages/react-components/react-tags/stories/InteractionTag/InteractionTagDefault.stories.tsx index ef58b1cf11a4e0..862f126a4392dd 100644 --- a/packages/react-components/react-tags/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-tags'; export const Default = (props: Partial) => ( diff --git a/packages/react-components/react-tags/stories/InteractionTag/InteractionTagDisabled.stories.tsx b/packages/react-components/react-tags/stories/InteractionTag/InteractionTagDisabled.stories.tsx index 43595bbe4df549..c27ecc32c4c371 100644 --- a/packages/react-components/react-tags/stories/InteractionTag/InteractionTagDisabled.stories.tsx +++ b/packages/react-components/react-tags/stories/InteractionTag/InteractionTagDisabled.stories.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; import { makeStyles } from '@fluentui/react-components'; -import { InteractionTag, InteractionTagPrimary, InteractionTagSecondary } from '@fluentui/react-tags-preview'; +import { InteractionTag, InteractionTagPrimary, InteractionTagSecondary } from '@fluentui/react-tags'; import { CalendarMonthRegular } from '@fluentui/react-icons'; const useContainerStyles = makeStyles({ diff --git a/packages/react-components/react-tags/stories/InteractionTag/InteractionTagDismiss.stories.tsx b/packages/react-components/react-tags/stories/InteractionTag/InteractionTagDismiss.stories.tsx index 45a1e15cc3bc79..82f82709218441 100644 --- a/packages/react-components/react-tags/stories/InteractionTag/InteractionTagDismiss.stories.tsx +++ b/packages/react-components/react-tags/stories/InteractionTag/InteractionTagDismiss.stories.tsx @@ -6,7 +6,7 @@ import { InteractionTagSecondary, TagGroup, TagGroupProps, -} from '@fluentui/react-tags-preview'; +} from '@fluentui/react-tags'; const useStyles = makeStyles({ container: { diff --git a/packages/react-components/react-tags/stories/InteractionTag/InteractionTagHasPrimaryAction.stories.tsx b/packages/react-components/react-tags/stories/InteractionTag/InteractionTagHasPrimaryAction.stories.tsx index 4749fec8848747..507c4545fddc53 100644 --- a/packages/react-components/react-tags/stories/InteractionTag/InteractionTagHasPrimaryAction.stories.tsx +++ b/packages/react-components/react-tags/stories/InteractionTag/InteractionTagHasPrimaryAction.stories.tsx @@ -1,6 +1,6 @@ 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 } from '@fluentui/react-tags'; const useStyles = makeStyles({ popover: { diff --git a/packages/react-components/react-tags/stories/InteractionTag/InteractionTagIcon.stories.tsx b/packages/react-components/react-tags/stories/InteractionTag/InteractionTagIcon.stories.tsx index 779784e3659991..6f514a282ce73e 100644 --- a/packages/react-components/react-tags/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-tags'; export const Icon = () => ( diff --git a/packages/react-components/react-tags/stories/InteractionTag/InteractionTagMedia.stories.tsx b/packages/react-components/react-tags/stories/InteractionTag/InteractionTagMedia.stories.tsx index ec392b4339b10b..edd5d68c25610f 100644 --- a/packages/react-components/react-tags/stories/InteractionTag/InteractionTagMedia.stories.tsx +++ b/packages/react-components/react-tags/stories/InteractionTag/InteractionTagMedia.stories.tsx @@ -2,7 +2,7 @@ import * as React from 'react'; import { Avatar } from '@fluentui/react-components'; import story from './InteractionTagMedia.md'; -import { InteractionTag, InteractionTagPrimary } from '@fluentui/react-tags-preview'; +import { InteractionTag, InteractionTagPrimary } from '@fluentui/react-tags'; export const Media = () => ( diff --git a/packages/react-components/react-tags/stories/InteractionTag/InteractionTagSecondaryText.stories.tsx b/packages/react-components/react-tags/stories/InteractionTag/InteractionTagSecondaryText.stories.tsx index 8b23d3441ced67..58122cbffd0f32 100644 --- a/packages/react-components/react-tags/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-tags'; export const SecondaryText = () => ( diff --git a/packages/react-components/react-tags/stories/InteractionTag/InteractionTagShape.stories.tsx b/packages/react-components/react-tags/stories/InteractionTag/InteractionTagShape.stories.tsx index 86a52637d71056..a14cd03e6140b5 100644 --- a/packages/react-components/react-tags/stories/InteractionTag/InteractionTagShape.stories.tsx +++ b/packages/react-components/react-tags/stories/InteractionTag/InteractionTagShape.stories.tsx @@ -2,7 +2,7 @@ import * as React from 'react'; import { Avatar, makeStyles } from '@fluentui/react-components'; import { CalendarMonthRegular } from '@fluentui/react-icons'; -import { InteractionTag, InteractionTagPrimary, InteractionTagSecondary } from '@fluentui/react-tags-preview'; +import { InteractionTag, InteractionTagPrimary, InteractionTagSecondary } from '@fluentui/react-tags'; const useContainerStyles = makeStyles({ root: { diff --git a/packages/react-components/react-tags/stories/InteractionTag/InteractionTagSize.stories.tsx b/packages/react-components/react-tags/stories/InteractionTag/InteractionTagSize.stories.tsx index 1567a05d58c38f..ba35db5099edc9 100644 --- a/packages/react-components/react-tags/stories/InteractionTag/InteractionTagSize.stories.tsx +++ b/packages/react-components/react-tags/stories/InteractionTag/InteractionTagSize.stories.tsx @@ -2,7 +2,7 @@ import * as React from 'react'; import { Avatar, makeStyles } from '@fluentui/react-components'; import { CalendarMonthRegular } from '@fluentui/react-icons'; -import { InteractionTag, InteractionTagPrimary, InteractionTagSecondary } from '@fluentui/react-tags-preview'; +import { InteractionTag, InteractionTagPrimary, InteractionTagSecondary } from '@fluentui/react-tags'; const useContainerStyles = makeStyles({ innerWrapper: { diff --git a/packages/react-components/react-tags/stories/InteractionTag/index.stories.tsx b/packages/react-components/react-tags/stories/InteractionTag/index.stories.tsx index 14c1424035d3ce..d1a4d6fa5a684c 100644 --- a/packages/react-components/react-tags/stories/InteractionTag/index.stories.tsx +++ b/packages/react-components/react-tags/stories/InteractionTag/index.stories.tsx @@ -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/stories/Tag/TagAppearance.stories.tsx b/packages/react-components/react-tags/stories/Tag/TagAppearance.stories.tsx index e1b57ae584677d..7a57fff9495595 100644 --- a/packages/react-components/react-tags/stories/Tag/TagAppearance.stories.tsx +++ b/packages/react-components/react-tags/stories/Tag/TagAppearance.stories.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; import { makeStyles } from '@fluentui/react-components'; -import { Tag } from '@fluentui/react-tags-preview'; +import { Tag } from '@fluentui/react-tags'; import { CalendarMonthRegular } from '@fluentui/react-icons'; const useContainerStyles = makeStyles({ diff --git a/packages/react-components/react-tags/stories/Tag/TagDefault.stories.tsx b/packages/react-components/react-tags/stories/Tag/TagDefault.stories.tsx index 199db13fe45570..8f71665df751d8 100644 --- a/packages/react-components/react-tags/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-tags'; export const Default = (props: Partial) => Primary text; diff --git a/packages/react-components/react-tags/stories/Tag/TagDisabled.stories.tsx b/packages/react-components/react-tags/stories/Tag/TagDisabled.stories.tsx index 133dea80924b0d..39aef2c19602f6 100644 --- a/packages/react-components/react-tags/stories/Tag/TagDisabled.stories.tsx +++ b/packages/react-components/react-tags/stories/Tag/TagDisabled.stories.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; import { makeStyles } from '@fluentui/react-components'; -import { Tag } from '@fluentui/react-tags-preview'; +import { Tag } from '@fluentui/react-tags'; import { CalendarMonthRegular } from '@fluentui/react-icons'; const useContainerStyles = makeStyles({ diff --git a/packages/react-components/react-tags/stories/Tag/TagDismiss.stories.tsx b/packages/react-components/react-tags/stories/Tag/TagDismiss.stories.tsx index a485c037a5e1a8..84e21e55abeb59 100644 --- a/packages/react-components/react-tags/stories/Tag/TagDismiss.stories.tsx +++ b/packages/react-components/react-tags/stories/Tag/TagDismiss.stories.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { Tag, TagGroup, TagGroupProps } from '@fluentui/react-tags-preview'; +import { Tag, TagGroup, TagGroupProps } from '@fluentui/react-tags'; import { Button, makeStyles } from '@fluentui/react-components'; const useStyles = makeStyles({ diff --git a/packages/react-components/react-tags/stories/Tag/TagIcon.stories.tsx b/packages/react-components/react-tags/stories/Tag/TagIcon.stories.tsx index 8fa4c9e71538d7..7c2c7eb1795fe2 100644 --- a/packages/react-components/react-tags/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-tags'; export const Icon = () => }>Primary text; diff --git a/packages/react-components/react-tags/stories/Tag/TagMedia.stories.tsx b/packages/react-components/react-tags/stories/Tag/TagMedia.stories.tsx index 66751e6d36c42f..941fbec7e0262a 100644 --- a/packages/react-components/react-tags/stories/Tag/TagMedia.stories.tsx +++ b/packages/react-components/react-tags/stories/Tag/TagMedia.stories.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { Avatar } from '@fluentui/react-components'; -import { Tag } from '@fluentui/react-tags-preview'; +import { Tag } from '@fluentui/react-tags'; export const Media = () => }>Primary text; diff --git a/packages/react-components/react-tags/stories/Tag/TagSecondaryText.stories.tsx b/packages/react-components/react-tags/stories/Tag/TagSecondaryText.stories.tsx index c9ae75897743c7..1f16e2b7b0815d 100644 --- a/packages/react-components/react-tags/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-tags'; export const SecondaryText = () => Primary text; diff --git a/packages/react-components/react-tags/stories/Tag/TagShape.stories.tsx b/packages/react-components/react-tags/stories/Tag/TagShape.stories.tsx index b3fbf61be5fdb1..c01b4e5fcf3167 100644 --- a/packages/react-components/react-tags/stories/Tag/TagShape.stories.tsx +++ b/packages/react-components/react-tags/stories/Tag/TagShape.stories.tsx @@ -2,7 +2,7 @@ import * as React from 'react'; import { Avatar, makeStyles } from '@fluentui/react-components'; import { CalendarMonthRegular } from '@fluentui/react-icons'; -import { Tag } from '@fluentui/react-tags-preview'; +import { Tag } from '@fluentui/react-tags'; const useContainerStyles = makeStyles({ root: { diff --git a/packages/react-components/react-tags/stories/Tag/TagSize.stories.tsx b/packages/react-components/react-tags/stories/Tag/TagSize.stories.tsx index 042e4be62711a0..09cf486b669b78 100644 --- a/packages/react-components/react-tags/stories/Tag/TagSize.stories.tsx +++ b/packages/react-components/react-tags/stories/Tag/TagSize.stories.tsx @@ -2,7 +2,7 @@ import * as React from 'react'; import { Avatar, makeStyles } from '@fluentui/react-components'; import { CalendarMonthRegular } from '@fluentui/react-icons'; -import { Tag } from '@fluentui/react-tags-preview'; +import { Tag } from '@fluentui/react-tags'; const useContainerStyles = makeStyles({ innerWrapper: { diff --git a/packages/react-components/react-tags/stories/Tag/index.stories.tsx b/packages/react-components/react-tags/stories/Tag/index.stories.tsx index 04fc2984760a36..703b922ec8120a 100644 --- a/packages/react-components/react-tags/stories/Tag/index.stories.tsx +++ b/packages/react-components/react-tags/stories/Tag/index.stories.tsx @@ -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/stories/TagGroup/TagGroupDefault.stories.tsx b/packages/react-components/react-tags/stories/TagGroup/TagGroupDefault.stories.tsx index 496ac56afd62ad..5d52e1379b93e0 100644 --- a/packages/react-components/react-tags/stories/TagGroup/TagGroupDefault.stories.tsx +++ b/packages/react-components/react-tags/stories/TagGroup/TagGroupDefault.stories.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { TagGroup, InteractionTag, InteractionTagPrimary, Tag } from '@fluentui/react-tags-preview'; +import { TagGroup, InteractionTag, InteractionTagPrimary, Tag } from '@fluentui/react-tags'; import { makeStyles } from '@fluentui/react-components'; const WithTags = () => ( diff --git a/packages/react-components/react-tags/stories/TagGroup/TagGroupDismiss.stories.tsx b/packages/react-components/react-tags/stories/TagGroup/TagGroupDismiss.stories.tsx index 779d9bbe9f11b6..38d56bd2fd84c3 100644 --- a/packages/react-components/react-tags/stories/TagGroup/TagGroupDismiss.stories.tsx +++ b/packages/react-components/react-tags/stories/TagGroup/TagGroupDismiss.stories.tsx @@ -6,7 +6,7 @@ import { TagGroupProps, InteractionTagPrimary, InteractionTagSecondary, -} from '@fluentui/react-tags-preview'; +} from '@fluentui/react-tags'; import { Button, makeStyles } from '@fluentui/react-components'; const useStyles = makeStyles({ diff --git a/packages/react-components/react-tags/stories/TagGroup/TagGroupOverflow.stories.tsx b/packages/react-components/react-tags/stories/TagGroup/TagGroupOverflow.stories.tsx index c2b0ee262d3eb0..1e5e84a58304be 100644 --- a/packages/react-components/react-tags/stories/TagGroup/TagGroupOverflow.stories.tsx +++ b/packages/react-components/react-tags/stories/TagGroup/TagGroupOverflow.stories.tsx @@ -7,7 +7,7 @@ import { InteractionTag, InteractionTagPrimary, InteractionTagPrimaryProps, -} from '@fluentui/react-tags-preview'; +} from '@fluentui/react-tags'; import { makeStyles, shorthands, diff --git a/packages/react-components/react-tags/stories/TagGroup/TagGroupSizes.stories.tsx b/packages/react-components/react-tags/stories/TagGroup/TagGroupSizes.stories.tsx index 8d8b922d44e4b6..e3fb81a1efde47 100644 --- a/packages/react-components/react-tags/stories/TagGroup/TagGroupSizes.stories.tsx +++ b/packages/react-components/react-tags/stories/TagGroup/TagGroupSizes.stories.tsx @@ -5,7 +5,7 @@ import { InteractionTagPrimary, InteractionTagSecondary, TagSize, -} from '@fluentui/react-tags-preview'; +} from '@fluentui/react-tags'; import { Avatar, makeStyles } from '@fluentui/react-components'; import { CalendarMonthRegular } from '@fluentui/react-icons'; diff --git a/packages/react-components/react-tags/stories/TagGroup/index.stories.tsx b/packages/react-components/react-tags/stories/TagGroup/index.stories.tsx index a07a090b5f8563..3e5bbe94691263 100644 --- a/packages/react-components/react-tags/stories/TagGroup/index.stories.tsx +++ b/packages/react-components/react-tags/stories/TagGroup/index.stories.tsx @@ -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: { From 5a9d39ab6154b013dd7255165c9f784f2fd64926 Mon Sep 17 00:00:00 2001 From: YuanboXue-Amber Date: Mon, 2 Oct 2023 10:38:01 +0200 Subject: [PATCH 3/8] chg --- ...ct-components-e001cc25-618a-4ece-8e23-125059460c21.json | 7 +++++++ ...ui-react-tags-bd5a3f4a-0aef-420f-b625-a57a1ca9eb01.json | 7 +++++++ 2 files changed, 14 insertions(+) create mode 100644 change/@fluentui-react-components-e001cc25-618a-4ece-8e23-125059460c21.json create mode 100644 change/@fluentui-react-tags-bd5a3f4a-0aef-420f-b625-a57a1ca9eb01.json 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" +} From cbb0c5ea49576a059f26e86e7557cf2a3f476fc1 Mon Sep 17 00:00:00 2001 From: YuanboXue-Amber Date: Mon, 2 Oct 2023 10:46:40 +0200 Subject: [PATCH 4/8] update version in vr test to >=9.0.0-alpha --- apps/vr-tests-react-components/package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/apps/vr-tests-react-components/package.json b/apps/vr-tests-react-components/package.json index 3d6929009e7152..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": "*", + "@fluentui/react-tags": ">=9.0.0-alpha", "@fluentui/react-text": "*", "@fluentui/react-textarea": "*", "@fluentui/react-theme": "*", From d7e79bd00d7dde0da675b6fe37e03c97565ae336 Mon Sep 17 00:00:00 2001 From: YuanboXue-Amber Date: Mon, 2 Oct 2023 11:48:34 +0200 Subject: [PATCH 5/8] spacing in api file --- .../react-tags/etc/react-tags.api.md | 113 +++++++----------- 1 file changed, 44 insertions(+), 69 deletions(-) diff --git a/packages/react-components/react-tags/etc/react-tags.api.md b/packages/react-components/react-tags/etc/react-tags.api.md index 22549a4e7401f0..3ce603d1657428 100644 --- a/packages/react-components/react-tags/etc/react-tags.api.md +++ b/packages/react-components/react-tags/etc/react-tags.api.md @@ -3,6 +3,7 @@ > Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/). ```ts + /// import { AvatarShape } from '@fluentui/react-avatar'; @@ -31,33 +32,28 @@ export type InteractionTagPrimaryContextValues = TagAvatarContextValues; // @public export type InteractionTagPrimaryProps = ComponentProps> & { - hasSecondaryAction?: boolean; + hasSecondaryAction?: boolean; }; // @public (undocumented) export type InteractionTagPrimarySlots = { - root: NonNullable>; - media?: Slot<'span'>; - icon?: Slot<'span'>; - primaryText: Slot<'span'>; - secondaryText?: Slot<'span'>; + root: NonNullable>; + media?: Slot<'span'>; + icon?: Slot<'span'>; + primaryText: Slot<'span'>; + secondaryText?: Slot<'span'>; }; // @public -export type InteractionTagPrimaryState = ComponentState & - Required< - Pick & - Pick - > & - UseTagAvatarContextValuesOptions; +export type InteractionTagPrimaryState = ComponentState & Required & Pick> & UseTagAvatarContextValuesOptions; // @public export type InteractionTagProps = ComponentProps> & { - appearance?: TagAppearance; - disabled?: boolean; - shape?: TagShape; - size?: TagSize; - value?: Value; + appearance?: TagAppearance; + disabled?: boolean; + shape?: TagShape; + size?: TagSize; + value?: Value; }; // @public @@ -71,36 +67,28 @@ export type InteractionTagSecondaryProps = ComponentProps>; + root: NonNullable>; }; // @public -export type InteractionTagSecondaryState = ComponentState & - Required>; +export type InteractionTagSecondaryState = ComponentState & Required>; // @public (undocumented) export type InteractionTagSlots = { - root: NonNullable>; + root: NonNullable>; }; // @public -export type InteractionTagState = ComponentState & - Required> & { +export type InteractionTagState = ComponentState & Required> & { handleTagDismiss: TagDismissHandler; interactionTagPrimaryId: string; - }; +}; // @public -export const renderInteractionTag_unstable: ( - state: InteractionTagState, - contextValues: InteractionTagContextValues, -) => JSX.Element; +export const renderInteractionTag_unstable: (state: InteractionTagState, contextValues: InteractionTagContextValues) => JSX.Element; // @public -export const renderInteractionTagPrimary_unstable: ( - state: InteractionTagPrimaryState, - contextValues: InteractionTagPrimaryContextValues, -) => JSX.Element; +export const renderInteractionTagPrimary_unstable: (state: InteractionTagPrimaryState, contextValues: InteractionTagPrimaryContextValues) => JSX.Element; // @public export const renderInteractionTagSecondary_unstable: (state: InteractionTagSecondaryState) => JSX.Element; @@ -122,7 +110,7 @@ export const tagClassNames: SlotClassNames; // @public (undocumented) export type TagDismissData = { - value: Value; + value: Value; }; // @public (undocumented) @@ -139,29 +127,28 @@ export const tagGroupClassNames: SlotClassNames; // @public export type TagGroupProps = ComponentProps & { - onDismiss?: TagDismissHandler; - size?: TagSize; + onDismiss?: TagDismissHandler; + size?: TagSize; }; // @public (undocumented) export type TagGroupSlots = { - root: Slot<'div'>; + root: Slot<'div'>; }; // @public -export type TagGroupState = ComponentState & - Required> & { +export type TagGroupState = ComponentState & Required> & { handleTagDismiss: TagDismissHandler; - }; +}; // @public export type TagProps = ComponentProps> & { - appearance?: TagAppearance; - disabled?: boolean; - dismissible?: boolean; - shape?: TagShape; - size?: TagSize; - value?: Value; + appearance?: TagAppearance; + disabled?: boolean; + dismissible?: boolean; + shape?: TagShape; + size?: TagSize; + value?: Value; }; // @public (undocumented) @@ -172,50 +159,37 @@ export type TagSize = 'extra-small' | 'small' | 'medium'; // @public (undocumented) export type TagSlots = { - root: NonNullable>; - media?: Slot<'span'>; - icon?: Slot<'span'>; - primaryText: Slot<'span'>; - secondaryText?: Slot<'span'>; - dismissIcon?: Slot<'span'>; + root: NonNullable>; + media?: Slot<'span'>; + icon?: Slot<'span'>; + primaryText: Slot<'span'>; + secondaryText?: Slot<'span'>; + dismissIcon?: Slot<'span'>; }; // @public -export type TagState = ComponentState & - Required> & - UseTagAvatarContextValuesOptions; +export type TagState = ComponentState & Required> & UseTagAvatarContextValuesOptions; // @public (undocumented) export type TagValue = string; // @public -export const useInteractionTag_unstable: ( - props: InteractionTagProps, - ref: React_2.Ref, -) => InteractionTagState; +export const useInteractionTag_unstable: (props: InteractionTagProps, ref: React_2.Ref) => InteractionTagState; // @public (undocumented) export function useInteractionTagContextValues_unstable(state: InteractionTagState): InteractionTagContextValues; // @public -export const useInteractionTagPrimary_unstable: ( - props: InteractionTagPrimaryProps, - ref: React_2.Ref, -) => InteractionTagPrimaryState; +export const useInteractionTagPrimary_unstable: (props: InteractionTagPrimaryProps, ref: React_2.Ref) => InteractionTagPrimaryState; // @public (undocumented) export const useInteractionTagPrimaryStyles_unstable: (state: InteractionTagPrimaryState) => InteractionTagPrimaryState; // @public -export const useInteractionTagSecondary_unstable: ( - props: InteractionTagSecondaryProps, - ref: React_2.Ref, -) => InteractionTagSecondaryState; +export const useInteractionTagSecondary_unstable: (props: InteractionTagSecondaryProps, ref: React_2.Ref) => InteractionTagSecondaryState; // @public (undocumented) -export const useInteractionTagSecondaryStyles_unstable: ( - state: InteractionTagSecondaryState, -) => InteractionTagSecondaryState; +export const useInteractionTagSecondaryStyles_unstable: (state: InteractionTagSecondaryState) => InteractionTagSecondaryState; // @public export const useInteractionTagStyles_unstable: (state: InteractionTagState) => InteractionTagState; @@ -239,4 +213,5 @@ export const useTagGroupStyles_unstable: (state: TagGroupState) => TagGroupState export const useTagStyles_unstable: (state: TagState) => TagState; // (No @packageDocumentation comment for this package) + ``` From f693052c0ff58b49fc473107588d9656cbdf87a5 Mon Sep 17 00:00:00 2001 From: YuanboXue-Amber Date: Mon, 2 Oct 2023 12:15:28 +0200 Subject: [PATCH 6/8] react-components api --- .../etc/react-components.api.md | 153 ++++++++++++++++++ 1 file changed, 153 insertions(+) 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 } From b2a57a76d3edad87d14cb4c9c49c503b1f6d20be Mon Sep 17 00:00:00 2001 From: YuanboXue-Amber Date: Mon, 2 Oct 2023 12:58:37 +0200 Subject: [PATCH 7/8] update stories to import from react-components --- .../InteractionTagAppearance.stories.tsx | 3 +-- .../InteractionTagDefault.stories.tsx | 2 +- .../InteractionTagDisabled.stories.tsx | 3 +-- .../InteractionTagDismiss.stories.tsx | 5 +++-- .../InteractionTagHasPrimaryAction.stories.tsx | 13 +++++++++++-- .../InteractionTag/InteractionTagIcon.stories.tsx | 2 +- .../InteractionTag/InteractionTagMedia.stories.tsx | 4 +--- .../InteractionTagSecondaryText.stories.tsx | 2 +- .../InteractionTag/InteractionTagShape.stories.tsx | 10 +++++++--- .../InteractionTag/InteractionTagSize.stories.tsx | 10 +++++++--- .../stories/InteractionTag/index.stories.tsx | 2 +- .../stories/Tag/TagAppearance.stories.tsx | 3 +-- .../react-tags/stories/Tag/TagDefault.stories.tsx | 2 +- .../react-tags/stories/Tag/TagDisabled.stories.tsx | 3 +-- .../react-tags/stories/Tag/TagDismiss.stories.tsx | 3 +-- .../react-tags/stories/Tag/TagIcon.stories.tsx | 2 +- .../react-tags/stories/Tag/TagMedia.stories.tsx | 4 +--- .../stories/Tag/TagSecondaryText.stories.tsx | 2 +- .../react-tags/stories/Tag/TagSize.stories.tsx | 4 +--- .../react-tags/stories/Tag/index.stories.tsx | 2 +- .../stories/TagGroup/TagGroupDefault.stories.tsx | 3 +-- .../stories/TagGroup/TagGroupDismiss.stories.tsx | 5 +++-- .../stories/TagGroup/TagGroupOverflow.stories.tsx | 2 -- .../stories/TagGroup/TagGroupSizes.stories.tsx | 5 +++-- .../react-tags/stories/TagGroup/index.stories.tsx | 2 +- 25 files changed, 52 insertions(+), 46 deletions(-) diff --git a/packages/react-components/react-tags/stories/InteractionTag/InteractionTagAppearance.stories.tsx b/packages/react-components/react-tags/stories/InteractionTag/InteractionTagAppearance.stories.tsx index 3ed394033b468f..b221b3513358de 100644 --- a/packages/react-components/react-tags/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'; +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/stories/InteractionTag/InteractionTagDefault.stories.tsx b/packages/react-components/react-tags/stories/InteractionTag/InteractionTagDefault.stories.tsx index 862f126a4392dd..9ca52379b939c0 100644 --- a/packages/react-components/react-tags/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'; +import { InteractionTag, InteractionTagProps, InteractionTagPrimary } from '@fluentui/react-components'; export const Default = (props: Partial) => ( diff --git a/packages/react-components/react-tags/stories/InteractionTag/InteractionTagDisabled.stories.tsx b/packages/react-components/react-tags/stories/InteractionTag/InteractionTagDisabled.stories.tsx index c27ecc32c4c371..9b8a01acdd04cb 100644 --- a/packages/react-components/react-tags/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'; +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/stories/InteractionTag/InteractionTagDismiss.stories.tsx b/packages/react-components/react-tags/stories/InteractionTag/InteractionTagDismiss.stories.tsx index 82f82709218441..4a5b6f3b7a8439 100644 --- a/packages/react-components/react-tags/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'; + Button, + makeStyles, +} from '@fluentui/react-components'; const useStyles = makeStyles({ container: { diff --git a/packages/react-components/react-tags/stories/InteractionTag/InteractionTagHasPrimaryAction.stories.tsx b/packages/react-components/react-tags/stories/InteractionTag/InteractionTagHasPrimaryAction.stories.tsx index 507c4545fddc53..12d3f5a81e4b07 100644 --- a/packages/react-components/react-tags/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'; +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/stories/InteractionTag/InteractionTagIcon.stories.tsx b/packages/react-components/react-tags/stories/InteractionTag/InteractionTagIcon.stories.tsx index 6f514a282ce73e..d6b5da22d7e232 100644 --- a/packages/react-components/react-tags/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'; +import { InteractionTag, InteractionTagPrimary } from '@fluentui/react-components'; export const Icon = () => ( diff --git a/packages/react-components/react-tags/stories/InteractionTag/InteractionTagMedia.stories.tsx b/packages/react-components/react-tags/stories/InteractionTag/InteractionTagMedia.stories.tsx index edd5d68c25610f..6369396e842650 100644 --- a/packages/react-components/react-tags/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'; - export const Media = () => ( }> diff --git a/packages/react-components/react-tags/stories/InteractionTag/InteractionTagSecondaryText.stories.tsx b/packages/react-components/react-tags/stories/InteractionTag/InteractionTagSecondaryText.stories.tsx index 58122cbffd0f32..932eaf3c6ae105 100644 --- a/packages/react-components/react-tags/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'; +import { InteractionTag, InteractionTagPrimary } from '@fluentui/react-components'; export const SecondaryText = () => ( diff --git a/packages/react-components/react-tags/stories/InteractionTag/InteractionTagShape.stories.tsx b/packages/react-components/react-tags/stories/InteractionTag/InteractionTagShape.stories.tsx index a14cd03e6140b5..172f9db1bdd86e 100644 --- a/packages/react-components/react-tags/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'; - const useContainerStyles = makeStyles({ root: { display: 'grid', diff --git a/packages/react-components/react-tags/stories/InteractionTag/InteractionTagSize.stories.tsx b/packages/react-components/react-tags/stories/InteractionTag/InteractionTagSize.stories.tsx index ba35db5099edc9..fd3e488f80d924 100644 --- a/packages/react-components/react-tags/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'; - const useContainerStyles = makeStyles({ innerWrapper: { alignItems: 'start', diff --git a/packages/react-components/react-tags/stories/InteractionTag/index.stories.tsx b/packages/react-components/react-tags/stories/InteractionTag/index.stories.tsx index d1a4d6fa5a684c..2444628c2e0924 100644 --- a/packages/react-components/react-tags/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'; +import { InteractionTag, InteractionTagPrimary, InteractionTagSecondary } from '@fluentui/react-components'; import descriptionMd from './InteractionTagDescription.md'; import bestPracticesMd from './InteractionTagBestPractices.md'; diff --git a/packages/react-components/react-tags/stories/Tag/TagAppearance.stories.tsx b/packages/react-components/react-tags/stories/Tag/TagAppearance.stories.tsx index 7a57fff9495595..b5c834528609ea 100644 --- a/packages/react-components/react-tags/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'; +import { Tag, makeStyles } from '@fluentui/react-components'; import { CalendarMonthRegular } from '@fluentui/react-icons'; const useContainerStyles = makeStyles({ diff --git a/packages/react-components/react-tags/stories/Tag/TagDefault.stories.tsx b/packages/react-components/react-tags/stories/Tag/TagDefault.stories.tsx index 8f71665df751d8..6e9d7eed8707c6 100644 --- a/packages/react-components/react-tags/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'; +import { Tag, TagProps } from '@fluentui/react-components'; export const Default = (props: Partial) => Primary text; diff --git a/packages/react-components/react-tags/stories/Tag/TagDisabled.stories.tsx b/packages/react-components/react-tags/stories/Tag/TagDisabled.stories.tsx index 39aef2c19602f6..ab11703d82fe89 100644 --- a/packages/react-components/react-tags/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'; +import { Tag, makeStyles } from '@fluentui/react-components'; import { CalendarMonthRegular } from '@fluentui/react-icons'; const useContainerStyles = makeStyles({ diff --git a/packages/react-components/react-tags/stories/Tag/TagDismiss.stories.tsx b/packages/react-components/react-tags/stories/Tag/TagDismiss.stories.tsx index 84e21e55abeb59..ce735c72f956d1 100644 --- a/packages/react-components/react-tags/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'; -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/stories/Tag/TagIcon.stories.tsx b/packages/react-components/react-tags/stories/Tag/TagIcon.stories.tsx index 7c2c7eb1795fe2..7ecca80fe88518 100644 --- a/packages/react-components/react-tags/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'; +import { Tag } from '@fluentui/react-components'; export const Icon = () => }>Primary text; diff --git a/packages/react-components/react-tags/stories/Tag/TagMedia.stories.tsx b/packages/react-components/react-tags/stories/Tag/TagMedia.stories.tsx index 941fbec7e0262a..fb69ee17f07913 100644 --- a/packages/react-components/react-tags/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'; +import { Tag, Avatar } from '@fluentui/react-components'; export const Media = () => }>Primary text; diff --git a/packages/react-components/react-tags/stories/Tag/TagSecondaryText.stories.tsx b/packages/react-components/react-tags/stories/Tag/TagSecondaryText.stories.tsx index 1f16e2b7b0815d..1e2e1efe948050 100644 --- a/packages/react-components/react-tags/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'; +import { Tag } from '@fluentui/react-components'; export const SecondaryText = () => Primary text; diff --git a/packages/react-components/react-tags/stories/Tag/TagSize.stories.tsx b/packages/react-components/react-tags/stories/Tag/TagSize.stories.tsx index 09cf486b669b78..f6e8e96bebe9c5 100644 --- a/packages/react-components/react-tags/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'; - const useContainerStyles = makeStyles({ innerWrapper: { alignItems: 'start', diff --git a/packages/react-components/react-tags/stories/Tag/index.stories.tsx b/packages/react-components/react-tags/stories/Tag/index.stories.tsx index 703b922ec8120a..adadad2741c133 100644 --- a/packages/react-components/react-tags/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'; +import { Tag } from '@fluentui/react-components'; import descriptionMd from './TagDescription.md'; import bestPracticesMd from './TagBestPractices.md'; diff --git a/packages/react-components/react-tags/stories/TagGroup/TagGroupDefault.stories.tsx b/packages/react-components/react-tags/stories/TagGroup/TagGroupDefault.stories.tsx index 5d52e1379b93e0..dd2fb0e8b014ef 100644 --- a/packages/react-components/react-tags/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'; -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/stories/TagGroup/TagGroupDismiss.stories.tsx b/packages/react-components/react-tags/stories/TagGroup/TagGroupDismiss.stories.tsx index 38d56bd2fd84c3..ecbaec57c3dcc7 100644 --- a/packages/react-components/react-tags/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'; -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/stories/TagGroup/TagGroupOverflow.stories.tsx b/packages/react-components/react-tags/stories/TagGroup/TagGroupOverflow.stories.tsx index 1e5e84a58304be..efef5378ca0fb4 100644 --- a/packages/react-components/react-tags/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'; -import { makeStyles, shorthands, Menu, diff --git a/packages/react-components/react-tags/stories/TagGroup/TagGroupSizes.stories.tsx b/packages/react-components/react-tags/stories/TagGroup/TagGroupSizes.stories.tsx index e3fb81a1efde47..189d7057ee7b43 100644 --- a/packages/react-components/react-tags/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'; -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/stories/TagGroup/index.stories.tsx b/packages/react-components/react-tags/stories/TagGroup/index.stories.tsx index 3e5bbe94691263..50de6ba0c2a5e6 100644 --- a/packages/react-components/react-tags/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'; +import { TagGroup } from '@fluentui/react-components'; import descriptionMd from './TagGroupDescription.md'; import bestPracticesMd from './TagGroupBestPractices.md'; From ea014b0b9a3ec648ef73d9f3e6777a7e8d942e2b Mon Sep 17 00:00:00 2001 From: YuanboXue-Amber Date: Mon, 2 Oct 2023 14:09:10 +0200 Subject: [PATCH 8/8] same --- .../react-tags/stories/Tag/TagShape.stories.tsx | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) diff --git a/packages/react-components/react-tags/stories/Tag/TagShape.stories.tsx b/packages/react-components/react-tags/stories/Tag/TagShape.stories.tsx index c01b4e5fcf3167..a0fea467658a55 100644 --- a/packages/react-components/react-tags/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'; - const useContainerStyles = makeStyles({ root: { display: 'grid',