@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.
- package/LICENSE +21 -0
- package/README.md +54 -0
- package/dist/cjs/css/generate-css-vars.js +50 -0
- package/dist/cjs/index.js +32 -0
- package/dist/cjs/package.json +3 -0
- package/dist/cjs/primitives/breakpoints.js +9 -0
- package/dist/cjs/primitives/colors.js +26 -0
- package/dist/cjs/primitives/motion.js +13 -0
- package/dist/cjs/primitives/radius.js +10 -0
- package/dist/cjs/primitives/shadows.js +8 -0
- package/dist/cjs/primitives/spacing.js +10 -0
- package/dist/cjs/primitives/typography.js +18 -0
- package/dist/cjs/primitives/zIndex.js +8 -0
- package/dist/cjs/semantic/border.js +9 -0
- package/dist/cjs/semantic/color.js +16 -0
- package/dist/cjs/semantic/surface.js +8 -0
- package/dist/cjs/semantic/text.js +12 -0
- package/dist/cjs/themes/dark.js +23 -0
- package/dist/cjs/themes/index.js +7 -0
- package/dist/cjs/themes/light.js +10 -0
- package/dist/cjs/types.js +2 -0
- package/dist/css/generate-css-vars.d.ts +2 -0
- package/dist/css/generate-css-vars.d.ts.map +1 -0
- package/dist/css/generate-css-vars.js +48 -0
- package/dist/css/generate-css-vars.js.map +1 -0
- package/dist/css/index.css +30 -0
- package/dist/index.d.ts +17 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +17 -0
- package/dist/index.js.map +1 -0
- package/dist/primitives/breakpoints.d.ts +7 -0
- package/dist/primitives/breakpoints.d.ts.map +1 -0
- package/dist/primitives/breakpoints.js +7 -0
- package/dist/primitives/breakpoints.js.map +1 -0
- package/dist/primitives/colors.d.ts +24 -0
- package/dist/primitives/colors.d.ts.map +1 -0
- package/dist/primitives/colors.js +24 -0
- package/dist/primitives/colors.js.map +1 -0
- package/dist/primitives/motion.d.ts +11 -0
- package/dist/primitives/motion.d.ts.map +1 -0
- package/dist/primitives/motion.js +11 -0
- package/dist/primitives/motion.js.map +1 -0
- package/dist/primitives/radius.d.ts +8 -0
- package/dist/primitives/radius.d.ts.map +1 -0
- package/dist/primitives/radius.js +8 -0
- package/dist/primitives/radius.js.map +1 -0
- package/dist/primitives/shadows.d.ts +6 -0
- package/dist/primitives/shadows.d.ts.map +1 -0
- package/dist/primitives/shadows.js +6 -0
- package/dist/primitives/shadows.js.map +1 -0
- package/dist/primitives/spacing.d.ts +8 -0
- package/dist/primitives/spacing.d.ts.map +1 -0
- package/dist/primitives/spacing.js +8 -0
- package/dist/primitives/spacing.js.map +1 -0
- package/dist/primitives/typography.d.ts +16 -0
- package/dist/primitives/typography.d.ts.map +1 -0
- package/dist/primitives/typography.js +16 -0
- package/dist/primitives/typography.js.map +1 -0
- package/dist/primitives/zIndex.d.ts +6 -0
- package/dist/primitives/zIndex.d.ts.map +1 -0
- package/dist/primitives/zIndex.js +6 -0
- package/dist/primitives/zIndex.js.map +1 -0
- package/dist/semantic/border.d.ts +5 -0
- package/dist/semantic/border.d.ts.map +1 -0
- package/dist/semantic/border.js +7 -0
- package/dist/semantic/border.js.map +1 -0
- package/dist/semantic/color.d.ts +13 -0
- package/dist/semantic/color.d.ts.map +1 -0
- package/dist/semantic/color.js +14 -0
- package/dist/semantic/color.js.map +1 -0
- package/dist/semantic/surface.d.ts +5 -0
- package/dist/semantic/surface.d.ts.map +1 -0
- package/dist/semantic/surface.js +6 -0
- package/dist/semantic/surface.js.map +1 -0
- package/dist/semantic/text.d.ts +8 -0
- package/dist/semantic/text.d.ts.map +1 -0
- package/dist/semantic/text.js +10 -0
- package/dist/semantic/text.js.map +1 -0
- package/dist/themes/dark.d.ts +39 -0
- package/dist/themes/dark.d.ts.map +1 -0
- package/dist/themes/dark.js +21 -0
- package/dist/themes/dark.js.map +1 -0
- package/dist/themes/index.d.ts +3 -0
- package/dist/themes/index.d.ts.map +1 -0
- package/dist/themes/index.js +3 -0
- package/dist/themes/index.js.map +1 -0
- package/dist/themes/light.d.ts +39 -0
- package/dist/themes/light.d.ts.map +1 -0
- package/dist/themes/light.js +8 -0
- package/dist/themes/light.js.map +1 -0
- package/dist/types.d.ts +14 -0
- package/dist/types.d.ts.map +1 -0
- package/dist/types.js +2 -0
- package/dist/types.js.map +1 -0
- package/package.json +70 -0
|
@@ -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 @@
|
|
|
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 @@
|
|
|
1
|
+
{"version":3,"file":"shadows.d.ts","sourceRoot":"","sources":["../../src/primitives/shadows.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;CAIV,CAAC"}
|
|
@@ -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 @@
|
|
|
1
|
+
{"version":3,"file":"spacing.d.ts","sourceRoot":"","sources":["../../src/primitives/spacing.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;CAMV,CAAC"}
|
|
@@ -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 @@
|
|
|
1
|
+
{"version":3,"file":"zIndex.d.ts","sourceRoot":"","sources":["../../src/primitives/zIndex.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;CAIT,CAAC"}
|
|
@@ -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 @@
|
|
|
1
|
+
{"version":3,"file":"border.d.ts","sourceRoot":"","sources":["../../src/semantic/border.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,MAAM;;;CAGT,CAAC"}
|
|
@@ -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 @@
|
|
|
1
|
+
{"version":3,"file":"surface.d.ts","sourceRoot":"","sources":["../../src/semantic/surface.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO;;;CAGV,CAAC"}
|
|
@@ -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 @@
|
|
|
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 @@
|
|
|
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 @@
|
|
|
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 @@
|
|
|
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"}
|
package/dist/types.d.ts
ADDED
|
@@ -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 @@
|
|
|
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
|
+
}
|