From 0ba28e9b037964b783943545c6d8792833dfa40c Mon Sep 17 00:00:00 2001 From: Valentina Date: Fri, 7 Jun 2024 03:26:33 -0700 Subject: [PATCH] docs(react-swatch-picker): fixed imports in stories (#31578) --- .../src/SwatchPicker/ColorSwatchVariants.stories.tsx | 3 +-- .../stories/src/SwatchPicker/EmptySwatch.stories.tsx | 4 ++-- .../src/SwatchPicker/SwatchPickerDefault.stories.tsx | 4 ++-- .../src/SwatchPicker/SwatchPickerImage.stories.tsx | 4 ++-- .../src/SwatchPicker/SwatchPickerLayout.stories.tsx | 8 ++------ .../SwatchPickerMixedSwatches.stories.tsx | 10 +++++++--- .../src/SwatchPicker/SwatchPickerPopup.stories.tsx | 11 +++++++++-- .../src/SwatchPicker/SwatchPickerShape.stories.tsx | 3 +-- .../src/SwatchPicker/SwatchPickerSize.stories.tsx | 3 +-- .../src/SwatchPicker/SwatchPickerSpacing.stories.tsx | 3 +-- .../SwatchPicker/SwatchPickerWithTooltip.stories.tsx | 11 ++--------- 11 files changed, 30 insertions(+), 34 deletions(-) diff --git a/packages/react-components/react-swatch-picker/stories/src/SwatchPicker/ColorSwatchVariants.stories.tsx b/packages/react-components/react-swatch-picker/stories/src/SwatchPicker/ColorSwatchVariants.stories.tsx index 932059ed1f4aa4..b3b9e54990abc2 100644 --- a/packages/react-components/react-swatch-picker/stories/src/SwatchPicker/ColorSwatchVariants.stories.tsx +++ b/packages/react-components/react-swatch-picker/stories/src/SwatchPicker/ColorSwatchVariants.stories.tsx @@ -1,7 +1,6 @@ import * as React from 'react'; import { HeartFilled } from '@fluentui/react-icons'; -import { makeStyles } from '@fluentui/react-components'; -import { ColorSwatch } from '@fluentui/react-components'; +import { makeStyles, ColorSwatch } from '@fluentui/react-components'; const useStyles = makeStyles({ example: { diff --git a/packages/react-components/react-swatch-picker/stories/src/SwatchPicker/EmptySwatch.stories.tsx b/packages/react-components/react-swatch-picker/stories/src/SwatchPicker/EmptySwatch.stories.tsx index 2f8b23e907d2d2..709d0e89c50074 100644 --- a/packages/react-components/react-swatch-picker/stories/src/SwatchPicker/EmptySwatch.stories.tsx +++ b/packages/react-components/react-swatch-picker/stories/src/SwatchPicker/EmptySwatch.stories.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; -import { makeStyles, Button, Label } from '@fluentui/react-components'; -import { SwatchPicker, EmptySwatch, ColorSwatch, SwatchPickerOnSelectEventHandler } from '@fluentui/react-components'; +import { makeStyles, Button, Label, SwatchPicker, EmptySwatch, ColorSwatch } from '@fluentui/react-components'; +import type { SwatchPickerOnSelectEventHandler } from '@fluentui/react-components'; const useStyles = makeStyles({ example: { diff --git a/packages/react-components/react-swatch-picker/stories/src/SwatchPicker/SwatchPickerDefault.stories.tsx b/packages/react-components/react-swatch-picker/stories/src/SwatchPicker/SwatchPickerDefault.stories.tsx index 929cd7820f03f5..cdd21297e253d3 100644 --- a/packages/react-components/react-swatch-picker/stories/src/SwatchPicker/SwatchPickerDefault.stories.tsx +++ b/packages/react-components/react-swatch-picker/stories/src/SwatchPicker/SwatchPickerDefault.stories.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; -import { makeStyles } from '@fluentui/react-components'; -import { SwatchPicker, ColorSwatch, SwatchPickerOnSelectEventHandler } from '@fluentui/react-components'; +import { makeStyles, SwatchPicker, ColorSwatch } from '@fluentui/react-components'; +import type { SwatchPickerOnSelectEventHandler } from '@fluentui/react-components'; const useStyles = makeStyles({ example: { diff --git a/packages/react-components/react-swatch-picker/stories/src/SwatchPicker/SwatchPickerImage.stories.tsx b/packages/react-components/react-swatch-picker/stories/src/SwatchPicker/SwatchPickerImage.stories.tsx index 9cbc0a3f929e0d..c0f2df94cca459 100644 --- a/packages/react-components/react-swatch-picker/stories/src/SwatchPicker/SwatchPickerImage.stories.tsx +++ b/packages/react-components/react-swatch-picker/stories/src/SwatchPicker/SwatchPickerImage.stories.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; -import { makeStyles } from '@fluentui/react-components'; -import { SwatchPicker, SwatchPickerOnSelectEventHandler, ImageSwatch } from '@fluentui/react-components'; +import { makeStyles, SwatchPicker, ImageSwatch } from '@fluentui/react-components'; +import type { SwatchPickerOnSelectEventHandler } from '@fluentui/react-components'; const useStyles = makeStyles({ example: { diff --git a/packages/react-components/react-swatch-picker/stories/src/SwatchPicker/SwatchPickerLayout.stories.tsx b/packages/react-components/react-swatch-picker/stories/src/SwatchPicker/SwatchPickerLayout.stories.tsx index 5ce4c9e55363be..f9772ac06eb212 100644 --- a/packages/react-components/react-swatch-picker/stories/src/SwatchPicker/SwatchPickerLayout.stories.tsx +++ b/packages/react-components/react-swatch-picker/stories/src/SwatchPicker/SwatchPickerLayout.stories.tsx @@ -1,11 +1,7 @@ import * as React from 'react'; import { makeStyles } from '@fluentui/react-components'; -import { - SwatchPicker, - SwatchPickerOnSelectEventHandler, - ColorSwatch, - renderSwatchPickerGrid, -} from '@fluentui/react-components'; +import { SwatchPicker, ColorSwatch, renderSwatchPickerGrid } from '@fluentui/react-components'; +import type { SwatchPickerOnSelectEventHandler } from '@fluentui/react-components'; const useStyles = makeStyles({ example: { diff --git a/packages/react-components/react-swatch-picker/stories/src/SwatchPicker/SwatchPickerMixedSwatches.stories.tsx b/packages/react-components/react-swatch-picker/stories/src/SwatchPicker/SwatchPickerMixedSwatches.stories.tsx index f6698308e72d39..c9bf4ccd4a8c16 100644 --- a/packages/react-components/react-swatch-picker/stories/src/SwatchPicker/SwatchPickerMixedSwatches.stories.tsx +++ b/packages/react-components/react-swatch-picker/stories/src/SwatchPicker/SwatchPickerMixedSwatches.stories.tsx @@ -1,7 +1,11 @@ import * as React from 'react'; -import { makeStyles } from '@fluentui/react-components'; -import { SwatchPicker, SwatchPickerOnSelectEventHandler, renderSwatchPickerGrid } from '@fluentui/react-components'; -import type { ColorSwatchProps, ImageSwatchProps, SwatchProps } from '@fluentui/react-components'; +import { makeStyles, SwatchPicker, renderSwatchPickerGrid } from '@fluentui/react-components'; +import type { + ColorSwatchProps, + ImageSwatchProps, + SwatchProps, + SwatchPickerOnSelectEventHandler, +} from '@fluentui/react-components'; const useStyles = makeStyles({ example: { diff --git a/packages/react-components/react-swatch-picker/stories/src/SwatchPicker/SwatchPickerPopup.stories.tsx b/packages/react-components/react-swatch-picker/stories/src/SwatchPicker/SwatchPickerPopup.stories.tsx index 1dd0f38fd64b8a..89502b0e136d28 100644 --- a/packages/react-components/react-swatch-picker/stories/src/SwatchPicker/SwatchPickerPopup.stories.tsx +++ b/packages/react-components/react-swatch-picker/stories/src/SwatchPicker/SwatchPickerPopup.stories.tsx @@ -1,6 +1,13 @@ import * as React from 'react'; -import { makeStyles, Button, Popover, PopoverSurface, PopoverTrigger } from '@fluentui/react-components'; -import { SwatchPicker, ColorSwatch } from '@fluentui/react-components'; +import { + makeStyles, + Button, + Popover, + PopoverSurface, + PopoverTrigger, + SwatchPicker, + ColorSwatch, +} from '@fluentui/react-components'; import type { SwatchPickerOnSelectEventHandler } from '@fluentui/react-components'; const useStyles = makeStyles({ diff --git a/packages/react-components/react-swatch-picker/stories/src/SwatchPicker/SwatchPickerShape.stories.tsx b/packages/react-components/react-swatch-picker/stories/src/SwatchPicker/SwatchPickerShape.stories.tsx index 13a0eeb7356ab1..dcb43c38342107 100644 --- a/packages/react-components/react-swatch-picker/stories/src/SwatchPicker/SwatchPickerShape.stories.tsx +++ b/packages/react-components/react-swatch-picker/stories/src/SwatchPicker/SwatchPickerShape.stories.tsx @@ -1,6 +1,5 @@ import * as React from 'react'; -import { makeStyles } from '@fluentui/react-components'; -import { SwatchPicker, ColorSwatch } from '@fluentui/react-components'; +import { makeStyles, SwatchPicker, ColorSwatch } from '@fluentui/react-components'; const useStyles = makeStyles({ example: { diff --git a/packages/react-components/react-swatch-picker/stories/src/SwatchPicker/SwatchPickerSize.stories.tsx b/packages/react-components/react-swatch-picker/stories/src/SwatchPicker/SwatchPickerSize.stories.tsx index 71e277c7f95254..1a4f8ea17ca127 100644 --- a/packages/react-components/react-swatch-picker/stories/src/SwatchPicker/SwatchPickerSize.stories.tsx +++ b/packages/react-components/react-swatch-picker/stories/src/SwatchPicker/SwatchPickerSize.stories.tsx @@ -1,6 +1,5 @@ import * as React from 'react'; -import { makeStyles } from '@fluentui/react-components'; -import { SwatchPicker, ColorSwatch } from '@fluentui/react-components'; +import { makeStyles, SwatchPicker, ColorSwatch } from '@fluentui/react-components'; const useStyles = makeStyles({ example: { diff --git a/packages/react-components/react-swatch-picker/stories/src/SwatchPicker/SwatchPickerSpacing.stories.tsx b/packages/react-components/react-swatch-picker/stories/src/SwatchPicker/SwatchPickerSpacing.stories.tsx index 6a2aff5fceca5c..d1dc2d8703cb70 100644 --- a/packages/react-components/react-swatch-picker/stories/src/SwatchPicker/SwatchPickerSpacing.stories.tsx +++ b/packages/react-components/react-swatch-picker/stories/src/SwatchPicker/SwatchPickerSpacing.stories.tsx @@ -1,6 +1,5 @@ import * as React from 'react'; -import { makeStyles } from '@fluentui/react-components'; -import { SwatchPicker, renderSwatchPickerGrid } from '@fluentui/react-components'; +import { makeStyles, SwatchPicker, renderSwatchPickerGrid } from '@fluentui/react-components'; const useStyles = makeStyles({ example: { diff --git a/packages/react-components/react-swatch-picker/stories/src/SwatchPicker/SwatchPickerWithTooltip.stories.tsx b/packages/react-components/react-swatch-picker/stories/src/SwatchPicker/SwatchPickerWithTooltip.stories.tsx index 0073ac2b5a0ee5..99a2b1cfd76366 100644 --- a/packages/react-components/react-swatch-picker/stories/src/SwatchPicker/SwatchPickerWithTooltip.stories.tsx +++ b/packages/react-components/react-swatch-picker/stories/src/SwatchPicker/SwatchPickerWithTooltip.stories.tsx @@ -1,13 +1,6 @@ import * as React from 'react'; -import { makeStyles, Tooltip } from '@fluentui/react-components'; -import { - SwatchPicker, - ColorSwatch, - ColorSwatchProps, - SwatchProps, - SwatchPickerOnSelectEventHandler, - renderSwatchPickerGrid, -} from '@fluentui/react-components'; +import { makeStyles, Tooltip, SwatchPicker, ColorSwatch, renderSwatchPickerGrid } from '@fluentui/react-components'; +import type { ColorSwatchProps, SwatchProps, SwatchPickerOnSelectEventHandler } from '@fluentui/react-components'; const useStyles = makeStyles({ example: {