Skip to content
Merged
Show file tree
Hide file tree
Changes from 5 commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions docs/.npmrc
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
legacy-peer-deps=true
45 changes: 33 additions & 12 deletions docs/.storybook/main.js
Original file line number Diff line number Diff line change
@@ -1,21 +1,17 @@
import sass from 'sass'
import {createRequire} from 'module'
import {fileURLToPath} from 'url'

const require = createRequire(import.meta.url)

/** @type { import('@storybook/react-webpack5').StorybookConfig } */
const config = {
stories: ['../stories/**/*.mdx', '../stories/**/*.stories.@(js|jsx|ts|tsx)'],
addons: [
'@storybook/addon-links',
'@storybook/addon-essentials',
'@storybook/addon-interactions',
'@storybook/addon-webpack5-compiler-babel',
'@storybook/addon-docs',
'storybook-addon-pseudo-states',
'@storybook/addon-storysource',
'@geometricpanda/storybook-addon-badges',
{
name: '@storybook/addon-styling',
options: {
sass: {
implementation: require('sass'),
},
},
},
],
framework: {
name: '@storybook/react-webpack5',
Expand All @@ -25,5 +21,30 @@ const config = {
autodocs: 'tag',
},
staticDirs: ['../stories/static'],
async webpackFinal(webpackConfig) {
// Alias @storybook/blocks to the v10-compatible addon-docs/blocks
webpackConfig.resolve = webpackConfig.resolve || {}
webpackConfig.resolve.alias = {
...webpackConfig.resolve.alias,
'@storybook/blocks': fileURLToPath(import.meta.resolve('@storybook/addon-docs/blocks')),
}

// Add SCSS support using sass-loader
webpackConfig.module.rules.push({
test: /\.s[ac]ss$/,
use: [
require.resolve('style-loader'),
require.resolve('css-loader'),
{
loader: require.resolve('sass-loader'),
options: {
implementation: sass,
},
},
],
sideEffects: true,
})
return webpackConfig
},
}
export default config
2 changes: 1 addition & 1 deletion docs/.storybook/manager.js
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
import {addons} from '@storybook/manager-api'
import {addons} from 'storybook/manager-api'
import theme from './theme'

addons.setConfig({
Expand Down
2 changes: 1 addition & 1 deletion docs/.storybook/theme.js

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Loading
Loading