From 9b3490d80bb875c1e583adb980e0eefe14c7b0d0 Mon Sep 17 00:00:00 2001 From: Tomi Olubeko Date: Thu, 4 May 2023 14:37:34 -0700 Subject: [PATCH 1/6] chore(react-skeleton): release react-skeleton to stable --- .../react-components/src/index.ts | 23 ++++++++++++++++++ .../react-components/src/unstable/index.ts | 24 ------------------- .../react-components/react-skeleton/README.md | 8 ++++++- .../react-skeleton/package.json | 3 +-- .../Skeleton/SkeletonAnimation.stories.tsx | 4 +--- .../Skeleton/SkeletonAppearance.stories.tsx | 4 +--- .../Skeleton/SkeletonDefault.stories.tsx | 4 ++-- .../stories/Skeleton/SkeletonDescription.md | 6 +---- .../stories/Skeleton/SkeletonRow.stories.tsx | 4 +--- .../stories/Skeleton/index.stories.tsx | 2 +- 10 files changed, 38 insertions(+), 44 deletions(-) diff --git a/packages/react-components/react-components/src/index.ts b/packages/react-components/react-components/src/index.ts index e01e20f27b10d5..e1a462d7e1d6f2 100644 --- a/packages/react-components/react-components/src/index.ts +++ b/packages/react-components/react-components/src/index.ts @@ -588,6 +588,29 @@ export { useSelect_unstable, } from '@fluentui/react-select'; export type { SelectOnChangeData, SelectProps, SelectSlots, SelectState } from '@fluentui/react-select'; +export { + Skeleton, + renderSkeleton_unstable, + skeletonClassNames, + useSkeletonStyles_unstable, + useSkeleton_unstable, + SkeletonItem, + renderSkeletonItem_unstable, + skeletonItemClassNames, + useSkeletonItemStyles_unstable, + useSkeletonItem_unstable, + SkeletonContextProvider, + useSkeletonContext, +} from '@fluentui/react-skeleton'; +export type { + SkeletonProps, + SkeletonSlots, + SkeletonState, + SkeletonItemProps, + SkeletonItemSlots, + SkeletonItemState, + SkeletonContextValue, +} from '@fluentui/react-skeleton'; export { Slider, sliderClassNames, diff --git a/packages/react-components/react-components/src/unstable/index.ts b/packages/react-components/react-components/src/unstable/index.ts index 757959fabfaf71..d4892a585056fc 100644 --- a/packages/react-components/react-components/src/unstable/index.ts +++ b/packages/react-components/react-components/src/unstable/index.ts @@ -30,30 +30,6 @@ export type { InfoLabelState, } from '@fluentui/react-infobutton'; -export { - Skeleton, - renderSkeleton_unstable, - skeletonClassNames, - useSkeletonStyles_unstable, - useSkeleton_unstable, - SkeletonItem, - renderSkeletonItem_unstable, - skeletonItemClassNames, - useSkeletonItemStyles_unstable, - useSkeletonItem_unstable, - SkeletonContextProvider, - useSkeletonContext, -} from '@fluentui/react-skeleton'; -export type { - SkeletonProps, - SkeletonSlots, - SkeletonState, - SkeletonItemProps, - SkeletonItemSlots, - SkeletonItemState, - SkeletonContextValue, -} from '@fluentui/react-skeleton'; - export { Virtualizer, virtualizerClassNames, diff --git a/packages/react-components/react-skeleton/README.md b/packages/react-components/react-skeleton/README.md index eea3a398cd6b1c..6a078ee25ca4a4 100644 --- a/packages/react-components/react-skeleton/README.md +++ b/packages/react-components/react-skeleton/README.md @@ -2,4 +2,10 @@ **React Skeleton 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. +## Usage + +To import `Skeleton`: + +```js +import { Skeleton, SkeletonItem } from '@fluentui/react-components'; +``` diff --git a/packages/react-components/react-skeleton/package.json b/packages/react-components/react-skeleton/package.json index 8a9575a44c3b90..cad3bc4e905615 100644 --- a/packages/react-components/react-skeleton/package.json +++ b/packages/react-components/react-skeleton/package.json @@ -48,8 +48,7 @@ "beachball": { "disallowedChangeTypes": [ "major", - "minor", - "patch" + "prerelease" ] }, "exports": { diff --git a/packages/react-components/react-skeleton/stories/Skeleton/SkeletonAnimation.stories.tsx b/packages/react-components/react-skeleton/stories/Skeleton/SkeletonAnimation.stories.tsx index 67f78202d19cbe..8508e3c9778323 100644 --- a/packages/react-components/react-skeleton/stories/Skeleton/SkeletonAnimation.stories.tsx +++ b/packages/react-components/react-skeleton/stories/Skeleton/SkeletonAnimation.stories.tsx @@ -1,7 +1,5 @@ import * as React from 'react'; -import { Field, makeStyles, tokens } from '@fluentui/react-components'; -import type { SkeletonProps } from '@fluentui/react-components/unstable'; -import { Skeleton, SkeletonItem } from '@fluentui/react-components/unstable'; +import { Field, SkeletonProps, Skeleton, SkeletonItem, makeStyles, tokens } from '@fluentui/react-components'; const useStyles = makeStyles({ invertedWrapper: { diff --git a/packages/react-components/react-skeleton/stories/Skeleton/SkeletonAppearance.stories.tsx b/packages/react-components/react-skeleton/stories/Skeleton/SkeletonAppearance.stories.tsx index fab0ac55dffea8..373068e9a3062d 100644 --- a/packages/react-components/react-skeleton/stories/Skeleton/SkeletonAppearance.stories.tsx +++ b/packages/react-components/react-skeleton/stories/Skeleton/SkeletonAppearance.stories.tsx @@ -1,7 +1,5 @@ import * as React from 'react'; -import { Field, makeStyles, tokens } from '@fluentui/react-components'; -import type { SkeletonProps } from '@fluentui/react-components/unstable'; -import { Skeleton, SkeletonItem } from '@fluentui/react-components/unstable'; +import { Field, SkeletonProps, Skeleton, SkeletonItem, makeStyles, tokens } from '@fluentui/react-components'; const useStyles = makeStyles({ invertedWrapper: { diff --git a/packages/react-components/react-skeleton/stories/Skeleton/SkeletonDefault.stories.tsx b/packages/react-components/react-skeleton/stories/Skeleton/SkeletonDefault.stories.tsx index d5a0eda57fece1..c38debb7270099 100644 --- a/packages/react-components/react-skeleton/stories/Skeleton/SkeletonDefault.stories.tsx +++ b/packages/react-components/react-skeleton/stories/Skeleton/SkeletonDefault.stories.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; -import { Skeleton, SkeletonItem } from '@fluentui/react-components/unstable'; -import type { SkeletonProps } from '@fluentui/react-components/unstable'; +import { Skeleton, SkeletonItem } from '@fluentui/react-components'; +import type { SkeletonProps } from '@fluentui/react-components'; export const Default = (props: Partial) => ( diff --git a/packages/react-components/react-skeleton/stories/Skeleton/SkeletonDescription.md b/packages/react-components/react-skeleton/stories/Skeleton/SkeletonDescription.md index aeff58021bb93d..57c1fa61c473c4 100644 --- a/packages/react-components/react-skeleton/stories/Skeleton/SkeletonDescription.md +++ b/packages/react-components/react-skeleton/stories/Skeleton/SkeletonDescription.md @@ -1,14 +1,10 @@ -> **⚠️ Preview components are considered unstable:** > > ```jsx > -> import { Skeleton, SkeletonItem } from '@fluentui/react-components/unstable'; +> import { Skeleton, SkeletonItem } from '@fluentui/react-components'; > > ``` -> -> - Features and APIs may change before final release -> - Please contact us if you intend to use this in your product The `Skeleton` component is a temporary animation placeholder for when a service call takes time to return data and we don't want to block rendering the rest of the UI. diff --git a/packages/react-components/react-skeleton/stories/Skeleton/SkeletonRow.stories.tsx b/packages/react-components/react-skeleton/stories/Skeleton/SkeletonRow.stories.tsx index e972c808d58be6..6a43738327ff5c 100644 --- a/packages/react-components/react-skeleton/stories/Skeleton/SkeletonRow.stories.tsx +++ b/packages/react-components/react-skeleton/stories/Skeleton/SkeletonRow.stories.tsx @@ -1,7 +1,5 @@ import * as React from 'react'; -import { makeStyles, shorthands, tokens } from '@fluentui/react-components'; -import type { SkeletonProps } from '@fluentui/react-components/unstable'; -import { Skeleton, SkeletonItem } from '@fluentui/react-components/unstable'; +import { SkeletonProps, Skeleton, SkeletonItem, makeStyles, shorthands, tokens } from '@fluentui/react-components'; const useStyles = makeStyles({ invertedWrapper: { diff --git a/packages/react-components/react-skeleton/stories/Skeleton/index.stories.tsx b/packages/react-components/react-skeleton/stories/Skeleton/index.stories.tsx index 35c0fe98b6ad26..582ac2358de14f 100644 --- a/packages/react-components/react-skeleton/stories/Skeleton/index.stories.tsx +++ b/packages/react-components/react-skeleton/stories/Skeleton/index.stories.tsx @@ -1,4 +1,4 @@ -import { Skeleton } from '@fluentui/react-components/unstable'; +import { Skeleton } from '@fluentui/react-components'; import descriptionMd from './SkeletonDescription.md'; import bestPracticesMd from './SkeletonBestPractices.md'; From aa4c101c3b31bfe9e09af5623029fa51acee76db Mon Sep 17 00:00:00 2001 From: Tomi Olubeko Date: Thu, 4 May 2023 14:40:15 -0700 Subject: [PATCH 2/6] change changetype to none to be able to merge --- ...tui-react-skeleton-50e30320-4803-4403-a4e3-ad463e7134bf.json | 2 +- ...tui-react-skeleton-725eba8c-20d0-45a2-b5f9-e2901c493699.json | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/change/@fluentui-react-skeleton-50e30320-4803-4403-a4e3-ad463e7134bf.json b/change/@fluentui-react-skeleton-50e30320-4803-4403-a4e3-ad463e7134bf.json index 3ce06293683eca..8717214d3fa8b3 100644 --- a/change/@fluentui-react-skeleton-50e30320-4803-4403-a4e3-ad463e7134bf.json +++ b/change/@fluentui-react-skeleton-50e30320-4803-4403-a4e3-ad463e7134bf.json @@ -1,5 +1,5 @@ { - "type": "prerelease", + "type": "none", "comment": "chore: move makeStyles() calls to .styles.ts files", "packageName": "@fluentui/react-skeleton", "email": "olfedias@microsoft.com", diff --git a/change/@fluentui-react-skeleton-725eba8c-20d0-45a2-b5f9-e2901c493699.json b/change/@fluentui-react-skeleton-725eba8c-20d0-45a2-b5f9-e2901c493699.json index 6561003af5c446..6c6d78bb4d81d8 100644 --- a/change/@fluentui-react-skeleton-725eba8c-20d0-45a2-b5f9-e2901c493699.json +++ b/change/@fluentui-react-skeleton-725eba8c-20d0-45a2-b5f9-e2901c493699.json @@ -1,5 +1,5 @@ { - "type": "prerelease", + "type": "none", "comment": "chore: exclude .swcrc from being published", "packageName": "@fluentui/react-skeleton", "email": "olfedias@microsoft.com", From 03232a35ae078f7717d18de6089112a29fa58380 Mon Sep 17 00:00:00 2001 From: Tomi Olubeko Date: Thu, 4 May 2023 14:41:17 -0700 Subject: [PATCH 3/6] change files --- ...ct-components-a75e4422-c023-4ded-b591-b8e9a071ac3e.json | 7 +++++++ ...eact-skeleton-9cfea4a1-5247-4590-801d-5581a95e02e7.json | 7 +++++++ 2 files changed, 14 insertions(+) create mode 100644 change/@fluentui-react-components-a75e4422-c023-4ded-b591-b8e9a071ac3e.json create mode 100644 change/@fluentui-react-skeleton-9cfea4a1-5247-4590-801d-5581a95e02e7.json diff --git a/change/@fluentui-react-components-a75e4422-c023-4ded-b591-b8e9a071ac3e.json b/change/@fluentui-react-components-a75e4422-c023-4ded-b591-b8e9a071ac3e.json new file mode 100644 index 00000000000000..98c5f709921b7f --- /dev/null +++ b/change/@fluentui-react-components-a75e4422-c023-4ded-b591-b8e9a071ac3e.json @@ -0,0 +1,7 @@ +{ + "type": "minor", + "comment": "Release react-skeleton to stable", + "packageName": "@fluentui/react-components", + "email": "ololubek@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-skeleton-9cfea4a1-5247-4590-801d-5581a95e02e7.json b/change/@fluentui-react-skeleton-9cfea4a1-5247-4590-801d-5581a95e02e7.json new file mode 100644 index 00000000000000..c1a333e5855562 --- /dev/null +++ b/change/@fluentui-react-skeleton-9cfea4a1-5247-4590-801d-5581a95e02e7.json @@ -0,0 +1,7 @@ +{ + "type": "minor", + "comment": "Release react-skeleton to stable", + "packageName": "@fluentui/react-skeleton", + "email": "ololubek@microsoft.com", + "dependentChangeType": "patch" +} From c34fd887633396bee251452d5f9162e4109b4428 Mon Sep 17 00:00:00 2001 From: Tomi Olubeko Date: Fri, 5 May 2023 18:44:08 -0700 Subject: [PATCH 4/6] api update --- .../etc/react-components.api.md | 57 +++++++++++++++++++ .../etc/react-components.unstable.api.md | 57 ------------------- 2 files changed, 57 insertions(+), 57 deletions(-) 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 07a2faca39bb7f..966d033f0de62f 100644 --- a/packages/react-components/react-components/etc/react-components.api.md +++ b/packages/react-components/react-components/etc/react-components.api.md @@ -532,6 +532,8 @@ import { renderProgressBar_unstable } from '@fluentui/react-progress'; import { renderRadio_unstable } from '@fluentui/react-radio'; import { renderRadioGroup_unstable } from '@fluentui/react-radio'; import { renderSelect_unstable } from '@fluentui/react-select'; +import { renderSkeleton_unstable } from '@fluentui/react-skeleton'; +import { renderSkeletonItem_unstable } from '@fluentui/react-skeleton'; import { renderSlider_unstable } from '@fluentui/react-slider'; import { renderSpinButton_unstable } from '@fluentui/react-spinbutton'; import { renderSpinner_unstable } from '@fluentui/react-spinner'; @@ -573,6 +575,18 @@ import { SelectTabEventHandler } from '@fluentui/react-tabs'; import { ShadowBrandTokens } from '@fluentui/react-theme'; import { ShadowTokens } from '@fluentui/react-theme'; import { shorthands } from '@griffel/react'; +import { Skeleton } from '@fluentui/react-skeleton'; +import { skeletonClassNames } from '@fluentui/react-skeleton'; +import { SkeletonContextProvider } from '@fluentui/react-skeleton'; +import { SkeletonContextValue } from '@fluentui/react-skeleton'; +import { SkeletonItem } from '@fluentui/react-skeleton'; +import { skeletonItemClassNames } from '@fluentui/react-skeleton'; +import { SkeletonItemProps } from '@fluentui/react-skeleton'; +import { SkeletonItemSlots } from '@fluentui/react-skeleton'; +import { SkeletonItemState } from '@fluentui/react-skeleton'; +import { SkeletonProps } from '@fluentui/react-skeleton'; +import { SkeletonSlots } from '@fluentui/react-skeleton'; +import { SkeletonState } from '@fluentui/react-skeleton'; import { Slider } from '@fluentui/react-slider'; import { sliderClassNames } from '@fluentui/react-slider'; import { sliderCSSVars } from '@fluentui/react-slider'; @@ -933,6 +947,11 @@ import { useRadioStyles_unstable } from '@fluentui/react-radio'; import { useScrollbarWidth } from '@fluentui/react-utilities'; import { useSelect_unstable } from '@fluentui/react-select'; import { useSelectStyles_unstable } from '@fluentui/react-select'; +import { useSkeleton_unstable } from '@fluentui/react-skeleton'; +import { useSkeletonContext } from '@fluentui/react-skeleton'; +import { useSkeletonItem_unstable } from '@fluentui/react-skeleton'; +import { useSkeletonItemStyles_unstable } from '@fluentui/react-skeleton'; +import { useSkeletonStyles_unstable } from '@fluentui/react-skeleton'; import { useSlider_unstable } from '@fluentui/react-slider'; import { useSliderState_unstable } from '@fluentui/react-slider'; import { useSliderStyles_unstable } from '@fluentui/react-slider'; @@ -2060,6 +2079,10 @@ export { renderRadioGroup_unstable } export { renderSelect_unstable } +export { renderSkeleton_unstable } + +export { renderSkeletonItem_unstable } + export { renderSlider_unstable } export { renderSpinButton_unstable } @@ -2142,6 +2165,30 @@ export { ShadowTokens } export { shorthands } +export { Skeleton } + +export { skeletonClassNames } + +export { SkeletonContextProvider } + +export { SkeletonContextValue } + +export { SkeletonItem } + +export { skeletonItemClassNames } + +export { SkeletonItemProps } + +export { SkeletonItemSlots } + +export { SkeletonItemState } + +export { SkeletonProps } + +export { SkeletonSlots } + +export { SkeletonState } + export { Slider } export { sliderClassNames } @@ -2862,6 +2909,16 @@ export { useSelect_unstable } export { useSelectStyles_unstable } +export { useSkeleton_unstable } + +export { useSkeletonContext } + +export { useSkeletonItem_unstable } + +export { useSkeletonItemStyles_unstable } + +export { useSkeletonStyles_unstable } + export { useSlider_unstable } export { useSliderState_unstable } diff --git a/packages/react-components/react-components/etc/react-components.unstable.api.md b/packages/react-components/react-components/etc/react-components.unstable.api.md index 43406b8392284c..87c2fb3febe0ef 100644 --- a/packages/react-components/react-components/etc/react-components.unstable.api.md +++ b/packages/react-components/react-components/etc/react-components.unstable.api.md @@ -28,26 +28,12 @@ import { NestedTreeItem } from '@fluentui/react-tree'; import { renderAlert_unstable } from '@fluentui/react-alert'; import { renderInfoButton_unstable } from '@fluentui/react-infobutton'; import { renderInfoLabel_unstable } from '@fluentui/react-infobutton'; -import { renderSkeleton_unstable } from '@fluentui/react-skeleton'; -import { renderSkeletonItem_unstable } from '@fluentui/react-skeleton'; import { renderTree_unstable } from '@fluentui/react-tree'; import { renderTreeItem_unstable } from '@fluentui/react-tree'; import { renderTreeItemLayout_unstable } from '@fluentui/react-tree'; import { renderTreeItemPersonaLayout_unstable } from '@fluentui/react-tree'; import { renderVirtualizer_unstable } from '@fluentui/react-virtualizer'; import { renderVirtualizerScrollView_unstable } from '@fluentui/react-virtualizer'; -import { Skeleton } from '@fluentui/react-skeleton'; -import { skeletonClassNames } from '@fluentui/react-skeleton'; -import { SkeletonContextProvider } from '@fluentui/react-skeleton'; -import { SkeletonContextValue } from '@fluentui/react-skeleton'; -import { SkeletonItem } from '@fluentui/react-skeleton'; -import { skeletonItemClassNames } from '@fluentui/react-skeleton'; -import { SkeletonItemProps } from '@fluentui/react-skeleton'; -import { SkeletonItemSlots } from '@fluentui/react-skeleton'; -import { SkeletonItemState } from '@fluentui/react-skeleton'; -import { SkeletonProps } from '@fluentui/react-skeleton'; -import { SkeletonSlots } from '@fluentui/react-skeleton'; -import { SkeletonState } from '@fluentui/react-skeleton'; import { Tree } from '@fluentui/react-tree'; import { treeClassNames } from '@fluentui/react-tree'; import { TreeContextValue } from '@fluentui/react-tree'; @@ -84,11 +70,6 @@ import { useInfoButtonStyles_unstable } from '@fluentui/react-infobutton'; import { useInfoLabel_unstable } from '@fluentui/react-infobutton'; import { useInfoLabelStyles_unstable } from '@fluentui/react-infobutton'; import { useIntersectionObserver } from '@fluentui/react-virtualizer'; -import { useSkeleton_unstable } from '@fluentui/react-skeleton'; -import { useSkeletonContext } from '@fluentui/react-skeleton'; -import { useSkeletonItem_unstable } from '@fluentui/react-skeleton'; -import { useSkeletonItemStyles_unstable } from '@fluentui/react-skeleton'; -import { useSkeletonStyles_unstable } from '@fluentui/react-skeleton'; import { useStaticVirtualizerMeasure } from '@fluentui/react-virtualizer'; import { useTree_unstable } from '@fluentui/react-tree'; import { useTreeContext_unstable } from '@fluentui/react-tree'; @@ -164,10 +145,6 @@ export { renderInfoButton_unstable } export { renderInfoLabel_unstable } -export { renderSkeleton_unstable } - -export { renderSkeletonItem_unstable } - export { renderTree_unstable } export { renderTreeItem_unstable } @@ -180,30 +157,6 @@ export { renderVirtualizer_unstable } export { renderVirtualizerScrollView_unstable } -export { Skeleton } - -export { skeletonClassNames } - -export { SkeletonContextProvider } - -export { SkeletonContextValue } - -export { SkeletonItem } - -export { skeletonItemClassNames } - -export { SkeletonItemProps } - -export { SkeletonItemSlots } - -export { SkeletonItemState } - -export { SkeletonProps } - -export { SkeletonSlots } - -export { SkeletonState } - export { Tree } export { treeClassNames } @@ -276,16 +229,6 @@ export { useInfoLabelStyles_unstable } export { useIntersectionObserver } -export { useSkeleton_unstable } - -export { useSkeletonContext } - -export { useSkeletonItem_unstable } - -export { useSkeletonItemStyles_unstable } - -export { useSkeletonStyles_unstable } - export { useStaticVirtualizerMeasure } export { useTree_unstable } From 4d00cde437fbdcfb7bd8d44e21910a5cbade311c Mon Sep 17 00:00:00 2001 From: Tomi Olubeko Date: Mon, 8 May 2023 10:56:12 -0700 Subject: [PATCH 5/6] change changefile type --- ...tui-react-skeleton-9e800ca2-9155-4112-9add-68393df30fe7.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/change/@fluentui-react-skeleton-9e800ca2-9155-4112-9add-68393df30fe7.json b/change/@fluentui-react-skeleton-9e800ca2-9155-4112-9add-68393df30fe7.json index 815eb720b99cba..9832caf124cec1 100644 --- a/change/@fluentui-react-skeleton-9e800ca2-9155-4112-9add-68393df30fe7.json +++ b/change/@fluentui-react-skeleton-9e800ca2-9155-4112-9add-68393df30fe7.json @@ -1,5 +1,5 @@ { - "type": "prerelease", + "type": "none", "comment": "fix: Scale pulse animation with percentages and flip wave animation's direction.", "packageName": "@fluentui/react-skeleton", "email": "ololubek@microsoft.com", From af1334e943b040e59fca8d47f890f24ef5641639 Mon Sep 17 00:00:00 2001 From: Tomi Olubeko <66456876+tomi-msft@users.noreply.github.com> Date: Mon, 8 May 2023 11:17:01 -0700 Subject: [PATCH 6/6] Apply suggestions from code review Co-authored-by: Makoto Morimoto --- ...-react-components-a75e4422-c023-4ded-b591-b8e9a071ac3e.json | 2 +- ...ui-react-skeleton-9cfea4a1-5247-4590-801d-5581a95e02e7.json | 2 +- .../stories/Skeleton/SkeletonAnimation.stories.tsx | 3 ++- .../stories/Skeleton/SkeletonAppearance.stories.tsx | 3 ++- .../react-skeleton/stories/Skeleton/SkeletonRow.stories.tsx | 3 ++- 5 files changed, 8 insertions(+), 5 deletions(-) diff --git a/change/@fluentui-react-components-a75e4422-c023-4ded-b591-b8e9a071ac3e.json b/change/@fluentui-react-components-a75e4422-c023-4ded-b591-b8e9a071ac3e.json index 98c5f709921b7f..2f2d741f28c102 100644 --- a/change/@fluentui-react-components-a75e4422-c023-4ded-b591-b8e9a071ac3e.json +++ b/change/@fluentui-react-components-a75e4422-c023-4ded-b591-b8e9a071ac3e.json @@ -1,6 +1,6 @@ { "type": "minor", - "comment": "Release react-skeleton to stable", + "comment": "chore: Releasing react-skeleton to stable.", "packageName": "@fluentui/react-components", "email": "ololubek@microsoft.com", "dependentChangeType": "patch" diff --git a/change/@fluentui-react-skeleton-9cfea4a1-5247-4590-801d-5581a95e02e7.json b/change/@fluentui-react-skeleton-9cfea4a1-5247-4590-801d-5581a95e02e7.json index c1a333e5855562..de4eed2a7714ce 100644 --- a/change/@fluentui-react-skeleton-9cfea4a1-5247-4590-801d-5581a95e02e7.json +++ b/change/@fluentui-react-skeleton-9cfea4a1-5247-4590-801d-5581a95e02e7.json @@ -1,6 +1,6 @@ { "type": "minor", - "comment": "Release react-skeleton to stable", + "comment": "chore: Releasing react-skeleton to stable.", "packageName": "@fluentui/react-skeleton", "email": "ololubek@microsoft.com", "dependentChangeType": "patch" diff --git a/packages/react-components/react-skeleton/stories/Skeleton/SkeletonAnimation.stories.tsx b/packages/react-components/react-skeleton/stories/Skeleton/SkeletonAnimation.stories.tsx index 8508e3c9778323..6121fbdde5a344 100644 --- a/packages/react-components/react-skeleton/stories/Skeleton/SkeletonAnimation.stories.tsx +++ b/packages/react-components/react-skeleton/stories/Skeleton/SkeletonAnimation.stories.tsx @@ -1,5 +1,6 @@ import * as React from 'react'; -import { Field, SkeletonProps, Skeleton, SkeletonItem, makeStyles, tokens } from '@fluentui/react-components'; +import { Field, Skeleton, SkeletonItem, makeStyles, tokens } from '@fluentui/react-components'; +import type { SkeletonProps } from '@fluentui/react-components'; const useStyles = makeStyles({ invertedWrapper: { diff --git a/packages/react-components/react-skeleton/stories/Skeleton/SkeletonAppearance.stories.tsx b/packages/react-components/react-skeleton/stories/Skeleton/SkeletonAppearance.stories.tsx index 373068e9a3062d..43441de82dd128 100644 --- a/packages/react-components/react-skeleton/stories/Skeleton/SkeletonAppearance.stories.tsx +++ b/packages/react-components/react-skeleton/stories/Skeleton/SkeletonAppearance.stories.tsx @@ -1,5 +1,6 @@ import * as React from 'react'; -import { Field, SkeletonProps, Skeleton, SkeletonItem, makeStyles, tokens } from '@fluentui/react-components'; +import { Field, Skeleton, SkeletonItem, makeStyles, tokens } from '@fluentui/react-components'; +import type { SkeletonProps } from '@fluentui/react-components'; const useStyles = makeStyles({ invertedWrapper: { diff --git a/packages/react-components/react-skeleton/stories/Skeleton/SkeletonRow.stories.tsx b/packages/react-components/react-skeleton/stories/Skeleton/SkeletonRow.stories.tsx index 6a43738327ff5c..4de70c84e80f26 100644 --- a/packages/react-components/react-skeleton/stories/Skeleton/SkeletonRow.stories.tsx +++ b/packages/react-components/react-skeleton/stories/Skeleton/SkeletonRow.stories.tsx @@ -1,5 +1,6 @@ import * as React from 'react'; -import { SkeletonProps, Skeleton, SkeletonItem, makeStyles, shorthands, tokens } from '@fluentui/react-components'; +import { Skeleton, SkeletonItem, makeStyles, shorthands, tokens } from '@fluentui/react-components'; +import type { SkeletonProps } from '@fluentui/react-components'; const useStyles = makeStyles({ invertedWrapper: {