@razorwind/storybook 0.0.28 → 0.0.29
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/dist/index.cjs +1 -1
- package/dist/index.d.cts +2 -2
- package/dist/index.d.cts.map +1 -1
- package/dist/index.d.mts +2 -2
- package/dist/index.mjs +1 -1
- package/package.json +3 -3
package/dist/index.cjs
CHANGED
|
@@ -275,4 +275,4 @@ export default create({
|
|
|
275
275
|
${Object.entries(e).filter(([,e])=>e!==void 0).map(([e,t])=>` ${e}: ${a(t)}`).join(`,
|
|
276
276
|
`)}
|
|
277
277
|
});
|
|
278
|
-
`}function x(e,n,r){return(0,t.createDocument)(e,n,{name:`razorwind-storybook`},r)}function S(e,t={}){let i=t.outputPath??`storybook/tokens`,a=r(e.tokens,t),s=a.some(e=>e.type===`color`),c=a.some(e=>e.type===`fontFamily`||e.type===`fontWeight`||e.type===`typography`||e.type===`dimension`&&/(?:font|type|text).*size|size.*(?:font|type|text)/i.test(e.path)),h=!t.skipIcons&&g(e.icons)&&Object.keys(e.icons).length>0,S={[(0,n.join)(i,`blocks/ColorPalette.tsx`)]:x((0,n.join)(i,`blocks/ColorPalette.tsx`),l(a,t),`tsx`),[(0,n.join)(i,`blocks/Typeset.tsx`)]:x((0,n.join)(i,`blocks/Typeset.tsx`),u(a,t),`tsx`),[(0,n.join)(i,`blocks/TokenTable.tsx`)]:x((0,n.join)(i,`blocks/TokenTable.tsx`),d(a),`tsx`),[(0,n.join)(i,`blocks/IconGallery.tsx`)]:x((0,n.join)(i,`blocks/IconGallery.tsx`),_(t.skipIcons?{}:e.icons),`tsx`),[(0,n.join)(i,`blocks/index.ts`)]:x((0,n.join)(i,`blocks/index.ts`),y(),`typescript`),[(0,n.join)(i,`Tokens.mdx`)]:x((0,n.join)(i,`Tokens.mdx`),f({titlePrefix:t.titlePrefix,hasColors:s,hasTypography:c}),`mdx`)};if(s&&(S[(0,n.join)(i,`Colors.mdx`)]=x((0,n.join)(i,`Colors.mdx`),p(t),`mdx`)),c&&(S[(0,n.join)(i,`Typography.mdx`)]=x((0,n.join)(i,`Typography.mdx`),m(t),`mdx`)),h&&(S[(0,n.join)(i,`Icons.mdx`)]=x((0,n.join)(i,`Icons.mdx`),v(t),`mdx`)),S[(0,n.join)(i,`tokens.json`)]=x((0,n.join)(i,`tokens.json`),`${JSON.stringify(a,null,2)}\n`,`json`),t.
|
|
278
|
+
`}function x(e,n,r){return(0,t.createDocument)(e,n,{name:`razorwind-storybook`},r)}function S(e,t={}){let i=t.outputPath??`storybook/tokens`,a=r(e.tokens,t),s=a.some(e=>e.type===`color`),c=a.some(e=>e.type===`fontFamily`||e.type===`fontWeight`||e.type===`typography`||e.type===`dimension`&&/(?:font|type|text).*size|size.*(?:font|type|text)/i.test(e.path)),h=!t.skipIcons&&g(e.icons)&&Object.keys(e.icons).length>0,S={[(0,n.join)(i,`blocks/ColorPalette.tsx`)]:x((0,n.join)(i,`blocks/ColorPalette.tsx`),l(a,t),`tsx`),[(0,n.join)(i,`blocks/Typeset.tsx`)]:x((0,n.join)(i,`blocks/Typeset.tsx`),u(a,t),`tsx`),[(0,n.join)(i,`blocks/TokenTable.tsx`)]:x((0,n.join)(i,`blocks/TokenTable.tsx`),d(a),`tsx`),[(0,n.join)(i,`blocks/IconGallery.tsx`)]:x((0,n.join)(i,`blocks/IconGallery.tsx`),_(t.skipIcons?{}:e.icons),`tsx`),[(0,n.join)(i,`blocks/index.ts`)]:x((0,n.join)(i,`blocks/index.ts`),y(),`typescript`),[(0,n.join)(i,`Tokens.mdx`)]:x((0,n.join)(i,`Tokens.mdx`),f({titlePrefix:t.titlePrefix,hasColors:s,hasTypography:c}),`mdx`)};if(s&&(S[(0,n.join)(i,`Colors.mdx`)]=x((0,n.join)(i,`Colors.mdx`),p(t),`mdx`)),c&&(S[(0,n.join)(i,`Typography.mdx`)]=x((0,n.join)(i,`Typography.mdx`),m(t),`mdx`)),h&&(S[(0,n.join)(i,`Icons.mdx`)]=x((0,n.join)(i,`Icons.mdx`),v(t),`mdx`)),S[(0,n.join)(i,`tokens.json`)]=x((0,n.join)(i,`tokens.json`),`${JSON.stringify(a,null,2)}\n`,`json`),t.mapTheme){let r=t.mapTheme(e.tokens);if(typeof r==`object`&&r)for(let[e,t]of Object.entries(r))S[(0,n.join)(i,`theme-${e}.ts`)]=x((0,n.join)(i,`theme-${e}.ts`),b(t),`typescript`);else S[(0,n.join)(i,`theme.ts`)]=x((0,n.join)(i,`theme.ts`),b(r),`typescript`)}let C=Object.keys(S).filter(e=>e.startsWith((0,n.join)(i,`theme`))).map(e=>e.slice(i.length+1)),w=t.installGuide??o({outputPath:i,titlePrefix:t.titlePrefix,themeFiles:C.length>0?C:void 0}),T=(0,n.join)(i,`INSTALL.md`);return S[T]=x(T,w,`markdown`),S}var C=(0,e.definePlugin)(e=>({name:`storybook`,generate:async t=>S(t,e??{})}));exports.default=C,exports.flattenTokens=r,Object.defineProperty(exports,"formatTokenValue",{enumerable:!0,get:function(){return t.formatTokenValue}}),exports.generateTokenDocs=S,exports.renderInstallMd=o,exports.renderThemeFile=b,exports.resolveTokenSets=t.resolveTokenSets,Object.defineProperty(exports,"toCssVar",{enumerable:!0,get:function(){return t.toCssVar}});
|
package/dist/index.d.cts
CHANGED
|
@@ -115,7 +115,7 @@ interface StorybookPluginOptions {
|
|
|
115
115
|
*
|
|
116
116
|
* @see https://storybook.js.org/docs/configure/user-interface/theming
|
|
117
117
|
*/
|
|
118
|
-
|
|
118
|
+
mapTheme?: GenerateStorybookTheme;
|
|
119
119
|
/**
|
|
120
120
|
* Skip generating icon documentation pages.
|
|
121
121
|
*
|
|
@@ -176,7 +176,7 @@ declare function generateTokenDocs(spec: Schema, options?: StorybookPluginOption
|
|
|
176
176
|
* export default defineConfig({
|
|
177
177
|
* plugins: [
|
|
178
178
|
* storybook({
|
|
179
|
-
*
|
|
179
|
+
* mapTheme: tokens => ({
|
|
180
180
|
* base: "light",
|
|
181
181
|
* colorPrimary: tokens.find(t => t.path === "color.primary")?.cssValue,
|
|
182
182
|
* brandTitle: "My Design System"
|
package/dist/index.d.cts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.cts","names":[],"sources":["../src/types.ts","../src/flatten.ts","../src/install.ts","../src/generate.ts","../src/index.ts"],"mappings":";;;;;;;;UAuBiB;;EAEf;;EAEA,OAAO;;EAEP;;EAEA;;EAEA;;EAEA;;EAEA;;;;;;;UAQe;;EAEf;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;KAGU,uBACV,iBAAiB,eAAe;;;;;;KAOtB,0BACV,QAAQ,SAAS,eAAe,YAC7B;;;;UAKY;;;;;;EAMf;;;;;;EAOA;;;;;;EAOA;;;;;;EAOA;;;;;EAMA,eAAe;;;;;;EAOf;;;;;;;;;EAUA,
|
|
1
|
+
{"version":3,"file":"index.d.cts","names":[],"sources":["../src/types.ts","../src/flatten.ts","../src/install.ts","../src/generate.ts","../src/index.ts"],"mappings":";;;;;;;;UAuBiB;;EAEf;;EAEA,OAAO;;EAEP;;EAEA;;EAEA;;EAEA;;EAEA;;;;;;;UAQe;;EAEf;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;KAGU,uBACV,iBAAiB,eAAe;;;;;;KAOtB,0BACV,QAAQ,SAAS,eAAe,YAC7B;;;;UAKY;;;;;;EAMf;;;;;;EAOA;;;;;;EAOA;;;;;;EAOA;;;;;EAMA,eAAe;;;;;;EAOf;;;;;;;;;EAUA,WAAW;;;;;;EAOX;;;;;EAMA;;;;;;;iBC7Hc,cACd,QAAQ,WAAS,eAAe,WAChC,UAAS,KAAK,2DACb;;;;;;;;iBCba,gBAAgB;EAC9B;EACA;EACA;;;;;;;;;iBCybc,gBAAgB,OAAO;;;;iBAqCvB,kBACd,MAAM,QACN,UAAS,yBACR,wBAAwB,QAAQ"}
|
package/dist/index.d.mts
CHANGED
|
@@ -115,7 +115,7 @@ interface StorybookPluginOptions {
|
|
|
115
115
|
*
|
|
116
116
|
* @see https://storybook.js.org/docs/configure/user-interface/theming
|
|
117
117
|
*/
|
|
118
|
-
|
|
118
|
+
mapTheme?: GenerateStorybookTheme;
|
|
119
119
|
/**
|
|
120
120
|
* Skip generating icon documentation pages.
|
|
121
121
|
*
|
|
@@ -176,7 +176,7 @@ declare function generateTokenDocs(spec: Schema, options?: StorybookPluginOption
|
|
|
176
176
|
* export default defineConfig({
|
|
177
177
|
* plugins: [
|
|
178
178
|
* storybook({
|
|
179
|
-
*
|
|
179
|
+
* mapTheme: tokens => ({
|
|
180
180
|
* base: "light",
|
|
181
181
|
* colorPrimary: tokens.find(t => t.path === "color.primary")?.cssValue,
|
|
182
182
|
* brandTitle: "My Design System"
|
package/dist/index.mjs
CHANGED
|
@@ -275,5 +275,5 @@ export default create({
|
|
|
275
275
|
${Object.entries(e).filter(([,e])=>e!==void 0).map(([e,t])=>` ${e}: ${u(t)}`).join(`,
|
|
276
276
|
`)}
|
|
277
277
|
});
|
|
278
|
-
`}function E(e,n,r){return t(e,n,{name:`razorwind-storybook`},r)}function D(e,t={}){let n=t.outputPath??`storybook/tokens`,r=c(e.tokens,t),i=r.some(e=>e.type===`color`),a=r.some(e=>e.type===`fontFamily`||e.type===`fontWeight`||e.type===`typography`||e.type===`dimension`&&/(?:font|type|text).*size|size.*(?:font|type|text)/i.test(e.path)),o=!t.skipIcons&&x(e.icons)&&Object.keys(e.icons).length>0,l={[s(n,`blocks/ColorPalette.tsx`)]:E(s(n,`blocks/ColorPalette.tsx`),m(r,t),`tsx`),[s(n,`blocks/Typeset.tsx`)]:E(s(n,`blocks/Typeset.tsx`),h(r,t),`tsx`),[s(n,`blocks/TokenTable.tsx`)]:E(s(n,`blocks/TokenTable.tsx`),g(r),`tsx`),[s(n,`blocks/IconGallery.tsx`)]:E(s(n,`blocks/IconGallery.tsx`),S(t.skipIcons?{}:e.icons),`tsx`),[s(n,`blocks/index.ts`)]:E(s(n,`blocks/index.ts`),w(),`typescript`),[s(n,`Tokens.mdx`)]:E(s(n,`Tokens.mdx`),_({titlePrefix:t.titlePrefix,hasColors:i,hasTypography:a}),`mdx`)};if(i&&(l[s(n,`Colors.mdx`)]=E(s(n,`Colors.mdx`),v(t),`mdx`)),a&&(l[s(n,`Typography.mdx`)]=E(s(n,`Typography.mdx`),y(t),`mdx`)),o&&(l[s(n,`Icons.mdx`)]=E(s(n,`Icons.mdx`),C(t),`mdx`)),l[s(n,`tokens.json`)]=E(s(n,`tokens.json`),`${JSON.stringify(r,null,2)}\n`,`json`),t.
|
|
278
|
+
`}function E(e,n,r){return t(e,n,{name:`razorwind-storybook`},r)}function D(e,t={}){let n=t.outputPath??`storybook/tokens`,r=c(e.tokens,t),i=r.some(e=>e.type===`color`),a=r.some(e=>e.type===`fontFamily`||e.type===`fontWeight`||e.type===`typography`||e.type===`dimension`&&/(?:font|type|text).*size|size.*(?:font|type|text)/i.test(e.path)),o=!t.skipIcons&&x(e.icons)&&Object.keys(e.icons).length>0,l={[s(n,`blocks/ColorPalette.tsx`)]:E(s(n,`blocks/ColorPalette.tsx`),m(r,t),`tsx`),[s(n,`blocks/Typeset.tsx`)]:E(s(n,`blocks/Typeset.tsx`),h(r,t),`tsx`),[s(n,`blocks/TokenTable.tsx`)]:E(s(n,`blocks/TokenTable.tsx`),g(r),`tsx`),[s(n,`blocks/IconGallery.tsx`)]:E(s(n,`blocks/IconGallery.tsx`),S(t.skipIcons?{}:e.icons),`tsx`),[s(n,`blocks/index.ts`)]:E(s(n,`blocks/index.ts`),w(),`typescript`),[s(n,`Tokens.mdx`)]:E(s(n,`Tokens.mdx`),_({titlePrefix:t.titlePrefix,hasColors:i,hasTypography:a}),`mdx`)};if(i&&(l[s(n,`Colors.mdx`)]=E(s(n,`Colors.mdx`),v(t),`mdx`)),a&&(l[s(n,`Typography.mdx`)]=E(s(n,`Typography.mdx`),y(t),`mdx`)),o&&(l[s(n,`Icons.mdx`)]=E(s(n,`Icons.mdx`),C(t),`mdx`)),l[s(n,`tokens.json`)]=E(s(n,`tokens.json`),`${JSON.stringify(r,null,2)}\n`,`json`),t.mapTheme){let r=t.mapTheme(e.tokens);if(typeof r==`object`&&r)for(let[e,t]of Object.entries(r))l[s(n,`theme-${e}.ts`)]=E(s(n,`theme-${e}.ts`),T(t),`typescript`);else l[s(n,`theme.ts`)]=E(s(n,`theme.ts`),T(r),`typescript`)}let u=Object.keys(l).filter(e=>e.startsWith(s(n,`theme`))).map(e=>e.slice(n.length+1)),f=t.installGuide??d({outputPath:n,titlePrefix:t.titlePrefix,themeFiles:u.length>0?u:void 0}),p=s(n,`INSTALL.md`);return l[p]=E(p,f,`markdown`),l}var O=e(e=>({name:`storybook`,generate:async t=>D(t,e??{})}));export{O as default,c as flattenTokens,r as formatTokenValue,D as generateTokenDocs,d as renderInstallMd,T as renderThemeFile,i as resolveTokenSets,a as toCssVar};
|
|
279
279
|
//# sourceMappingURL=index.mjs.map
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@razorwind/storybook",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.29",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "Razorwind plugin that creates Storybook MDX token doc blocks from Razorwind design tokens.",
|
|
6
6
|
"repository": {
|
|
@@ -85,7 +85,7 @@
|
|
|
85
85
|
"dependencies": {
|
|
86
86
|
"@power-plant/core": "^0.0.81",
|
|
87
87
|
"@power-plant/dtcg-schema": "^0.0.1",
|
|
88
|
-
"@razorwind/core": "0.0.
|
|
88
|
+
"@razorwind/core": "0.0.32",
|
|
89
89
|
"@stryke/type-checks": "^0.6.35"
|
|
90
90
|
},
|
|
91
91
|
"peerDependencies": {
|
|
@@ -104,5 +104,5 @@
|
|
|
104
104
|
"typescript": "^6.0.3"
|
|
105
105
|
},
|
|
106
106
|
"publishConfig": { "access": "public" },
|
|
107
|
-
"gitHead": "
|
|
107
|
+
"gitHead": "cd7b84a1fe793c0f7c0ad64b028817d97bff5ced"
|
|
108
108
|
}
|