build: switch from addon-docs to blocks API

nl-design-system · May 30, 2023 · 57b2123 · 57b2123
1 parent a26c3d1
commit 57b2123
Show file tree

Hide file tree

Showing 415 changed files with 529 additions and 530 deletions.
diff --git a/components/alert-dialog/css/stories/default.stories.mdx b/components/alert-dialog/css/stories/default.stories.mdx
@@ -1,6 +1,6 @@
 {/* @license CC0-1.0 */}
 
-import { ArgsTable, Canvas, Meta, Story } from "@storybook/addon-docs";
+import { ArgsTable, Canvas, Meta, Story } from "@storybook/blocks";
 import { AlertDialog, argTypes, defaultArgs, exampleArgs } from "../story-template";
 import "../index.scss";
 

diff --git a/components/alert-dialog/css/stories/tokens.stories.mdx b/components/alert-dialog/css/stories/tokens.stories.mdx
@@ -1,6 +1,6 @@
 {/* @license CC0-1.0 */}
 
-import { Meta } from "@storybook/addon-docs";
+import { Meta } from "@storybook/blocks";
 import { ComponentTokensSection } from "../../../../documentation/components/ComponentTokensSection";
 import tokens from "../../../../proprietary/design-tokens/dist/index.json";
 import tokensDefinition from "../../tokens.json";

diff --git a/components/alert-dialog/css/stories/type.stories.mdx b/components/alert-dialog/css/stories/type.stories.mdx
@@ -1,6 +1,6 @@
 {/* @license CC0-1.0 */}
 
-import { Canvas, Meta, Story } from "@storybook/addon-docs";
+import { Canvas, Meta, Story } from "@storybook/blocks";
 import { Button } from "../../../button/css/story-template";
 import { ButtonGroup } from "../../../button-group/css/story-template";
 import { Heading1 } from "../../../heading-1/css/story-template";

diff --git a/components/alternate-lang-nav/css/stories/button-group.stories.mdx b/components/alternate-lang-nav/css/stories/button-group.stories.mdx
@@ -1,6 +1,6 @@
 {/* @license CC0-1.0 */}
 
-import { ArgsTable, Canvas, Meta, Story } from "@storybook/addon-docs";
+import { ArgsTable, Canvas, Meta, Story } from "@storybook/blocks";
 import { AlternateLangButtonGroup, argTypes, defaultArgs, exampleArgs } from "../story-template";
 import "../../../link/css/index.scss";
 

diff --git a/components/alternate-lang-nav/css/stories/default.stories.mdx b/components/alternate-lang-nav/css/stories/default.stories.mdx
@@ -1,6 +1,6 @@
 {/* @license CC0-1.0 */}
 
-import { ArgsTable, Canvas, Meta, Story } from "@storybook/addon-docs";
+import { ArgsTable, Canvas, Meta, Story } from "@storybook/blocks";
 import { AlternateLangNav, argTypes, defaultArgs, exampleArgs } from "../story-template";
 import "../../../link/css/index.scss";
 

diff --git a/components/alternate-lang-nav/css/stories/readme.stories.mdx b/components/alternate-lang-nav/css/stories/readme.stories.mdx
@@ -1,8 +1,8 @@
 {/* @license CC0-1.0 */}
 
-import { Description, Meta } from "@storybook/addon-docs";
+import { Markdown, Meta } from "@storybook/blocks";
 import document from "../../README.md";
 
 <Meta id="css-alternate-lang-nav--readme" title="CSS Component/Alternate Language Navigation/README" />
 
-<Description>{document}</Description>
+<Markdown>{document}</Markdown>
diff --git a/components/article/css/stories/default.stories.mdx b/components/article/css/stories/default.stories.mdx
@@ -1,6 +1,6 @@
 {/* @license CC0-1.0 */}
 
-import { ArgsTable, Canvas, Meta, Story } from "@storybook/addon-docs";
+import { ArgsTable, Canvas, Meta, Story } from "@storybook/blocks";
 import { argTypes, Article, defaultArgs, exampleArgs } from "../story-template";
 import "../index.scss";
 

