docs(react-swatch-picker): fixed imports in stories (microsoft#31578)

spmonahan · Jun 7, 2024 · 0ba28e9 · 0ba28e9
1 parent fad6914
commit 0ba28e9
Show file tree

Hide file tree

Showing 11 changed files with 30 additions and 34 deletions.
diff --git a/...t-components/react-swatch-picker/stories/src/SwatchPicker/ColorSwatchVariants.stories.tsx b/...t-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/...ges/react-components/react-swatch-picker/stories/src/SwatchPicker/EmptySwatch.stories.tsx b/...ges/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/...t-components/react-swatch-picker/stories/src/SwatchPicker/SwatchPickerDefault.stories.tsx b/...t-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/...act-components/react-swatch-picker/stories/src/SwatchPicker/SwatchPickerImage.stories.tsx b/...act-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/...ct-components/react-swatch-picker/stories/src/SwatchPicker/SwatchPickerLayout.stories.tsx b/...ct-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/...onents/react-swatch-picker/stories/src/SwatchPicker/SwatchPickerMixedSwatches.stories.tsx b/...onents/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/...act-components/react-swatch-picker/stories/src/SwatchPicker/SwatchPickerPopup.stories.tsx b/...act-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/...act-components/react-swatch-picker/stories/src/SwatchPicker/SwatchPickerShape.stories.tsx b/...act-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/...eact-components/react-swatch-picker/stories/src/SwatchPicker/SwatchPickerSize.stories.tsx b/...eact-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/...t-components/react-swatch-picker/stories/src/SwatchPicker/SwatchPickerSpacing.stories.tsx b/...t-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/...mponents/react-swatch-picker/stories/src/SwatchPicker/SwatchPickerWithTooltip.stories.tsx b/...mponents/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: {