From ba018b452ce2d02179356f8ff4d20eaecdcb049e Mon Sep 17 00:00:00 2001 From: Victor Trinh Date: Wed, 13 Nov 2024 16:09:51 -0500 Subject: [PATCH] Use new Canvas everywhere --- .storybook/components/canvas/Canvas.tsx | 2 +- .storybook/components/source/Source.tsx | 8 ++++++-- docs/features/color-schemes/ColorSchemes.mdx | 4 ++-- docs/features/style-props/StyleProps.mdx | 4 ++-- packages/components/src/accordion/docs/Accordion.mdx | 4 ++-- packages/components/src/alert/docs/Alert.mdx | 4 ++-- .../components/src/autocomplete/docs/Autocomplete.mdx | 4 ++-- packages/components/src/avatar/docs/Avatar.mdx | 4 ++-- packages/components/src/badge/docs/Badge.mdx | 4 ++-- packages/components/src/box/docs/Box.mdx | 4 ++-- packages/components/src/button/docs/Button.mdx | 4 ++-- packages/components/src/button/docs/CrossButton.mdx | 4 ++-- packages/components/src/card/docs/Card.mdx | 4 ++-- packages/components/src/checkbox/docs/Checkbox.mdx | 4 ++-- packages/components/src/counter/docs/Counter.mdx | 4 ++-- packages/components/src/date-input/docs/DateInput.mdx | 4 ++-- .../components/src/date-input/docs/DateRangeInput.mdx | 4 ++-- packages/components/src/disclosure/docs/Disclosure.mdx | 4 ++-- .../components/src/disclosure/docs/DisclosureArrow.mdx | 4 ++-- packages/components/src/divider/docs/Divider.mdx | 4 ++-- packages/components/src/dot/docs/Dot.mdx | 4 ++-- packages/components/src/field/docs/Field.mdx | 4 ++-- packages/components/src/form/docs/Form.mdx | 4 ++-- packages/components/src/html/docs/address.mdx | 4 ++-- packages/components/src/html/docs/anchor.mdx | 4 ++-- packages/components/src/html/docs/article.mdx | 4 ++-- packages/components/src/html/docs/aside.mdx | 4 ++-- packages/components/src/html/docs/button.mdx | 4 ++-- packages/components/src/html/docs/div.mdx | 4 ++-- packages/components/src/html/docs/footer.mdx | 4 ++-- packages/components/src/html/docs/header.mdx | 4 ++-- packages/components/src/html/docs/img.mdx | 4 ++-- packages/components/src/html/docs/input.mdx | 4 ++-- packages/components/src/html/docs/list.mdx | 4 ++-- packages/components/src/html/docs/main.mdx | 4 ++-- packages/components/src/html/docs/nav.mdx | 4 ++-- packages/components/src/html/docs/section.mdx | 4 ++-- packages/components/src/html/docs/span.mdx | 4 ++-- packages/components/src/html/docs/table.mdx | 4 ++-- .../src/illustrated-message/docs/IllustratedMessage.mdx | 4 ++-- .../components/src/illustration/docs/Illustration.mdx | 4 ++-- packages/components/src/image/docs/Image.mdx | 4 ++-- packages/components/src/input-group/docs/InputGroup.mdx | 4 ++-- packages/components/src/layout/docs/Flex.mdx | 4 ++-- packages/components/src/layout/docs/Grid.mdx | 4 ++-- packages/components/src/link/docs/Link.mdx | 4 ++-- packages/components/src/listbox/docs/Listbox.mdx | 4 ++-- packages/components/src/loader/docs/Loader.mdx | 4 ++-- packages/components/src/lozenge/docs/Lozenge.mdx | 4 ++-- packages/components/src/menu/docs/Menu.mdx | 4 ++-- packages/components/src/modal/docs/Modal.mdx | 4 ++-- packages/components/src/number-input/docs/NumberInput.mdx | 4 ++-- packages/components/src/placeholders/docs/Content.mdx | 4 ++-- packages/components/src/placeholders/docs/Footer.mdx | 4 ++-- packages/components/src/placeholders/docs/Header.mdx | 4 ++-- packages/components/src/popover/docs/Popover.mdx | 4 ++-- packages/components/src/radio/docs/Radio.mdx | 4 ++-- packages/components/src/select/docs/Select.mdx | 4 ++-- packages/components/src/spinner/docs/Spinner.mdx | 4 ++-- packages/components/src/styling/docs/ThemeProvider.mdx | 4 ++-- packages/components/src/switch/docs/Switch.mdx | 4 ++-- packages/components/src/tabs/docs/Tabs.mdx | 4 ++-- packages/components/src/tag/docs/Tag.mdx | 4 ++-- packages/components/src/text-area/docs/TextArea.mdx | 4 ++-- packages/components/src/text-input/docs/TextInput.mdx | 4 ++-- packages/components/src/tile/docs/Tile.mdx | 4 ++-- packages/components/src/toolbar/docs/Toolbar.mdx | 4 ++-- packages/components/src/tooltip/docs/Tooltip.mdx | 4 ++-- packages/components/src/transition/docs/Transition.mdx | 4 ++-- packages/components/src/typography/docs/Heading.mdx | 4 ++-- packages/components/src/typography/docs/Paragraph.mdx | 4 ++-- packages/components/src/typography/docs/Text.mdx | 4 ++-- 72 files changed, 147 insertions(+), 143 deletions(-) diff --git a/.storybook/components/canvas/Canvas.tsx b/.storybook/components/canvas/Canvas.tsx index 7a8e0a82e..a973f0dcf 100644 --- a/.storybook/components/canvas/Canvas.tsx +++ b/.storybook/components/canvas/Canvas.tsx @@ -8,7 +8,7 @@ export const Canvas = (props: Props) => ( {...props} additionalActions={[ { - title: "Open in Stackblitz", + title: "Open Orbiter Sandbox", onClick: () => { window.open( "https://stackblitz.com/edit/orbiter-sandbox?file=src%2FComponent.tsx", diff --git a/.storybook/components/source/Source.tsx b/.storybook/components/source/Source.tsx index 30bb50130..9dac97477 100644 --- a/.storybook/components/source/Source.tsx +++ b/.storybook/components/source/Source.tsx @@ -1,4 +1,4 @@ -import React, { ComponentProps } from "react"; +import { ComponentProps } from "react"; import { Source as StorybookSource } from "@storybook/addon-docs"; type SourceProps = ComponentProps; @@ -6,5 +6,9 @@ type SourceProps = ComponentProps; export const Source = (props: SourceProps) => { const { language = "tsx", ...otherProps } = props; - return ; + return ; }; diff --git a/docs/features/color-schemes/ColorSchemes.mdx b/docs/features/color-schemes/ColorSchemes.mdx index 356318119..d5d99cfbe 100644 --- a/docs/features/color-schemes/ColorSchemes.mdx +++ b/docs/features/color-schemes/ColorSchemes.mdx @@ -1,6 +1,6 @@ -import { Meta, Canvas } from "@storybook/addon-docs"; +import { Meta } from "@storybook/addon-docs"; import * as ColorSchemesStories from "./ColorSchemes.stories.tsx"; -import { Source } from "@stories/components"; +import { Canvas, Source } from "@stories/components"; diff --git a/docs/features/style-props/StyleProps.mdx b/docs/features/style-props/StyleProps.mdx index 1a08e5c98..81ca93e50 100644 --- a/docs/features/style-props/StyleProps.mdx +++ b/docs/features/style-props/StyleProps.mdx @@ -1,9 +1,9 @@ -import { Meta, Canvas } from "@storybook/addon-docs"; +import { Meta } from "@storybook/addon-docs"; import { Div } from "@components/html/index.ts"; import { Paragraph } from "@components/typography/index.ts"; import { PropsReferenceTable } from "./PropsReferenceTable.tsx"; import * as StylePropsStories from "./StyleProps.stories.tsx"; -import { Table, Source } from "@stories/components"; +import { Canvas, Table, Source } from "@stories/components"; diff --git a/packages/components/src/accordion/docs/Accordion.mdx b/packages/components/src/accordion/docs/Accordion.mdx index 98d00afac..c2dd296ea 100644 --- a/packages/components/src/accordion/docs/Accordion.mdx +++ b/packages/components/src/accordion/docs/Accordion.mdx @@ -1,6 +1,6 @@ import { Accordion, InnerAccordion, InnerAccordionHeader, InnerAccordionPanel } from "@components/accordion/index.ts"; -import { ArgTypes, Meta, Story, Canvas } from "@storybook/addon-docs"; -import { ComponentInfo, Tagline } from "@stories/components"; +import { ArgTypes, Meta } from "@storybook/addon-docs"; +import { Canvas, ComponentInfo, Tagline } from "@stories/components"; import { Content, InnerContent } from "@components/placeholders/index.ts"; import { H3, Text } from "@components/typography/index.ts"; import { SparklesIcon } from "@hopper-ui/icons"; diff --git a/packages/components/src/alert/docs/Alert.mdx b/packages/components/src/alert/docs/Alert.mdx index 72ca7b0d9..e537af117 100644 --- a/packages/components/src/alert/docs/Alert.mdx +++ b/packages/components/src/alert/docs/Alert.mdx @@ -1,6 +1,6 @@ import { Alert, AlertTrigger, InnerAlert } from "@components/alert/index.ts"; -import { ArgTypes, Meta, Canvas } from "@storybook/addon-docs"; -import { ComponentInfo, Tagline } from "@stories/components"; +import { ArgTypes, Meta } from "@storybook/addon-docs"; +import { Canvas, ComponentInfo, Tagline } from "@stories/components"; import { InnerContent } from "@components/placeholders/index.ts"; import { InnerHeading } from "@components/typography/index.ts"; import * as AlertStories from "./Alert.stories.tsx"; diff --git a/packages/components/src/autocomplete/docs/Autocomplete.mdx b/packages/components/src/autocomplete/docs/Autocomplete.mdx index 017e5d31f..760f7b1ba 100644 --- a/packages/components/src/autocomplete/docs/Autocomplete.mdx +++ b/packages/components/src/autocomplete/docs/Autocomplete.mdx @@ -1,6 +1,6 @@ -import { ArgTypes, Canvas, Meta } from "@storybook/addon-docs"; +import { ArgTypes, Meta } from "@storybook/addon-docs"; import { InnerAutocomplete } from "@components/autocomplete/index.ts"; -import { ComponentInfo, Preview, Tagline } from "@stories/components"; +import { Canvas, ComponentInfo, Preview, Tagline } from "@stories/components"; import { InnerItem, InnerSection } from "@components/collection/index.ts"; import * as AutocompleteStories from "./Autocomplete.stories.tsx"; diff --git a/packages/components/src/avatar/docs/Avatar.mdx b/packages/components/src/avatar/docs/Avatar.mdx index 645f21ceb..393eac448 100644 --- a/packages/components/src/avatar/docs/Avatar.mdx +++ b/packages/components/src/avatar/docs/Avatar.mdx @@ -1,6 +1,6 @@ -import { ArgTypes, Canvas, Meta } from "@storybook/addon-docs"; +import { ArgTypes, Meta } from "@storybook/addon-docs"; import { InnerAvatar, InnerAvatarGroup, InnerDeletedAvatar, InnerAnonymousAvatar } from "@components/avatar/index.ts"; -import { ComponentInfo, Preview, Tagline } from "@stories/components"; +import { Canvas, ComponentInfo, Preview, Tagline } from "@stories/components"; import * as AvatarStories from "./Avatar.stories.tsx"; diff --git a/packages/components/src/badge/docs/Badge.mdx b/packages/components/src/badge/docs/Badge.mdx index d060bc104..a1a77cbbd 100644 --- a/packages/components/src/badge/docs/Badge.mdx +++ b/packages/components/src/badge/docs/Badge.mdx @@ -1,6 +1,6 @@ -import { ArgTypes, Meta, Canvas } from "@storybook/addon-docs"; +import { ArgTypes, Meta } from "@storybook/addon-docs"; import { InnerBadge } from "@components/badge/index.ts"; -import { ComponentInfo, Tagline } from "@stories/components"; +import { Canvas, ComponentInfo, Tagline } from "@stories/components"; import * as BadgeStories from "./Badge.stories.tsx"; diff --git a/packages/components/src/box/docs/Box.mdx b/packages/components/src/box/docs/Box.mdx index 1cf4e242e..b6953a794 100644 --- a/packages/components/src/box/docs/Box.mdx +++ b/packages/components/src/box/docs/Box.mdx @@ -1,5 +1,5 @@ -import { ArgTypes, Canvas, Meta } from "@storybook/addon-docs"; -import { ComponentInfo, Tagline } from "@stories/components"; +import { ArgTypes, Meta } from "@storybook/addon-docs"; +import { Canvas, ComponentInfo, Tagline } from "@stories/components"; import { InnerBox } from "@components/box/index.ts"; import * as BoxStories from "./Box.stories.tsx"; diff --git a/packages/components/src/button/docs/Button.mdx b/packages/components/src/button/docs/Button.mdx index f7665b1a8..96a25785e 100644 --- a/packages/components/src/button/docs/Button.mdx +++ b/packages/components/src/button/docs/Button.mdx @@ -1,5 +1,5 @@ import { SparklesIcon } from "@hopper-ui/icons"; -import { ArgTypes, Canvas, Meta } from "@storybook/addon-docs"; +import { ArgTypes, Meta } from "@storybook/addon-docs"; import { InnerButton, InnerButtonGroup, @@ -7,7 +7,7 @@ import { InnerToggleButton, InnerToggleIconButton } from "@components/button/index.ts"; -import { ComponentInfo, Preview, Tagline } from "@stories/components"; +import { Canvas, ComponentInfo, Preview, Tagline } from "@stories/components"; import * as ButtonStories from "./Button.stories.tsx"; diff --git a/packages/components/src/button/docs/CrossButton.mdx b/packages/components/src/button/docs/CrossButton.mdx index 43bcd125c..613d6b5ae 100644 --- a/packages/components/src/button/docs/CrossButton.mdx +++ b/packages/components/src/button/docs/CrossButton.mdx @@ -1,5 +1,5 @@ -import { ArgTypes, Meta, Canvas } from "@storybook/addon-docs"; -import { ComponentInfo, Tagline } from "@stories/components"; +import { ArgTypes, Meta } from "@storybook/addon-docs"; +import { Canvas, ComponentInfo, Tagline } from "@stories/components"; import { InnerCrossButton } from "@components/button/index.ts"; import * as CrossButtonStories from "./CrossButton.stories.tsx"; diff --git a/packages/components/src/card/docs/Card.mdx b/packages/components/src/card/docs/Card.mdx index 3a62a0ae2..a6973ff94 100644 --- a/packages/components/src/card/docs/Card.mdx +++ b/packages/components/src/card/docs/Card.mdx @@ -1,6 +1,6 @@ -import { ArgTypes, Canvas, Meta } from "@storybook/addon-docs"; +import { ArgTypes, Meta } from "@storybook/addon-docs"; import { InnerCard } from "@components/card/index.ts"; -import { ComponentInfo, Tagline } from "@stories/components"; +import { Canvas, ComponentInfo, Tagline } from "@stories/components"; import { InnerContent, InnerHeader } from "@components/placeholders/index.ts"; import { InnerHeading } from "@components/typography/index.ts"; import * as CardStories from "./Card.stories.tsx"; diff --git a/packages/components/src/checkbox/docs/Checkbox.mdx b/packages/components/src/checkbox/docs/Checkbox.mdx index 285a78430..ab1859821 100644 --- a/packages/components/src/checkbox/docs/Checkbox.mdx +++ b/packages/components/src/checkbox/docs/Checkbox.mdx @@ -1,6 +1,6 @@ -import { ArgTypes, Meta, Canvas } from "@storybook/addon-docs"; +import { ArgTypes, Meta } from "@storybook/addon-docs"; import { InnerCheckbox, InnerCheckboxGroup } from "@components/checkbox/index.ts"; -import { ComponentInfo, Preview, Tagline } from "@stories/components"; +import { Canvas, ComponentInfo, Preview, Tagline } from "@stories/components"; import * as CheckboxStories from "./Checkbox.stories.tsx" diff --git a/packages/components/src/counter/docs/Counter.mdx b/packages/components/src/counter/docs/Counter.mdx index e7b6c6e0c..c3988ee99 100644 --- a/packages/components/src/counter/docs/Counter.mdx +++ b/packages/components/src/counter/docs/Counter.mdx @@ -1,5 +1,5 @@ -import { ArgTypes, Canvas, Meta } from "@storybook/addon-docs"; -import { ComponentInfo, Preview, Tagline } from "@stories/components"; +import { ArgTypes, Meta } from "@storybook/addon-docs"; +import { Canvas, ComponentInfo, Preview, Tagline } from "@stories/components"; import { InnerCounter } from "@components/counter/index.ts"; import * as CounterStories from "./Counter.stories.tsx"; diff --git a/packages/components/src/date-input/docs/DateInput.mdx b/packages/components/src/date-input/docs/DateInput.mdx index f1f08ba33..63876fe81 100644 --- a/packages/components/src/date-input/docs/DateInput.mdx +++ b/packages/components/src/date-input/docs/DateInput.mdx @@ -1,5 +1,5 @@ -import { ArgTypes, Meta, Canvas } from "@storybook/addon-docs"; -import { ComponentInfo, Tagline } from "@stories/components"; +import { ArgTypes, Meta } from "@storybook/addon-docs"; +import { Canvas, ComponentInfo, Tagline } from "@stories/components"; import { InnerDateInput } from "@components/date-input/index.ts"; import * as DateInputStories from "./DateInput.stories.tsx"; diff --git a/packages/components/src/date-input/docs/DateRangeInput.mdx b/packages/components/src/date-input/docs/DateRangeInput.mdx index edd5e8fb7..6d0e4c75a 100644 --- a/packages/components/src/date-input/docs/DateRangeInput.mdx +++ b/packages/components/src/date-input/docs/DateRangeInput.mdx @@ -1,5 +1,5 @@ -import { ArgTypes, Meta, Canvas } from "@storybook/addon-docs"; -import { ComponentInfo, Tagline } from "@stories/components"; +import { ArgTypes, Meta } from "@storybook/addon-docs"; +import { Canvas, ComponentInfo, Tagline } from "@stories/components"; import { InnerDateRangeInput } from "@components/date-input/index.ts"; import * as DateRangeInputStories from "./DateRangeInput.stories.tsx"; diff --git a/packages/components/src/disclosure/docs/Disclosure.mdx b/packages/components/src/disclosure/docs/Disclosure.mdx index 51942c457..39bb2d9f6 100644 --- a/packages/components/src/disclosure/docs/Disclosure.mdx +++ b/packages/components/src/disclosure/docs/Disclosure.mdx @@ -1,5 +1,5 @@ -import { ArgTypes, Meta, Canvas } from "@storybook/addon-docs"; -import { ComponentInfo, Tagline } from "@stories/components"; +import { ArgTypes, Meta } from "@storybook/addon-docs"; +import { Canvas, ComponentInfo, Tagline } from "@stories/components"; import { InnerDisclosure } from "@components/disclosure/index.ts"; import { InnerContent } from "@components/placeholders/index.ts"; diff --git a/packages/components/src/disclosure/docs/DisclosureArrow.mdx b/packages/components/src/disclosure/docs/DisclosureArrow.mdx index efba281f9..ffbd571b1 100644 --- a/packages/components/src/disclosure/docs/DisclosureArrow.mdx +++ b/packages/components/src/disclosure/docs/DisclosureArrow.mdx @@ -1,5 +1,5 @@ -import { ArgTypes, Meta, Canvas } from "@storybook/addon-docs"; -import { ComponentInfo, Tagline } from "@stories/components"; +import { ArgTypes, Meta } from "@storybook/addon-docs"; +import { Canvas, ComponentInfo, Tagline } from "@stories/components"; import { InnerDisclosureArrow } from "@components/disclosure/index.ts"; import * as DisclosureArrowStories from "./DisclosureArrow.stories.tsx"; diff --git a/packages/components/src/divider/docs/Divider.mdx b/packages/components/src/divider/docs/Divider.mdx index d7106070b..b8cfb1ef9 100644 --- a/packages/components/src/divider/docs/Divider.mdx +++ b/packages/components/src/divider/docs/Divider.mdx @@ -1,5 +1,5 @@ -import { ArgTypes, Canvas, Meta } from "@storybook/addon-docs"; -import { ComponentInfo, Tagline } from "@stories/components"; +import { ArgTypes, Meta } from "@storybook/addon-docs"; +import { Canvas, ComponentInfo, Tagline } from "@stories/components"; import { InnerDivider } from "@components/divider/index.ts"; import * as DividerStories from "./Divider.stories.tsx"; diff --git a/packages/components/src/dot/docs/Dot.mdx b/packages/components/src/dot/docs/Dot.mdx index 9e83e8424..11c116f7e 100644 --- a/packages/components/src/dot/docs/Dot.mdx +++ b/packages/components/src/dot/docs/Dot.mdx @@ -1,5 +1,5 @@ -import { ArgTypes, Canvas, Meta } from "@storybook/addon-docs"; -import { ComponentInfo } from "@stories/components"; +import { ArgTypes, Meta } from "@storybook/addon-docs"; +import { Canvas, ComponentInfo } from "@stories/components"; import { InnerDot } from "@components/dot/index.ts"; import { Inline } from "@components/layout/index.ts"; import * as DotStories from "./Dot.stories.tsx"; diff --git a/packages/components/src/field/docs/Field.mdx b/packages/components/src/field/docs/Field.mdx index d87b6ce1d..dec71e50e 100644 --- a/packages/components/src/field/docs/Field.mdx +++ b/packages/components/src/field/docs/Field.mdx @@ -1,5 +1,5 @@ -import { ArgTypes, Canvas, Meta } from "@storybook/addon-docs"; -import { ComponentInfo, Preview, Tagline } from "@stories/components"; +import { ArgTypes, Meta } from "@storybook/addon-docs"; +import { Canvas, ComponentInfo, Preview, Tagline } from "@stories/components"; import { InnerErrorMessage, InnerField, InnerGroupField, InnerHelpMessage, InnerLabel, InnerValidMessage } from "@components/field/index.ts"; import * as FieldStories from "./Field.stories.tsx"; diff --git a/packages/components/src/form/docs/Form.mdx b/packages/components/src/form/docs/Form.mdx index 7cd5e65bf..639dec8f2 100644 --- a/packages/components/src/form/docs/Form.mdx +++ b/packages/components/src/form/docs/Form.mdx @@ -1,5 +1,5 @@ -import { ArgTypes, Canvas, Meta } from "@storybook/addon-docs"; -import { ComponentInfo, Tagline } from "@stories/components"; +import { ArgTypes, Meta } from "@storybook/addon-docs"; +import { Canvas, ComponentInfo, Tagline } from "@stories/components"; import { InnerFieldset, InnerForm } from "@components/form/index.ts"; import * as FormStories from "./Form.stories.tsx"; diff --git a/packages/components/src/html/docs/address.mdx b/packages/components/src/html/docs/address.mdx index 4b3ea1d9b..95d93d29a 100644 --- a/packages/components/src/html/docs/address.mdx +++ b/packages/components/src/html/docs/address.mdx @@ -1,5 +1,5 @@ -import { ComponentInfo, Link, Tagline } from "@stories/components"; -import { Canvas, Meta } from "@storybook/addon-docs"; +import { Canvas, ComponentInfo, Link, Tagline } from "@stories/components"; +import { Meta } from "@storybook/addon-docs"; import * as AddressStories from "./address.stories.tsx"; diff --git a/packages/components/src/html/docs/anchor.mdx b/packages/components/src/html/docs/anchor.mdx index 3c575caac..9500f044c 100644 --- a/packages/components/src/html/docs/anchor.mdx +++ b/packages/components/src/html/docs/anchor.mdx @@ -1,5 +1,5 @@ -import { ComponentInfo, Link, Tagline } from "@stories/components"; -import { Canvas, Meta } from "@storybook/addon-docs"; +import { Canvas, ComponentInfo, Link, Tagline } from "@stories/components"; +import { Meta } from "@storybook/addon-docs"; import * as AStories from "./anchor.stories.tsx"; diff --git a/packages/components/src/html/docs/article.mdx b/packages/components/src/html/docs/article.mdx index 5746ab5ba..f3cbcb61f 100644 --- a/packages/components/src/html/docs/article.mdx +++ b/packages/components/src/html/docs/article.mdx @@ -1,5 +1,5 @@ -import { ComponentInfo, Link, Tagline } from "@stories/components"; -import { Canvas, Meta } from "@storybook/addon-docs"; +import { Canvas, ComponentInfo, Link, Tagline } from "@stories/components"; +import { Meta } from "@storybook/addon-docs"; import * as ArticleStories from "./article.stories.tsx"; diff --git a/packages/components/src/html/docs/aside.mdx b/packages/components/src/html/docs/aside.mdx index 1abe6e32d..6367a1ebb 100644 --- a/packages/components/src/html/docs/aside.mdx +++ b/packages/components/src/html/docs/aside.mdx @@ -1,5 +1,5 @@ -import { ComponentInfo, Link, Tagline } from "@stories/components"; -import { Canvas, Meta } from "@storybook/addon-docs"; +import { Canvas, ComponentInfo, Link, Tagline } from "@stories/components"; +import { Meta } from "@storybook/addon-docs"; import * as AsideStories from "./aside.stories.tsx"; diff --git a/packages/components/src/html/docs/button.mdx b/packages/components/src/html/docs/button.mdx index 42bef3a9e..9661c08dd 100644 --- a/packages/components/src/html/docs/button.mdx +++ b/packages/components/src/html/docs/button.mdx @@ -1,5 +1,5 @@ -import { ComponentInfo, Link, Tagline } from "@stories/components"; -import { Canvas, Meta } from "@storybook/addon-docs"; +import { Canvas, ComponentInfo, Link, Tagline } from "@stories/components"; +import { Meta } from "@storybook/addon-docs"; import * as ButtonStories from "./button.stories.tsx"; diff --git a/packages/components/src/html/docs/div.mdx b/packages/components/src/html/docs/div.mdx index dd50d9498..ef9bd5bd6 100644 --- a/packages/components/src/html/docs/div.mdx +++ b/packages/components/src/html/docs/div.mdx @@ -1,5 +1,5 @@ -import { ComponentInfo, Link, Tagline } from "@stories/components"; -import { Canvas, Meta } from "@storybook/addon-docs"; +import { Canvas, ComponentInfo, Link, Tagline } from "@stories/components"; +import { Meta } from "@storybook/addon-docs"; import * as DivStories from "./div.stories.tsx"; diff --git a/packages/components/src/html/docs/footer.mdx b/packages/components/src/html/docs/footer.mdx index a52c97fea..52678826b 100644 --- a/packages/components/src/html/docs/footer.mdx +++ b/packages/components/src/html/docs/footer.mdx @@ -1,5 +1,5 @@ -import { ComponentInfo, Link, Tagline } from "@stories/components"; -import { Canvas, Meta } from "@storybook/addon-docs"; +import { Canvas, ComponentInfo, Link, Tagline } from "@stories/components"; +import { Meta } from "@storybook/addon-docs"; import * as FooterStories from "./footer.stories.tsx"; diff --git a/packages/components/src/html/docs/header.mdx b/packages/components/src/html/docs/header.mdx index b374c9ca8..608d0442c 100644 --- a/packages/components/src/html/docs/header.mdx +++ b/packages/components/src/html/docs/header.mdx @@ -1,5 +1,5 @@ -import { ComponentInfo, Link, Tagline } from "@stories/components"; -import { Canvas, Meta } from "@storybook/addon-docs"; +import { Canvas, ComponentInfo, Link, Tagline } from "@stories/components"; +import { Meta } from "@storybook/addon-docs"; import * as HeaderStories from "./header.stories.tsx"; diff --git a/packages/components/src/html/docs/img.mdx b/packages/components/src/html/docs/img.mdx index 913ed4fb7..cfe399347 100644 --- a/packages/components/src/html/docs/img.mdx +++ b/packages/components/src/html/docs/img.mdx @@ -1,5 +1,5 @@ -import { ComponentInfo, Link, Preview, Tagline } from "@stories/components"; -import { Canvas, Meta } from "@storybook/addon-docs"; +import { Canvas, ComponentInfo, Link, Preview, Tagline } from "@stories/components"; +import { Meta } from "@storybook/addon-docs"; import * as ImgStories from "./img.stories.tsx"; diff --git a/packages/components/src/html/docs/input.mdx b/packages/components/src/html/docs/input.mdx index 3edfe6b00..7c41f033e 100644 --- a/packages/components/src/html/docs/input.mdx +++ b/packages/components/src/html/docs/input.mdx @@ -1,5 +1,5 @@ -import { ComponentInfo, Link, Tagline } from "@stories/components"; -import { Canvas, Meta } from "@storybook/addon-docs"; +import { Canvas, ComponentInfo, Link, Tagline } from "@stories/components"; +import { Meta } from "@storybook/addon-docs"; import * as InputStories from "./input.stories.tsx"; diff --git a/packages/components/src/html/docs/list.mdx b/packages/components/src/html/docs/list.mdx index f65f57cbe..7da5caa63 100644 --- a/packages/components/src/html/docs/list.mdx +++ b/packages/components/src/html/docs/list.mdx @@ -1,5 +1,5 @@ -import { ComponentInfo, Link, Tagline } from "@stories/components"; -import { Canvas, Meta } from "@storybook/addon-docs"; +import { Canvas, ComponentInfo, Link, Tagline } from "@stories/components"; +import { Meta } from "@storybook/addon-docs"; import * as ListStories from "./list.stories.tsx"; diff --git a/packages/components/src/html/docs/main.mdx b/packages/components/src/html/docs/main.mdx index 2e21ae57c..8659eb416 100644 --- a/packages/components/src/html/docs/main.mdx +++ b/packages/components/src/html/docs/main.mdx @@ -1,5 +1,5 @@ -import { ComponentInfo, Link, Tagline } from "@stories/components"; -import { Canvas, Meta } from "@storybook/addon-docs"; +import { Canvas, ComponentInfo, Link, Tagline } from "@stories/components"; +import { Meta } from "@storybook/addon-docs"; import * as MainStories from "./main.stories.tsx"; diff --git a/packages/components/src/html/docs/nav.mdx b/packages/components/src/html/docs/nav.mdx index 9466464af..0b03c076b 100644 --- a/packages/components/src/html/docs/nav.mdx +++ b/packages/components/src/html/docs/nav.mdx @@ -1,5 +1,5 @@ -import { ComponentInfo, Link, Tagline } from "@stories/components"; -import { Canvas, Meta } from "@storybook/addon-docs"; +import { Canvas, ComponentInfo, Link, Tagline } from "@stories/components"; +import { Meta } from "@storybook/addon-docs"; import * as NavStories from "./nav.stories.tsx"; diff --git a/packages/components/src/html/docs/section.mdx b/packages/components/src/html/docs/section.mdx index 161037742..c1377dc82 100644 --- a/packages/components/src/html/docs/section.mdx +++ b/packages/components/src/html/docs/section.mdx @@ -1,5 +1,5 @@ -import { ComponentInfo, Link, Tagline } from "@stories/components"; -import { Canvas, Meta } from "@storybook/addon-docs"; +import { Canvas, ComponentInfo, Link, Tagline } from "@stories/components"; +import { Meta } from "@storybook/addon-docs"; import * as SectionStories from "./section.stories.tsx"; diff --git a/packages/components/src/html/docs/span.mdx b/packages/components/src/html/docs/span.mdx index d5e45d5a4..e7aba524f 100644 --- a/packages/components/src/html/docs/span.mdx +++ b/packages/components/src/html/docs/span.mdx @@ -1,5 +1,5 @@ -import { ComponentInfo, Link, Tagline } from "@stories/components"; -import { Canvas, Meta } from "@storybook/addon-docs"; +import { Canvas, ComponentInfo, Link, Tagline } from "@stories/components"; +import { Meta } from "@storybook/addon-docs"; import * as SpanStories from "./span.stories.tsx"; diff --git a/packages/components/src/html/docs/table.mdx b/packages/components/src/html/docs/table.mdx index 08eaca09d..7e474eede 100644 --- a/packages/components/src/html/docs/table.mdx +++ b/packages/components/src/html/docs/table.mdx @@ -1,5 +1,5 @@ -import { ComponentInfo, Link, Preview, Tagline } from "@stories/components"; -import { Canvas, Meta } from "@storybook/addon-docs"; +import { Canvas, ComponentInfo, Link, Preview, Tagline } from "@stories/components"; +import { Meta } from "@storybook/addon-docs"; import * as TableStories from "./table.stories.tsx"; diff --git a/packages/components/src/illustrated-message/docs/IllustratedMessage.mdx b/packages/components/src/illustrated-message/docs/IllustratedMessage.mdx index 560d3d817..e61ad3ccb 100644 --- a/packages/components/src/illustrated-message/docs/IllustratedMessage.mdx +++ b/packages/components/src/illustrated-message/docs/IllustratedMessage.mdx @@ -1,5 +1,5 @@ -import { ArgTypes, Meta, Canvas } from "@storybook/addon-docs"; -import { ComponentInfo, Preview, Tagline } from "@stories/components"; +import { ArgTypes, Meta } from "@storybook/addon-docs"; +import { Canvas, ComponentInfo, Preview, Tagline } from "@stories/components"; import { InnerIllustratedMessage } from "@components/illustrated-message/index.ts"; import * as IllustratedMessageStories from "./IllustratedMessage.stories.tsx"; diff --git a/packages/components/src/illustration/docs/Illustration.mdx b/packages/components/src/illustration/docs/Illustration.mdx index f7d422075..d0a5e85a6 100644 --- a/packages/components/src/illustration/docs/Illustration.mdx +++ b/packages/components/src/illustration/docs/Illustration.mdx @@ -1,5 +1,5 @@ -import { ArgTypes, Canvas, Meta } from "@storybook/addon-docs"; -import { ComponentInfo, Tagline } from "@stories/components"; +import { ArgTypes, Meta } from "@storybook/addon-docs"; +import { Canvas, ComponentInfo, Tagline } from "@stories/components"; import { InnerIllustration } from "@components/illustration/index.ts"; import * as IllustrationStories from "./Illustration.stories.tsx"; diff --git a/packages/components/src/image/docs/Image.mdx b/packages/components/src/image/docs/Image.mdx index 16101185d..55046f3bf 100644 --- a/packages/components/src/image/docs/Image.mdx +++ b/packages/components/src/image/docs/Image.mdx @@ -1,5 +1,5 @@ -import { ArgTypes, Meta, Canvas } from "@storybook/addon-docs"; -import { ComponentInfo, Tagline } from "@stories/components"; +import { ArgTypes, Meta } from "@storybook/addon-docs"; +import { Canvas, ComponentInfo, Tagline } from "@stories/components"; import { InnerImage, InnerSvgImage } from "@components/image/index.ts"; import * as ImageStories from "./Image.stories.tsx"; diff --git a/packages/components/src/input-group/docs/InputGroup.mdx b/packages/components/src/input-group/docs/InputGroup.mdx index c9a06d33d..e0e52a227 100644 --- a/packages/components/src/input-group/docs/InputGroup.mdx +++ b/packages/components/src/input-group/docs/InputGroup.mdx @@ -1,5 +1,5 @@ -import { ArgTypes, Meta, Canvas } from "@storybook/addon-docs"; -import { ComponentInfo, Tagline } from "@stories/components"; +import { ArgTypes, Meta } from "@storybook/addon-docs"; +import { Canvas, ComponentInfo, Tagline } from "@stories/components"; import { InnerInputGroup, InnerTextAddon, InputGroup } from "@components/input-group/index.ts"; import * as InputGroupStories from "./InputGroup.stories.tsx"; diff --git a/packages/components/src/layout/docs/Flex.mdx b/packages/components/src/layout/docs/Flex.mdx index cf0934490..c67677727 100644 --- a/packages/components/src/layout/docs/Flex.mdx +++ b/packages/components/src/layout/docs/Flex.mdx @@ -1,5 +1,5 @@ -import { ArgTypes, Canvas, Meta } from "@storybook/addon-docs"; -import { ComponentInfo, Tagline } from "@stories/components"; +import { ArgTypes, Meta } from "@storybook/addon-docs"; +import { Canvas, ComponentInfo, Tagline } from "@stories/components"; import { InnerFlex, InnerInline, InnerStack } from "@components/layout/index.ts"; import * as FlexStories from "./Flex.stories.tsx"; diff --git a/packages/components/src/layout/docs/Grid.mdx b/packages/components/src/layout/docs/Grid.mdx index a15c41b21..dc5aa4d67 100644 --- a/packages/components/src/layout/docs/Grid.mdx +++ b/packages/components/src/layout/docs/Grid.mdx @@ -1,5 +1,5 @@ -import { ArgTypes, Canvas, Meta } from "@storybook/addon-docs"; -import { ComponentInfo, Tagline } from "@stories/components"; +import { ArgTypes, Meta } from "@storybook/addon-docs"; +import { Canvas, ComponentInfo, Tagline } from "@stories/components"; import { InnerGrid } from "@components/layout/index.ts"; import * as GridStories from "./Grid.stories.tsx"; diff --git a/packages/components/src/link/docs/Link.mdx b/packages/components/src/link/docs/Link.mdx index 3e3a998ce..b5d2da796 100644 --- a/packages/components/src/link/docs/Link.mdx +++ b/packages/components/src/link/docs/Link.mdx @@ -1,5 +1,5 @@ -import { ArgTypes, Canvas, Meta } from "@storybook/addon-docs"; -import { ComponentInfo, Preview, Tagline } from "@stories/components"; +import { ArgTypes, Meta } from "@storybook/addon-docs"; +import { Canvas, ComponentInfo, Preview, Tagline } from "@stories/components"; import { InnerIconLink, InnerLink, InnerTextLink } from "@components/link/index.ts"; import * as LinkStories from "./Link.stories.tsx"; diff --git a/packages/components/src/listbox/docs/Listbox.mdx b/packages/components/src/listbox/docs/Listbox.mdx index 60f5a5423..d23c6bb0f 100644 --- a/packages/components/src/listbox/docs/Listbox.mdx +++ b/packages/components/src/listbox/docs/Listbox.mdx @@ -1,5 +1,5 @@ -import { ArgTypes, Canvas, Meta } from "@storybook/addon-docs"; -import { ComponentInfo, Preview, Tagline } from "@stories/components"; +import { ArgTypes, Meta } from "@storybook/addon-docs"; +import { Canvas, ComponentInfo, Preview, Tagline } from "@stories/components"; import { InnerItem, InnerSection } from "@components/collection/index.ts"; import { InnerListbox, InnerListboxOption, InnerListboxSection } from "@components/listbox/index.ts"; import * as ListboxStories from "./Listbox.stories.tsx"; diff --git a/packages/components/src/loader/docs/Loader.mdx b/packages/components/src/loader/docs/Loader.mdx index 44bf1bbf9..f2b4e350d 100644 --- a/packages/components/src/loader/docs/Loader.mdx +++ b/packages/components/src/loader/docs/Loader.mdx @@ -1,5 +1,5 @@ -import { ArgTypes, Meta, Canvas } from "@storybook/addon-docs"; -import { ComponentInfo, Tagline } from "@stories/components"; +import { ArgTypes, Meta } from "@storybook/addon-docs"; +import { Canvas, ComponentInfo, Tagline } from "@stories/components"; import { InnerLoader, Loader } from "@components/loader/index.ts"; import { Stack } from "@components/layout/index.ts"; diff --git a/packages/components/src/lozenge/docs/Lozenge.mdx b/packages/components/src/lozenge/docs/Lozenge.mdx index 4ac14489f..bd9592669 100644 --- a/packages/components/src/lozenge/docs/Lozenge.mdx +++ b/packages/components/src/lozenge/docs/Lozenge.mdx @@ -1,6 +1,6 @@ -import { ArgTypes, Meta, Canvas } from "@storybook/addon-docs"; +import { ArgTypes, Meta } from "@storybook/addon-docs"; import { SparklesIcon } from "@hopper-ui/icons"; -import { ComponentInfo, Tagline } from "@stories/components"; +import { Canvas, ComponentInfo, Tagline } from "@stories/components"; import { Inline } from "@components/layout/index.ts"; import { InnerLozenge, Lozenge } from "@components/lozenge/index.ts"; import { Text } from "@components/typography/index.ts"; diff --git a/packages/components/src/menu/docs/Menu.mdx b/packages/components/src/menu/docs/Menu.mdx index 77ebc859d..05f981066 100644 --- a/packages/components/src/menu/docs/Menu.mdx +++ b/packages/components/src/menu/docs/Menu.mdx @@ -1,5 +1,5 @@ -import { ArgTypes, Meta, Canvas } from "@storybook/addon-docs"; -import { ComponentInfo, Tagline } from "@stories/components"; +import { ArgTypes, Meta } from "@storybook/addon-docs"; +import { Canvas, ComponentInfo, Tagline } from "@stories/components"; import { InnerDivider } from "@components/divider/index.ts"; import { InnerItem, InnerSection } from "@components/collection/index.ts"; import { InnerMenu, InnerMenuItem, InnerMenuSection, InnerMenuTrigger } from "@components/menu/index.ts"; diff --git a/packages/components/src/modal/docs/Modal.mdx b/packages/components/src/modal/docs/Modal.mdx index 1fa8187f8..262e1e284 100644 --- a/packages/components/src/modal/docs/Modal.mdx +++ b/packages/components/src/modal/docs/Modal.mdx @@ -1,5 +1,5 @@ -import { ArgTypes, Meta, Canvas, ArgTypesanvas } from "@storybook/addon-docs"; -import { ComponentInfo, Tagline } from "@stories/components"; +import { ArgTypes, Meta } from "@storybook/addon-docs"; +import { Canvas, ComponentInfo, Tagline } from "@stories/components"; import { InnerContent, InnerFooter, InnerHeader } from "@components/placeholders/index.ts"; import { InnerModal, InnerModalTrigger } from "@components/modal/index.ts"; import { InnerHeading } from "@components/typography/index.ts"; diff --git a/packages/components/src/number-input/docs/NumberInput.mdx b/packages/components/src/number-input/docs/NumberInput.mdx index 3c8877cd2..9d3d4a7e8 100644 --- a/packages/components/src/number-input/docs/NumberInput.mdx +++ b/packages/components/src/number-input/docs/NumberInput.mdx @@ -1,5 +1,5 @@ -import { ArgTypes, Meta, Canvas } from "@storybook/addon-docs"; -import { ComponentInfo, Tagline } from "@stories/components"; +import { ArgTypes, Meta } from "@storybook/addon-docs"; +import { Canvas, ComponentInfo, Tagline } from "@stories/components"; import { InnerNumberInput } from "@components/number-input/index.ts"; import * as NumberInputStories from "./NumberInput.stories.tsx"; diff --git a/packages/components/src/placeholders/docs/Content.mdx b/packages/components/src/placeholders/docs/Content.mdx index d4a7845e1..bec75214c 100644 --- a/packages/components/src/placeholders/docs/Content.mdx +++ b/packages/components/src/placeholders/docs/Content.mdx @@ -1,5 +1,5 @@ -import { ArgTypes, Canvas, Meta } from "@storybook/addon-docs"; -import { ComponentInfo, Tagline } from "@stories/components"; +import { ArgTypes, Meta } from "@storybook/addon-docs"; +import { Canvas, ComponentInfo, Tagline } from "@stories/components"; import { InnerContent } from "@components/placeholders/index.ts"; import * as ContentStories from "./Content.stories.tsx"; diff --git a/packages/components/src/placeholders/docs/Footer.mdx b/packages/components/src/placeholders/docs/Footer.mdx index e9c005929..30420cab1 100644 --- a/packages/components/src/placeholders/docs/Footer.mdx +++ b/packages/components/src/placeholders/docs/Footer.mdx @@ -1,5 +1,5 @@ -import { ArgTypes, Canvas, Meta } from "@storybook/addon-docs"; -import { ComponentInfo, Tagline } from "@stories/components"; +import { ArgTypes, Meta } from "@storybook/addon-docs"; +import { Canvas, ComponentInfo, Tagline } from "@stories/components"; import { InnerFooter } from "@components/placeholders/index.ts"; import * as FooterStories from "./Footer.stories.tsx"; diff --git a/packages/components/src/placeholders/docs/Header.mdx b/packages/components/src/placeholders/docs/Header.mdx index 87fcd9adb..7947cc6db 100644 --- a/packages/components/src/placeholders/docs/Header.mdx +++ b/packages/components/src/placeholders/docs/Header.mdx @@ -1,5 +1,5 @@ -import { ArgTypes, Canvas, Meta } from "@storybook/addon-docs"; -import { ComponentInfo, Tagline } from "@stories/components"; +import { ArgTypes, Meta } from "@storybook/addon-docs"; +import { Canvas, ComponentInfo, Tagline } from "@stories/components"; import { InnerHeader } from "@components/placeholders/index.ts"; import * as HeaderStories from "./Header.stories.tsx"; diff --git a/packages/components/src/popover/docs/Popover.mdx b/packages/components/src/popover/docs/Popover.mdx index fe9853168..190c39ea5 100644 --- a/packages/components/src/popover/docs/Popover.mdx +++ b/packages/components/src/popover/docs/Popover.mdx @@ -1,5 +1,5 @@ -import { ArgTypes, Meta, Canvas } from "@storybook/addon-docs"; -import { ComponentInfo, Tagline } from "@stories/components"; +import { ArgTypes, Meta } from "@storybook/addon-docs"; +import { Canvas, ComponentInfo, Tagline } from "@stories/components"; import { InnerContent } from "@components/placeholders/index.ts"; import { InnerHeading } from "@components/typography/index.ts"; import { InnerPopover, InnerPopoverTrigger } from "@components/popover/index.ts"; diff --git a/packages/components/src/radio/docs/Radio.mdx b/packages/components/src/radio/docs/Radio.mdx index 4ec8a166c..ede9f6ab3 100644 --- a/packages/components/src/radio/docs/Radio.mdx +++ b/packages/components/src/radio/docs/Radio.mdx @@ -1,5 +1,5 @@ -import { ArgTypes, Meta, Canvas } from "@storybook/addon-docs"; -import { ComponentInfo, Tagline } from "@stories/components"; +import { ArgTypes, Meta } from "@storybook/addon-docs"; +import { Canvas, ComponentInfo, Tagline } from "@stories/components"; import { InnerRadio, InnerRadioGroup } from "@components/radio/index.ts"; import * as RadioGroupStories from "./Radio.stories.tsx"; diff --git a/packages/components/src/select/docs/Select.mdx b/packages/components/src/select/docs/Select.mdx index 2eaf744fa..0bca75ca7 100644 --- a/packages/components/src/select/docs/Select.mdx +++ b/packages/components/src/select/docs/Select.mdx @@ -1,7 +1,7 @@ -import { ArgTypes, Meta, Canvas } from "@storybook/addon-docs"; +import { ArgTypes, Meta } from "@storybook/addon-docs"; import { InnerHiddenSelect, InnerSelect} from "@components/select/index.ts"; import { InnerItem, InnerSection } from "@components/collection/index.ts"; -import { ComponentInfo, Tagline } from "@stories/components"; +import { Canvas, ComponentInfo, Tagline } from "@stories/components"; import * as SelectStories from "./Select.stories.tsx"; diff --git a/packages/components/src/spinner/docs/Spinner.mdx b/packages/components/src/spinner/docs/Spinner.mdx index 823ef01a2..cf1b4cdc0 100644 --- a/packages/components/src/spinner/docs/Spinner.mdx +++ b/packages/components/src/spinner/docs/Spinner.mdx @@ -1,5 +1,5 @@ -import { ArgTypes, Meta, Canvas } from "@storybook/addon-docs"; -import { ComponentInfo, Tagline } from "@stories/components"; +import { ArgTypes, Meta } from "@storybook/addon-docs"; +import { Canvas, ComponentInfo, Tagline } from "@stories/components"; import { InnerSpinner } from "@components/spinner/index.ts"; import * as SpinnerStories from "./Spinner.stories.tsx"; diff --git a/packages/components/src/styling/docs/ThemeProvider.mdx b/packages/components/src/styling/docs/ThemeProvider.mdx index 3b7e5a124..c109bc912 100644 --- a/packages/components/src/styling/docs/ThemeProvider.mdx +++ b/packages/components/src/styling/docs/ThemeProvider.mdx @@ -1,5 +1,5 @@ -import { ArgTypes, Canvas, Meta } from "@storybook/addon-docs"; -import { ComponentInfo, Tagline } from "@stories/components"; +import { ArgTypes, Meta } from "@storybook/addon-docs"; +import { Canvas, ComponentInfo, Tagline } from "@stories/components"; import { ThemeProvider, InnerThemeProvider } from "@components/styling" import * as ThemeProviderStories from "./ThemeProvider.stories.tsx"; diff --git a/packages/components/src/switch/docs/Switch.mdx b/packages/components/src/switch/docs/Switch.mdx index 0d18365a2..9a3f03750 100644 --- a/packages/components/src/switch/docs/Switch.mdx +++ b/packages/components/src/switch/docs/Switch.mdx @@ -1,5 +1,5 @@ -import { ArgTypes, Meta, Canvas } from "@storybook/addon-docs"; -import { ComponentInfo, Tagline } from "@stories/components"; +import { ArgTypes, Meta } from "@storybook/addon-docs"; +import { Canvas, ComponentInfo, Tagline } from "@stories/components"; import { InnerSwitch } from "@components/switch/index.ts"; import * as SwitchStories from "./Switch.stories.tsx" diff --git a/packages/components/src/tabs/docs/Tabs.mdx b/packages/components/src/tabs/docs/Tabs.mdx index f097f798d..c32ec1e19 100644 --- a/packages/components/src/tabs/docs/Tabs.mdx +++ b/packages/components/src/tabs/docs/Tabs.mdx @@ -1,5 +1,5 @@ -import { ArgTypes, Meta, Canvas } from "@storybook/blocks"; -import { ComponentInfo, Tagline } from "@stories/components"; +import { ArgTypes, Meta } from "@storybook/blocks"; +import { Canvas, ComponentInfo, Tagline } from "@stories/components"; import { InnerContent, InnerHeader } from "@components/placeholders/index.ts"; import { InnerItem } from "@components/collection/index.ts"; import { InnerTab, InnerTabs, InnerTabPanel } from "@components/tabs/index.ts"; diff --git a/packages/components/src/tag/docs/Tag.mdx b/packages/components/src/tag/docs/Tag.mdx index 659f3ee1e..58d613d0a 100644 --- a/packages/components/src/tag/docs/Tag.mdx +++ b/packages/components/src/tag/docs/Tag.mdx @@ -1,6 +1,6 @@ -import { ArgTypes, Meta, Canvas } from "@storybook/addon-docs"; +import { ArgTypes, Meta } from "@storybook/addon-docs"; import { InnerTag, InnerTagList } from "@components/tag/index.ts"; -import { ComponentInfo, Tagline } from "@stories/components"; +import { Canvas, ComponentInfo, Tagline } from "@stories/components"; import * as TagStories from "./Tag.stories.tsx"; diff --git a/packages/components/src/text-area/docs/TextArea.mdx b/packages/components/src/text-area/docs/TextArea.mdx index 30fe68356..50280c845 100644 --- a/packages/components/src/text-area/docs/TextArea.mdx +++ b/packages/components/src/text-area/docs/TextArea.mdx @@ -1,5 +1,5 @@ -import { ArgTypes, Meta, Canvas } from "@storybook/addon-docs"; -import { ComponentInfo, Tagline } from "@stories/components"; +import { ArgTypes, Meta } from "@storybook/addon-docs"; +import { Canvas, ComponentInfo, Tagline } from "@stories/components"; import { InnerTextArea } from "@components/text-area/index.ts"; import * as TextAreaStories from "./TextArea.stories.tsx"; diff --git a/packages/components/src/text-input/docs/TextInput.mdx b/packages/components/src/text-input/docs/TextInput.mdx index 2e2821bd6..06e2c4c71 100644 --- a/packages/components/src/text-input/docs/TextInput.mdx +++ b/packages/components/src/text-input/docs/TextInput.mdx @@ -1,5 +1,5 @@ -import { ArgTypes, Meta, Canvas } from "@storybook/addon-docs"; -import { ComponentInfo, Tagline } from "@stories/components"; +import { ArgTypes, Meta } from "@storybook/addon-docs"; +import { Canvas, ComponentInfo, Tagline } from "@stories/components"; import { InnerPasswordInput, InnerSearchInput, InnerTextInput } from "@components/text-input/index.ts"; import * as TextInputStories from "./TextInput.stories.tsx"; diff --git a/packages/components/src/tile/docs/Tile.mdx b/packages/components/src/tile/docs/Tile.mdx index 4c0e28314..aeed7b06b 100644 --- a/packages/components/src/tile/docs/Tile.mdx +++ b/packages/components/src/tile/docs/Tile.mdx @@ -1,5 +1,5 @@ -import { ArgTypes, Meta, Canvas } from "@storybook/addon-docs"; -import { ComponentInfo, Tagline, Source } from "@stories/components"; +import { ArgTypes, Meta } from "@storybook/addon-docs"; +import { Canvas, ComponentInfo, Tagline, Source } from "@stories/components"; import { InnerContent } from "@components/placeholders/index.ts"; import { InnerHeading } from "@components/typography/index.ts"; import { InnerTile, InnerTileGroup, InnerTileLink } from "@components/tile/index.ts"; diff --git a/packages/components/src/toolbar/docs/Toolbar.mdx b/packages/components/src/toolbar/docs/Toolbar.mdx index cf4697258..a07b85f59 100644 --- a/packages/components/src/toolbar/docs/Toolbar.mdx +++ b/packages/components/src/toolbar/docs/Toolbar.mdx @@ -1,5 +1,5 @@ -import { ArgTypes, Meta, Canvas } from "@storybook/addon-docs"; -import { ComponentInfo, Tagline } from "@stories/components"; +import { ArgTypes, Meta } from "@storybook/addon-docs"; +import { Canvas, ComponentInfo, Tagline } from "@stories/components"; import { InnerToolbar } from "@components/toolbar/index.ts"; import * as ToolbarStories from "./Toolbar.stories.tsx"; diff --git a/packages/components/src/tooltip/docs/Tooltip.mdx b/packages/components/src/tooltip/docs/Tooltip.mdx index c072feec2..f33b0296f 100644 --- a/packages/components/src/tooltip/docs/Tooltip.mdx +++ b/packages/components/src/tooltip/docs/Tooltip.mdx @@ -1,5 +1,5 @@ -import { ArgTypes, Meta, Canvas } from "@storybook/addon-docs"; -import { ComponentInfo, Tagline } from "@stories/components"; +import { ArgTypes, Meta } from "@storybook/addon-docs"; +import { Canvas, ComponentInfo, Tagline } from "@stories/components"; import { InnerTooltip, InnerTooltipTrigger } from "@components/tooltip/index.ts"; import * as TooltipStories from "./Tooltip.stories.tsx"; diff --git a/packages/components/src/transition/docs/Transition.mdx b/packages/components/src/transition/docs/Transition.mdx index 5861e26af..d686e072b 100644 --- a/packages/components/src/transition/docs/Transition.mdx +++ b/packages/components/src/transition/docs/Transition.mdx @@ -1,5 +1,5 @@ -import { ArgTypes, Meta, Canvas } from "@storybook/addon-docs"; -import { ComponentInfo, Tagline } from "@stories/components"; +import { ArgTypes, Meta } from "@storybook/addon-docs"; +import { Canvas, ComponentInfo, Tagline } from "@stories/components"; import { InnerTransition } from "@components/transition/index.ts"; import * as TransitionStories from "./Transition.stories.tsx"; diff --git a/packages/components/src/typography/docs/Heading.mdx b/packages/components/src/typography/docs/Heading.mdx index 894bbcd3e..2c0200ea8 100644 --- a/packages/components/src/typography/docs/Heading.mdx +++ b/packages/components/src/typography/docs/Heading.mdx @@ -1,5 +1,5 @@ -import { ArgTypes, Meta, Canvas } from "@storybook/addon-docs"; -import { ComponentInfo, Tagline } from "@stories/components"; +import { ArgTypes, Meta } from "@storybook/addon-docs"; +import { Canvas, ComponentInfo, Tagline } from "@stories/components"; import { InnerHeading } from "@components/typography/index.ts"; import * as HeadingStories from "./Heading.stories.tsx"; diff --git a/packages/components/src/typography/docs/Paragraph.mdx b/packages/components/src/typography/docs/Paragraph.mdx index 51fb67d5b..c851be6f8 100644 --- a/packages/components/src/typography/docs/Paragraph.mdx +++ b/packages/components/src/typography/docs/Paragraph.mdx @@ -1,5 +1,5 @@ -import { ArgTypes, Meta, Canvas } from "@storybook/addon-docs"; -import { ComponentInfo, Tagline } from "@stories/components"; +import { ArgTypes, Meta } from "@storybook/addon-docs"; +import { Canvas, ComponentInfo, Tagline } from "@stories/components"; import { InnerParagraph } from "@components/typography/index.ts"; import * as ParagraphStories from "./Paragraph.stories.tsx"; diff --git a/packages/components/src/typography/docs/Text.mdx b/packages/components/src/typography/docs/Text.mdx index 927d3795d..879e152ff 100644 --- a/packages/components/src/typography/docs/Text.mdx +++ b/packages/components/src/typography/docs/Text.mdx @@ -1,5 +1,5 @@ -import { ArgTypes, Meta, Canvas } from "@storybook/addon-docs"; -import { ComponentInfo, Tagline } from "@stories/components"; +import { ArgTypes, Meta } from "@storybook/addon-docs"; +import { Canvas, ComponentInfo, Tagline } from "@stories/components"; import { InnerText } from "@components/typography/index.ts"; import * as TextStories from "./Text.stories.tsx";