diff --git a/packages/canon/.storybook/main.ts b/packages/canon/.storybook/main.ts index 8bf24a7e23..bb00568cb0 100644 --- a/packages/canon/.storybook/main.ts +++ b/packages/canon/.storybook/main.ts @@ -14,7 +14,6 @@ const config: StorybookConfig = { addons: [ getAbsolutePath('@storybook/addon-webpack5-compiler-swc'), getAbsolutePath('@storybook/addon-essentials'), - getAbsolutePath('@chromatic-com/storybook'), getAbsolutePath('@storybook/addon-interactions'), getAbsolutePath('@storybook/addon-themes'), ], diff --git a/packages/canon/package.json b/packages/canon/package.json index d5282359e0..2d598682e1 100644 --- a/packages/canon/package.json +++ b/packages/canon/package.json @@ -45,21 +45,20 @@ }, "devDependencies": { "@backstage/cli": "workspace:^", - "@chromatic-com/storybook": "^3.2.2", - "@storybook/addon-essentials": "^8.5.0", - "@storybook/addon-interactions": "^8.5.0", + "@storybook/addon-essentials": "^8.6.4", + "@storybook/addon-interactions": "^8.6.4", "@storybook/addon-styling-webpack": "^1.0.1", - "@storybook/addon-themes": "^8.5.0", - "@storybook/addon-webpack5-compiler-swc": "^2.0.0", - "@storybook/blocks": "^8.5.0", - "@storybook/react": "^8.5.0", - "@storybook/react-webpack5": "^8.5.0", - "@storybook/test": "^8.5.0", + "@storybook/addon-themes": "^8.6.4", + "@storybook/addon-webpack5-compiler-swc": "^2.1.0", + "@storybook/blocks": "^8.6.4", + "@storybook/react": "^8.6.4", + "@storybook/react-webpack5": "^8.6.4", + "@storybook/test": "^8.6.4", "@testing-library/jest-dom": "^6.0.0", "@types/react": "^18.0.0", "@types/react-dom": "^18.0.0", "chalk": "^5.4.1", - "eslint-plugin-storybook": "^0.11.1", + "eslint-plugin-storybook": "^0.11.4", "glob": "^11.0.1", "globals": "^15.11.0", "lightningcss": "^1.29.1", @@ -67,7 +66,7 @@ "react": "^18.0.2", "react-dom": "^18.0.2", "react-router-dom": "^6.3.0", - "storybook": "^8.5.0" + "storybook": "^8.6.4" }, "peerDependencies": { "@types/react": "^17.0.0 || ^18.0.0", diff --git a/packages/canon/src/components/Box/Box.stories.tsx b/packages/canon/src/components/Box/Box.stories.tsx index aec2909743..e46dadb60a 100644 --- a/packages/canon/src/components/Box/Box.stories.tsx +++ b/packages/canon/src/components/Box/Box.stories.tsx @@ -20,7 +20,7 @@ import { Box } from './Box'; import { Flex } from '../Flex'; const meta = { - title: 'Components/Box', + title: 'Layout/Box', component: Box, argTypes: { as: { diff --git a/packages/canon/src/components/Button/Button.stories.tsx b/packages/canon/src/components/Button/Button.stories.tsx index 8ba060ad8e..7a01fa6014 100644 --- a/packages/canon/src/components/Button/Button.stories.tsx +++ b/packages/canon/src/components/Button/Button.stories.tsx @@ -109,6 +109,12 @@ export const Disabled: Story = { children: 'Button', disabled: true, }, + render: args => ( + +