@l3mpire/tokens 0.14.0 → 0.15.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 (8) hide show
  1. package/dist/css/components.css +45 -9
  2. package/dist/css/fonts.css +1 -1
  3. package/dist/css/primitives.css +121 -90
  4. package/dist/css/semantic.css +153 -114
  5. package/dist/css/tokens-dark.css +228 -158
  6. package/dist/css/tokens.css +245 -139
  7. package/dist/ts/tokens.ts +629 -523
  8. package/package.json +1 -1
package/dist/css/tokens-dark.css CHANGED
@@ -3,36 +3,39 @@
3
3
  */
4
4
 
5
5
  [data-theme="dark"] {
6
- --blue-50: #061739;
7
- --blue-100: #081d44;
8
- --blue-200: #0a2656;
9
- --blue-300: #0c3370;
10
- --blue-400: #103b8e;
11
- --blue-500: #1646c2;
12
- --blue-600: #174bcf;
13
- --blue-700: #3462d7;
14
- --blue-800: #547ce0;
15
- --blue-900: #6c8fe8;
16
- --pink-50: #350614;
17
- --pink-100: #3a0613;
18
- --pink-200: #49081b;
19
- --pink-300: #670b2c;
20
- --pink-400: #840f30;
21
- --pink-500: #9d2440;
22
- --pink-600: #ae3659;
23
- --pink-700: #ae5c70;
24
- --pink-800: #bd7585;
25
- --pink-900: #df8ea1;
26
- --red-50: #350606;
27
- --red-100: #431207;
28
- --red-200: #550909;
29
- --red-300: #631414;
30
- --red-400: #8f1a1a;
31
- --red-500: #b32626;
32
- --red-600: #c63838;
33
- --red-700: #e44961;
34
- --red-800: #e66177;
35
- --red-900: #ef6c6c;
6
+ --blue-50: #172554;
7
+ --blue-100: #1e40af;
8
+ --blue-200: #1d4ed8;
9
+ --blue-300: #2563eb;
10
+ --blue-400: #3b82f6;
11
+ --blue-500: #60a5fa;
12
+ --blue-600: #93c5fd;
13
+ --blue-700: #bfdbfe;
14
+ --blue-800: #dbeafe;
15
+ --blue-900: #eff6ff;
16
+ --blue-950: #ffffff;
17
+ --pink-50: #831843;
18
+ --pink-75: #9d174d;
19
+ --pink-100: #9d174d;
20
+ --pink-200: #be185d;
21
+ --pink-300: #db2777;
22
+ --pink-400: #ec4899;
23
+ --pink-500: #f472b6;
24
+ --pink-600: #f9a8d4;
25
+ --pink-700: #fbcfe8;
26
+ --pink-800: #fce7f3;
27
+ --pink-900: #fdf2f8;
28
+ --red-50: #450a0a;
29
+ --red-100: #991b1b;
30
+ --red-200: #b91c1c;
31
+ --red-300: #dc2626;
32
+ --red-400: #ef4444;
33
+ --red-500: #f87171;
34
+ --red-600: #fca5a5;
35
+ --red-700: #fecaca;
36
+ --red-800: #fee2e2;
37
+ --red-900: #fef2f2;
38
+ --red-950: #ffffff;
36
39
  --green-50: #0d340d;
37
40
  --green-100: #0e3d0e;
38
41
  --green-200: #185018;
@@ -43,6 +46,7 @@
43
46
  --green-700: #5fed5f;
44
47
  --green-800: #74ef74;
45
48
  --green-900: #7ef17e;
49
+ --green-950: #ffffff;
46
50
  --yellow-50: #353006;
47
51
  --yellow-100: #4e4309;
48
52
  --yellow-200: #6d5d0c;
@@ -53,47 +57,48 @@
53
57
  --yellow-700: #ebc84d;
54
58
  --yellow-800: #edcc61;
55
59
  --yellow-900: #eecd69;
56
- --purple-50: #130633;
57
- --purple-100: #170639;
58
- --purple-200: #160741;
59
- --purple-300: #2a0e5d;
60
- --purple-400: #331871;
61
- --purple-500: #422688;
62
- --purple-600: #543a9d;
63
- --purple-700: #6b52af;
64
- --purple-800: #8670bf;
65
- --purple-900: #b29fd7;
66
- --teal-50: #0d3428;
67
- --teal-100: #073d26;
68
- --teal-200: #124b35;
69
- --teal-300: #0b6442;
70
- --teal-400: #2d7758;
71
- --teal-500: #39916c;
72
- --teal-600: #49af85;
73
- --teal-700: #5fc49a;
74
- --teal-800: #7fd3b1;
75
- --teal-900: #9ce4c6;
76
- --orange-50: #371a06;
77
- --orange-100: #3c1207;
78
- --orange-200: #491d08;
79
- --orange-300: #5c2d0a;
80
- --orange-400: #77370d;
81
- --orange-500: #89301a;
82
- --orange-600: #a73b21;
83
- --orange-700: #bb4e33;
84
- --orange-800: #c56551;
85
- --orange-900: #d78673;
86
- --grey-50: #111e2e;
87
- --grey-100: #172639;
88
- --grey-200: #1d2f44;
89
- --grey-300: #213856;
90
- --grey-400: #2d4860;
91
- --grey-500: #3d5e78;
92
- --grey-600: #566f8f;
93
- --grey-700: #aabccc;
94
- --grey-800: #d8e5ed;
60
+ --yellow-950: #ffffff;
61
+ --purple-50: #581c87;
62
+ --purple-100: #6b21a8;
63
+ --purple-200: #7e22ce;
64
+ --purple-300: #9333ea;
65
+ --purple-400: #a855f7;
66
+ --purple-500: #c084fc;
67
+ --purple-600: #d8b4fe;
68
+ --purple-700: #e9d5ff;
69
+ --purple-800: #f3e8ff;
70
+ --purple-900: #faf5ff;
71
+ --teal-50: #134e4a;
72
+ --teal-100: #115e59;
73
+ --teal-200: #0f766e;
74
+ --teal-300: #0d9488;
75
+ --teal-400: #14b8a6;
76
+ --teal-500: #2dd4bf;
77
+ --teal-600: #5eead4;
78
+ --teal-700: #99f6e4;
79
+ --teal-800: #ccfbf1;
80
+ --teal-900: #f0fdfa;
81
+ --orange-50: #7c2d12;
82
+ --orange-100: #9a3412;
83
+ --orange-200: #c2410c;
84
+ --orange-300: #ea580c;
85
+ --orange-400: #f97316;
86
+ --orange-500: #fb923c;
87
+ --orange-600: #fdba74;
88
+ --orange-700: #fed7aa;
89
+ --orange-800: #ffedd5;
90
+ --orange-900: #fff7ed;
91
+ --grey-50: #1f2937;
92
+ --grey-100: #374151;
93
+ --grey-200: #5a6472;
94
+ --grey-300: #6b7280;
95
+ --grey-400: #9ca3af;
96
+ --grey-500: #d1d5db;
97
+ --grey-600: #e5e7eb;
98
+ --grey-700: #f3f4f6;
99
+ --grey-800: #f9fafb;
95
100
  --grey-900: #ffffff;
96
- --grey-white: #0c1521;
101
+ --grey-white: #111827;
97
102
  --beige-50: #310505;
98
103
  --beige-100: #330606;
99
104
  --beige-200: #3b0907;
@@ -114,16 +119,16 @@
114
119
  --sand-700: #916735;
115
120
  --sand-800: #a3865f;
116
121
  --sand-900: #b49e7f;
117
- --indigo-50: #eef2ff;
118
- --indigo-100: #e0e7ff;
119
- --indigo-200: #c7d2fe;
120
- --indigo-300: #a5b4fc;
121
- --indigo-400: #818cf8;
122
- --indigo-500: #6366f1;
123
- --indigo-600: #4f46e5;
124
- --indigo-700: #4338ca;
125
- --indigo-800: #3730a3;
126
- --indigo-900: #312e81;
122
+ --indigo-50: #312e81;
123
+ --indigo-100: #3730a3;
124
+ --indigo-200: #4338ca;
125
+ --indigo-300: #4f46e5;
126
+ --indigo-400: #6366f1;
127
+ --indigo-500: #818cf8;
128
+ --indigo-600: #a5b4fc;
129
+ --indigo-700: #c7d2fe;
130
+ --indigo-800: #e0e7ff;
131
+ --indigo-900: #eef2ff;
127
132
  --rose-50: #fff1f2;
128
133
  --rose-100: #ffe4e6;
129
134
  --rose-200: #fecdd3;
@@ -144,26 +149,26 @@
144
149
  --lime-700: #4d7c0f;
145
150
  --lime-800: #3f6212;
146
151
  --lime-900: #365314;
147
- --violet-50: #f5f3ff;
148
- --violet-100: #ede9fe;
149
- --violet-200: #ddd6fe;
150
- --violet-300: #c4b5fd;
151
- --violet-400: #a78bfa;
152
- --violet-500: #8b5cf6;
153
- --violet-600: #7c3aed;
154
- --violet-700: #6d28d9;
155
- --violet-800: #5b21b6;
156
- --violet-900: #4c1d95;
157
- --cyan-50: #ecfeff;
158
- --cyan-100: #cffafe;
159
- --cyan-200: #a5f3fc;
160
- --cyan-300: #67e8f9;
161
- --cyan-400: #22d3ee;
162
- --cyan-500: #06b6d4;
163
- --cyan-600: #0891b2;
164
- --cyan-700: #0e7490;
165
- --cyan-800: #155e75;
166
- --cyan-900: #164e63;
152
+ --violet-50: #4c1d95;
153
+ --violet-100: #5b21b6;
154
+ --violet-200: #6d28d9;
155
+ --violet-300: #7c3aed;
156
+ --violet-400: #8b5cf6;
157
+ --violet-500: #a78bfa;
158
+ --violet-600: #c4b5fd;
159
+ --violet-700: #ddd6fe;
160
+ --violet-800: #ede9fe;
161
+ --violet-900: #f5f3ff;
162
+ --cyan-50: #164e63;
163
+ --cyan-100: #155e75;
164
+ --cyan-200: #0e7490;
165
+ --cyan-300: #0891b2;
166
+ --cyan-400: #06b6d4;
167
+ --cyan-500: #22d3ee;
168
+ --cyan-600: #67e8f9;
169
+ --cyan-700: #a5f3fc;
170
+ --cyan-800: #cffafe;
171
+ --cyan-900: #ecfeff;
167
172
  --emerald-50: #ecfdf5;
168
173
  --emerald-100: #d1fae5;
169
174
  --emerald-200: #a7f3d0;
@@ -174,26 +179,27 @@
174
179
  --emerald-700: #047857;
175
180
  --emerald-800: #065f46;
176
181
  --emerald-900: #064e3b;
177
- --fuchsia-50: #fdf4ff;
178
- --fuchsia-100: #fae8ff;
179
- --fuchsia-200: #f5d0fe;
180
- --fuchsia-300: #f0abfc;
181
- --fuchsia-400: #e879f9;
182
- --fuchsia-500: #d946ef;
183
- --fuchsia-600: #c026d3;
184
- --fuchsia-700: #a21caf;
185
- --fuchsia-800: #86198f;
186
- --fuchsia-900: #701a75;
187
- --amber-50: #fffbeb;
188
- --amber-100: #fef3c7;
189
- --amber-200: #fde68a;
190
- --amber-300: #fcd34d;
191
- --amber-400: #fbbf24;
192
- --amber-500: #f59e0b;
193
- --amber-600: #d97706;
194
- --amber-700: #b45309;
195
- --amber-800: #92400e;
196
- --amber-900: #78350f;
182
+ --fuchsia-50: #701a75;
183
+ --fuchsia-75: #86198f;
184
+ --fuchsia-100: #86198f;
185
+ --fuchsia-200: #a21caf;
186
+ --fuchsia-300: #c026d3;
187
+ --fuchsia-400: #d946ef;
188
+ --fuchsia-500: #e879f9;
189
+ --fuchsia-600: #f0abfc;
190
+ --fuchsia-700: #f5d0fe;
191
+ --fuchsia-800: #fae8ff;
192
+ --fuchsia-900: #fdf4ff;
193
+ --amber-50: #78350f;
194
+ --amber-100: #92400e;
195
+ --amber-200: #b45309;
196
+ --amber-300: #d97706;
197
+ --amber-400: #f59e0b;
198
+ --amber-500: #fbbf24;
199
+ --amber-600: #fcd34d;
200
+ --amber-700: #fde68a;
201
+ --amber-800: #fef3c7;
202
+ --amber-900: #fffbeb;
197
203
  --slate-50: #f8fafc;
198
204
  --slate-100: #f1f5f9;
199
205
  --slate-200: #e2e8f0;
@@ -204,37 +210,78 @@
204
210
  --slate-700: #334155;
205
211
  --slate-800: #1e293b;
206
212
  --slate-900: #0f172a;
213
+ --brand-50: #ffffff;
214
+ --brand-100: #081d44;
215
+ --brand-200: #0a2656;
216
+ --brand-300: #0c3370;
217
+ --brand-400: #103b8e;
218
+ --brand-500: #1646c2;
219
+ --brand-600: #174bcf;
220
+ --brand-700: #3462d7;
221
+ --brand-800: #547ce0;
222
+ --brand-900: #6c8fe8;
223
+ --sky-50: #0c4a6e;
224
+ --sky-100: #075985;
225
+ --sky-200: #0369a1;
226
+ --sky-300: #0284c7;
227
+ --sky-400: #0ea5e9;
228
+ --sky-500: #38bdf8;
229
+ --sky-600: #7dd3fc;
230
+ --sky-700: #bae6fd;
231
+ --sky-800: #e0f2fe;
232
+ --sky-900: #f0f9ff;
233
+ --alpha-0: #ffffff;
234
+ --alpha-1: #ffffff;
235
+ --alpha-2: #ffffff;
236
+ --alpha-3: #ffffff;
237
+ --alpha-5: #ffffff;
207
238
  --shadow-2: rgba(0, 0, 0, 0.02);
208
239
  --shadow-4: rgba(0, 0, 0, 0.04);
209
240
  --shadow-6: rgba(0, 0, 0, 0.06);
210
241
  --shadow-8: rgba(0, 0, 0, 0.08);
211
- --core-bg-specific-tags-orange: #892f19;
212
242
  --core-bg-specific-tags-solid-orange: #b8422a;
213
- --core-text-specific-tags-orange: #ffdabf;
243
+ --core-bg-specific-brands-logo-linkedin: #0069c9;
244
+ --core-bg-specific-brands-logo-linkedin-premium: #9f8333;
245
+ --core-bg-specific-brands-logo-hubspot: #ff7a59;
246
+ --core-bg-specific-brands-logo-salesforce: #00a1e0;
247
+ --core-bg-specific-ai: #ffffff;
214
248
  --core-text-specific-tags-on-solid: #ffffff;
215
- --core-border-specific-tags-orange: #de5837;
249
+ --core-border-main-secondary: #ffffff;
250
+ --core-border-main-subtle: #ffffff;
251
+ --core-border-main-darken: #ffffff;
216
252
  --core-bg-main-primary: var(--grey-white);
217
253
  --core-bg-main-secondary: var(--grey-50);
218
254
  --core-bg-main-tertiary: var(--grey-100);
219
- --core-bg-main-invert-primary: var(--grey-900);
220
- --core-bg-main-invert-secondary: var(--grey-700);
221
- --core-bg-main-invert-tertiary: var(--grey-400);
255
+ --core-bg-main-hover: var(--grey-200);
256
+ --core-bg-main-invert-primary: var(--grey-white);
257
+ --core-bg-main-invert-secondary: var(--grey-200);
258
+ --core-bg-main-invert-tertiary: var(--grey-100);
222
259
  --core-bg-functional-disabled: var(--grey-100);
260
+ --core-bg-functional-success: var(--green-500);
261
+ --core-bg-functional-critical: var(--red-500);
262
+ --core-bg-functional-info: var(--blue-500);
263
+ --core-bg-functional-warning: var(--yellow-500);
223
264
  --core-bg-functional-invert-success: var(--green-50);
224
265
  --core-bg-functional-invert-critical: var(--red-50);
225
266
  --core-bg-functional-invert-info: var(--blue-50);
226
267
  --core-bg-functional-invert-warning: var(--yellow-50);
227
268
  --core-bg-specific-highlight-text: var(--green-100);
228
269
  --core-bg-specific-tags-neutral: var(--grey-100);
229
- --core-bg-specific-tags-indigo: var(--indigo-900);
270
+ --core-bg-specific-tags-indigo: var(--indigo-100);
230
271
  --core-bg-specific-tags-rose: var(--rose-900);
231
272
  --core-bg-specific-tags-lime: var(--lime-900);
232
- --core-bg-specific-tags-violet: var(--violet-900);
233
- --core-bg-specific-tags-cyan: var(--cyan-900);
273
+ --core-bg-specific-tags-violet: var(--violet-100);
274
+ --core-bg-specific-tags-cyan: var(--cyan-100);
275
+ --core-bg-specific-tags-orange: var(--orange-100);
234
276
  --core-bg-specific-tags-emerald: var(--emerald-900);
235
- --core-bg-specific-tags-fuchsia: var(--fuchsia-900);
236
- --core-bg-specific-tags-amber: var(--amber-900);
277
+ --core-bg-specific-tags-fuchsia: var(--fuchsia-100);
278
+ --core-bg-specific-tags-amber: var(--amber-100);
237
279
  --core-bg-specific-tags-slate: var(--slate-900);
280
+ --core-bg-specific-tags-neutral-hover: var(--grey-200);
281
+ --core-bg-specific-tags-teal: var(--teal-100);
282
+ --core-bg-specific-tags-sky: var(--sky-100);
283
+ --core-bg-specific-tags-purple: var(--purple-100);
284
+ --core-bg-specific-tags-pink: var(--pink-100);
238
285
  --core-bg-specific-tags-solid-indigo: var(--indigo-600);
239
286
  --core-bg-specific-tags-solid-rose: var(--rose-600);
240
287
  --core-bg-specific-tags-solid-lime: var(--lime-700);
@@ -244,32 +291,49 @@
244
291
  --core-bg-specific-tags-solid-fuchsia: var(--fuchsia-600);
245
292
  --core-bg-specific-tags-solid-amber: var(--amber-700);
246
293
  --core-bg-specific-tags-solid-slate: var(--slate-600);
247
- --core-text-main-primary: var(--grey-900);
248
- --core-text-main-secondary: var(--grey-700);
294
+ --core-bg-specific-tags-invert-neutral: var(--grey-700);
295
+ --core-bg-specific-tags-invert-orange: var(--orange-700);
296
+ --core-bg-specific-tags-invert-amber: var(--amber-700);
297
+ --core-bg-specific-tags-invert-teal: var(--teal-700);
298
+ --core-bg-specific-tags-invert-cyan: var(--cyan-700);
299
+ --core-bg-specific-tags-invert-sky: var(--sky-700);
300
+ --core-bg-specific-tags-invert-indigo: var(--indigo-700);
301
+ --core-bg-specific-tags-invert-violet: var(--violet-700);
302
+ --core-bg-specific-tags-invert-purple: var(--purple-700);
303
+ --core-bg-specific-tags-invert-fuchsia: var(--fuchsia-700);
304
+ --core-bg-specific-tags-invert-pink: var(--pink-700);
305
+ --core-text-main-primary: var(--grey-800);
306
+ --core-text-main-secondary: var(--grey-600);
249
307
  --core-text-main-tertiary: var(--grey-500);
250
308
  --core-text-main-invert-primary: var(--grey-900);
251
- --core-text-main-invert-secondary: var(--grey-100);
252
- --core-text-main-invert-tertiary: var(--grey-200);
253
- --core-text-functional-placeholder: var(--grey-500);
309
+ --core-text-main-invert-secondary: var(--grey-700);
310
+ --core-text-main-invert-tertiary: var(--grey-400);
311
+ --core-text-functional-placeholder: var(--alpha-5);
254
312
  --core-text-functional-disabled: var(--grey-400);
255
313
  --core-text-functional-disabled-invert: var(--grey-white);
256
314
  --core-text-functional-success: var(--green-500);
257
315
  --core-text-functional-critical: var(--red-500);
258
316
  --core-text-functional-info: var(--blue-500);
259
317
  --core-text-functional-warning: var(--yellow-500);
260
- --core-text-specific-tags-indigo: var(--indigo-300);
318
+ --core-text-specific-tags-indigo: var(--indigo-700);
261
319
  --core-text-specific-tags-rose: var(--rose-300);
262
320
  --core-text-specific-tags-lime: var(--lime-300);
263
- --core-text-specific-tags-violet: var(--violet-300);
264
- --core-text-specific-tags-cyan: var(--cyan-300);
321
+ --core-text-specific-tags-violet: var(--violet-700);
322
+ --core-text-specific-tags-cyan: var(--cyan-700);
323
+ --core-text-specific-tags-orange: var(--orange-700);
265
324
  --core-text-specific-tags-emerald: var(--emerald-300);
266
- --core-text-specific-tags-fuchsia: var(--fuchsia-300);
267
- --core-text-specific-tags-amber: var(--amber-300);
325
+ --core-text-specific-tags-fuchsia: var(--fuchsia-700);
326
+ --core-text-specific-tags-amber: var(--amber-700);
268
327
  --core-text-specific-tags-slate: var(--slate-300);
328
+ --core-text-specific-tags-neutral: var(--grey-700);
329
+ --core-text-specific-tags-teal: var(--teal-700);
330
+ --core-text-specific-tags-sky: var(--sky-700);
331
+ --core-text-specific-tags-purple: var(--purple-700);
332
+ --core-text-specific-tags-pink: var(--pink-700);
269
333
  --core-border-main-primary: var(--grey-100);
270
- --core-border-main-secondary: var(--grey-200);
334
+ --core-border-main-hover: var(--grey-200);
271
335
  --core-border-main-invert-primary: var(--grey-900);
272
- --core-border-main-invert-secondary: var(--grey-800);
336
+ --core-border-main-invert-secondary: var(--grey-700);
273
337
  --core-border-functional-success: var(--green-500);
274
338
  --core-border-functional-critical: var(--red-500);
275
339
  --core-border-functional-info: var(--blue-500);
@@ -279,14 +343,20 @@
279
343
  --core-border-specific-tags-lime: var(--lime-700);
280
344
  --core-border-specific-tags-violet: var(--violet-700);
281
345
  --core-border-specific-tags-cyan: var(--cyan-700);
346
+ --core-border-specific-tags-orange: var(--orange-700);
282
347
  --core-border-specific-tags-emerald: var(--emerald-700);
283
348
  --core-border-specific-tags-fuchsia: var(--fuchsia-700);
284
349
  --core-border-specific-tags-amber: var(--amber-700);
285
350
  --core-border-specific-tags-slate: var(--slate-700);
286
- --interactive-bg-primary-dark-default: var(--blue-500);
287
- --interactive-bg-primary-dark-hover: var(--blue-600);
288
- --interactive-bg-primary-dark-pressed: var(--blue-700);
289
- --interactive-bg-primary-light-default: var(--grey-white);
351
+ --core-border-specific-tags-neutral: var(--grey-700);
352
+ --core-border-specific-tags-teal: var(--teal-700);
353
+ --core-border-specific-tags-sky: var(--sky-700);
354
+ --core-border-specific-tags-purple: var(--purple-700);
355
+ --core-border-specific-tags-pink: var(--pink-700);
356
+ --interactive-bg-primary-dark-default: var(--brand-500);
357
+ --interactive-bg-primary-dark-hover: var(--brand-600);
358
+ --interactive-bg-primary-dark-pressed: var(--brand-700);
359
+ --interactive-bg-primary-light-default: var(--grey-50);
290
360
  --interactive-bg-primary-light-hover: var(--blue-100);
291
361
  --interactive-bg-primary-light-pressed: var(--blue-200);
292
362
  --interactive-bg-dark-default: var(--grey-900);
@@ -302,8 +372,8 @@
302
372
  --interactive-bg-critical-dark-hover: var(--red-600);
303
373
  --interactive-bg-critical-dark-pressed: var(--red-700);
304
374
  --interactive-bg-critical-light-default: var(--grey-white);
305
- --interactive-bg-critical-light-hover: var(--red-100);
306
- --interactive-bg-critical-light-pressed: var(--red-200);
375
+ --interactive-bg-critical-light-hover: var(--red-50);
376
+ --interactive-bg-critical-light-pressed: var(--red-100);
307
377
  --interactive-bg-success-dark-default: var(--green-500);
308
378
  --interactive-bg-success-dark-hover: var(--green-600);
309
379
  --interactive-bg-success-dark-pressed: var(--green-700);
@@ -322,9 +392,9 @@
322
392
  --interactive-text-neutral-light-default: var(--grey-white);
323
393
  --interactive-text-neutral-light-hover: var(--grey-100);
324
394
  --interactive-text-neutral-light-pressed: var(--grey-200);
325
- --interactive-text-primary-dark-default: var(--blue-500);
326
- --interactive-text-primary-dark-hover: var(--blue-600);
327
- --interactive-text-primary-dark-pressed: var(--blue-700);
395
+ --interactive-text-primary-dark-default: var(--brand-500);
396
+ --interactive-text-primary-dark-hover: var(--brand-600);
397
+ --interactive-text-primary-dark-pressed: var(--brand-700);
328
398
  --interactive-text-primary-light-default: var(--grey-white);
329
399
  --interactive-text-primary-light-hover: var(--blue-100);
330
400
  --interactive-text-primary-light-pressed: var(--blue-200);
@@ -358,9 +428,9 @@
358
428
  --interactive-border-neutral-white-default: var(--grey-white);
359
429
  --interactive-border-neutral-white-hover: var(--grey-50);
360
430
  --interactive-border-neutral-white-pressed: var(--grey-100);
361
- --interactive-border-primary-dark-default: var(--blue-500);
362
- --interactive-border-primary-dark-hover: var(--blue-600);
363
- --interactive-border-primary-dark-pressed: var(--blue-700);
431
+ --interactive-border-primary-dark-default: var(--brand-500);
432
+ --interactive-border-primary-dark-hover: var(--brand-600);
433
+ --interactive-border-primary-dark-pressed: var(--brand-700);
364
434
  --interactive-border-primary-light-default: var(--grey-white);
365
435
  --interactive-border-primary-light-hover: var(--blue-100);
366
436
  --interactive-border-primary-light-pressed: var(--blue-200);
@@ -376,9 +446,9 @@
376
446
  --interactive-border-success-light-default: var(--grey-white);
377
447
  --interactive-border-success-light-hover: var(--green-50);
378
448
  --interactive-border-success-light-pressed: var(--green-100);
379
- --interactive-border-warning-dark-default: var(--yellow-400);
380
- --interactive-border-warning-dark-hover: var(--yellow-500);
381
- --interactive-border-warning-dark-pressed: var(--yellow-600);
449
+ --interactive-border-warning-dark-default: var(--yellow-500);
450
+ --interactive-border-warning-dark-hover: var(--yellow-600);
451
+ --interactive-border-warning-dark-pressed: var(--yellow-700);
382
452
  --interactive-border-warning-light-default: var(--grey-white);
383
453
  --interactive-border-warning-light-hover: var(--yellow-100);
384
454
  --interactive-border-warning-light-pressed: var(--yellow-200);