Fix: Update MDX imports to use @storybook/blocks for Storybook 10 compatibility

Copilot · jeffbax · Copilot · commit 6b7bad1e6e3a · 2025-11-13T20:49:06.000Z
Co-authored-by: jeffbax &lt;489946+jeffbax@users.noreply.github.com&gt;
diff --git a/src/Accordion/Accordion.mdx b/src/Accordion/Accordion.mdx
@@ -1,4 +1,4 @@
-import { ArgTypes, Canvas } from '@storybook/addon-docs';
+import { ArgTypes, Canvas } from '@storybook/blocks';
 import Accordion from './Accordion';
 import * as ComponentStories from './Accordion.stories';
 
diff --git a/src/Alert/Alert.mdx b/src/Alert/Alert.mdx
@@ -1,4 +1,4 @@
-import { ArgTypes, Canvas } from '@storybook/addon-docs';
+import { ArgTypes, Canvas } from '@storybook/blocks';
 import Alert from './Alert';
 import * as ComponentStories from './Alert.stories';
 
diff --git a/src/Avatar/Avatar.mdx b/src/Avatar/Avatar.mdx
@@ -1,4 +1,4 @@
-import { ArgTypes, Canvas } from '@storybook/addon-docs';
+import { ArgTypes, Canvas } from '@storybook/blocks';
 import Avatar from './Avatar';
 import * as ComponentStories from './Avatar.stories';
 
diff --git a/src/Button/Button.mdx b/src/Button/Button.mdx
@@ -1,4 +1,4 @@
-import { ArgTypes, Canvas } from '@storybook/addon-docs';
+import { ArgTypes, Canvas } from '@storybook/blocks';
 import Button from './Button';
 import * as ComponentStories from './Button.stories';
 
diff --git a/src/Card/Card.mdx b/src/Card/Card.mdx
@@ -1,4 +1,4 @@
-import { ArgTypes, Canvas } from '@storybook/addon-docs';
+import { ArgTypes, Canvas } from '@storybook/blocks';
 import Card from './Card';
 import * as ComponentStories from './Card.stories';
 
diff --git a/src/CardStack/CardStack.mdx b/src/CardStack/CardStack.mdx
@@ -1,4 +1,4 @@
-import { ArgTypes,  Canvas } from '@storybook/addon-docs';
+import { ArgTypes,  Canvas } from '@storybook/blocks';
 import CardStack from './CardStack';
 import * as ComponentStories from './CardStack.stories';
 
diff --git a/src/CheckboxButton/CheckboxButton.mdx b/src/CheckboxButton/CheckboxButton.mdx
@@ -1,4 +1,4 @@
-import { ArgTypes,  Canvas } from '@storybook/addon-docs';
+import { ArgTypes,  Canvas } from '@storybook/blocks';
 import CheckboxButton from './CheckboxButton';
 import * as ComponentStories from './CheckboxButton.stories';
 
diff --git a/src/CheckboxButtonGroup/CheckboxButtonGroup.mdx b/src/CheckboxButtonGroup/CheckboxButtonGroup.mdx
@@ -1,4 +1,4 @@
-import { ArgTypes,  Canvas } from '@storybook/addon-docs';
+import { ArgTypes,  Canvas } from '@storybook/blocks';
 import CheckboxButtonGroup from './CheckboxButtonGroup';
 import * as ComponentStories from './CheckboxButtonGroup.stories';
 
diff --git a/src/Container/Container.mdx b/src/Container/Container.mdx
@@ -1,4 +1,4 @@
-import { Canvas } from '@storybook/addon-docs';
+import { Canvas } from '@storybook/blocks';
 import Container from './Container';
 import * as ComponentStories from './Container.stories';
 
diff --git a/src/Dropdown/Dropdown.mdx b/src/Dropdown/Dropdown.mdx
@@ -1,4 +1,4 @@
-import { ArgTypes,  Canvas } from '@storybook/addon-docs';
+import { ArgTypes,  Canvas } from '@storybook/blocks';
 import Dropdown from './Dropdown';
 import * as ComponentStories from './Dropdown.stories';
 
diff --git a/src/EmptyState/EmptyState.mdx b/src/EmptyState/EmptyState.mdx
@@ -1,4 +1,4 @@
-import { ArgTypes, Canvas } from '@storybook/addon-docs';
+import { ArgTypes, Canvas } from '@storybook/blocks';
 import EmptyState from './EmptyState';
 import * as ComponentStories from './EmptyState.stories';
 
diff --git a/src/Flex/Flex.mdx b/src/Flex/Flex.mdx
@@ -1,4 +1,4 @@
-import { Canvas } from '@storybook/addon-docs';
+import { Canvas } from '@storybook/blocks';
 import Flex from './Flex';
 import * as ComponentStories from './Flex.stories';
 