diff --git a/components/article/css/stories/tokens.stories.mdx b/components/article/css/stories/tokens.stories.mdx
@@ -1,6 +1,6 @@
 {/* @license CC0-1.0 */}
 
-import { Meta } from "@storybook/addon-docs";
+import { Meta } from "@storybook/blocks";
 import { ComponentTokensSection } from "../../../../documentation/components/ComponentTokensSection";
 import tokens from "../../../../proprietary/design-tokens/dist/index.json";
 import tokensDefinition from "../../tokens.json";

diff --git a/components/article/html/stories/default.stories.mdx b/components/article/html/stories/default.stories.mdx
@@ -1,6 +1,6 @@
 {/* @license CC0-1.0 */}
 
-import { ArgsTable, Canvas, Meta, Story } from "@storybook/addon-docs";
+import { ArgsTable, Canvas, Meta, Story } from "@storybook/blocks";
 import { argTypes, Article, defaultArgs, exampleArgs } from "../story-template";
 
 <Meta

diff --git a/components/article/html/stories/tokens.stories.mdx b/components/article/html/stories/tokens.stories.mdx
@@ -1,6 +1,6 @@
 {/* @license CC0-1.0 */}
 
-import { Meta } from "@storybook/addon-docs";
+import { Meta } from "@storybook/blocks";
 import { ComponentTokensSection } from "../../../../documentation/components/ComponentTokensSection";
 import tokens from "../../../../proprietary/design-tokens/dist/index.json";
 import tokensDefinition from "../../tokens.json";

diff --git a/components/backdrop/css/stories/default.stories.mdx b/components/backdrop/css/stories/default.stories.mdx
@@ -1,6 +1,6 @@
 {/* @license CC0-1.0 */}
 
-import { ArgsTable, Canvas, Meta, Story } from "@storybook/addon-docs";
+import { ArgsTable, Canvas, Meta, Story } from "@storybook/blocks";
 import { argTypes, Backdrop, decorators, defaultArgs } from "../story-template";
 import "../index.scss";
 

diff --git a/components/backdrop/css/stories/readme.stories.mdx b/components/backdrop/css/stories/readme.stories.mdx
@@ -1,8 +1,8 @@
 {/* @license CC0-1.0 */}
 
-import { Description, Meta } from "@storybook/addon-docs";
+import { Markdown, Meta } from "@storybook/blocks";
 import document from "../../README.md";
 
 <Meta id="css-backdrop--readme" title="CSS Component/Backdrop/README" />
 
-<Description>{document}</Description>
+<Markdown>{document}</Markdown>
diff --git a/components/backdrop/css/stories/reduced-motion.stories.mdx b/components/backdrop/css/stories/reduced-motion.stories.mdx
@@ -1,6 +1,6 @@
 {/* @license CC0-1.0 */}
 
-import { ArgsTable, Canvas, Meta, Story } from "@storybook/addon-docs";
+import { ArgsTable, Canvas, Meta, Story } from "@storybook/blocks";
 import { argTypes, Backdrop, decorators, defaultArgs } from "../story-template";
 import "../index.scss";
 

diff --git a/components/backdrop/css/stories/reduced-transparency.stories.mdx b/components/backdrop/css/stories/reduced-transparency.stories.mdx
@@ -1,6 +1,6 @@
 {/* @license CC0-1.0 */}
 
-import { ArgsTable, Canvas, Meta, Story } from "@storybook/addon-docs";
+import { ArgsTable, Canvas, Meta, Story } from "@storybook/blocks";
 import { argTypes, Backdrop, decorators, defaultArgs } from "../story-template";
 import "../index.scss";
 

diff --git a/components/backdrop/css/stories/tokens.stories.mdx b/components/backdrop/css/stories/tokens.stories.mdx
@@ -1,6 +1,6 @@
 {/* @license CC0-1.0 */}
 
-import { Meta } from "@storybook/addon-docs";
+import { Meta } from "@storybook/blocks";
 import { ComponentTokensSection } from "../../../../documentation/components/ComponentTokensSection";
 import tokens from "../../../../proprietary/design-tokens/dist/index.json";
 import tokensDefinition from "../../tokens.json";

