@moderneinc/design-system-tokens 6.0.0-next.02da4a

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 (43) hide show
  1. package/README.md +173 -0
  2. package/dist/border-radius.css +10 -0
  3. package/dist/border-radius.d.ts +40 -0
  4. package/dist/border-radius.js +69 -0
  5. package/dist/breakpoints.d.ts +22 -0
  6. package/dist/breakpoints.js +33 -0
  7. package/dist/colors.css +114 -0
  8. package/dist/colors.d.ts +200 -0
  9. package/dist/colors.js +147 -0
  10. package/dist/height.css +12 -0
  11. package/dist/height.d.ts +42 -0
  12. package/dist/height.js +45 -0
  13. package/dist/index.d.ts +2692 -0
  14. package/dist/index.esm.js +27 -0
  15. package/dist/index.esm.js.map +1 -0
  16. package/dist/index.js +63 -0
  17. package/dist/index.js.map +1 -0
  18. package/dist/padding.css +7 -0
  19. package/dist/padding.d.ts +31 -0
  20. package/dist/padding.js +51 -0
  21. package/dist/semantic-colors-dark.d.ts +494 -0
  22. package/dist/semantic-colors-dark.js +255 -0
  23. package/dist/semantic-colors-light.d.ts +494 -0
  24. package/dist/semantic-colors-light.js +255 -0
  25. package/dist/semantic-colors.css +581 -0
  26. package/dist/semantic-colors.d.ts +494 -0
  27. package/dist/semantic-colors.js +255 -0
  28. package/dist/semantic-typography.css +159 -0
  29. package/dist/semantic-typography.d.ts +315 -0
  30. package/dist/semantic-typography.js +119 -0
  31. package/dist/shadows.css +14 -0
  32. package/dist/shadows.d.ts +140 -0
  33. package/dist/shadows.js +79 -0
  34. package/dist/spacing.css +25 -0
  35. package/dist/spacing.d.ts +85 -0
  36. package/dist/spacing.js +154 -0
  37. package/dist/strokes.css +3 -0
  38. package/dist/strokes.d.ts +19 -0
  39. package/dist/strokes.js +19 -0
  40. package/dist/typography.css +25 -0
  41. package/dist/typography.d.ts +63 -0
  42. package/dist/typography.js +64 -0
  43. package/package.json +71 -0