diff --git a/src/Form/Form.mdx b/src/Form/Form.mdx
@@ -1,4 +1,4 @@
-import { ArgTypes,  Canvas } from '@storybook/addon-docs';
+import { ArgTypes,  Canvas } from '@storybook/blocks';
 import Form from './Form';
 import * as ComponentStories from './Form.stories';
 
diff --git a/src/FormGroup/FormGroup.mdx b/src/FormGroup/FormGroup.mdx
@@ -1,4 +1,4 @@
-import {  ArgTypes, Canvas } from '@storybook/addon-docs';
+import {  ArgTypes, Canvas } from '@storybook/blocks';
 import FormGroup from './FormGroup';
 import * as ComponentStories from './FormGroup.stories';
 
diff --git a/src/Heading/Heading.mdx b/src/Heading/Heading.mdx
@@ -1,4 +1,4 @@
-import { ArgTypes,  Canvas } from '@storybook/addon-docs';
+import { ArgTypes,  Canvas } from '@storybook/blocks';
 import Heading from './Heading';
 import * as ComponentStories from './Heading.stories';
 
diff --git a/src/IconButton/IconButton.mdx b/src/IconButton/IconButton.mdx
@@ -1,4 +1,4 @@
-import { ArgTypes, Canvas } from '@storybook/addon-docs';
+import { ArgTypes, Canvas } from '@storybook/blocks';
 import IconButton from './IconButton';
 import * as ComponentStories from './IconButton.stories';
 
diff --git a/src/IconCell/IconCell.mdx b/src/IconCell/IconCell.mdx
@@ -1,4 +1,4 @@
-import { ArgTypes,  Canvas } from '@storybook/addon-docs';
+import { ArgTypes,  Canvas } from '@storybook/blocks';
 import IconCell from './IconCell';
 import * as ComponentStories from './IconCell.stories';
 
diff --git a/src/LoadingOverlay/LoadingOverlay.mdx b/src/LoadingOverlay/LoadingOverlay.mdx
@@ -1,4 +1,4 @@
-import { ArgTypes,  Canvas } from '@storybook/addon-docs';
+import { ArgTypes,  Canvas } from '@storybook/blocks';
 import LoadingOverlay from './LoadingOverlay';
 import * as ComponentStories from './LoadingOverlay.stories';
 
diff --git a/src/LoadingSkeleton/LoadingSkeleton.mdx b/src/LoadingSkeleton/LoadingSkeleton.mdx
@@ -1,4 +1,4 @@
-import { ArgTypes,  Canvas } from '@storybook/addon-docs';
+import { ArgTypes,  Canvas } from '@storybook/blocks';
 import LoadingSkeleton from './LoadingSkeleton';
 import * as ComponentStories from './LoadingSkeleton.stories';
 
diff --git a/src/Main/Main.mdx b/src/Main/Main.mdx
@@ -1,4 +1,4 @@
-import { ArgTypes,  Canvas } from '@storybook/addon-docs';
+import { ArgTypes,  Canvas } from '@storybook/blocks';
 import Main from './Main';
 import * as ComponentStories from './Main.stories';
 
diff --git a/src/Modal/Modal.mdx b/src/Modal/Modal.mdx
@@ -1,4 +1,4 @@
-import { ArgTypes,  Canvas } from '@storybook/addon-docs';
+import { ArgTypes,  Canvas } from '@storybook/blocks';
 import Modal from './Modal';
 import * as ComponentStories from './Modal.stories';
 
diff --git a/src/MoneyInput/MoneyInput.mdx b/src/MoneyInput/MoneyInput.mdx
@@ -1,4 +1,4 @@
-import { ArgTypes, Canvas } from '@storybook/addon-docs';
+import { ArgTypes, Canvas } from '@storybook/blocks';
 import MoneyInput from './MoneyInput';
 import * as ComponentStories from './MoneyInput.stories';
 
diff --git a/src/Pill/Pill.mdx b/src/Pill/Pill.mdx
@@ -1,4 +1,4 @@
-import { ArgTypes,  Canvas } from '@storybook/addon-docs';
+import { ArgTypes,  Canvas } from '@storybook/blocks';
 import Pill from './Pill';
 import * as ComponentStories from './Pill.stories';
 
diff --git a/src/Popover/Popover.mdx b/src/Popover/Popover.mdx
@@ -1,4 +1,4 @@
-import { ArgTypes,  Canvas } from '@storybook/addon-docs';
+import { ArgTypes,  Canvas } from '@storybook/blocks';
 import Popover from './Popover';
 import * as ComponentStories from './Popover.stories';
 
diff --git a/src/Popper/Popper.mdx b/src/Popper/Popper.mdx
@@ -1,4 +1,4 @@
-import { ArgTypes,  Canvas } from '@storybook/addon-docs';
+import { ArgTypes,  Canvas } from '@storybook/blocks';
 import Popper from './Popper';
 import * as ComponentStories from './Popper.stories';
 