diff --git a/components/badge-counter/css/stories/default.stories.mdx b/components/badge-counter/css/stories/default.stories.mdx
@@ -1,6 +1,6 @@
 {/* @license CC0-1.0 */}
 
-import { ArgsTable, Canvas, Meta, Story } from "@storybook/addon-docs";
+import { ArgsTable, Canvas, Meta, Story } from "@storybook/blocks";
 import { argTypes, BadgeCounter, defaultArgs, exampleArgs } from "../story-template";
 import "../index.scss";
 

diff --git a/components/badge-counter/css/stories/empty.stories.mdx b/components/badge-counter/css/stories/empty.stories.mdx
@@ -1,6 +1,6 @@
 {/* @license CC0-1.0 */}
 
-import { ArgsTable, Canvas, Meta, Story } from "@storybook/addon-docs";
+import { ArgsTable, Canvas, Meta, Story } from "@storybook/blocks";
 import { argTypes, BadgeCounter, defaultArgs } from "../story-template";
 import "../index.scss";
 

diff --git a/components/badge-counter/css/stories/multiple-digits.stories.mdx b/components/badge-counter/css/stories/multiple-digits.stories.mdx
@@ -1,6 +1,6 @@
 {/* @license CC0-1.0 */}
 
-import { Canvas, Meta, Story } from "@storybook/addon-docs";
+import { Canvas, Meta, Story } from "@storybook/blocks";
 import { BadgeCounter } from "../story-template";
 import "../index.scss";
 

diff --git a/components/badge-counter/css/stories/tokens.stories.mdx b/components/badge-counter/css/stories/tokens.stories.mdx
@@ -1,6 +1,6 @@
 {/* @license CC0-1.0 */}
 
-import { Meta } from "@storybook/addon-docs";
+import { Meta } from "@storybook/blocks";
 import { ComponentTokensSection } from "../../../../documentation/components/ComponentTokensSection";
 import tokens from "../../../../proprietary/design-tokens/dist/index.json";
 

diff --git a/components/badge-data/css/stories/default.stories.mdx b/components/badge-data/css/stories/default.stories.mdx
@@ -1,6 +1,6 @@
 {/* @license CC0-1.0 */}
 
-import { ArgsTable, Canvas, Meta, Story } from "@storybook/addon-docs";
+import { ArgsTable, Canvas, Meta, Story } from "@storybook/blocks";
 import { argTypes, BadgeData, defaultArgs, exampleArgs } from "../story-template";
 import "../index.scss";
 

diff --git a/components/badge-data/css/stories/tokens.stories.mdx b/components/badge-data/css/stories/tokens.stories.mdx
@@ -1,6 +1,6 @@
 {/* @license CC0-1.0 */}
 
-import { Meta } from "@storybook/addon-docs";
+import { Meta } from "@storybook/blocks";
 import { ComponentTokensSection } from "../../../../documentation/components/ComponentTokensSection";
 import tokens from "../../../../proprietary/design-tokens/dist/index.json";
 import tokensDefinition from "../../tokens.json";

diff --git a/components/badge-list/css/stories/default.stories.mdx b/components/badge-list/css/stories/default.stories.mdx
@@ -1,6 +1,6 @@
 {/* @license CC0-1.0 */}
 
-import { ArgsTable, Canvas, Meta, Story } from "@storybook/addon-docs";
+import { ArgsTable, Canvas, Meta, Story } from "@storybook/blocks";
 import { BadgeData } from "../../../badge-data/css/story-template.jsx";
 import "../index.scss";
 

diff --git a/components/badge-list/css/stories/tokens.stories.mdx b/components/badge-list/css/stories/tokens.stories.mdx
@@ -1,6 +1,6 @@
 {/* @license CC0-1.0 */}
 
-import { Meta } from "@storybook/addon-docs";
+import { Meta } from "@storybook/blocks";
 import { ComponentTokensSection } from "../../../../documentation/components/ComponentTokensSection";
 import tokens from "../../../../proprietary/design-tokens/dist/index.json";
 import tokensDefinition from "../../tokens.json";