@@ -0,0 +1,85 @@
1
+ /**
2
+ * Moderne Design System
3
+ * TypeScript declarations generated from Figma design tokens
4
+ * @generated
5
+ */
6
+
7
+ export declare const spacing_1: 8;
8
+
9
+ export declare const spacing_2: 16;
10
+
11
+ export declare const spacing_3: 24;
12
+
13
+ export declare const spacing_4: 32;
14
+
15
+ export declare const spacing_5: 40;
16
+
17
+ export declare const spacing_6: 48;
18
+
19
+ export declare const spacing_7: 56;
20
+
21
+ export declare const spacing_8: 64;
22
+
23
+ export declare const spacing_9: 72;
24
+
25
+ export declare const spacing_10: 80;
26
+
27
+ /**
28
+ * 2
29
+ */
30
+ export declare const spacing_1_4: 2;
31
+
32
+ export declare const spacing_1_2: 4;
33
+
34
+ export declare const spacing_3_4: 6;
35
+
36
+ export declare const spacing_1_1_4: 10;
37
+
38
+ export declare const spacing_1_1_2: 12;
39
+
40
+ export declare const spacing_1_3_4: 14;
41
+
42
+ export declare const spacing_2_3_4: 22;
43
+
44
+ export declare const spacing_2_1_2: 20;
45
+
46
+ export declare const spacing_2_1_4: 18;
47
+
48
+ export declare const spacing_3_3_4: 30;
49
+
50
+ export declare const spacing_3_1_2: 28;
51
+
52
+ export declare const spacing_3_1_4: 26;
53
+
54
+ export declare const spacing_5_1_2: 44;
55
+
56
+ export declare const spacing_5_1_4: 42;
57
+
58
+ declare const _default: {
59
+ spacing_1: typeof spacing_1,
60
+ spacing_2: typeof spacing_2,
61
+ spacing_3: typeof spacing_3,
62
+ spacing_4: typeof spacing_4,
63
+ spacing_5: typeof spacing_5,
64
+ spacing_6: typeof spacing_6,
65
+ spacing_7: typeof spacing_7,
66
+ spacing_8: typeof spacing_8,
67
+ spacing_9: typeof spacing_9,
68
+ spacing_10: typeof spacing_10,
69
+ spacing_1_4: typeof spacing_1_4,
70
+ spacing_1_2: typeof spacing_1_2,
71
+ spacing_3_4: typeof spacing_3_4,
72
+ spacing_1_1_4: typeof spacing_1_1_4,
73
+ spacing_1_1_2: typeof spacing_1_1_2,
74
+ spacing_1_3_4: typeof spacing_1_3_4,
75
+ spacing_2_3_4: typeof spacing_2_3_4,
76
+ spacing_2_1_2: typeof spacing_2_1_2,
77
+ spacing_2_1_4: typeof spacing_2_1_4,
78
+ spacing_3_3_4: typeof spacing_3_3_4,
79
+ spacing_3_1_2: typeof spacing_3_1_2,
80
+ spacing_3_1_4: typeof spacing_3_1_4,
81
+ spacing_5_1_2: typeof spacing_5_1_2,
82
+ spacing_5_1_4: typeof spacing_5_1_4,
83
+ };
84
+
85
+ export default _default;
@@ -0,0 +1,154 @@
1
+ /**
2
+ * Moderne Design System
3
+ * Generated from Figma design tokens
4
+ * @generated
5
+ */
6
+
7
+ /**
8
+ * @type {number}
9
+ */
10
+ export const spacing_1 = 8;
11
+
12
+ /**
13
+ * @type {number}
14
+ */
15
+ export const spacing_2 = 16;
16
+
17
+ /**
18
+ * @type {number}
19
+ */
20
+ export const spacing_3 = 24;
21
+
22
+ /**
23
+ * @type {number}
24
+ */
25
+ export const spacing_4 = 32;
26
+
27
+ /**
28
+ * @type {number}
29
+ */
30
+ export const spacing_5 = 40;
31
+
32
+ /**
33
+ * @type {number}
34
+ */
35
+ export const spacing_6 = 48;
36
+
37
+ /**
38
+ * @type {number}
39
+ */
40
+ export const spacing_7 = 56;
41
+
42
+ /**
43
+ * @type {number}
44
+ */
45
+ export const spacing_8 = 64;
46
+
47
+ /**
48
+ * @type {number}
49
+ */
50
+ export const spacing_9 = 72;
51
+
52
+ /**
53
+ * @type {number}
54
+ */
55
+ export const spacing_10 = 80;
56
+
57
+ /**
58
+ * 2
59
+ * @type {number}
60
+ */
61
+ export const spacing_1_4 = 2;
62
+
63
+ /**
64
+ * @type {number}
65
+ */
66
+ export const spacing_1_2 = 4;
67
+
68
+ /**
69
+ * @type {number}
70
+ */
71
+ export const spacing_3_4 = 6;
72
+
73
+ /**
74
+ * @type {number}
75
+ */
76
+ export const spacing_1_1_4 = 10;
77
+
78
+ /**
79
+ * @type {number}
80
+ */
81
+ export const spacing_1_1_2 = 12;
82
+
83
+ /**
84
+ * @type {number}
85
+ */
86
+ export const spacing_1_3_4 = 14;
87
+
88
+ /**
89
+ * @type {number}
90
+ */
91
+ export const spacing_2_3_4 = 22;
92
+
93
+ /**
94
+ * @type {number}
95
+ */
96
+ export const spacing_2_1_2 = 20;
97
+
98
+ /**
99
+ * @type {number}
100
+ */
101
+ export const spacing_2_1_4 = 18;
102
+
103
+ /**
104
+ * @type {number}
105
+ */
106
+ export const spacing_3_3_4 = 30;
107
+
108
+ /**
109
+ * @type {number}
110
+ */
111
+ export const spacing_3_1_2 = 28;
112
+
113
+ /**
114
+ * @type {number}
115
+ */
116
+ export const spacing_3_1_4 = 26;
117
+
118
+ /**
119
+ * @type {number}
120
+ */
121
+ export const spacing_5_1_2 = 44;
122
+
123
+ /**
124
+ * @type {number}
125
+ */
126
+ export const spacing_5_1_4 = 42;
127
+
128
+ // Default export with all color groups
129
+ export default {
130
+ spacing_1,
131
+ spacing_2,
132
+ spacing_3,
133
+ spacing_4,
134
+ spacing_5,
135
+ spacing_6,
136
+ spacing_7,
137
+ spacing_8,
138
+ spacing_9,
139
+ spacing_10,
140
+ spacing_1_4,
141
+ spacing_1_2,
142
+ spacing_3_4,
143
+ spacing_1_1_4,
144
+ spacing_1_1_2,
145
+ spacing_1_3_4,
146
+ spacing_2_3_4,
147
+ spacing_2_1_2,
148
+ spacing_2_1_4,
149
+ spacing_3_3_4,
150
+ spacing_3_1_2,
151
+ spacing_3_1_4,
152
+ spacing_5_1_2,
153
+ spacing_5_1_4,
154
+ };
@@ -0,0 +1,3 @@
1
+ :root { --mod-stroke-width-1: 1px;
2
+ --mod-stroke-width-2: 2px;
3
+ --mod-stroke-width-4: 4px;}
@@ -0,0 +1,19 @@
1
+ /**
2
+ * Moderne Design System
3
+ * TypeScript declarations generated from Figma design tokens
4
+ * @generated
5
+ */
6
+
7
+ export type StrokeWidth = {
8
+ '1': 1;
9
+ '2': 2;
10
+ '4': 4;
11
+ };
12
+
13
+ export declare const strokeWidth: StrokeWidth;
14
+
15
+ declare const _default: {
16
+ strokeWidth: typeof strokeWidth,
17
+ };
18
+
19
+ export default _default;
@@ -0,0 +1,19 @@
1
+ /**
2
+ * Moderne Design System
3
+ * Generated from Figma design tokens
4
+ * @generated
5
+ */
6
+
7
+ /**
8
+ * @typedef {{ '1': number, '2': number, '4': number }} StrokeWidth
9
+ */
10
+
11
+ /**
12
+ * @type {StrokeWidth}
13
+ */
14
+ export const strokeWidth = {"1":1,"2":2,"4":4};
15
+
16
+ // Default export with all color groups
17
+ export default {
18
+ strokeWidth,
19
+ };
@@ -0,0 +1,25 @@
1
+ :root { --mod-font-size-caption: 13px;
2
+ --mod-font-size-code: 14px;
3
+ --mod-font-size-xs: 12px;
4
+ /* Currently identical to Font size/default (16) — made an explicit alias 2026-07-31 so the duplication is single-sourced. */
5
+ --mod-font-size-h6: 16px;
6
+ --mod-font-size-xxs: 10px;
7
+ --mod-font-size-sm: 14px;
8
+ --mod-font-size-default: 16px;
9
+ --mod-font-size-h5: 18px;
10
+ --mod-font-size-h4: 20px;
11
+ --mod-font-size-h3: 24px;
12
+ /* Intentionally identical to Font size/h3 — aliased to h3 (24) by decision, 2026-07-31. Not a gap in the ramp; do not split without a design decision. */
13
+ --mod-font-size-h2: 24px;
14
+ --mod-font-size-h1: 28px;
15
+ --mod-text-decoration-underline: underline;
16
+ --mod-font-family-body: Geist;
17
+ --mod-font-family-code: Geist Mono;
18
+ --mod-font-family-heading: Geist;
19
+ --mod-font-weight-thin: 100;
20
+ --mod-font-weight-regular: 400;
21
+ --mod-font-weight-bold: 700;
22
+ --mod-font-weight-medium: 500;
23
+ --mod-font-weight-light: 300;
24
+ --mod-font-weight-semi-bold: 600;
25
+ --mod-font-weight-extra-bold: 800;}
@@ -0,0 +1,63 @@
1
+ /**
2
+ * Moderne Design System
3
+ * TypeScript declarations generated from Figma design tokens
4
+ * @generated
5
+ */
6
+
7
+ export type FontSize = {
8
+ caption: 13;
9
+ code: 14;
10
+ xs: 12;
11
+ /**
12
+ * Currently identical to Font size/default (16) — made an explicit alias 2026-07-31 so the duplication is single-sourced.
13
+ */
14
+ h6: 16;
15
+ xxs: 10;
16
+ sm: 14;
17
+ default: 16;
18
+ h5: 18;
19
+ h4: 20;
20
+ h3: 24;
21
+ /**
22
+ * Intentionally identical to Font size/h3 — aliased to h3 (24) by decision, 2026-07-31. Not a gap in the ramp; do not split without a design decision.
23
+ */
24
+ h2: 24;
25
+ h1: 28;
26
+ };
27
+
28
+ export declare const fontSize: FontSize;
29
+
30
+ export type TextDecoration = {
31
+ underline: 'underline';
32
+ };
33
+
34
+ export declare const textDecoration: TextDecoration;
35
+
36
+ export type FontFamily = {
37
+ body: 'Geist';
38
+ code: 'Geist Mono';
39
+ heading: 'Geist';
40
+ };
41
+
42
+ export declare const fontFamily: FontFamily;
43
+
44
+ export type FontWeight = {
45
+ thin: 100;
46
+ regular: 400;
47
+ bold: 700;
48
+ medium: 500;
49
+ light: 300;
50
+ semiBold: 600;
51
+ extraBold: 800;
52
+ };
53
+
54
+ export declare const fontWeight: FontWeight;
55
+
56
+ declare const _default: {
57
+ fontSize: typeof fontSize,
58
+ textDecoration: typeof textDecoration,
59
+ fontFamily: typeof fontFamily,
60
+ fontWeight: typeof fontWeight,
61
+ };
62
+
63
+ export default _default;
@@ -0,0 +1,64 @@
1
+ /**
2
+ * Moderne Design System
3
+ * Generated from Figma design tokens
4
+ * @generated
5
+ */
6
+
7
+ /**
8
+ * @typedef {{ caption: number, code: number, xs: number, h6: number, xxs: number, sm: number, default: number, h5: number, h4: number, h3: number, h2: number, h1: number }} FontSize
9
+ */
10
+
11
+ /**
12
+ * @type {FontSize}
13
+ */
14
+ export const fontSize = {
15
+ "caption": 13,
16
+ "code": 14,
17
+ "xs": 12,
18
+ /** Currently identical to Font size/default (16) — made an explicit alias 2026-07-31 so the duplication is single-sourced. */
19
+ "h6": 16,
20
+ "xxs": 10,
21
+ "sm": 14,
22
+ "default": 16,
23
+ "h5": 18,
24
+ "h4": 20,
25
+ "h3": 24,
26
+ /** Intentionally identical to Font size/h3 — aliased to h3 (24) by decision, 2026-07-31. Not a gap in the ramp; do not split without a design decision. */
27
+ "h2": 24,
28
+ "h1": 28,
29
+ };
30
+
31
+ /**
32
+ * @typedef {{ underline: string }} TextDecoration
33
+ */
34
+
35
+ /**
36
+ * @type {TextDecoration}
37
+ */
38
+ export const textDecoration = {"underline":"underline"};
39
+
40
+ /**
41
+ * @typedef {{ body: string, code: string, heading: string }} FontFamily
42
+ */
43
+
44
+ /**
45
+ * @type {FontFamily}
46
+ */
47
+ export const fontFamily = {"body":"Geist","code":"Geist Mono","heading":"Geist"};
48
+
49
+ /**
50
+ * @typedef {{ thin: number, regular: number, bold: number, medium: number, light: number, semiBold: number, extraBold: number }} FontWeight
51
+ */
52
+
53
+ /**
54
+ * @type {FontWeight}
55
+ */
56
+ export const fontWeight = {"thin":100,"regular":400,"bold":700,"medium":500,"light":300,"semiBold":600,"extraBold":800};
57
+
58
+ // Default export with all color groups
59
+ export default {
60
+ fontSize,
61
+ textDecoration,
62
+ fontFamily,
63
+ fontWeight,
64
+ };
package/package.json ADDED
@@ -0,0 +1,71 @@
1
+ {
2
+ "name": "@moderneinc/design-system-tokens",
3
+ "version": "6.0.0-next.02da4a",
4
+ "type": "module",
5
+ "description": "Design primitives and tokens for Moderne applications",
6
+ "main": "dist/index.js",
7
+ "module": "dist/index.esm.js",
8
+ "types": "dist/index.d.ts",
9
+ "exports": {
10
+ ".": {
11
+ "types": "./dist/index.d.ts",
12
+ "import": "./dist/index.esm.js",
13
+ "require": "./dist/index.js"
14
+ },
15
+ "./*": {
16
+ "types": "./dist/*.d.ts",
17
+ "default": "./dist/*.js"
18
+ },
19
+ "./*.css": "./dist/*.css",
20
+ "./package.json": "./package.json"
21
+ },
22
+ "files": [
23
+ "dist"
24
+ ],
25
+ "scripts": {
26
+ "clean": "rm -rf dist/*",
27
+ "prebuild": "npm run clean",
28
+ "build": "node scripts/build-production.js",
29
+ "dev": "rollup -c --watch",
30
+ "test": "vitest",
31
+ "test:run": "vitest run",
32
+ "diff:tokens": "node scripts/token-diff.js"
33
+ },
34
+ "keywords": [
35
+ "design-tokens",
36
+ "design-system",
37
+ "mui",
38
+ "javascript",
39
+ "plugins",
40
+ "css",
41
+ "scss"
42
+ ],
43
+ "author": "Moderne",
44
+ "license": "UNLICENSED",
45
+ "homepage": "https://github.com/moderneinc/design-system#readme",
46
+ "repository": {
47
+ "type": "git",
48
+ "url": "git+https://github.com/moderneinc/design-system.git"
49
+ },
50
+ "devDependencies": {
51
+ "@semantic-release/commit-analyzer": "13.0.1",
52
+ "@semantic-release/github": "12.0.2",
53
+ "@semantic-release/npm": "13.1.3",
54
+ "@semantic-release/release-notes-generator": "14.1.0",
55
+ "@types/node": "26.1.0",
56
+ "conventional-changelog-conventionalcommits": "10.2.0",
57
+ "dotenv": "17.4.2",
58
+ "rollup": "4.62.2",
59
+ "rollup-plugin-dts": "6.4.0",
60
+ "semantic-release": "25.0.2",
61
+ "typescript": "6.0.2"
62
+ },
63
+ "peerDependencies": {
64
+ "react": "^18.0.0 || ^19.0.0"
65
+ },
66
+ "peerDependenciesMeta": {
67
+ "react": {
68
+ "optional": true
69
+ }
70
+ }
71
+ }