diff --git a/src/ProfileCell/ProfileCell.mdx b/src/ProfileCell/ProfileCell.mdx
@@ -1,4 +1,4 @@
-import { ArgTypes, Canvas } from '@storybook/addon-docs';
+import { ArgTypes, Canvas } from '@storybook/blocks';
 import ProfileCell from './ProfileCell';
 import * as ComponentStories from './ProfileCell.stories';
 
diff --git a/src/RadioButton/RadioButton.mdx b/src/RadioButton/RadioButton.mdx
@@ -1,4 +1,4 @@
-import { ArgTypes,  Canvas } from '@storybook/addon-docs';
+import { ArgTypes,  Canvas } from '@storybook/blocks';
 import RadioButton from './RadioButton';
 import * as ComponentStories from './RadioButton.stories';
 
diff --git a/src/RadioButtonGroup/RadioButtonGroup.mdx b/src/RadioButtonGroup/RadioButtonGroup.mdx
@@ -1,4 +1,4 @@
-import { ArgTypes, Canvas } from '@storybook/addon-docs';
+import { ArgTypes, Canvas } from '@storybook/blocks';
 import RadioButtonGroup from './RadioButtonGroup';
 import * as ComponentStories from './RadioButtonGroup.stories';
 
diff --git a/src/RichTextEditor/RichTextEditor.mdx b/src/RichTextEditor/RichTextEditor.mdx
@@ -1,4 +1,4 @@
-import { ArgTypes,  Canvas } from '@storybook/addon-docs';
+import { ArgTypes,  Canvas } from '@storybook/blocks';
 import RichTextEditor from './RichTextEditor';
 import * as ComponentStories from './RichTextEditor.stories';
 
diff --git a/src/Steps/Steps.mdx b/src/Steps/Steps.mdx
@@ -1,4 +1,4 @@
-import { ArgTypes,  Canvas } from '@storybook/addon-docs';
+import { ArgTypes,  Canvas } from '@storybook/blocks';
 import Steps from './Steps';
 import * as ComponentStories from './Steps.stories';
 
diff --git a/src/Tabs/Tabs.mdx b/src/Tabs/Tabs.mdx
@@ -1,4 +1,4 @@
-import { ArgTypes,  Canvas } from '@storybook/addon-docs';
+import { ArgTypes,  Canvas } from '@storybook/blocks';
 import Tabs from './Tabs';
 import Tab from './Tab';
 import * as ComponentStories from './Tabs.stories';
diff --git a/src/Text/Text.mdx b/src/Text/Text.mdx
@@ -1,4 +1,4 @@
-import { ArgTypes,  Canvas } from '@storybook/addon-docs';
+import { ArgTypes,  Canvas } from '@storybook/blocks';
 import Text from './Text';
 import * as ComponentStories from './Text.stories';
 
diff --git a/src/Toast/Toast.mdx b/src/Toast/Toast.mdx
@@ -1,4 +1,4 @@
-import { ArgTypes,  Canvas } from '@storybook/addon-docs';
+import { ArgTypes,  Canvas } from '@storybook/blocks';
 import Toast from './Toast';
 import * as ComponentStories from './Toast.stories';
 
diff --git a/src/ToggleInput/ToggleInput.mdx b/src/ToggleInput/ToggleInput.mdx
@@ -1,4 +1,4 @@
-import { ArgTypes,  Canvas } from '@storybook/addon-docs';
+import { ArgTypes,  Canvas } from '@storybook/blocks';
 import ToggleInput from './ToggleInput';
 import * as ComponentStories from './ToggleInput.stories';
 
diff --git a/src/Tooltip/Tooltip.mdx b/src/Tooltip/Tooltip.mdx
@@ -1,4 +1,4 @@
-import {  Canvas } from '@storybook/addon-docs';
+import {  Canvas } from '@storybook/blocks';
 import { Tooltip } from './Tooltip';
 import * as ComponentStories from './Tooltip.stories';
 
diff --git a/stories/Spacing/Spacing.mdx b/stories/Spacing/Spacing.mdx
@@ -1,4 +1,4 @@
-import { ArgsTable, Story, Canvas } from '@storybook/addon-docs';
+import { ArgsTable, Story, Canvas } from '@storybook/blocks';
 
 # Spacing
 

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import { ArgTypes, Canvas } from '@storybook/addon-docs';`
	`1`	`+import { ArgTypes, Canvas } from '@storybook/blocks';`
`2`	`2`	`import Accordion from './Accordion';`
`3`	`3`	`import * as ComponentStories from './Accordion.stories';`
`4`	`4`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import { Canvas } from '@storybook/addon-docs';`
	`1`	`+import { Canvas } from '@storybook/blocks';`
`2`	`2`	`import Container from './Container';`
`3`	`3`	`import * as ComponentStories from './Container.stories';`
`4`	`4`