diff --git a/components/badge-status/css/stories/default.stories.mdx b/components/badge-status/css/stories/default.stories.mdx
@@ -1,6 +1,6 @@
 {/* @license CC0-1.0 */}
 
-import { ArgsTable, Canvas, Meta, Story } from "@storybook/addon-docs";
+import { ArgsTable, Canvas, Meta, Story } from "@storybook/blocks";
 import { argTypes, BadgeStatus, defaultArgs, exampleArgs } from "../story-template";
 import "../index.scss";
 

diff --git a/components/badge-status/css/stories/readme.stories.mdx b/components/badge-status/css/stories/readme.stories.mdx
@@ -1,8 +1,8 @@
 {/* @license CC0-1.0 */}
 
-import { Description, Meta } from "@storybook/addon-docs";
+import { Markdown, Meta } from "@storybook/blocks";
 import document from "../../README.md";
 
 <Meta id="css-status-badge--readme" title="CSS Component/Badge/Status Badge/README" />
 
-<Description>{document}</Description>
+<Markdown>{document}</Markdown>
diff --git a/components/badge-status/css/stories/status.stories.mdx b/components/badge-status/css/stories/status.stories.mdx
@@ -1,6 +1,6 @@
 {/* @license CC0-1.0 */}
 
-import { Canvas, Meta, Story } from "@storybook/addon-docs";
+import { Canvas, Meta, Story } from "@storybook/blocks";
 import { BadgeStatus } from "../story-template";
 import "../index.scss";
 

diff --git a/components/badge-status/css/stories/tokens.stories.mdx b/components/badge-status/css/stories/tokens.stories.mdx
@@ -1,6 +1,6 @@
 {/* @license CC0-1.0 */}
 
-import { Meta } from "@storybook/addon-docs";
+import { Meta } from "@storybook/blocks";
 import { ComponentTokensSection } from "../../../../documentation/components/ComponentTokensSection";
 import tokens from "../../../../proprietary/design-tokens/dist/index.json";
 import tokensDefinition from "../../tokens.json";

diff --git a/components/badge/css/stories/readme.stories.mdx b/components/badge/css/stories/readme.stories.mdx
@@ -1,8 +1,8 @@
 {/* @license CC0-1.0 */}
 
-import { Description, Meta } from "@storybook/addon-docs";
+import { Markdown, Meta } from "@storybook/blocks";
 import document from "../../README.md";
 
 <Meta id="css-badge--readme" title="CSS Component/Badge/README" />
 
-<Description>{document}</Description>
+<Markdown>{document}</Markdown>
diff --git a/components/badge/css/stories/tokens.stories.mdx b/components/badge/css/stories/tokens.stories.mdx
@@ -1,6 +1,6 @@
 {/* @license CC0-1.0 */}
 
-import { Meta } from "@storybook/addon-docs";
+import { Meta } from "@storybook/blocks";
 import { ComponentTokensSection } from "../../../../documentation/components/ComponentTokensSection";
 import tokens from "../../../../proprietary/design-tokens/dist/index.json";
 import tokensDefinition from "../../tokens.json";

diff --git a/components/blockquote/css/stories/attribution.stories.mdx b/components/blockquote/css/stories/attribution.stories.mdx
@@ -1,6 +1,6 @@
 {/* @license CC0-1.0 */}
 
-import { Canvas, Meta, Story } from "@storybook/addon-docs";
+import { Canvas, Meta, Story } from "@storybook/blocks";
 import { Blockquote } from "../story-template";
 import "../index.scss";
 

diff --git a/components/blockquote/css/stories/default.stories.mdx b/components/blockquote/css/stories/default.stories.mdx
@@ -1,6 +1,6 @@
 {/* @license CC0-1.0 */}
 
-import { ArgsTable, Canvas, Meta, Story } from "@storybook/addon-docs";
+import { ArgsTable, Canvas, Meta, Story } from "@storybook/blocks";
 import { argTypes, Blockquote, defaultArgs, exampleArgs } from "../story-template";
 import "../index.scss";
 

