@l3mpire/tokens 0.14.0 → 0.16.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 +158 -114
  5. package/dist/css/tokens-dark.css +227 -158
  6. package/dist/css/tokens.css +250 -139
  7. package/dist/ts/tokens.ts +634 -523
  8. package/package.json +1 -1
package/dist/css/tokens.css CHANGED
@@ -3,96 +3,101 @@
3
3
  */
4
4
 
5
5
  :root {
6
- --blue-50: #f5f8ff;
7
- --blue-100: #e0ebff;
8
- --blue-200: #c7dcff;
9
- --blue-300: #a3c7ff;
10
- --blue-400: #7aa8ff;
11
- --blue-500: #316bff;
12
- --blue-600: #1f5eff;
13
- --blue-700: #134cdd;
14
- --blue-800: #0d3bb0;
15
- --blue-900: #072d8e;
16
- --pink-50: #fff5f8;
17
- --pink-100: #ffeef2;
18
- --pink-200: #ffd9e4;
19
- --pink-300: #ffb0cc;
20
- --pink-400: #ff88aa;
21
- --pink-500: #ec6181;
22
- --pink-600: #d94872;
23
- --pink-700: #ab465e;
24
- --pink-800: #8a3649;
25
- --pink-900: #641225;
26
- --red-50: #fff5f5;
27
- --red-100: #ffe7e2;
28
- --red-200: #ffc9c9;
29
- --red-300: #f8b1b1;
30
- --red-400: #f57575;
31
- --red-500: #ec4343;
32
- --red-600: #d92828;
33
- --red-700: #be0723;
34
- --red-800: #9e0821;
35
- --red-900: #8c0000;
36
- --green-50: #f0fdf0;
37
- --green-100: #e5fce5;
38
- --green-200: #c8f4c8;
39
- --green-300: #9ae299;
40
- --green-400: #5dd85a;
41
- --green-500: #31c52e;
42
- --green-600: #1fb01c;
43
- --green-700: #009e00;
44
- --green-800: #008200;
45
- --green-900: #007300;
46
- --yellow-50: #fffef5;
47
- --yellow-100: #fff8d3;
48
- --yellow-200: #fff0a7;
49
- --yellow-300: #ffe172;
50
- --yellow-400: #f5ca3d;
51
- --yellow-500: #dfb009;
52
- --yellow-600: #d9aa00;
53
- --yellow-700: #b88f00;
54
- --yellow-800: #9c7700;
55
- --yellow-900: #916d00;
56
- --purple-50: #faf8ff;
57
- --purple-100: #f5f0ff;
58
- --purple-200: #ebe4ff;
59
- --purple-300: #d3bcfc;
60
- --purple-400: #b89df5;
61
- --purple-500: #9b7ce8;
62
- --purple-600: #7d5dd4;
63
- --purple-700: #6344b8;
64
- --purple-800: #4d3390;
65
- --purple-900: #2d1a51;
66
- --teal-50: #f0fdf9;
67
- --teal-100: #eafff6;
68
- --teal-200: #d1f9ea;
69
- --teal-300: #b4ffe2;
70
- --teal-400: #91e0bf;
71
- --teal-500: #6dd4a8;
72
- --teal-600: #44c38e;
73
- --teal-700: #2ca572;
74
- --teal-800: #1d7a54;
75
- --teal-900: #0d5034;
76
- --orange-50: #fff8f3;
77
- --orange-100: #fff0ec;
78
- --orange-200: #ffe5d9;
79
- --orange-300: #ffdabf;
80
- --orange-400: #ffc199;
81
- --orange-500: #f5967e;
82
- --orange-600: #f07254;
83
- --orange-700: #de5837;
84
- --orange-800: #b8422a;
85
- --orange-900: #892f19;
86
- --grey-50: #fafafa;
87
- --grey-100: #f2f2f2;
88
- --grey-200: #efefef;
89
- --grey-300: #e6e6e6;
90
- --grey-400: #b7bec6;
91
- --grey-500: #98a1ac;
92
- --grey-600: #838990;
93
- --grey-700: #566f8f;
94
- --grey-800: #3d4f66;
95
- --grey-900: #213856;
6
+ --blue-50: #eff6ff;
7
+ --blue-100: #dbeafe;
8
+ --blue-200: #bfdbfe;
9
+ --blue-300: #93c5fd;
10
+ --blue-400: #60a5fa;
11
+ --blue-500: #3b82f6;
12
+ --blue-600: #2563eb;
13
+ --blue-700: #1d4ed8;
14
+ --blue-800: #1e40af;
15
+ --blue-900: #1e3a8a;
16
+ --blue-950: #172554;
17
+ --pink-50: #fdf2f8;
18
+ --pink-75: #ffebf1;
19
+ --pink-100: #fce7f3;
20
+ --pink-200: #fbcfe8;
21
+ --pink-300: #f9a8d4;
22
+ --pink-400: #f472b6;
23
+ --pink-500: #ec4899;
24
+ --pink-600: #db2777;
25
+ --pink-700: #be185d;
26
+ --pink-800: #9d174d;
27
+ --pink-900: #831843;
28
+ --red-50: #fef2f2;
29
+ --red-100: #fee2e2;
30
+ --red-200: #fecaca;
31
+ --red-300: #fca5a5;
32
+ --red-400: #f87171;
33
+ --red-500: #ef4444;
34
+ --red-600: #dc2626;
35
+ --red-700: #b91c1c;
36
+ --red-800: #991b1b;
37
+ --red-900: #7f1d1d;
38
+ --red-950: #450a0a;
39
+ --green-50: #f0fdf4;
40
+ --green-100: #dcfce7;
41
+ --green-200: #bbf7d0;
42
+ --green-300: #86efac;
43
+ --green-400: #4ade80;
44
+ --green-500: #22c55e;
45
+ --green-600: #16a34a;
46
+ --green-700: #15803d;
47
+ --green-800: #166534;
48
+ --green-900: #14532d;
49
+ --green-950: #052e16;
50
+ --yellow-50: #fefce8;
51
+ --yellow-100: #fef9c3;
52
+ --yellow-200: #fef08a;
53
+ --yellow-300: #fde047;
54
+ --yellow-400: #facc15;
55
+ --yellow-500: #eab308;
56
+ --yellow-600: #ca8a04;
57
+ --yellow-700: #a16207;
58
+ --yellow-800: #854d0e;
59
+ --yellow-900: #713f12;
60
+ --yellow-950: #422006;
61
+ --purple-50: #faf5ff;
62
+ --purple-100: #f3e8ff;
63
+ --purple-200: #e9d5ff;
64
+ --purple-300: #d8b4fe;
65
+ --purple-400: #c084fc;
66
+ --purple-500: #a855f7;
67
+ --purple-600: #9333ea;
68
+ --purple-700: #7e22ce;
69
+ --purple-800: #6b21a8;
70
+ --purple-900: #581c87;
71
+ --teal-50: #f0fdfa;
72
+ --teal-100: #ccfbf1;
73
+ --teal-200: #99f6e4;
74
+ --teal-300: #5eead4;
75
+ --teal-400: #2dd4bf;
76
+ --teal-500: #14b8a6;
77
+ --teal-600: #0d9488;
78
+ --teal-700: #0f766e;
79
+ --teal-800: #115e59;
80
+ --teal-900: #134e4a;
81
+ --orange-50: #fff7ed;
82
+ --orange-100: #ffedd5;
83
+ --orange-200: #fed7aa;
84
+ --orange-300: #fdba74;
85
+ --orange-400: #fb923c;
86
+ --orange-500: #f97316;
87
+ --orange-600: #ea580c;
88
+ --orange-700: #c2410c;
89
+ --orange-800: #9a3412;
90
+ --orange-900: #7c2d12;
91
+ --grey-50: #f9fafb;
92
+ --grey-100: #f3f4f6;
93
+ --grey-200: #e5e7eb;
94
+ --grey-300: #d1d5db;
95
+ --grey-400: #9ca3af;
96
+ --grey-500: #6b7280;
97
+ --grey-600: #5a6472;
98
+ --grey-700: #374151;
99
+ --grey-800: #1f2937;
100
+ --grey-900: #111827;
96
101
  --grey-white: #ffffff;
97
102
  --beige-50: #fffbfb;
98
103
  --beige-100: #fff8f8;
@@ -175,6 +180,7 @@
175
180
  --emerald-800: #065f46;
176
181
  --emerald-900: #064e3b;
177
182
  --fuchsia-50: #fdf4ff;
183
+ --fuchsia-75: #fae8ff;
178
184
  --fuchsia-100: #fae8ff;
179
185
  --fuchsia-200: #f5d0fe;
180
186
  --fuchsia-300: #f0abfc;
@@ -204,10 +210,45 @@
204
210
  --slate-700: #334155;
205
211
  --slate-800: #1e293b;
206
212
  --slate-900: #0f172a;
213
+ --brand-50: #f5f8ff;
214
+ --brand-100: #e0ebff;
215
+ --brand-200: #c7dcff;
216
+ --brand-300: #a3c7ff;
217
+ --brand-400: #7aa8ff;
218
+ --brand-500: #316bff;
219
+ --brand-600: #1f5eff;
220
+ --brand-700: #134cdd;
221
+ --brand-800: #0d3bb0;
222
+ --brand-900: #072d8e;
223
+ --sky-50: #f0f9ff;
224
+ --sky-100: #e0f2fe;
225
+ --sky-200: #bae6fd;
226
+ --sky-300: #7dd3fc;
227
+ --sky-400: #38bdf8;
228
+ --sky-500: #0ea5e9;
229
+ --sky-600: #0284c7;
230
+ --sky-700: #0369a1;
231
+ --sky-800: #075985;
232
+ --sky-900: #0c4a6e;
233
+ --alpha-0: rgba(31, 41, 55, 0.03);
234
+ --alpha-1: rgba(31, 41, 55, 0.1);
235
+ --alpha-2: rgba(31, 41, 55, 0.15);
236
+ --alpha-3: rgba(31, 41, 55, 0.25);
237
+ --alpha-5: rgba(31, 41, 55, 0.5);
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);
242
+ --core-bg-specific-brands-logo-linkedin: #0069c9;
243
+ --core-bg-specific-brands-logo-linkedin-premium: #9f8333;
244
+ --core-bg-specific-brands-logo-hubspot: #ff7a59;
245
+ --core-bg-specific-brands-logo-salesforce: #00a1e0;
246
+ --core-bg-specific-ai-light-default: linear-gradient(0deg, rgba(49, 107, 255, 0.06) -10%, rgba(139, 92, 246, 0.06) 100%);
247
+ --core-bg-specific-ai-light-hover: linear-gradient(0deg, rgba(31, 94, 255, 0.08) -10%, rgba(168, 85, 247, 0.08) 100%);
248
+ --core-bg-specific-ai-light-pressed: linear-gradient(0deg, rgba(19, 76, 221, 0.1) -10%, rgba(168, 85, 247, 0.1) 100%);
249
+ --core-bg-specific-ai-dark-default: linear-gradient(0deg, #316bff -10%, #8b5cf6 100%);
250
+ --core-bg-specific-ai-dark-hover: linear-gradient(0deg, #1f5eff -10%, #a855f7 100%);
251
+ --core-bg-specific-ai-dark-pressed: linear-gradient(0deg, #134cdd -10%, #a855f7 100%);
211
252
  --core-text-specific-tags-on-solid: #ffffff;
212
253
  --radius-none: 0;
213
254
  --radius-2xs: 2px;
@@ -265,7 +306,7 @@
265
306
  --font-weight-regular: 400;
266
307
  --font-weight-medium: 500;
267
308
  --font-weight-semibold: 600;
268
- --font-weight-bold: 700;
309
+ --font-weight-solid: 700;
269
310
  --comp-btn-solid-brand-bg-gradient-to-default: #477bff;
270
311
  --comp-btn-solid-brand-inner-border-default: #5c8aff;
271
312
  --comp-btn-solid-brand-inner-border-hover: #5c8aff;
@@ -291,10 +332,15 @@
291
332
  --core-bg-main-primary: var(--grey-white);
292
333
  --core-bg-main-secondary: var(--grey-50);
293
334
  --core-bg-main-tertiary: var(--grey-100);
335
+ --core-bg-main-hover: var(--grey-200);
294
336
  --core-bg-main-invert-primary: var(--grey-900);
295
337
  --core-bg-main-invert-secondary: var(--grey-700);
296
338
  --core-bg-main-invert-tertiary: var(--grey-400);
297
339
  --core-bg-functional-disabled: var(--grey-100);
340
+ --core-bg-functional-success: var(--green-500);
341
+ --core-bg-functional-critical: var(--red-500);
342
+ --core-bg-functional-info: var(--blue-500);
343
+ --core-bg-functional-warning: var(--yellow-500);
298
344
  --core-bg-functional-invert-success: var(--green-50);
299
345
  --core-bg-functional-invert-critical: var(--red-50);
300
346
  --core-bg-functional-invert-info: var(--blue-50);
@@ -311,6 +357,11 @@
311
357
  --core-bg-specific-tags-fuchsia: var(--fuchsia-50);
312
358
  --core-bg-specific-tags-amber: var(--amber-50);
313
359
  --core-bg-specific-tags-slate: var(--slate-100);
360
+ --core-bg-specific-tags-neutral-hover: var(--grey-200);
361
+ --core-bg-specific-tags-teal: var(--teal-50);
362
+ --core-bg-specific-tags-sky: var(--sky-50);
363
+ --core-bg-specific-tags-purple: var(--purple-50);
364
+ --core-bg-specific-tags-pink: var(--pink-50);
314
365
  --core-bg-specific-tags-solid-indigo: var(--indigo-600);
315
366
  --core-bg-specific-tags-solid-rose: var(--rose-600);
316
367
  --core-bg-specific-tags-solid-lime: var(--lime-700);
@@ -321,57 +372,81 @@
321
372
  --core-bg-specific-tags-solid-fuchsia: var(--fuchsia-600);
322
373
  --core-bg-specific-tags-solid-amber: var(--amber-700);
323
374
  --core-bg-specific-tags-solid-slate: var(--slate-600);
324
- --core-text-main-primary: var(--grey-900);
325
- --core-text-main-secondary: var(--grey-700);
375
+ --core-bg-specific-tags-invert-neutral: var(--grey-700);
376
+ --core-bg-specific-tags-invert-orange: var(--orange-500);
377
+ --core-bg-specific-tags-invert-amber: var(--amber-500);
378
+ --core-bg-specific-tags-invert-teal: var(--teal-500);
379
+ --core-bg-specific-tags-invert-cyan: var(--cyan-500);
380
+ --core-bg-specific-tags-invert-sky: var(--sky-500);
381
+ --core-bg-specific-tags-invert-indigo: var(--indigo-500);
382
+ --core-bg-specific-tags-invert-violet: var(--violet-500);
383
+ --core-bg-specific-tags-invert-purple: var(--purple-500);
384
+ --core-bg-specific-tags-invert-fuchsia: var(--fuchsia-500);
385
+ --core-bg-specific-tags-invert-pink: var(--pink-500);
386
+ --core-text-main-primary: var(--grey-800);
387
+ --core-text-main-secondary: var(--grey-600);
326
388
  --core-text-main-tertiary: var(--grey-500);
327
389
  --core-text-main-invert-primary: var(--grey-white);
328
390
  --core-text-main-invert-secondary: var(--grey-100);
329
391
  --core-text-main-invert-tertiary: var(--grey-200);
330
- --core-text-functional-placeholder: var(--grey-500);
392
+ --core-text-functional-placeholder: var(--alpha-5);
331
393
  --core-text-functional-disabled: var(--grey-400);
332
394
  --core-text-functional-disabled-invert: var(--grey-white);
333
- --core-text-functional-success: var(--green-500);
334
- --core-text-functional-critical: var(--red-500);
335
- --core-text-functional-info: var(--blue-500);
336
- --core-text-functional-warning: var(--yellow-500);
395
+ --core-text-functional-success: var(--green-700);
396
+ --core-text-functional-critical: var(--red-700);
397
+ --core-text-functional-info: var(--blue-700);
398
+ --core-text-functional-warning: var(--yellow-700);
337
399
  --core-text-specific-tags-indigo: var(--indigo-700);
338
400
  --core-text-specific-tags-rose: var(--rose-700);
339
401
  --core-text-specific-tags-lime: var(--lime-700);
340
402
  --core-text-specific-tags-violet: var(--violet-700);
341
403
  --core-text-specific-tags-cyan: var(--cyan-700);
342
- --core-text-specific-tags-orange: var(--orange-800);
404
+ --core-text-specific-tags-orange: var(--orange-700);
343
405
  --core-text-specific-tags-emerald: var(--emerald-700);
344
406
  --core-text-specific-tags-fuchsia: var(--fuchsia-700);
345
407
  --core-text-specific-tags-amber: var(--amber-700);
346
408
  --core-text-specific-tags-slate: var(--slate-600);
347
- --core-border-main-primary: var(--grey-200);
348
- --core-border-main-secondary: var(--grey-300);
409
+ --core-text-specific-tags-neutral: var(--grey-700);
410
+ --core-text-specific-tags-teal: var(--teal-700);
411
+ --core-text-specific-tags-sky: var(--sky-700);
412
+ --core-text-specific-tags-purple: var(--purple-700);
413
+ --core-text-specific-tags-pink: var(--pink-700);
414
+ --core-border-main-primary: var(--alpha-1);
415
+ --core-border-main-secondary: var(--alpha-2);
416
+ --core-border-main-hover: var(--alpha-3);
417
+ --core-border-main-subtle: var(--alpha-0);
418
+ --core-border-main-darken: var(--alpha-5);
349
419
  --core-border-main-invert-primary: var(--grey-900);
350
- --core-border-main-invert-secondary: var(--grey-800);
351
- --core-border-functional-success: var(--green-500);
352
- --core-border-functional-critical: var(--red-500);
353
- --core-border-functional-info: var(--blue-500);
354
- --core-border-functional-warning: var(--yellow-500);
355
- --core-border-specific-tags-indigo: var(--indigo-200);
420
+ --core-border-main-invert-secondary: var(--grey-700);
421
+ --core-border-functional-success: var(--green-700);
422
+ --core-border-functional-critical: var(--red-700);
423
+ --core-border-functional-info: var(--blue-700);
424
+ --core-border-functional-warning: var(--yellow-700);
425
+ --core-border-specific-tags-indigo: var(--indigo-700);
356
426
  --core-border-specific-tags-rose: var(--rose-200);
357
427
  --core-border-specific-tags-lime: var(--lime-200);
358
- --core-border-specific-tags-violet: var(--violet-200);
359
- --core-border-specific-tags-cyan: var(--cyan-200);
360
- --core-border-specific-tags-orange: var(--orange-200);
428
+ --core-border-specific-tags-violet: var(--violet-700);
429
+ --core-border-specific-tags-cyan: var(--cyan-700);
430
+ --core-border-specific-tags-orange: var(--orange-700);
361
431
  --core-border-specific-tags-emerald: var(--emerald-200);
362
- --core-border-specific-tags-fuchsia: var(--fuchsia-200);
363
- --core-border-specific-tags-amber: var(--amber-200);
432
+ --core-border-specific-tags-fuchsia: var(--fuchsia-700);
433
+ --core-border-specific-tags-amber: var(--amber-700);
364
434
  --core-border-specific-tags-slate: var(--slate-300);
365
- --interactive-bg-primary-dark-default: var(--blue-500);
366
- --interactive-bg-primary-dark-hover: var(--blue-600);
367
- --interactive-bg-primary-dark-pressed: var(--blue-700);
368
- --interactive-bg-primary-light-default: var(--grey-white);
369
- --interactive-bg-primary-light-hover: var(--blue-50);
435
+ --core-border-specific-tags-neutral: var(--grey-700);
436
+ --core-border-specific-tags-teal: var(--teal-700);
437
+ --core-border-specific-tags-sky: var(--sky-700);
438
+ --core-border-specific-tags-purple: var(--purple-700);
439
+ --core-border-specific-tags-pink: var(--pink-700);
440
+ --interactive-bg-primary-dark-default: var(--brand-500);
441
+ --interactive-bg-primary-dark-hover: var(--brand-600);
442
+ --interactive-bg-primary-dark-pressed: var(--brand-700);
443
+ --interactive-bg-primary-light-default: var(--brand-50);
444
+ --interactive-bg-primary-light-hover: var(--blue-100);
370
445
  --interactive-bg-primary-light-pressed: var(--blue-200);
371
446
  --interactive-bg-dark-default: var(--grey-900);
372
447
  --interactive-bg-dark-hover: var(--grey-800);
373
448
  --interactive-bg-dark-pressed: var(--grey-700);
374
- --interactive-bg-light-default: var(--grey-white);
449
+ --interactive-bg-light-default: var(--grey-50);
375
450
  --interactive-bg-light-hover: var(--grey-100);
376
451
  --interactive-bg-light-pressed: var(--grey-200);
377
452
  --interactive-bg-white-default: var(--grey-white);
@@ -381,8 +456,8 @@
381
456
  --interactive-bg-critical-dark-hover: var(--red-600);
382
457
  --interactive-bg-critical-dark-pressed: var(--red-700);
383
458
  --interactive-bg-critical-light-default: var(--grey-white);
384
- --interactive-bg-critical-light-hover: var(--red-100);
385
- --interactive-bg-critical-light-pressed: var(--red-200);
459
+ --interactive-bg-critical-light-hover: var(--red-50);
460
+ --interactive-bg-critical-light-pressed: var(--red-100);
386
461
  --interactive-bg-success-dark-default: var(--green-500);
387
462
  --interactive-bg-success-dark-hover: var(--green-600);
388
463
  --interactive-bg-success-dark-pressed: var(--green-700);
@@ -401,11 +476,11 @@
401
476
  --interactive-text-neutral-light-default: var(--grey-white);
402
477
  --interactive-text-neutral-light-hover: var(--grey-100);
403
478
  --interactive-text-neutral-light-pressed: var(--grey-200);
404
- --interactive-text-primary-dark-default: var(--blue-500);
405
- --interactive-text-primary-dark-hover: var(--blue-600);
406
- --interactive-text-primary-dark-pressed: var(--blue-700);
479
+ --interactive-text-primary-dark-default: var(--brand-500);
480
+ --interactive-text-primary-dark-hover: var(--brand-600);
481
+ --interactive-text-primary-dark-pressed: var(--brand-700);
407
482
  --interactive-text-primary-light-default: var(--grey-white);
408
- --interactive-text-primary-light-hover: var(--blue-100);
483
+ --interactive-text-primary-light-hover: var(--blue-50);
409
484
  --interactive-text-primary-light-pressed: var(--blue-200);
410
485
  --interactive-text-white-default: var(--grey-white);
411
486
  --interactive-text-white-hover: var(--grey-50);
@@ -437,9 +512,9 @@
437
512
  --interactive-border-neutral-white-default: var(--grey-white);
438
513
  --interactive-border-neutral-white-hover: var(--grey-50);
439
514
  --interactive-border-neutral-white-pressed: var(--grey-100);
440
- --interactive-border-primary-dark-default: var(--blue-500);
441
- --interactive-border-primary-dark-hover: var(--blue-600);
442
- --interactive-border-primary-dark-pressed: var(--blue-700);
515
+ --interactive-border-primary-dark-default: var(--brand-500);
516
+ --interactive-border-primary-dark-hover: var(--brand-600);
517
+ --interactive-border-primary-dark-pressed: var(--brand-700);
443
518
  --interactive-border-primary-light-default: var(--grey-white);
444
519
  --interactive-border-primary-light-hover: var(--blue-100);
445
520
  --interactive-border-primary-light-pressed: var(--blue-200);
@@ -455,21 +530,25 @@
455
530
  --interactive-border-success-light-default: var(--grey-white);
456
531
  --interactive-border-success-light-hover: var(--green-50);
457
532
  --interactive-border-success-light-pressed: var(--green-100);
458
- --interactive-border-warning-dark-default: var(--yellow-400);
459
- --interactive-border-warning-dark-hover: var(--yellow-500);
460
- --interactive-border-warning-dark-pressed: var(--yellow-600);
533
+ --interactive-border-warning-dark-default: var(--yellow-500);
534
+ --interactive-border-warning-dark-hover: var(--yellow-600);
535
+ --interactive-border-warning-dark-pressed: var(--yellow-700);
461
536
  --interactive-border-warning-light-default: var(--grey-white);
462
537
  --interactive-border-warning-light-hover: var(--yellow-100);
463
538
  --interactive-border-warning-light-pressed: var(--yellow-200);
464
539
  --comp-badge-solid-indigo-text: var(--core-text-specific-tags-on-solid);
465
- --comp-badge-solid-rose-text: var(--core-text-specific-tags-on-solid);
466
- --comp-badge-solid-lime-text: var(--core-text-specific-tags-on-solid);
467
540
  --comp-badge-solid-violet-text: var(--core-text-specific-tags-on-solid);
468
541
  --comp-badge-solid-cyan-text: var(--core-text-specific-tags-on-solid);
469
542
  --comp-badge-solid-orange-text: var(--core-text-specific-tags-on-solid);
470
- --comp-badge-solid-emerald-text: var(--core-text-specific-tags-on-solid);
471
543
  --comp-badge-solid-fuchsia-text: var(--core-text-specific-tags-on-solid);
472
544
  --comp-badge-solid-amber-text: var(--core-text-specific-tags-on-solid);
545
+ --comp-badge-solid-teal-text: var(--core-text-specific-tags-on-solid);
546
+ --comp-badge-solid-sky-text: var(--core-text-specific-tags-on-solid);
547
+ --comp-badge-solid-purple-text: var(--core-text-specific-tags-on-solid);
548
+ --comp-badge-solid-pink-text: var(--core-text-specific-tags-on-solid);
549
+ --comp-badge-solid-rose-text: var(--core-text-specific-tags-on-solid);
550
+ --comp-badge-solid-lime-text: var(--core-text-specific-tags-on-solid);
551
+ --comp-badge-solid-emerald-text: var(--core-text-specific-tags-on-solid);
473
552
  --comp-badge-solid-slate-text: var(--core-text-specific-tags-on-solid);
474
553
  --comp-btn-outlined-neutral-bg-default: var(--grey-50);
475
554
  --comp-btn-outlined-neutral-bg-hover: var(--grey-100);
@@ -506,15 +585,19 @@
506
585
  --comp-badge-solid-warning-text: var(--core-text-main-invert-primary);
507
586
  --comp-badge-solid-neutral-bg: var(--core-bg-main-invert-secondary);
508
587
  --comp-badge-solid-neutral-text: var(--core-text-main-invert-primary);
509
- --comp-badge-solid-indigo-bg: var(--core-bg-specific-tags-solid-indigo);
588
+ --comp-badge-solid-indigo-bg: var(--core-bg-specific-tags-invert-indigo);
589
+ --comp-badge-solid-violet-bg: var(--core-bg-specific-tags-invert-violet);
590
+ --comp-badge-solid-cyan-bg: var(--core-bg-specific-tags-invert-cyan);
591
+ --comp-badge-solid-orange-bg: var(--core-bg-specific-tags-invert-orange);
592
+ --comp-badge-solid-fuchsia-bg: var(--core-bg-specific-tags-invert-fuchsia);
593
+ --comp-badge-solid-amber-bg: var(--core-bg-specific-tags-invert-amber);
594
+ --comp-badge-solid-teal-bg: var(--core-bg-specific-tags-invert-teal);
595
+ --comp-badge-solid-sky-bg: var(--core-bg-specific-tags-invert-sky);
596
+ --comp-badge-solid-purple-bg: var(--core-bg-specific-tags-invert-purple);
597
+ --comp-badge-solid-pink-bg: var(--core-bg-specific-tags-invert-pink);
510
598
  --comp-badge-solid-rose-bg: var(--core-bg-specific-tags-solid-rose);
511
599
  --comp-badge-solid-lime-bg: var(--core-bg-specific-tags-solid-lime);
512
- --comp-badge-solid-violet-bg: var(--core-bg-specific-tags-solid-violet);
513
- --comp-badge-solid-cyan-bg: var(--core-bg-specific-tags-solid-cyan);
514
- --comp-badge-solid-orange-bg: var(--core-bg-specific-tags-solid-orange);
515
600
  --comp-badge-solid-emerald-bg: var(--core-bg-specific-tags-solid-emerald);
516
- --comp-badge-solid-fuchsia-bg: var(--core-bg-specific-tags-solid-fuchsia);
517
- --comp-badge-solid-amber-bg: var(--core-bg-specific-tags-solid-amber);
518
601
  --comp-badge-solid-slate-bg: var(--core-bg-specific-tags-solid-slate);
519
602
  --comp-badge-light-primary-bg: var(--core-bg-functional-invert-info);
520
603
  --comp-badge-light-primary-text: var(--core-text-functional-info);
@@ -546,6 +629,14 @@
546
629
  --comp-badge-light-amber-text: var(--core-text-specific-tags-amber);
547
630
  --comp-badge-light-slate-bg: var(--core-bg-specific-tags-slate);
548
631
  --comp-badge-light-slate-text: var(--core-text-specific-tags-slate);
632
+ --comp-badge-light-teal-bg: var(--core-bg-specific-tags-teal);
633
+ --comp-badge-light-teal-text: var(--core-text-specific-tags-teal);
634
+ --comp-badge-light-sky-bg: var(--core-bg-specific-tags-sky);
635
+ --comp-badge-light-sky-text: var(--core-text-specific-tags-sky);
636
+ --comp-badge-light-purple-bg: var(--core-bg-specific-tags-purple);
637
+ --comp-badge-light-purple-text: var(--core-text-specific-tags-purple);
638
+ --comp-badge-light-pink-bg: var(--core-bg-specific-tags-pink);
639
+ --comp-badge-light-pink-text: var(--core-text-specific-tags-pink);
549
640
  --comp-badge-outlined-primary-border: var(--core-border-functional-info);
550
641
  --comp-badge-outlined-primary-text: var(--core-text-functional-info);
551
642
  --comp-badge-outlined-success-border: var(--core-border-functional-success);
@@ -576,6 +667,14 @@
576
667
  --comp-badge-outlined-amber-text: var(--core-text-specific-tags-amber);
577
668
  --comp-badge-outlined-slate-border: var(--core-border-specific-tags-slate);
578
669
  --comp-badge-outlined-slate-text: var(--core-text-specific-tags-slate);
670
+ --comp-badge-outlined-teal-border: var(--core-border-specific-tags-teal);
671
+ --comp-badge-outlined-teal-text: var(--core-text-specific-tags-teal);
672
+ --comp-badge-outlined-sky-border: var(--core-border-specific-tags-sky);
673
+ --comp-badge-outlined-sky-text: var(--core-text-specific-tags-sky);
674
+ --comp-badge-outlined-purple-border: var(--core-border-specific-tags-purple);
675
+ --comp-badge-outlined-purple-text: var(--core-text-specific-tags-purple);
676
+ --comp-badge-outlined-pink-border: var(--core-border-specific-tags-pink);
677
+ --comp-badge-outlined-pink-text: var(--core-text-specific-tags-pink);
579
678
  --comp-browser-tab-border: var(--core-border-main-primary);
580
679
  --comp-browser-tab-item-bg: var(--core-bg-main-primary);
581
680
  --comp-browser-tab-item-border: var(--core-border-main-primary);
@@ -863,6 +962,18 @@
863
962
  --comp-tag-slate-bg: var(--core-bg-specific-tags-slate);
864
963
  --comp-tag-slate-text: var(--core-text-specific-tags-slate);
865
964
  --comp-tag-slate-border: var(--core-border-specific-tags-slate);
965
+ --comp-tag-teal-bg: var(--core-bg-specific-tags-teal);
966
+ --comp-tag-teal-text: var(--core-text-specific-tags-teal);
967
+ --comp-tag-teal-border: var(--core-border-specific-tags-teal);
968
+ --comp-tag-sky-bg: var(--core-bg-specific-tags-sky);
969
+ --comp-tag-sky-text: var(--core-text-specific-tags-sky);
970
+ --comp-tag-sky-border: var(--core-border-specific-tags-sky);
971
+ --comp-tag-purple-bg: var(--core-bg-specific-tags-purple);
972
+ --comp-tag-purple-text: var(--core-text-specific-tags-purple);
973
+ --comp-tag-purple-border: var(--core-border-specific-tags-purple);
974
+ --comp-tag-pink-bg: var(--core-bg-specific-tags-pink);
975
+ --comp-tag-pink-text: var(--core-text-specific-tags-pink);
976
+ --comp-tag-pink-border: var(--core-border-specific-tags-pink);
866
977
  --comp-text-input-bg-default: var(--core-bg-main-primary);
867
978
  --comp-text-input-bg-disabled: var(--core-bg-functional-disabled);
868
979
  --comp-text-input-border-default: var(--core-border-main-primary);