@vyriy/storybook-config 0.4.6 → 0.4.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -28,7 +28,7 @@ yarn add -D @vyriy/storybook-config storybook
28
28
 
29
29
  Install `storybook` in the consumer project so CLI commands are available.
30
30
 
31
- The shared SCSS loaders are resolved from `@vyriy/storybook-config`, so consumers do not need local `style-loader`, `css-loader`, or `sass-loader` dependencies for the default setup.
31
+ The shared style rule is reused from `@vyriy/webpack-config`, so consumers do not need local style loader dependencies for the default setup.
32
32
 
33
33
  ## Usage
34
34
 
package/main.js CHANGED
@@ -1,4 +1,4 @@
1
- import { resolveDependency } from './resolve-dependency.js';
1
+ import { style } from '@vyriy/webpack-config/rules.js';
2
2
  const config = {
3
3
  addons: [
4
4
  '@storybook/addon-webpack5-compiler-swc',
@@ -30,14 +30,7 @@ const config = {
30
30
  ...webpackConfig.module,
31
31
  rules: [
32
32
  ...(webpackConfig.module?.rules ?? []),
33
- {
34
- test: /\.scss$/,
35
- use: [
36
- resolveDependency('style-loader'),
37
- resolveDependency('css-loader'),
38
- resolveDependency('sass-loader'),
39
- ],
40
- },
33
+ style({ mode: 'inject' }),
41
34
  ],
42
35
  },
43
36
  resolve: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vyriy/storybook-config",
3
- "version": "0.4.6",
3
+ "version": "0.4.8",
4
4
  "description": "Shared Storybook config for Vyriy projects",
5
5
  "type": "module",
6
6
  "main": "./main.js",
@@ -12,6 +12,7 @@
12
12
  "@storybook/addon-webpack5-compiler-swc": "^4.0.3",
13
13
  "@storybook/react-webpack5": "^10.4.1",
14
14
  "@vueless/storybook-dark-mode": "^10.0.8",
15
+ "@vyriy/webpack-config": "0.4.8",
15
16
  "css-loader": "^7.1.4",
16
17
  "mermaid": "^11.15.0",
17
18
  "react": "^19.2.6",
@@ -68,16 +69,6 @@
68
69
  "types": "./preview.d.ts",
69
70
  "import": "./preview.js",
70
71
  "default": "./preview.js"
71
- },
72
- "./resolve-dependency": {
73
- "types": "./resolve-dependency.d.ts",
74
- "import": "./resolve-dependency.js",
75
- "default": "./resolve-dependency.js"
76
- },
77
- "./resolve-dependency.js": {
78
- "types": "./resolve-dependency.d.ts",
79
- "import": "./resolve-dependency.js",
80
- "default": "./resolve-dependency.js"
81
72
  }
82
73
  }
83
74
  }
@@ -1 +0,0 @@
1
- export declare const resolveDependency: (request: string) => string;
@@ -1,3 +0,0 @@
1
- import { createRequire } from 'node:module';
2
- const requireFromPackage = createRequire(import.meta.url);
3
- export const resolveDependency = (request) => requireFromPackage.resolve(request);