diff --git a/components/blockquote/css/stories/distanced.stories.mdx b/components/blockquote/css/stories/distanced.stories.mdx
@@ -1,6 +1,6 @@
 {/* @license CC0-1.0 */}
 
-import { Canvas, Meta, Story } from "@storybook/addon-docs";
+import { Canvas, Meta, Story } from "@storybook/blocks";
 import { Blockquote } from "../story-template";
 import "../index.scss";
 

diff --git a/components/blockquote/css/stories/language.stories.mdx b/components/blockquote/css/stories/language.stories.mdx
@@ -1,6 +1,6 @@
 {/* @license CC0-1.0 */}
 
-import { Canvas, Meta, Story } from "@storybook/addon-docs";
+import { Canvas, Meta, Story } from "@storybook/blocks";
 import { Paragraph } from "../../../paragraph/css/story-template";
 import { Blockquote } from "../story-template";
 

diff --git a/components/blockquote/css/stories/readme.stories.mdx b/components/blockquote/css/stories/readme.stories.mdx
@@ -1,8 +1,8 @@
 {/* @license CC0-1.0 */}
 
-import { Description, Meta } from "@storybook/addon-docs";
+import { Markdown, Meta } from "@storybook/blocks";
 import document from "../../README.md";
 
 <Meta id="css-blockquote--readme" title="CSS Component/Blockquote/README" />
 
-<Description>{document}</Description>
+<Markdown>{document}</Markdown>
diff --git a/components/blockquote/css/stories/tokens.stories.mdx b/components/blockquote/css/stories/tokens.stories.mdx
@@ -1,6 +1,6 @@
 {/* @license CC0-1.0 */}
 
-import { Meta } from "@storybook/addon-docs";
+import { Meta } from "@storybook/blocks";
 import { ComponentTokensSection } from "../../../../documentation/components/ComponentTokensSection";
 import tokens from "../../../../proprietary/design-tokens/dist/index.json";
 import tokensDefinition from "../../tokens.json";

diff --git a/components/blockquote/html/stories/default.stories.mdx b/components/blockquote/html/stories/default.stories.mdx
@@ -1,6 +1,6 @@
 {/* @license CC0-1.0 */}
 
-import { ArgsTable, Canvas, Meta, Story } from "@storybook/addon-docs";
+import { ArgsTable, Canvas, Meta, Story } from "@storybook/blocks";
 import { argTypes, Blockquote, defaultArgs, exampleArgs } from "../story-template";
 
 <Meta

diff --git a/components/blockquote/html/stories/readme.stories.mdx b/components/blockquote/html/stories/readme.stories.mdx
@@ -1,8 +1,8 @@
 {/* @license CC0-1.0 */}
 
-import { Description, Meta } from "@storybook/addon-docs";
+import { Markdown, Meta } from "@storybook/blocks";
 import document from "../../README.md";
 
 <Meta id="html-blockquote--readme" title="HTML Component/Blockquote/README" />
 
-<Description>{document}</Description>
+<Markdown>{document}</Markdown>
diff --git a/components/blockquote/html/stories/tokens.stories.mdx b/components/blockquote/html/stories/tokens.stories.mdx
@@ -1,6 +1,6 @@
 {/* @license CC0-1.0 */}
 
-import { Meta } from "@storybook/addon-docs";
+import { Meta } from "@storybook/blocks";
 import { ComponentTokensSection } from "../../../../documentation/components/ComponentTokensSection";
 import tokens from "../../../../proprietary/design-tokens/dist/index.json";
 import tokensDefinition from "../../tokens.json";

diff --git a/components/breadcrumb/css/stories/default.stories.mdx b/components/breadcrumb/css/stories/default.stories.mdx
@@ -1,6 +1,6 @@
 {/* @license CC0-1.0 */}
 
-import { ArgsTable, Canvas, Meta, Story } from "@storybook/addon-docs";
+import { ArgsTable, Canvas, Meta, Story } from "@storybook/blocks";
 import { argTypes, Breadcrumb, defaultArgs, exampleArgs } from "../story-template";
 
 <Meta

diff --git a/components/breadcrumb/css/stories/readme.stories.mdx b/components/breadcrumb/css/stories/readme.stories.mdx
@@ -1,8 +1,8 @@
 {/* @license CC0-1.0 */}
 
