diff --git a/.storybook/main.ts b/.storybook/main.ts index c49f8f460b..04f806021c 100644 --- a/.storybook/main.ts +++ b/.storybook/main.ts @@ -1,7 +1,7 @@ import type { StorybookConfig } from '@storybook-vue/nuxt' const config = { - stories: ['../.storybook/*.mdx', '../app/**/*.stories.@(js|ts)'], + stories: ['../app/**/*.stories.@(js|ts)'], addons: ['@storybook/addon-a11y', '@storybook/addon-docs', '@storybook/addon-themes'], framework: '@storybook-vue/nuxt', staticDirs: ['./.public'], diff --git a/.storybook/manager.ts b/.storybook/manager.ts index 82475f197f..023e4fd21d 100644 --- a/.storybook/manager.ts +++ b/.storybook/manager.ts @@ -1,19 +1,11 @@ import { addons } from 'storybook/manager-api' +import { create } from 'storybook/theming' -import npmxDark from './theme' +const npmxTheme = create({ + brandTitle: 'npmx Storybook', + brandImage: '/npmx-storybook.svg', +}) addons.setConfig({ - theme: npmxDark, - layoutCustomisations: { - showToolbar: (state, defaultValue) => { - if (state.viewMode === 'docs' && state.storyId) { - const story = state.index?.[state.storyId] - const tags = story?.tags || [] - if (tags.includes('hide-toolbar')) { - return false - } - } - return defaultValue - }, - }, + theme: npmxTheme, }) diff --git a/.storybook/preview-head.html b/.storybook/preview-head.html deleted file mode 100644 index 49c5636054..0000000000 --- a/.storybook/preview-head.html +++ /dev/null @@ -1,6 +0,0 @@ - diff --git a/.storybook/preview.ts b/.storybook/preview.ts index 0d62d33be0..3242f7788a 100644 --- a/.storybook/preview.ts +++ b/.storybook/preview.ts @@ -4,8 +4,6 @@ import { currentLocales } from '../config/i18n' import { fn } from 'storybook/test' import { ACCENT_COLORS } from '../shared/utils/constants' -import npmxDark from './theme' - // related: https://github.com/npmx-dev/npmx.dev/blob/1431d24be555bca5e1ae6264434d49ca15173c43/test/nuxt/setup.ts#L12-L26 // Stub Nuxt specific globals // @ts-expect-error - dynamic global name @@ -27,9 +25,6 @@ const preview: Preview = { date: /Date$/i, }, }, - docs: { - theme: npmxDark, - }, }, // Provides toolbars to switch things like theming and language globalTypes: { diff --git a/.storybook/storybook-welcome.mdx b/.storybook/storybook-welcome.mdx deleted file mode 100644 index d8c738ad11..0000000000 --- a/.storybook/storybook-welcome.mdx +++ /dev/null @@ -1,7 +0,0 @@ -import { Meta } from '@storybook/addon-docs/blocks'; - - - -# Welcome - -Welcome to the npmx Storybook. diff --git a/.storybook/theme.ts b/.storybook/theme.ts deleted file mode 100644 index 10816b91cb..0000000000 --- a/.storybook/theme.ts +++ /dev/null @@ -1,13 +0,0 @@ -import { create } from 'storybook/theming' - -const npmxDark = create({ - base: 'dark', - - brandTitle: 'npmx Storybook', - brandImage: '/npmx-storybook.svg', - - // UI - appContentBg: '#101010', // oklch(0.171 0 0) -}) - -export default npmxDark