@tokis/tokens 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 (95) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +54 -0
  3. package/dist/cjs/css/generate-css-vars.js +50 -0
  4. package/dist/cjs/index.js +32 -0
  5. package/dist/cjs/package.json +3 -0
  6. package/dist/cjs/primitives/breakpoints.js +9 -0
  7. package/dist/cjs/primitives/colors.js +26 -0
  8. package/dist/cjs/primitives/motion.js +13 -0
  9. package/dist/cjs/primitives/radius.js +10 -0
  10. package/dist/cjs/primitives/shadows.js +8 -0
  11. package/dist/cjs/primitives/spacing.js +10 -0
  12. package/dist/cjs/primitives/typography.js +18 -0
  13. package/dist/cjs/primitives/zIndex.js +8 -0
  14. package/dist/cjs/semantic/border.js +9 -0
  15. package/dist/cjs/semantic/color.js +16 -0
  16. package/dist/cjs/semantic/surface.js +8 -0
  17. package/dist/cjs/semantic/text.js +12 -0
  18. package/dist/cjs/themes/dark.js +23 -0
  19. package/dist/cjs/themes/index.js +7 -0
  20. package/dist/cjs/themes/light.js +10 -0
  21. package/dist/cjs/types.js +2 -0
  22. package/dist/css/generate-css-vars.d.ts +2 -0
  23. package/dist/css/generate-css-vars.d.ts.map +1 -0
  24. package/dist/css/generate-css-vars.js +48 -0
  25. package/dist/css/generate-css-vars.js.map +1 -0
  26. package/dist/css/index.css +30 -0
  27. package/dist/index.d.ts +17 -0
  28. package/dist/index.d.ts.map +1 -0
  29. package/dist/index.js +17 -0
  30. package/dist/index.js.map +1 -0
  31. package/dist/primitives/breakpoints.d.ts +7 -0
  32. package/dist/primitives/breakpoints.d.ts.map +1 -0
  33. package/dist/primitives/breakpoints.js +7 -0
  34. package/dist/primitives/breakpoints.js.map +1 -0
  35. package/dist/primitives/colors.d.ts +24 -0
  36. package/dist/primitives/colors.d.ts.map +1 -0
  37. package/dist/primitives/colors.js +24 -0
  38. package/dist/primitives/colors.js.map +1 -0
  39. package/dist/primitives/motion.d.ts +11 -0
  40. package/dist/primitives/motion.d.ts.map +1 -0
  41. package/dist/primitives/motion.js +11 -0
  42. package/dist/primitives/motion.js.map +1 -0
  43. package/dist/primitives/radius.d.ts +8 -0
  44. package/dist/primitives/radius.d.ts.map +1 -0
  45. package/dist/primitives/radius.js +8 -0
  46. package/dist/primitives/radius.js.map +1 -0
  47. package/dist/primitives/shadows.d.ts +6 -0
  48. package/dist/primitives/shadows.d.ts.map +1 -0
  49. package/dist/primitives/shadows.js +6 -0
  50. package/dist/primitives/shadows.js.map +1 -0
  51. package/dist/primitives/spacing.d.ts +8 -0
  52. package/dist/primitives/spacing.d.ts.map +1 -0
  53. package/dist/primitives/spacing.js +8 -0
  54. package/dist/primitives/spacing.js.map +1 -0
  55. package/dist/primitives/typography.d.ts +16 -0
  56. package/dist/primitives/typography.d.ts.map +1 -0
  57. package/dist/primitives/typography.js +16 -0
  58. package/dist/primitives/typography.js.map +1 -0
  59. package/dist/primitives/zIndex.d.ts +6 -0
  60. package/dist/primitives/zIndex.d.ts.map +1 -0
  61. package/dist/primitives/zIndex.js +6 -0
  62. package/dist/primitives/zIndex.js.map +1 -0
  63. package/dist/semantic/border.d.ts +5 -0
  64. package/dist/semantic/border.d.ts.map +1 -0
  65. package/dist/semantic/border.js +7 -0
  66. package/dist/semantic/border.js.map +1 -0
  67. package/dist/semantic/color.d.ts +13 -0
  68. package/dist/semantic/color.d.ts.map +1 -0
  69. package/dist/semantic/color.js +14 -0
  70. package/dist/semantic/color.js.map +1 -0
  71. package/dist/semantic/surface.d.ts +5 -0
  72. package/dist/semantic/surface.d.ts.map +1 -0
  73. package/dist/semantic/surface.js +6 -0
  74. package/dist/semantic/surface.js.map +1 -0
  75. package/dist/semantic/text.d.ts +8 -0
  76. package/dist/semantic/text.d.ts.map +1 -0
  77. package/dist/semantic/text.js +10 -0
  78. package/dist/semantic/text.js.map +1 -0
  79. package/dist/themes/dark.d.ts +39 -0
  80. package/dist/themes/dark.d.ts.map +1 -0
  81. package/dist/themes/dark.js +21 -0
  82. package/dist/themes/dark.js.map +1 -0
  83. package/dist/themes/index.d.ts +3 -0
  84. package/dist/themes/index.d.ts.map +1 -0
  85. package/dist/themes/index.js +3 -0
  86. package/dist/themes/index.js.map +1 -0
  87. package/dist/themes/light.d.ts +39 -0
  88. package/dist/themes/light.d.ts.map +1 -0
  89. package/dist/themes/light.js +8 -0
  90. package/dist/themes/light.js.map +1 -0
  91. package/dist/types.d.ts +14 -0
  92. package/dist/types.d.ts.map +1 -0
  93. package/dist/types.js +2 -0
  94. package/dist/types.js.map +1 -0
  95. package/package.json +70 -0
