storybook-addon-design-system-docs 1.0.0

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.
Files changed (33) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +108 -0
  3. package/dist/core/assets/config.d.ts +15 -0
  4. package/dist/core/assets/config.js +100 -0
  5. package/dist/core/assets/generator.d.ts +11 -0
  6. package/dist/core/assets/generator.js +77 -0
  7. package/dist/core/primitives/index.d.ts +7 -0
  8. package/dist/core/primitives/index.js +23 -0
  9. package/dist/core/primitives/types.d.ts +130 -0
  10. package/dist/core/primitives/types.js +2 -0
  11. package/dist/manager.js +2 -0
  12. package/dist/preset.cjs +208 -0
  13. package/dist/preset.d.ts +30 -0
  14. package/dist/preset.js +13 -0
  15. package/dist/types.d.ts +204 -0
  16. package/dist/types.js +17 -0
  17. package/dist/unplugin.d.ts +2 -0
  18. package/dist/unplugin.js +139 -0
  19. package/dist/util/Logger.d.ts +67 -0
  20. package/dist/util/Logger.js +172 -0
  21. package/dist/util/resolveTemplate.d.ts +10 -0
  22. package/dist/util/resolveTemplate.js +60 -0
  23. package/manager.js +1 -0
  24. package/package.json +153 -0
  25. package/preset.js +13 -0
  26. package/tailwind.config.js +233 -0
  27. package/templates/assets.mdx +29 -0
  28. package/templates/colors.mdx +13 -0
  29. package/templates/design-system.mdx +57 -0
  30. package/templates/radius.mdx +9 -0
  31. package/templates/shadows.mdx +9 -0
  32. package/templates/spacing.mdx +12 -0
  33. package/templates/typography.mdx +18 -0
package/templates/colors.mdx ADDED
@@ -0,0 +1,13 @@
1
+ import { Meta } from "@storybook/addon-docs/blocks";
2
+ import { ColorSection, ThemeLayout } from 'storybook-addon-design-system-docs/components/theme';
3
+ import { colors } from 'design-system-docs:theme';
4
+
5
+ <Meta title="Design System/Colors" />
6
+
7
+ <ThemeLayout title="Colors">
8
+ <ColorSection
9
+ customColors={colors.customColors}
10
+ builtInColors={colors.builtInColors}
11
+ showOnlyCustom={false}
12
+ />
13
+ </ThemeLayout>
package/templates/design-system.mdx ADDED
@@ -0,0 +1,57 @@
1
+ import {
2
+ ColorSection,
3
+ TypographySection,
4
+ SpacingSection,
5
+ ShadowsSection,
6
+ BorderRadiusSection
7
+ } from 'storybook-addon-design-system-docs/components/theme';
8
+ import { colors, typography, spacing, shadows, borderRadius } from 'design-system-docs:theme';
9
+ import { Meta } from "@storybook/addon-docs/blocks";
10
+
11
+ <Meta title="Design System" />
12
+
13
+ # Design System
14
+
15
+ ## Colors
16
+
17
+ <ColorSection
18
+ customColors={colors.customColors}
19
+ builtInColors={colors.builtInColors}
20
+ showOnlyCustom={false}
21
+ />
22
+
23
+ ---
24
+
25
+ ## Typography
26
+
27
+ <TypographySection
28
+ customFamilies={typography.customFamilies}
29
+ builtInFamilies={typography.builtInFamilies}
30
+ fontWeights={typography.fontWeights}
31
+ fontSizes={typography.fontSizes}
32
+ allWeightKeys={typography.allWeightKeys}
33
+ allSizeKeys={typography.allSizeKeys}
34
+ defaultSampleText="Lorem ipsum dolor sit amet."
35
+ showOnlyCustom={false}
36
+ />
37
+
38
+ ---
39
+
40
+ ## Spacing
41
+
42
+ <SpacingSection
43
+ entries={spacing.entries}
44
+ maxValue={spacing.maxValue}
45
+ />
46
+
47
+ ---
48
+
49
+ ## Shadows
50
+
51
+ <ShadowsSection entries={shadows.entries} />
52
+
53
+ ---
54
+
55
+ ## Border Radius
56
+
57
+ <BorderRadiusSection entries={borderRadius.entries} />
package/templates/radius.mdx ADDED
@@ -0,0 +1,9 @@
1
+ import { Meta } from "@storybook/addon-docs/blocks";
2
+ import { RadiusSection, ThemeLayout } from 'storybook-addon-design-system-docs/components/theme';
3
+ import { borderRadius } from 'design-system-docs:theme';
4
+
5
+ <Meta title="Design System/Border Radius" />
6
+
7
+ <ThemeLayout title="Border Radius">
8
+ <RadiusSection entries={borderRadius.entries} />
9
+ </ThemeLayout>
package/templates/shadows.mdx ADDED
@@ -0,0 +1,9 @@
1
+ import { Meta } from "@storybook/addon-docs/blocks";
2
+ import { ShadowsSection, ThemeLayout } from 'storybook-addon-design-system-docs/components/theme';
3
+ import { shadows } from 'design-system-docs:theme';
4
+
5
+ <Meta title="Design System/Shadows" />
6
+
7
+ <ThemeLayout title="Shadows">
8
+ <ShadowsSection entries={shadows.entries} />
9
+ </ThemeLayout>
package/templates/spacing.mdx ADDED
@@ -0,0 +1,12 @@
1
+ import { Meta } from "@storybook/addon-docs/blocks";
2
+ import { SpacingSection, ThemeLayout } from 'storybook-addon-design-system-docs/components/theme';
3
+ import { spacing } from 'design-system-docs:theme';
4
+
5
+ <Meta title="Design System/Layout/Spacing" />
6
+
7
+ <ThemeLayout title="Spacing">
8
+ <SpacingSection
9
+ entries={spacing.entries}
10
+ maxValue={spacing.maxValue}
11
+ />
12
+ </ThemeLayout>
package/templates/typography.mdx ADDED
@@ -0,0 +1,18 @@
1
+ import { Meta } from "@storybook/addon-docs/blocks";
2
+ import { TypographySection, ThemeLayout } from 'storybook-addon-design-system-docs/components/theme';
3
+ import { typography } from 'design-system-docs:theme';
4
+
5
+ <Meta title="Design System/Typography" />
6
+
7
+ <ThemeLayout title="Typography">
8
+ <TypographySection
9
+ customFamilies={typography.customFamilies}
10
+ builtInFamilies={typography.builtInFamilies}
11
+ fontWeights={typography.fontWeights}
12
+ fontSizes={typography.fontSizes}
13
+ allWeightKeys={typography.allWeightKeys}
14
+ allSizeKeys={typography.allSizeKeys}
15
+ defaultSampleText="Lorem ipsum dolor sit amet."
16
+ showOnlyCustom={false}
17
+ />
18
+ </ThemeLayout>