-import { Description, Meta } from "@storybook/addon-docs";
+import { Markdown, Meta } from "@storybook/blocks";
 import document from "../../README.md";
 
 <Meta id="css-breadcrumb-nav--readme" title="CSS Component/Breadcrumb navigation/README" />
 
-<Description>{document}</Description>
+<Markdown>{document}</Markdown>
diff --git a/components/breadcrumb/css/stories/rel.stories.mdx b/components/breadcrumb/css/stories/rel.stories.mdx
@@ -1,6 +1,6 @@
 {/* @license CC0-1.0 */}
 
-import { ArgsTable, Canvas, Meta, Story } from "@storybook/addon-docs";
+import { ArgsTable, Canvas, Meta, Story } from "@storybook/blocks";
 import { argTypes, Breadcrumb, defaultArgs, exampleArgs } from "../story-template";
 
 <Meta

diff --git a/components/breadcrumb/css/stories/rtl.stories.mdx b/components/breadcrumb/css/stories/rtl.stories.mdx
@@ -1,6 +1,6 @@
 {/* @license CC0-1.0 */}
 
-import { ArgsTable, Canvas, Meta, Story } from "@storybook/addon-docs";
+import { ArgsTable, Canvas, Meta, Story } from "@storybook/blocks";
 import locale from "../../i18n/ar.json";
 import { argTypes, Breadcrumb, defaultArgs, exampleArgs } from "../story-template";
 

diff --git a/components/breadcrumb/css/stories/tokens.stories.mdx b/components/breadcrumb/css/stories/tokens.stories.mdx
@@ -1,6 +1,6 @@
 {/* @license CC0-1.0 */}
 
-import { Meta } from "@storybook/addon-docs";
+import { Meta } from "@storybook/blocks";
 import { ComponentTokensSection } from "../../../../documentation/components/ComponentTokensSection";
 import tokens from "../../../../proprietary/design-tokens/dist/index.json";
 import tokensDefinition from "../../tokens.json";

diff --git a/components/button-group/css/stories/default.stories.mdx b/components/button-group/css/stories/default.stories.mdx
@@ -1,6 +1,6 @@
 {/* @license CC0-1.0 */}
 
-import { ArgsTable, Canvas, Meta, Story } from "@storybook/addon-docs";
+import { ArgsTable, Canvas, Meta, Story } from "@storybook/blocks";
 import { argTypes, ButtonGroup, defaultArgs, exampleArgs } from "../story-template";
 import "../index.scss";
 

diff --git a/components/button-group/css/stories/direction.stories.mdx b/components/button-group/css/stories/direction.stories.mdx
@@ -1,6 +1,6 @@
 {/* @license CC0-1.0 */}
 
-import { Canvas, Meta, Story } from "@storybook/addon-docs";
+import { Canvas, Meta, Story } from "@storybook/blocks";
 import { Button } from "../../../button/css/story-template";
 import { ButtonGroup, exampleArgs } from "../story-template";
 import "../index.scss";

diff --git a/components/button-group/css/stories/readme.stories.mdx b/components/button-group/css/stories/readme.stories.mdx
@@ -1,8 +1,8 @@
 {/* @license CC0-1.0 */}
 
-import { Description, Meta } from "@storybook/addon-docs";
+import { Markdown, Meta } from "@storybook/blocks";
 import document from "../../README.md";
 
 <Meta id="css-button-group--readme" title="CSS Component/Button group/README" />
 
-<Description>{document}</Description>
+<Markdown>{document}</Markdown>
diff --git a/components/button-group/css/stories/tokens.stories.mdx b/components/button-group/css/stories/tokens.stories.mdx
@@ -1,6 +1,6 @@
 {/* @license CC0-1.0 */}
 
-import { Meta } from "@storybook/addon-docs";
+import { Meta } from "@storybook/blocks";
 import { ComponentTokensSection } from "../../../../documentation/components/ComponentTokensSection";
 import tokens from "../../../../proprietary/design-tokens/dist/index.json";
 import tokensDefinition from "../../tokens.json";