@@ -0,0 +1,8 @@
1
+ export declare const radius: {
2
+ readonly none: "0px";
3
+ readonly sm: "2px";
4
+ readonly md: "4px";
5
+ readonly lg: "8px";
6
+ readonly full: "9999px";
7
+ };
8
+ //# sourceMappingURL=radius.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"radius.d.ts","sourceRoot":"","sources":["../../src/primitives/radius.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;CAMT,CAAC"}
@@ -0,0 +1,8 @@
1
+ export const radius = {
2
+ none: '0px',
3
+ sm: '2px',
4
+ md: '4px',
5
+ lg: '8px',
6
+ full: '9999px',
7
+ };
8
+ //# sourceMappingURL=radius.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"radius.js","sourceRoot":"","sources":["../../src/primitives/radius.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,IAAI,EAAE,KAAK;IACX,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,IAAI,EAAE,QAAQ;CACN,CAAC"}
@@ -0,0 +1,6 @@
1
+ export declare const shadows: {
2
+ readonly sm: "0 1px 2px rgba(0,0,0,0.05)";
3
+ readonly md: "0 4px 6px rgba(0,0,0,0.1)";
4
+ readonly lg: "0 10px 15px rgba(0,0,0,0.15)";
5
+ };
6
+ //# sourceMappingURL=shadows.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"shadows.d.ts","sourceRoot":"","sources":["../../src/primitives/shadows.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;CAIV,CAAC"}
@@ -0,0 +1,6 @@
1
+ export const shadows = {
2
+ sm: '0 1px 2px rgba(0,0,0,0.05)',
3
+ md: '0 4px 6px rgba(0,0,0,0.1)',
4
+ lg: '0 10px 15px rgba(0,0,0,0.15)',
5
+ };
6
+ //# sourceMappingURL=shadows.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"shadows.js","sourceRoot":"","sources":["../../src/primitives/shadows.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,EAAE,EAAE,4BAA4B;IAChC,EAAE,EAAE,2BAA2B;IAC/B,EAAE,EAAE,8BAA8B;CAC1B,CAAC"}
@@ -0,0 +1,8 @@
1
+ export declare const spacing: {
2
+ readonly xs: "4px";
3
+ readonly sm: "8px";
4
+ readonly md: "16px";
5
+ readonly lg: "24px";
6
+ readonly xl: "32px";
7
+ };
8
+ //# sourceMappingURL=spacing.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"spacing.d.ts","sourceRoot":"","sources":["../../src/primitives/spacing.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;CAMV,CAAC"}
@@ -0,0 +1,8 @@
1
+ export const spacing = {
2
+ xs: '4px',
3
+ sm: '8px',
4
+ md: '16px',
5
+ lg: '24px',
6
+ xl: '32px',
7
+ };
8
+ //# sourceMappingURL=spacing.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"spacing.js","sourceRoot":"","sources":["../../src/primitives/spacing.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,MAAM;CACF,CAAC"}
@@ -0,0 +1,16 @@
1
+ export declare const typography: {
2
+ readonly fontFamily: "system-ui, sans-serif";
3
+ readonly fontSize: {
4
+ readonly xs: "0.75rem";
5
+ readonly sm: "0.875rem";
6
+ readonly md: "1rem";
7
+ readonly lg: "1.125rem";
8
+ readonly xl: "1.25rem";
9
+ };
10
+ readonly fontWeight: {
11
+ readonly normal: 400;
12
+ readonly medium: 500;
13
+ readonly bold: 700;
14
+ };
15
+ };
16
+ //# sourceMappingURL=typography.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../src/primitives/typography.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;CAcb,CAAC"}
@@ -0,0 +1,16 @@
1
+ export const typography = {
2
+ fontFamily: 'system-ui, sans-serif',
3
+ fontSize: {
4
+ xs: '0.75rem',
5
+ sm: '0.875rem',
6
+ md: '1rem',
7
+ lg: '1.125rem',
8
+ xl: '1.25rem',
9
+ },
10
+ fontWeight: {
11
+ normal: 400,
12
+ medium: 500,
13
+ bold: 700,
14
+ },
15
+ };
16
+ //# sourceMappingURL=typography.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"typography.js","sourceRoot":"","sources":["../../src/primitives/typography.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,UAAU,EAAE,uBAAuB;IACnC,QAAQ,EAAE;QACR,EAAE,EAAE,SAAS;QACb,EAAE,EAAE,UAAU;QACd,EAAE,EAAE,MAAM;QACV,EAAE,EAAE,UAAU;QACd,EAAE,EAAE,SAAS;KACd;IACD,UAAU,EAAE;QACV,MAAM,EAAE,GAAG;QACX,MAAM,EAAE,GAAG;QACX,IAAI,EAAE,GAAG;KACV;CACO,CAAC"}
@@ -0,0 +1,6 @@
1
+ export declare const zIndex: {
2
+ readonly dropdown: 1000;
3
+ readonly modal: 2000;
4
+ readonly tooltip: 3000;
5
+ };
6
+ //# sourceMappingURL=zIndex.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"zIndex.d.ts","sourceRoot":"","sources":["../../src/primitives/zIndex.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;CAIT,CAAC"}
@@ -0,0 +1,6 @@
1
+ export const zIndex = {
2
+ dropdown: 1000,
3
+ modal: 2000,
4
+ tooltip: 3000,
5
+ };
6
+ //# sourceMappingURL=zIndex.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"zIndex.js","sourceRoot":"","sources":["../../src/primitives/zIndex.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,QAAQ,EAAE,IAAI;IACd,KAAK,EAAE,IAAI;IACX,OAAO,EAAE,IAAI;CACL,CAAC"}
@@ -0,0 +1,5 @@
1
+ export declare const border: {
2
+ readonly default: "#424242";
3
+ readonly focus: "#0066ff";
4
+ };
5
+ //# sourceMappingURL=border.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"border.d.ts","sourceRoot":"","sources":["../../src/semantic/border.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,MAAM;;;CAGT,CAAC"}
@@ -0,0 +1,7 @@
1
+ import { colors } from '../primitives/colors.js';
2
+ import { semanticColors } from './color.js';
3
+ export const border = {
4
+ default: semanticColors.onSurface,
5
+ focus: colors.primary,
6
+ };
7
+ //# sourceMappingURL=border.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"border.js","sourceRoot":"","sources":["../../src/semantic/border.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAE5C,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,OAAO,EAAE,cAAc,CAAC,SAAS;IACjC,KAAK,EAAE,MAAM,CAAC,OAAO;CACb,CAAC"}
@@ -0,0 +1,13 @@
1
+ export declare const semanticColors: {
2
+ readonly primary: "#0066ff";
3
+ readonly secondary: "#ff6600";
4
+ readonly background: "#ffffff";
5
+ readonly surface: "#f5f5f5";
6
+ readonly error: "#d32f2f";
7
+ readonly onPrimary: "#ffffff";
8
+ readonly onSecondary: "#ffffff";
9
+ readonly onBackground: "#212121";
10
+ readonly onSurface: "#424242";
11
+ readonly onError: "#ffffff";
12
+ };
13
+ //# sourceMappingURL=color.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../src/semantic/color.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc;;;;;;;;;;;CAWjB,CAAC"}
@@ -0,0 +1,14 @@
1
+ import { colors } from '../primitives/colors.js';
2
+ export const semanticColors = {
3
+ primary: colors.primary,
4
+ secondary: colors.secondary,
5
+ background: colors.background,
6
+ surface: colors.surface,
7
+ error: colors.error,
8
+ onPrimary: colors.onPrimary,
9
+ onSecondary: colors.onSecondary,
10
+ onBackground: colors.onBackground,
11
+ onSurface: colors.onSurface,
12
+ onError: colors.onError,
13
+ };
14
+ //# sourceMappingURL=color.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"color.js","sourceRoot":"","sources":["../../src/semantic/color.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAEjD,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,OAAO,EAAE,MAAM,CAAC,OAAO;IACvB,SAAS,EAAE,MAAM,CAAC,SAAS;IAC3B,UAAU,EAAE,MAAM,CAAC,UAAU;IAC7B,OAAO,EAAE,MAAM,CAAC,OAAO;IACvB,KAAK,EAAE,MAAM,CAAC,KAAK;IACnB,SAAS,EAAE,MAAM,CAAC,SAAS;IAC3B,WAAW,EAAE,MAAM,CAAC,WAAW;IAC/B,YAAY,EAAE,MAAM,CAAC,YAAY;IACjC,SAAS,EAAE,MAAM,CAAC,SAAS;IAC3B,OAAO,EAAE,MAAM,CAAC,OAAO;CACf,CAAC"}
@@ -0,0 +1,5 @@
1
+ export declare const surface: {
2
+ readonly default: "#f5f5f5";
3
+ readonly elevated: "#ffffff";
4
+ };
5
+ //# sourceMappingURL=surface.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"surface.d.ts","sourceRoot":"","sources":["../../src/semantic/surface.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO;;;CAGV,CAAC"}
@@ -0,0 +1,6 @@
1
+ import { semanticColors } from './color.js';
2
+ export const surface = {
3
+ default: semanticColors.surface,
4
+ elevated: semanticColors.background,
5
+ };
6
+ //# sourceMappingURL=surface.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"surface.js","sourceRoot":"","sources":["../../src/semantic/surface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAE5C,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,OAAO,EAAE,cAAc,CAAC,OAAO;IAC/B,QAAQ,EAAE,cAAc,CAAC,UAAU;CAC3B,CAAC"}
@@ -0,0 +1,8 @@
1
+ export declare const text: {
2
+ readonly primary: "#212121";
3
+ readonly secondary: "#424242";
4
+ readonly disabled: "#9e9e9e";
5
+ readonly error: "#d32f2f";
6
+ readonly onPrimary: "#ffffff";
7
+ };
8
+ //# sourceMappingURL=text.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../src/semantic/text.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,IAAI;;;;;;CAMP,CAAC"}
@@ -0,0 +1,10 @@
1
+ import { colors } from '../primitives/colors.js';
2
+ import { semanticColors } from './color.js';
3
+ export const text = {
4
+ primary: semanticColors.onBackground,
5
+ secondary: semanticColors.onSurface,
6
+ disabled: colors.neutral500,
7
+ error: colors.error,
8
+ onPrimary: semanticColors.onPrimary,
9
+ };
10
+ //# sourceMappingURL=text.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"text.js","sourceRoot":"","sources":["../../src/semantic/text.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAE5C,MAAM,CAAC,MAAM,IAAI,GAAG;IAClB,OAAO,EAAE,cAAc,CAAC,YAAY;IACpC,SAAS,EAAE,cAAc,CAAC,SAAS;IACnC,QAAQ,EAAE,MAAM,CAAC,UAAU;IAC3B,KAAK,EAAE,MAAM,CAAC,KAAK;IACnB,SAAS,EAAE,cAAc,CAAC,SAAS;CAC3B,CAAC"}
@@ -0,0 +1,39 @@
1
+ export declare const darkTheme: {
2
+ readonly colors: {
3
+ readonly background: "#121212";
4
+ readonly surface: "#1e1e1e";
5
+ readonly onBackground: "#f5f5f5";
6
+ readonly onSurface: "#e0e0e0";
7
+ readonly primary: "#0066ff";
8
+ readonly secondary: "#ff6600";
9
+ readonly error: "#d32f2f";
10
+ readonly warning: "#f57c00";
11
+ readonly success: "#388e3c";
12
+ readonly neutral100: "#f5f5f5";
13
+ readonly neutral200: "#eeeeee";
14
+ readonly neutral300: "#e0e0e0";
15
+ readonly neutral400: "#bdbdbd";
16
+ readonly neutral500: "#9e9e9e";
17
+ readonly neutral600: "#757575";
18
+ readonly neutral700: "#616161";
19
+ readonly neutral800: "#424242";
20
+ readonly neutral900: "#212121";
21
+ readonly onPrimary: "#ffffff";
22
+ readonly onSecondary: "#ffffff";
23
+ readonly onError: "#ffffff";
24
+ };
25
+ readonly semanticColors: {
26
+ readonly background: "#121212";
27
+ readonly surface: "#1e1e1e";
28
+ readonly onBackground: "#f5f5f5";
29
+ readonly onSurface: "#e0e0e0";
30
+ readonly primary: "#0066ff";
31
+ readonly secondary: "#ff6600";
32
+ readonly error: "#d32f2f";
33
+ readonly onPrimary: "#ffffff";
34
+ readonly onSecondary: "#ffffff";
35
+ readonly onError: "#ffffff";
36
+ };
37
+ readonly mode: "dark";
38
+ };
39
+ //# sourceMappingURL=dark.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"dark.d.ts","sourceRoot":"","sources":["../../src/themes/dark.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAUZ,CAAC"}
@@ -0,0 +1,21 @@
1
+ import { colors } from '../primitives/colors.js';
2
+ import { semanticColors } from '../semantic/color.js';
3
+ const darkColors = {
4
+ ...colors,
5
+ background: '#121212',
6
+ surface: '#1e1e1e',
7
+ onBackground: '#f5f5f5',
8
+ onSurface: '#e0e0e0',
9
+ };
10
+ export const darkTheme = {
11
+ colors: darkColors,
12
+ semanticColors: {
13
+ ...semanticColors,
14
+ background: darkColors.background,
15
+ surface: darkColors.surface,
16
+ onBackground: darkColors.onBackground,
17
+ onSurface: darkColors.onSurface,
18
+ },
19
+ mode: 'dark',
20
+ };
21
+ //# sourceMappingURL=dark.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"dark.js","sourceRoot":"","sources":["../../src/themes/dark.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEtD,MAAM,UAAU,GAAG;IACjB,GAAG,MAAM;IACT,UAAU,EAAE,SAAS;IACrB,OAAO,EAAE,SAAS;IAClB,YAAY,EAAE,SAAS;IACvB,SAAS,EAAE,SAAS;CACZ,CAAC;AAEX,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,MAAM,EAAE,UAAU;IAClB,cAAc,EAAE;QACd,GAAG,cAAc;QACjB,UAAU,EAAE,UAAU,CAAC,UAAU;QACjC,OAAO,EAAE,UAAU,CAAC,OAAO;QAC3B,YAAY,EAAE,UAAU,CAAC,YAAY;QACrC,SAAS,EAAE,UAAU,CAAC,SAAS;KAChC;IACD,IAAI,EAAE,MAAM;CACJ,CAAC"}
@@ -0,0 +1,3 @@
1
+ export { lightTheme } from './light.js';
2
+ export { darkTheme } from './dark.js';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/themes/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC"}
@@ -0,0 +1,3 @@
1
+ export { lightTheme } from './light.js';
2
+ export { darkTheme } from './dark.js';
3
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/themes/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC"}
@@ -0,0 +1,39 @@
1
+ export declare const lightTheme: {
2
+ readonly colors: {
3
+ readonly primary: "#0066ff";
4
+ readonly secondary: "#ff6600";
5
+ readonly background: "#ffffff";
6
+ readonly surface: "#f5f5f5";
7
+ readonly error: "#d32f2f";
8
+ readonly warning: "#f57c00";
9
+ readonly success: "#388e3c";
10
+ readonly neutral100: "#f5f5f5";
11
+ readonly neutral200: "#eeeeee";
12
+ readonly neutral300: "#e0e0e0";
13
+ readonly neutral400: "#bdbdbd";
14
+ readonly neutral500: "#9e9e9e";
15
+ readonly neutral600: "#757575";
16
+ readonly neutral700: "#616161";
17
+ readonly neutral800: "#424242";
18
+ readonly neutral900: "#212121";
19
+ readonly onPrimary: "#ffffff";
20
+ readonly onSecondary: "#ffffff";
21
+ readonly onBackground: "#212121";
22
+ readonly onSurface: "#424242";
23
+ readonly onError: "#ffffff";
24
+ };
25
+ readonly semanticColors: {
26
+ readonly primary: "#0066ff";
27
+ readonly secondary: "#ff6600";
28
+ readonly background: "#ffffff";
29
+ readonly surface: "#f5f5f5";
30
+ readonly error: "#d32f2f";
31
+ readonly onPrimary: "#ffffff";
32
+ readonly onSecondary: "#ffffff";
33
+ readonly onBackground: "#212121";
34
+ readonly onSurface: "#424242";
35
+ readonly onError: "#ffffff";
36
+ };
37
+ readonly mode: "light";
38
+ };
39
+ //# sourceMappingURL=light.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"light.d.ts","sourceRoot":"","sources":["../../src/themes/light.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAIb,CAAC"}
@@ -0,0 +1,8 @@
1
+ import { colors } from '../primitives/colors.js';
2
+ import { semanticColors } from '../semantic/color.js';
3
+ export const lightTheme = {
4
+ colors,
5
+ semanticColors,
6
+ mode: 'light',
7
+ };
8
+ //# sourceMappingURL=light.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"light.js","sourceRoot":"","sources":["../../src/themes/light.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEtD,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,MAAM;IACN,cAAc;IACd,IAAI,EAAE,OAAO;CACL,CAAC"}
@@ -0,0 +1,14 @@
1
+ import type { colors } from './primitives/colors.js';
2
+ import type { semanticColors } from './semantic/color.js';
3
+ export type PrimitiveColors = typeof colors;
4
+ export type SemanticColors = typeof semanticColors;
5
+ export type ThemeMode = 'light' | 'dark';
6
+ export interface Theme {
7
+ colors: Record<string, string>;
8
+ semanticColors: Record<string, string>;
9
+ mode: ThemeMode;
10
+ }
11
+ /** Type-safe token path union for use in component APIs */
12
+ export type ColorToken = keyof PrimitiveColors;
13
+ export type SemanticColorToken = keyof SemanticColors;
14
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAE1D,MAAM,MAAM,eAAe,GAAG,OAAO,MAAM,CAAC;AAC5C,MAAM,MAAM,cAAc,GAAG,OAAO,cAAc,CAAC;AAEnD,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAEzC,MAAM,WAAW,KAAK;IACpB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACvC,IAAI,EAAE,SAAS,CAAC;CACjB;AAED,2DAA2D;AAC3D,MAAM,MAAM,UAAU,GAAG,MAAM,eAAe,CAAC;AAC/C,MAAM,MAAM,kBAAkB,GAAG,MAAM,cAAc,CAAC"}
package/dist/types.js ADDED
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}
package/package.json ADDED
@@ -0,0 +1,70 @@
1
+ {
2
+ "name": "@tokis/tokens",
3
+ "version": "1.0.0",
4
+ "description": "Design token engine for Tokis — color primitives, semantic scales, spacing, typography, shadows, motion, and CSS variable generation.",
5
+ "type": "module",
6
+ "main": "./dist/cjs/index.js",
7
+ "module": "./dist/index.js",
8
+ "types": "./dist/index.d.ts",
9
+ "exports": {
10
+ ".": {
11
+ "require": "./dist/cjs/index.js",
12
+ "import": "./dist/index.js",
13
+ "types": "./dist/index.d.ts"
14
+ },
15
+ "./css": "./dist/css/index.css"
16
+ },
17
+ "files": [
18
+ "dist",
19
+ "README.md",
20
+ "LICENSE"
21
+ ],
22
+ "sideEffects": [
23
+ "**/*.css"
24
+ ],
25
+ "scripts": {
26
+ "build": "tsc && tsc -p tsconfig.cjs.json && node ../../scripts/stamp-cjs.js && node ../../scripts/copy-tokens-css.js",
27
+ "typecheck": "tsc --noEmit",
28
+ "prepack": "npm run build"
29
+ },
30
+ "keywords": [
31
+ "tokis",
32
+ "design-system",
33
+ "design-tokens",
34
+ "css-variables",
35
+ "custom-properties",
36
+ "theming",
37
+ "tokens",
38
+ "color-system",
39
+ "spacing",
40
+ "typography-scale",
41
+ "shadows",
42
+ "motion",
43
+ "dark-mode",
44
+ "light-mode",
45
+ "typescript"
46
+ ],
47
+ "author": "Tokis Contributors",
48
+ "license": "MIT",
49
+ "repository": {
50
+ "type": "git",
51
+ "url": "https://github.com/tokis-design/tokis.git",
52
+ "directory": "packages/tokens"
53
+ },
54
+ "homepage": "https://tokis.dev/docs/theming",
55
+ "bugs": {
56
+ "url": "https://github.com/tokis-design/tokis/issues"
57
+ },
58
+ "peerDependencies": {
59
+ "typescript": ">=5.0.0"
60
+ },
61
+ "peerDependenciesMeta": {
62
+ "typescript": {
63
+ "optional": true
64
+ }
65
+ },
66
+ "publishConfig": {
67
+ "access": "public",
68
+ "registry": "https://registry.npmjs.org/"
69
+ }
70
+ }