@asafarim/design-tokens 0.2.0 → 0.3.2

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 (25) hide show
  1. package/css/tokens.dark.css +162 -0
  2. package/css/tokens.high-contrast.css +162 -0
  3. package/css/tokens.light.css +162 -0
  4. package/package.json +9 -31
  5. package/dist/build/index.cjs +0 -166
  6. package/dist/build/index.cjs.map +0 -1
  7. package/dist/build/index.d.cts +0 -30
  8. package/dist/build/index.d.ts +0 -30
  9. package/dist/build/index.js +0 -135
  10. package/dist/build/index.js.map +0 -1
  11. package/dist/css/tokens.dark.css +0 -50
  12. package/dist/css/tokens.high-contrast.css +0 -50
  13. package/dist/css/tokens.light.css +0 -50
  14. package/dist/index.cjs +0 -1042
  15. package/dist/index.cjs.map +0 -1
  16. package/dist/index.d.cts +0 -1118
  17. package/dist/index.d.ts +0 -1118
  18. package/dist/index.js +0 -1015
  19. package/dist/index.js.map +0 -1
  20. /package/{dist/css → css}/index.css +0 -0
  21. /package/{dist/css → css}/tokens.base.css +0 -0
  22. /package/{dist/css → css}/tokens.density.comfortable.css +0 -0
  23. /package/{dist/css → css}/tokens.density.compact.css +0 -0
  24. /package/{dist/css → css}/tokens.rtl.css +0 -0
  25. /package/{dist/css → css}/tokens.utilities.css +0 -0
