@x12i/tokens 0.0.0-stage → 1.1.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 (34) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +86 -3
  3. package/dist/chunk-W3FHW2SE.js +690 -0
  4. package/dist/chunk-W3FHW2SE.js.map +1 -0
  5. package/dist/css/base.css +243 -0
  6. package/dist/css/density-comfortable.css +17 -0
  7. package/dist/css/density-compact.css +17 -0
  8. package/dist/css/density-default.css +17 -0
  9. package/dist/css/theme-dark.css +60 -0
  10. package/dist/css/theme-hc.css +60 -0
  11. package/dist/css/theme-light.css +60 -0
  12. package/dist/design-md.d.ts +21 -0
  13. package/dist/design-md.js +312 -0
  14. package/dist/design-md.js.map +1 -0
  15. package/dist/index.d.ts +1007 -0
  16. package/dist/index.js +3 -0
  17. package/dist/index.js.map +1 -0
  18. package/dist/tailwind/theme.css +100 -0
  19. package/dist/tokens-studio.json +2068 -0
  20. package/package.json +58 -3
  21. package/src/dtcg/component/component.json +34 -0
  22. package/src/dtcg/primitive/border.json +10 -0
  23. package/src/dtcg/primitive/color.json +459 -0
  24. package/src/dtcg/primitive/font.json +61 -0
  25. package/src/dtcg/primitive/radius.json +13 -0
  26. package/src/dtcg/primitive/size.json +16 -0
  27. package/src/dtcg/primitive/space.json +20 -0
  28. package/src/dtcg/semantic/base.json +113 -0
  29. package/src/dtcg/semantic/density/comfortable.json +26 -0
  30. package/src/dtcg/semantic/density/compact.json +26 -0
  31. package/src/dtcg/semantic/density/default.json +26 -0
  32. package/src/dtcg/semantic/themes/dark.json +93 -0
  33. package/src/dtcg/semantic/themes/hc.json +93 -0
  34. package/src/dtcg/semantic/themes/light.json +93 -0
package/dist/index.js ADDED
@@ -0,0 +1,3 @@
1
+ export { CSS_VAR_PREFIX, DENSITY_ATTRIBUTE, DENSITY_STORAGE_KEY, THEME_ATTRIBUTE, THEME_STORAGE_KEY, base, component, cssVar, cssVarName, dark, densities, densityComfortable, densityCompact, densityDefault, densityNames, hc, light, themeNames, themes } from './chunk-W3FHW2SE.js';
2
+ //# sourceMappingURL=index.js.map
3
+ //# sourceMappingURL=index.js.map
package/dist/index.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}
package/dist/tailwind/theme.css ADDED
@@ -0,0 +1,100 @@
1
+ /* Do not edit directly. Generated by @x12i/tokens from src/dtcg. */
2
+ /* Utilities read the same --kit- variables, so themes switch at runtime. */
3
+ @theme inline {
4
+ --breakpoint-2xl: var(--kit-breakpoint-2xl);
5
+ --breakpoint-lg: var(--kit-breakpoint-lg);
6
+ --breakpoint-md: var(--kit-breakpoint-md);
7
+ --breakpoint-sm: var(--kit-breakpoint-sm);
8
+ --breakpoint-xl: var(--kit-breakpoint-xl);
9
+ --breakpoint-xs: var(--kit-breakpoint-xs);
10
+ --color-accent-active: var(--kit-color-accent-active);
11
+ --color-accent-default: var(--kit-color-accent-default);
12
+ --color-accent-hover: var(--kit-color-accent-hover);
13
+ --color-accent-on-accent: var(--kit-color-accent-on-accent);
14
+ --color-accent-subtle: var(--kit-color-accent-subtle);
15
+ --color-bg-canvas: var(--kit-color-bg-canvas);
16
+ --color-bg-inverse: var(--kit-color-bg-inverse);
17
+ --color-bg-overlay: var(--kit-color-bg-overlay);
18
+ --color-bg-raised: var(--kit-color-bg-raised);
19
+ --color-bg-surface: var(--kit-color-bg-surface);
20
+ --color-border-default: var(--kit-color-border-default);
21
+ --color-border-focus: var(--kit-color-border-focus);
22
+ --color-border-strong: var(--kit-color-border-strong);
23
+ --color-border-subtle: var(--kit-color-border-subtle);
24
+ --color-chart-axis: var(--kit-color-chart-axis);
25
+ --color-chart-categorical-1: var(--kit-color-chart-categorical-1);
26
+ --color-chart-categorical-2: var(--kit-color-chart-categorical-2);
27
+ --color-chart-categorical-3: var(--kit-color-chart-categorical-3);
28
+ --color-chart-categorical-4: var(--kit-color-chart-categorical-4);
29
+ --color-chart-categorical-5: var(--kit-color-chart-categorical-5);
30
+ --color-chart-categorical-6: var(--kit-color-chart-categorical-6);
31
+ --color-chart-categorical-7: var(--kit-color-chart-categorical-7);
32
+ --color-chart-categorical-8: var(--kit-color-chart-categorical-8);
33
+ --color-chart-critical: var(--kit-color-chart-critical);
34
+ --color-chart-good: var(--kit-color-chart-good);
35
+ --color-chart-grid: var(--kit-color-chart-grid);
36
+ --color-chart-muted: var(--kit-color-chart-muted);
37
+ --color-chart-reference: var(--kit-color-chart-reference);
38
+ --color-chart-warning: var(--kit-color-chart-warning);
39
+ --color-highlight: var(--kit-color-highlight);
40
+ --color-scrim: var(--kit-color-scrim);
41
+ --color-selection: var(--kit-color-selection);
42
+ --color-status-danger-background: var(--kit-color-status-danger-background);
43
+ --color-status-danger-border: var(--kit-color-status-danger-border);
44
+ --color-status-danger-foreground: var(--kit-color-status-danger-foreground);
45
+ --color-status-info-background: var(--kit-color-status-info-background);
46
+ --color-status-info-border: var(--kit-color-status-info-border);
47
+ --color-status-info-foreground: var(--kit-color-status-info-foreground);
48
+ --color-status-success-background: var(--kit-color-status-success-background);
49
+ --color-status-success-border: var(--kit-color-status-success-border);
50
+ --color-status-success-foreground: var(--kit-color-status-success-foreground);
51
+ --color-status-warning-background: var(--kit-color-status-warning-background);
52
+ --color-status-warning-border: var(--kit-color-status-warning-border);
53
+ --color-status-warning-foreground: var(--kit-color-status-warning-foreground);
54
+ --color-text-disabled: var(--kit-color-text-disabled);
55
+ --color-text-inverse: var(--kit-color-text-inverse);
56
+ --color-text-link: var(--kit-color-text-link);
57
+ --color-text-primary: var(--kit-color-text-primary);
58
+ --color-text-secondary: var(--kit-color-text-secondary);
59
+ --color-text-tertiary: var(--kit-color-text-tertiary);
60
+ --ease-enter: var(--kit-easing-enter);
61
+ --ease-exit: var(--kit-easing-exit);
62
+ --ease-standard: var(--kit-easing-standard);
63
+ --font-mono: var(--kit-font-family-mono);
64
+ --font-sans: var(--kit-font-family-sans);
65
+ --radius-control: var(--kit-radius-control);
66
+ --radius-overlay: var(--kit-radius-overlay);
67
+ --radius-panel: var(--kit-radius-panel);
68
+ --radius-pill: var(--kit-radius-pill);
69
+ --shadow-modal: var(--kit-shadow-modal);
70
+ --shadow-overlay: var(--kit-shadow-overlay);
71
+ --shadow-raised: var(--kit-shadow-raised);
72
+ --shadow-toast: var(--kit-shadow-toast);
73
+ --text-body--font-weight: var(--kit-text-body-weight);
74
+ --text-body--line-height: var(--kit-text-body-line-height);
75
+ --text-body: var(--kit-text-body-size);
76
+ --text-caption--font-weight: var(--kit-text-caption-weight);
77
+ --text-caption--line-height: var(--kit-text-caption-line-height);
78
+ --text-caption: var(--kit-text-caption-size);
79
+ --text-code--font-weight: var(--kit-text-code-weight);
80
+ --text-code--line-height: var(--kit-text-code-line-height);
81
+ --text-code: var(--kit-text-code-size);
82
+ --text-display--font-weight: var(--kit-text-display-weight);
83
+ --text-display--line-height: var(--kit-text-display-line-height);
84
+ --text-display: var(--kit-text-display-size);
85
+ --text-h1--font-weight: var(--kit-text-h1-weight);
86
+ --text-h1--line-height: var(--kit-text-h1-line-height);
87
+ --text-h1: var(--kit-text-h1-size);
88
+ --text-h2--font-weight: var(--kit-text-h2-weight);
89
+ --text-h2--line-height: var(--kit-text-h2-line-height);
90
+ --text-h2: var(--kit-text-h2-size);
91
+ --text-h3--font-weight: var(--kit-text-h3-weight);
92
+ --text-h3--line-height: var(--kit-text-h3-line-height);
93
+ --text-h3: var(--kit-text-h3-size);
94
+ --text-h4--font-weight: var(--kit-text-h4-weight);
95
+ --text-h4--line-height: var(--kit-text-h4-line-height);
96
+ --text-h4: var(--kit-text-h4-size);
97
+ --text-label--font-weight: var(--kit-text-label-weight);
98
+ --text-label--line-height: var(--kit-text-label-line-height);
99
+ --text-label: var(--kit-text-label-size);
100
+ }