package/css/tokens.dark.css ADDED
@@ -0,0 +1,162 @@
1
+ [data-theme="dark"] {
2
+ --asm-color-bg: #0B1220;
3
+ --asm-color-surface: #0F172A;
4
+ --asm-color-surface-muted: #111B2E;
5
+ --asm-color-panel: #0F172A;
6
+ --asm-color-modal: #0F172A;
7
+
8
+ --asm-color-text: #E5E7EB;
9
+ --asm-color-text-muted: #9CA3AF;
10
+ --asm-color-border: #1F2937;
11
+
12
+ /* Primary Color Scale */
13
+ --asm-color-primary-0: #0F172A;
14
+ --asm-color-primary-50: #1E293B;
15
+ --asm-color-primary-100: #1E3A8A;
16
+ --asm-color-primary-200: #1E40FF;
17
+ --asm-color-primary-300: #304FFE;
18
+ --asm-color-primary-400: #3A5AFE;
19
+ --asm-color-primary-500: #4F6BFF;
20
+ --asm-color-primary-600: #6B82FF;
21
+ --asm-color-primary-700: #818CF8;
22
+ --asm-color-primary-800: #A5B4FC;
23
+ --asm-color-primary-900: #C7D2FE;
24
+ --asm-color-primary-950: #E0E7FF;
25
+
26
+ --asm-color-brand-primary-50: #EEF2FF;
27
+ --asm-color-brand-primary-500: #3A5AFE;
28
+ --asm-color-brand-primary-600: #3A5AFE;
29
+ --asm-color-brand-primary-700: #304FFE;
30
+
31
+ /* Warning Color Scale */
32
+ --asm-color-warning-0: #451A03;
33
+ --asm-color-warning-50: #78350F;
34
+ --asm-color-warning-100: #92400E;
35
+ --asm-color-warning-200: #B45309;
36
+ --asm-color-warning-300: #D97706;
37
+ --asm-color-warning-400: #F59E0B;
38
+ --asm-color-warning-500: #FBBF24;
39
+ --asm-color-warning-600: #FCD34D;
40
+ --asm-color-warning-700: #FDE68A;
41
+ --asm-color-warning-800: #FEF3C7;
42
+ --asm-color-warning-900: #FFFBEB;
43
+ --asm-color-warning-950: #FFFEF5;
44
+
45
+ /* Danger Color Scale */
46
+ --asm-color-danger-0: #450A0A;
47
+ --asm-color-danger-50: #7F1D1D;
48
+ --asm-color-danger-100: #991B1B;
49
+ --asm-color-danger-200: #B91C1C;
50
+ --asm-color-danger-300: #DC2626;
51
+ --asm-color-danger-400: #EF4444;
52
+ --asm-color-danger-500: #F87171;
53
+ --asm-color-danger-600: #FCA5A5;
54
+ --asm-color-danger-700: #FECACA;
55
+ --asm-color-danger-800: #FEE2E2;
56
+ --asm-color-danger-900: #FEF2F2;
57
+ --asm-color-danger-950: #FEF9F9;
58
+
59
+ /* Info Color Scale */
60
+ --asm-color-info-0: #082F49;
61
+ --asm-color-info-50: #0C4A6E;
62
+ --asm-color-info-100: #075985;
63
+ --asm-color-info-200: #0369A1;
64
+ --asm-color-info-300: #0284C7;
65
+ --asm-color-info-400: #0EA5E9;
66
+ --asm-color-info-500: #38BDF8;
67
+ --asm-color-info-600: #7DD3FC;
68
+ --asm-color-info-700: #BAE6FD;
69
+ --asm-color-info-800: #E0F2FE;
70
+ --asm-color-info-900: #F0F9FF;
71
+ --asm-color-info-950: #F7FCFF;
72
+
73
+ /* Success Color Scale */
74
+ --asm-color-success-0: #052E16;
75
+ --asm-color-success-50: #14532D;
76
+ --asm-color-success-100: #166534;
77
+ --asm-color-success-200: #15803D;
78
+ --asm-color-success-300: #16A34A;
79
+ --asm-color-success-400: #22C55E;
80
+ --asm-color-success-500: #4ADE80;
81
+ --asm-color-success-600: #86EFAC;
82
+ --asm-color-success-700: #BBF7D0;
83
+ --asm-color-success-800: #DCFCE7;
84
+ --asm-color-success-900: #F0FDF4;
85
+ --asm-color-success-950: #F7FEF9;
86
+
87
+ /* Purple Color Scale */
88
+ --asm-color-purple-0: #3B0764;
89
+ --asm-color-purple-50: #581C87;
90
+ --asm-color-purple-100: #6B21A8;
91
+ --asm-color-purple-200: #7E22CE;
92
+ --asm-color-purple-300: #9333EA;
93
+ --asm-color-purple-400: #A855F7;
94
+ --asm-color-purple-500: #C084FC;
95
+ --asm-color-purple-600: #D8B4FE;
96
+ --asm-color-purple-700: #E9D5FF;
97
+ --asm-color-purple-800: #F3E8FF;
98
+ --asm-color-purple-900: #FAF5FF;
99
+ --asm-color-purple-950: #FDFAFF;
100
+
101
+ /* Neutral Color Scale */
102
+ --asm-color-neutral-0: #030712;
103
+ --asm-color-neutral-50: #111827;
104
+ --asm-color-neutral-100: #1F2937;
105
+ --asm-color-neutral-200: #374151;
106
+ --asm-color-neutral-300: #4B5563;
107
+ --asm-color-neutral-400: #6B7280;
108
+ --asm-color-neutral-500: #9CA3AF;
109
+ --asm-color-neutral-600: #D1D5DB;
110
+ --asm-color-neutral-700: #E5E7EB;
111
+ --asm-color-neutral-800: #F3F4F6;
112
+ --asm-color-neutral-900: #F9FAFB;
113
+ --asm-color-neutral-950: #FCFCFD;
114
+
115
+ /* Secondary Color Scale */
116
+ --asm-color-secondary-0: #042F2E;
117
+ --asm-color-secondary-50: #134E4A;
118
+ --asm-color-secondary-100: #115E59;
119
+ --asm-color-secondary-200: #0F766E;
120
+ --asm-color-secondary-300: #0D9488;
121
+ --asm-color-secondary-400: #14B8A6;
122
+ --asm-color-secondary-500: #2DD4BF;
123
+ --asm-color-secondary-600: #5EEAD4;
124
+ --asm-color-secondary-700: #99F6E4;
125
+ --asm-color-secondary-800: #CCFBF1;
126
+ --asm-color-secondary-900: #F0FDFA;
127
+ --asm-color-secondary-950: #F7FEFD;
128
+
129
+ --asm-color-semantic-success: #22C55E;
130
+ --asm-color-semantic-warning: #FBBF24;
131
+ --asm-color-semantic-error: #F87171;
132
+ --asm-color-semantic-info: #38BDF8;
133
+
134
+ --asm-color-button-primary-bg: #3A5AFE;
135
+ --asm-color-button-primary-bg-hover: #304FFE;
136
+ --asm-color-button-primary-bg-active: #304FFE;
137
+ --asm-color-button-primary-text: #FFFFFF;
138
+
139
+ --asm-color-button-secondary-bg: #111B2E;
140
+ --asm-color-button-secondary-text: #E5E7EB;
141
+
142
+ --asm-color-button-ghost-bg-hover: rgba(229, 231, 235, 0.08);
143
+
144
+ --asm-color-button-destructive-bg: #F87171;
145
+ --asm-color-button-destructive-text: #0B1220;
146
+
147
+ --asm-color-button-disabled-bg: #1F2937;
148
+ --asm-color-button-disabled-text: #9CA3AF;
149
+
150
+ --asm-color-input-bg: #0B1220;
151
+ --asm-color-input-text: #E5E7EB;
152
+ --asm-color-input-border: #1F2937;
153
+ --asm-color-input-border-hover: #374151;
154
+ --asm-color-input-border-focus: #3A5AFE;
155
+ --asm-color-input-placeholder: #9CA3AF;
156
+ --asm-color-input-error-border: #F87171;
157
+ --asm-color-input-success-border: #22C55E;
158
+
159
+ --asm-color-focus-ring: #3A5AFE;
160
+
161
+ --asm-color-overlay-scrim: rgba(17, 24, 39, 0.64);
162
+ }
package/css/tokens.high-contrast.css ADDED
@@ -0,0 +1,162 @@
1
+ [data-contrast="high"] {
2
+ --asm-color-bg: #000000;
3
+ --asm-color-surface: #000000;
4
+ --asm-color-surface-muted: #000000;
5
+ --asm-color-panel: #000000;
6
+ --asm-color-modal: #000000;
7
+
8
+ --asm-color-text: #FFFFFF;
9
+ --asm-color-text-muted: #FFFFFF;
10
+ --asm-color-border: #FFFFFF;
11
+
12
+ /* Primary Color Scale */
13
+ --asm-color-primary-0: #000000;
14
+ --asm-color-primary-50: #1A1A1A;
15
+ --asm-color-primary-100: #333333;
16
+ --asm-color-primary-200: #4D4D4D;
17
+ --asm-color-primary-300: #666666;
18
+ --asm-color-primary-400: #808080;
19
+ --asm-color-primary-500: #FFFFFF;
20
+ --asm-color-primary-600: #FFFFFF;
21
+ --asm-color-primary-700: #FFFFFF;
22
+ --asm-color-primary-800: #FFFFFF;
23
+ --asm-color-primary-900: #FFFFFF;
24
+ --asm-color-primary-950: #FFFFFF;
25
+
26
+ --asm-color-brand-primary-50: #FFFFFF;
27
+ --asm-color-brand-primary-500: #FFFFFF;
28
+ --asm-color-brand-primary-600: #FFFFFF;
29
+ --asm-color-brand-primary-700: #FFFFFF;
30
+
31
+ /* Warning Color Scale */
32
+ --asm-color-warning-0: #000000;
33
+ --asm-color-warning-50: #1A1A00;
34
+ --asm-color-warning-100: #333300;
35
+ --asm-color-warning-200: #666600;
36
+ --asm-color-warning-300: #999900;
37
+ --asm-color-warning-400: #CCCC00;
38
+ --asm-color-warning-500: #FFFF00;
39
+ --asm-color-warning-600: #FFFF33;
40
+ --asm-color-warning-700: #FFFF66;
41
+ --asm-color-warning-800: #FFFF99;
42
+ --asm-color-warning-900: #FFFFCC;
43
+ --asm-color-warning-950: #FFFFEE;
44
+
45
+ /* Danger Color Scale */
46
+ --asm-color-danger-0: #000000;
47
+ --asm-color-danger-50: #1A0000;
48
+ --asm-color-danger-100: #330000;
49
+ --asm-color-danger-200: #660000;
50
+ --asm-color-danger-300: #990000;
51
+ --asm-color-danger-400: #CC0000;
52
+ --asm-color-danger-500: #FF0000;
53
+ --asm-color-danger-600: #FF3333;
54
+ --asm-color-danger-700: #FF6666;
55
+ --asm-color-danger-800: #FF9999;
56
+ --asm-color-danger-900: #FFCCCC;
57
+ --asm-color-danger-950: #FFEEEE;
58
+
59
+ /* Info Color Scale */
60
+ --asm-color-info-0: #000000;
61
+ --asm-color-info-50: #001A1A;
62
+ --asm-color-info-100: #003333;
63
+ --asm-color-info-200: #006666;
64
+ --asm-color-info-300: #009999;
65
+ --asm-color-info-400: #00CCCC;
66
+ --asm-color-info-500: #00FFFF;
67
+ --asm-color-info-600: #33FFFF;
68
+ --asm-color-info-700: #66FFFF;
69
+ --asm-color-info-800: #99FFFF;
70
+ --asm-color-info-900: #CCFFFF;
71
+ --asm-color-info-950: #EEFFFF;
72
+
73
+ /* Success Color Scale */
74
+ --asm-color-success-0: #000000;
75
+ --asm-color-success-50: #001A00;
76
+ --asm-color-success-100: #003300;
77
+ --asm-color-success-200: #006600;
78
+ --asm-color-success-300: #009900;
79
+ --asm-color-success-400: #00CC00;
80
+ --asm-color-success-500: #00FF00;
81
+ --asm-color-success-600: #33FF33;
82
+ --asm-color-success-700: #66FF66;
83
+ --asm-color-success-800: #99FF99;
84
+ --asm-color-success-900: #CCFFCC;
85
+ --asm-color-success-950: #EEFFEE;
86
+
87
+ /* Purple Color Scale */
88
+ --asm-color-purple-0: #000000;
89
+ --asm-color-purple-50: #1A001A;
90
+ --asm-color-purple-100: #330033;
91
+ --asm-color-purple-200: #660066;
92
+ --asm-color-purple-300: #990099;
93
+ --asm-color-purple-400: #CC00CC;
94
+ --asm-color-purple-500: #FF00FF;
95
+ --asm-color-purple-600: #FF33FF;
96
+ --asm-color-purple-700: #FF66FF;
97
+ --asm-color-purple-800: #FF99FF;
98
+ --asm-color-purple-900: #FFCCFF;
99
+ --asm-color-purple-950: #FFEEFF;
100
+
101
+ /* Neutral Color Scale */
102
+ --asm-color-neutral-0: #000000;
103
+ --asm-color-neutral-50: #1A1A1A;
104
+ --asm-color-neutral-100: #333333;
105
+ --asm-color-neutral-200: #4D4D4D;
106
+ --asm-color-neutral-300: #666666;
107
+ --asm-color-neutral-400: #808080;
108
+ --asm-color-neutral-500: #999999;
109
+ --asm-color-neutral-600: #B3B3B3;
110
+ --asm-color-neutral-700: #CCCCCC;
111
+ --asm-color-neutral-800: #E6E6E6;
112
+ --asm-color-neutral-900: #FFFFFF;
113
+ --asm-color-neutral-950: #FFFFFF;
114
+
115
+ /* Secondary Color Scale */
116
+ --asm-color-secondary-0: #000000;
117
+ --asm-color-secondary-50: #001A1A;
118
+ --asm-color-secondary-100: #003333;
119
+ --asm-color-secondary-200: #004D4D;
120
+ --asm-color-secondary-300: #006666;
121
+ --asm-color-secondary-400: #008080;
122
+ --asm-color-secondary-500: #00CCCC;
123
+ --asm-color-secondary-600: #00FFFF;
124
+ --asm-color-secondary-700: #66FFFF;
125
+ --asm-color-secondary-800: #99FFFF;
126
+ --asm-color-secondary-900: #CCFFFF;
127
+ --asm-color-secondary-950: #EEFFFF;
128
+
129
+ --asm-color-semantic-success: #00FF00;
130
+ --asm-color-semantic-warning: #FFFF00;
131
+ --asm-color-semantic-error: #FF0000;
132
+ --asm-color-semantic-info: #00FFFF;
133
+
134
+ --asm-color-button-primary-bg: #FFFFFF;
135
+ --asm-color-button-primary-bg-hover: #FFFFFF;
136
+ --asm-color-button-primary-bg-active: #FFFFFF;
137
+ --asm-color-button-primary-text: #000000;
138
+
139
+ --asm-color-button-secondary-bg: #000000;
140
+ --asm-color-button-secondary-text: #FFFFFF;
141
+
142
+ --asm-color-button-ghost-bg-hover: #FFFFFF;
143
+
144
+ --asm-color-button-destructive-bg: #FF0000;
145
+ --asm-color-button-destructive-text: #000000;
146
+
147
+ --asm-color-button-disabled-bg: #000000;
148
+ --asm-color-button-disabled-text: #FFFFFF;
149
+
150
+ --asm-color-input-bg: #000000;
151
+ --asm-color-input-text: #FFFFFF;
152
+ --asm-color-input-border: #FFFFFF;
153
+ --asm-color-input-border-hover: #FFFFFF;
154
+ --asm-color-input-border-focus: #FFFFFF;
155
+ --asm-color-input-placeholder: #FFFFFF;
156
+ --asm-color-input-error-border: #FF0000;
157
+ --asm-color-input-success-border: #00FF00;
158
+
159
+ --asm-color-focus-ring: #FFFFFF;
160
+
161
+ --asm-color-overlay-scrim: rgba(255, 255, 255, 0.9);
162
+ }
package/css/tokens.light.css ADDED
@@ -0,0 +1,162 @@
1
+ [data-theme="light"] {
2
+ --asm-color-bg: #F9FAFB;
3
+ --asm-color-surface: #FFFFFF;
4
+ --asm-color-surface-muted: #F3F4F6;
5
+ --asm-color-panel: #FFFFFF;
6
+ --asm-color-modal: #FFFFFF;
7
+
8
+ --asm-color-text: #111827;
9
+ --asm-color-text-muted: #6B7280;
10
+ --asm-color-border: #D1D5DB;
11
+
12
+ /* Primary Color Scale */
13
+ --asm-color-primary-0: #FFFFFF;
14
+ --asm-color-primary-50: #EEF2FF;
15
+ --asm-color-primary-100: #E0E7FF;
16
+ --asm-color-primary-200: #C7D2FE;
17
+ --asm-color-primary-300: #A5B4FC;
18
+ --asm-color-primary-400: #818CF8;
19
+ --asm-color-primary-500: #3A5AFE;
20
+ --asm-color-primary-600: #304FFE;
21
+ --asm-color-primary-700: #1E40FF;
22
+ --asm-color-primary-800: #1E3A8A;
23
+ --asm-color-primary-900: #1E293B;
24
+ --asm-color-primary-950: #0F172A;
25
+
26
+ --asm-color-brand-primary-50: #EEF2FF;
27
+ --asm-color-brand-primary-500: #3A5AFE;
28
+ --asm-color-brand-primary-600: #304FFE;
29
+ --asm-color-brand-primary-700: #1E40FF;
30
+
31
+ /* Warning Color Scale */
32
+ --asm-color-warning-0: #FFFFFF;
33
+ --asm-color-warning-50: #FFFBEB;
34
+ --asm-color-warning-100: #FEF3C7;
35
+ --asm-color-warning-200: #FDE68A;
36
+ --asm-color-warning-300: #FCD34D;
37
+ --asm-color-warning-400: #FBBF24;
38
+ --asm-color-warning-500: #F59E0B;
39
+ --asm-color-warning-600: #D97706;
40
+ --asm-color-warning-700: #B45309;
41
+ --asm-color-warning-800: #92400E;
42
+ --asm-color-warning-900: #78350F;
43
+ --asm-color-warning-950: #451A03;
44
+
45
+ /* Danger Color Scale */
46
+ --asm-color-danger-0: #FFFFFF;
47
+ --asm-color-danger-50: #FEF2F2;
48
+ --asm-color-danger-100: #FEE2E2;
49
+ --asm-color-danger-200: #FECACA;
50
+ --asm-color-danger-300: #FCA5A5;
51
+ --asm-color-danger-400: #F87171;
52
+ --asm-color-danger-500: #EF4444;
53
+ --asm-color-danger-600: #DC2626;
54
+ --asm-color-danger-700: #B91C1C;
55
+ --asm-color-danger-800: #991B1B;
56
+ --asm-color-danger-900: #7F1D1D;
57
+ --asm-color-danger-950: #450A0A;
58
+
59
+ /* Info Color Scale */
60
+ --asm-color-info-0: #FFFFFF;
61
+ --asm-color-info-50: #F0F9FF;
62
+ --asm-color-info-100: #E0F2FE;
63
+ --asm-color-info-200: #BAE6FD;
64
+ --asm-color-info-300: #7DD3FC;
65
+ --asm-color-info-400: #38BDF8;
66
+ --asm-color-info-500: #0EA5E9;
67
+ --asm-color-info-600: #0284C7;
68
+ --asm-color-info-700: #0369A1;
69
+ --asm-color-info-800: #075985;
70
+ --asm-color-info-900: #0C4A6E;
71
+ --asm-color-info-950: #082F49;
72
+
73
+ /* Success Color Scale */
74
+ --asm-color-success-0: #FFFFFF;
75
+ --asm-color-success-50: #F0FDF4;
76
+ --asm-color-success-100: #DCFCE7;
77
+ --asm-color-success-200: #BBF7D0;
78
+ --asm-color-success-300: #86EFAC;
79
+ --asm-color-success-400: #4ADE80;
80
+ --asm-color-success-500: #16A34A;
81
+ --asm-color-success-600: #16A34A;
82
+ --asm-color-success-700: #15803D;
83
+ --asm-color-success-800: #166534;
84
+ --asm-color-success-900: #14532D;
85
+ --asm-color-success-950: #052E16;
86
+
87
+ /* Purple Color Scale */
88
+ --asm-color-purple-0: #FFFFFF;
89
+ --asm-color-purple-50: #FAF5FF;
90
+ --asm-color-purple-100: #F3E8FF;
91
+ --asm-color-purple-200: #E9D5FF;
92
+ --asm-color-purple-300: #D8B4FE;
93
+ --asm-color-purple-400: #C084FC;
94
+ --asm-color-purple-500: #A855F7;
95
+ --asm-color-purple-600: #9333EA;
96
+ --asm-color-purple-700: #7E22CE;
97
+ --asm-color-purple-800: #6B21A8;
98
+ --asm-color-purple-900: #581C87;
99
+ --asm-color-purple-950: #3B0764;
100
+
101
+ /* Neutral Color Scale */
102
+ --asm-color-neutral-0: #FFFFFF;
103
+ --asm-color-neutral-50: #F9FAFB;
104
+ --asm-color-neutral-100: #F3F4F6;
105
+ --asm-color-neutral-200: #E5E7EB;
106
+ --asm-color-neutral-300: #D1D5DB;
107
+ --asm-color-neutral-400: #9CA3AF;
108
+ --asm-color-neutral-500: #6B7280;
109
+ --asm-color-neutral-600: #4B5563;
110
+ --asm-color-neutral-700: #374151;
111
+ --asm-color-neutral-800: #1F2937;
112
+ --asm-color-neutral-900: #111827;
113
+ --asm-color-neutral-950: #030712;
114
+
115
+ /* Secondary Color Scale */
116
+ --asm-color-secondary-0: #FFFFFF;
117
+ --asm-color-secondary-50: #F0FDFA;
118
+ --asm-color-secondary-100: #CCFBF1;
119
+ --asm-color-secondary-200: #99F6E4;
120
+ --asm-color-secondary-300: #5EEAD4;
121
+ --asm-color-secondary-400: #2DD4BF;
122
+ --asm-color-secondary-500: #14B8A6;
123
+ --asm-color-secondary-600: #0D9488;
124
+ --asm-color-secondary-700: #0F766E;
125
+ --asm-color-secondary-800: #115E59;
126
+ --asm-color-secondary-900: #134E4A;
127
+ --asm-color-secondary-950: #042F2E;
128
+
129
+ --asm-color-semantic-success: #16A34A;
130
+ --asm-color-semantic-warning: #F59E0B;
131
+ --asm-color-semantic-error: #EF4444;
132
+ --asm-color-semantic-info: #0EA5E9;
133
+
134
+ --asm-color-button-primary-bg: #304FFE;
135
+ --asm-color-button-primary-bg-hover: #1E40FF;
136
+ --asm-color-button-primary-bg-active: #1E40FF;
137
+ --asm-color-button-primary-text: #FFFFFF;
138
+
139
+ --asm-color-button-secondary-bg: #FFFFFF;
140
+ --asm-color-button-secondary-text: #111827;
141
+
142
+ --asm-color-button-ghost-bg-hover: rgba(17, 24, 39, 0.06);
143
+
144
+ --asm-color-button-destructive-bg: #EF4444;
145
+ --asm-color-button-destructive-text: #FFFFFF;
146
+
147
+ --asm-color-button-disabled-bg: #D1D5DB;
148
+ --asm-color-button-disabled-text: #374151;
149
+
150
+ --asm-color-input-bg: #FFFFFF;
151
+ --asm-color-input-text: #111827;
152
+ --asm-color-input-border: #D1D5DB;
153
+ --asm-color-input-border-hover: #6B7280;
154
+ --asm-color-input-border-focus: #304FFE;
155
+ --asm-color-input-placeholder: #6B7280;
156
+ --asm-color-input-error-border: #EF4444;
157
+ --asm-color-input-success-border: #16A34A;
158
+
159
+ --asm-color-focus-ring: #3A5AFE;
160
+
161
+ --asm-color-overlay-scrim: rgba(17, 24, 39, 0.48);
162
+ }
package/package.json CHANGED
@@ -1,8 +1,8 @@
1
1
  {
2
2
  "name": "@asafarim/design-tokens",
3
- "version": "0.2.0",
3
+ "version": "0.3.2",
4
4
  "private": false,
5
- "description": "ASafariM design tokens (TypeScript + CSS variables) with multi-theme support.",
5
+ "description": "ASafariM design tokens (CSS variables) with multi-theme support.",
6
6
  "license": "MIT",
7
7
  "author": "ASafariM",
8
8
  "repository": {
@@ -13,52 +13,33 @@
13
13
  "design-tokens",
14
14
  "css-variables",
15
15
  "theming",
16
- "typescript",
17
16
  "react",
18
- "TypeScript",
19
17
  "CSS",
20
18
  "themes",
21
19
  "asafarim"
22
20
  ],
23
21
  "type": "module",
24
- "main": "./dist/index.cjs",
25
- "module": "./dist/index.js",
26
- "types": "./dist/index.d.ts",
22
+ "style": "css/index.css",
27
23
  "files": [
28
- "dist",
24
+ "css",
29
25
  "README.md",
30
26
  "CHANGELOG.md",
31
27
  "LICENSE"
32
28
  ],
33
29
  "sideEffects": [
34
- "dist/css/*.css"
30
+ "css/*.css"
35
31
  ],
36
32
  "exports": {
37
- ".": {
38
- "types": "./dist/index.d.ts",
39
- "import": "./dist/index.js",
40
- "require": "./dist/index.cjs"
41
- },
42
33
  "./css": {
43
- "default": "./dist/css/index.css"
44
- },
45
- "./build": {
46
- "types": "./dist/build/index.d.ts",
47
- "import": "./dist/build/index.js",
48
- "require": "./dist/build/index.cjs"
34
+ "style": "./css/index.css",
35
+ "default": "./css/index.css"
49
36
  },
37
+ "./css/index.css": "./css/index.css",
50
38
  "./package.json": "./package.json"
51
39
  },
52
- "devDependencies": {
53
- "tsup": "^8.5.0",
54
- "typescript": "^5.7.2"
55
- },
56
40
  "publishConfig": {
57
41
  "access": "public"
58
42
  },
59
- "peerDependencies": {
60
- "typescript": ">=4.0.0"
61
- },
62
43
  "engines": {
63
44
  "node": ">=16"
64
45
  },
@@ -67,9 +48,6 @@
67
48
  },
68
49
  "homepage": "https://github.com/AliSafari-IT/design-tokens#readme",
69
50
  "scripts": {
70
- "build": "tsup",
71
- "dev": "tsup --watch",
72
- "demo": "pnpm --filter design-tokens-demo dev",
73
- "lint:tokens": "node -e \"import('@asafarim/design-tokens').then(m => { const r = m.validateTokens(); if (!r.ok) { console.error(r); process.exit(1); } console.log('tokens ok'); })\""
51
+ "demo": "pnpm --filter design-tokens-demo dev"
74
52
  }
75
53
  }