@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.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,40 @@
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: #ffffff;
211
247
  --core-text-specific-tags-on-solid: #ffffff;
212
248
  --radius-none: 0;
213
249
  --radius-2xs: 2px;
@@ -265,7 +301,7 @@
265
301
  --font-weight-regular: 400;
266
302
  --font-weight-medium: 500;
267
303
  --font-weight-semibold: 600;
268
- --font-weight-bold: 700;
304
+ --font-weight-solid: 700;
269
305
  --comp-btn-solid-brand-bg-gradient-to-default: #477bff;
270
306
  --comp-btn-solid-brand-inner-border-default: #5c8aff;
271
307
  --comp-btn-solid-brand-inner-border-hover: #5c8aff;
@@ -291,10 +327,15 @@
291
327
  --core-bg-main-primary: var(--grey-white);
292
328
  --core-bg-main-secondary: var(--grey-50);
293
329
  --core-bg-main-tertiary: var(--grey-100);
330
+ --core-bg-main-hover: var(--grey-200);
294
331
  --core-bg-main-invert-primary: var(--grey-900);
295
332
  --core-bg-main-invert-secondary: var(--grey-700);
296
333
  --core-bg-main-invert-tertiary: var(--grey-400);
297
334
  --core-bg-functional-disabled: var(--grey-100);
335
+ --core-bg-functional-success: var(--green-500);
336
+ --core-bg-functional-critical: var(--red-500);
337
+ --core-bg-functional-info: var(--blue-500);
338
+ --core-bg-functional-warning: var(--yellow-500);
298
339
  --core-bg-functional-invert-success: var(--green-50);
299
340
  --core-bg-functional-invert-critical: var(--red-50);
300
341
  --core-bg-functional-invert-info: var(--blue-50);
@@ -311,6 +352,11 @@
311
352
  --core-bg-specific-tags-fuchsia: var(--fuchsia-50);
312
353
  --core-bg-specific-tags-amber: var(--amber-50);
313
354
  --core-bg-specific-tags-slate: var(--slate-100);
355
+ --core-bg-specific-tags-neutral-hover: var(--grey-200);
356
+ --core-bg-specific-tags-teal: var(--teal-50);
357
+ --core-bg-specific-tags-sky: var(--sky-50);
358
+ --core-bg-specific-tags-purple: var(--purple-50);
359
+ --core-bg-specific-tags-pink: var(--pink-50);
314
360
  --core-bg-specific-tags-solid-indigo: var(--indigo-600);
315
361
  --core-bg-specific-tags-solid-rose: var(--rose-600);
316
362
  --core-bg-specific-tags-solid-lime: var(--lime-700);
@@ -321,57 +367,81 @@
321
367
  --core-bg-specific-tags-solid-fuchsia: var(--fuchsia-600);
322
368
  --core-bg-specific-tags-solid-amber: var(--amber-700);
323
369
  --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);
370
+ --core-bg-specific-tags-invert-neutral: var(--grey-700);
371
+ --core-bg-specific-tags-invert-orange: var(--orange-500);
372
+ --core-bg-specific-tags-invert-amber: var(--amber-500);
373
+ --core-bg-specific-tags-invert-teal: var(--teal-500);
374
+ --core-bg-specific-tags-invert-cyan: var(--cyan-500);
375
+ --core-bg-specific-tags-invert-sky: var(--sky-500);
376
+ --core-bg-specific-tags-invert-indigo: var(--indigo-500);
377
+ --core-bg-specific-tags-invert-violet: var(--violet-500);
378
+ --core-bg-specific-tags-invert-purple: var(--purple-500);
379
+ --core-bg-specific-tags-invert-fuchsia: var(--fuchsia-500);
380
+ --core-bg-specific-tags-invert-pink: var(--pink-500);
381
+ --core-text-main-primary: var(--grey-800);
382
+ --core-text-main-secondary: var(--grey-600);
326
383
  --core-text-main-tertiary: var(--grey-500);
327
384
  --core-text-main-invert-primary: var(--grey-white);
328
385
  --core-text-main-invert-secondary: var(--grey-100);
329
386
  --core-text-main-invert-tertiary: var(--grey-200);
330
- --core-text-functional-placeholder: var(--grey-500);
387
+ --core-text-functional-placeholder: var(--alpha-5);
331
388
  --core-text-functional-disabled: var(--grey-400);
332
389
  --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);
390
+ --core-text-functional-success: var(--green-700);
391
+ --core-text-functional-critical: var(--red-700);
392
+ --core-text-functional-info: var(--blue-700);
393
+ --core-text-functional-warning: var(--yellow-700);
337
394
  --core-text-specific-tags-indigo: var(--indigo-700);
338
395
  --core-text-specific-tags-rose: var(--rose-700);
339
396
  --core-text-specific-tags-lime: var(--lime-700);
340
397
  --core-text-specific-tags-violet: var(--violet-700);
341
398
  --core-text-specific-tags-cyan: var(--cyan-700);
342
- --core-text-specific-tags-orange: var(--orange-800);
399
+ --core-text-specific-tags-orange: var(--orange-700);
343
400
  --core-text-specific-tags-emerald: var(--emerald-700);
344
401
  --core-text-specific-tags-fuchsia: var(--fuchsia-700);
345
402
  --core-text-specific-tags-amber: var(--amber-700);
346
403
  --core-text-specific-tags-slate: var(--slate-600);
347
- --core-border-main-primary: var(--grey-200);
348
- --core-border-main-secondary: var(--grey-300);
404
+ --core-text-specific-tags-neutral: var(--grey-700);
405
+ --core-text-specific-tags-teal: var(--teal-700);
406
+ --core-text-specific-tags-sky: var(--sky-700);
407
+ --core-text-specific-tags-purple: var(--purple-700);
408
+ --core-text-specific-tags-pink: var(--pink-700);
409
+ --core-border-main-primary: var(--alpha-1);
410
+ --core-border-main-secondary: var(--alpha-2);
411
+ --core-border-main-hover: var(--alpha-3);
412
+ --core-border-main-subtle: var(--alpha-0);
413
+ --core-border-main-darken: var(--alpha-5);
349
414
  --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);
415
+ --core-border-main-invert-secondary: var(--grey-700);
416
+ --core-border-functional-success: var(--green-700);
417
+ --core-border-functional-critical: var(--red-700);
418
+ --core-border-functional-info: var(--blue-700);
419
+ --core-border-functional-warning: var(--yellow-700);
420
+ --core-border-specific-tags-indigo: var(--indigo-700);
356
421
  --core-border-specific-tags-rose: var(--rose-200);
357
422
  --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);
423
+ --core-border-specific-tags-violet: var(--violet-700);
424
+ --core-border-specific-tags-cyan: var(--cyan-700);
425
+ --core-border-specific-tags-orange: var(--orange-700);
361
426
  --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);
427
+ --core-border-specific-tags-fuchsia: var(--fuchsia-700);
428
+ --core-border-specific-tags-amber: var(--amber-700);
364
429
  --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);
430
+ --core-border-specific-tags-neutral: var(--grey-700);
431
+ --core-border-specific-tags-teal: var(--teal-700);
432
+ --core-border-specific-tags-sky: var(--sky-700);
433
+ --core-border-specific-tags-purple: var(--purple-700);
434
+ --core-border-specific-tags-pink: var(--pink-700);
435
+ --interactive-bg-primary-dark-default: var(--brand-500);
436
+ --interactive-bg-primary-dark-hover: var(--brand-600);
437
+ --interactive-bg-primary-dark-pressed: var(--brand-700);
438
+ --interactive-bg-primary-light-default: var(--brand-50);
439
+ --interactive-bg-primary-light-hover: var(--blue-100);
370
440
  --interactive-bg-primary-light-pressed: var(--blue-200);
371
441
  --interactive-bg-dark-default: var(--grey-900);
372
442
  --interactive-bg-dark-hover: var(--grey-800);
373
443
  --interactive-bg-dark-pressed: var(--grey-700);
374
- --interactive-bg-light-default: var(--grey-white);
444
+ --interactive-bg-light-default: var(--grey-50);
375
445
  --interactive-bg-light-hover: var(--grey-100);
376
446
  --interactive-bg-light-pressed: var(--grey-200);
377
447
  --interactive-bg-white-default: var(--grey-white);
@@ -381,8 +451,8 @@
381
451
  --interactive-bg-critical-dark-hover: var(--red-600);
382
452
  --interactive-bg-critical-dark-pressed: var(--red-700);
383
453
  --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);
454
+ --interactive-bg-critical-light-hover: var(--red-50);
455
+ --interactive-bg-critical-light-pressed: var(--red-100);
386
456
  --interactive-bg-success-dark-default: var(--green-500);
387
457
  --interactive-bg-success-dark-hover: var(--green-600);
388
458
  --interactive-bg-success-dark-pressed: var(--green-700);
@@ -401,11 +471,11 @@
401
471
  --interactive-text-neutral-light-default: var(--grey-white);
402
472
  --interactive-text-neutral-light-hover: var(--grey-100);
403
473
  --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);
474
+ --interactive-text-primary-dark-default: var(--brand-500);
475
+ --interactive-text-primary-dark-hover: var(--brand-600);
476
+ --interactive-text-primary-dark-pressed: var(--brand-700);
407
477
  --interactive-text-primary-light-default: var(--grey-white);
408
- --interactive-text-primary-light-hover: var(--blue-100);
478
+ --interactive-text-primary-light-hover: var(--blue-50);
409
479
  --interactive-text-primary-light-pressed: var(--blue-200);
410
480
  --interactive-text-white-default: var(--grey-white);
411
481
  --interactive-text-white-hover: var(--grey-50);
@@ -437,9 +507,9 @@
437
507
  --interactive-border-neutral-white-default: var(--grey-white);
438
508
  --interactive-border-neutral-white-hover: var(--grey-50);
439
509
  --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);
510
+ --interactive-border-primary-dark-default: var(--brand-500);
511
+ --interactive-border-primary-dark-hover: var(--brand-600);
512
+ --interactive-border-primary-dark-pressed: var(--brand-700);
443
513
  --interactive-border-primary-light-default: var(--grey-white);
444
514
  --interactive-border-primary-light-hover: var(--blue-100);
445
515
  --interactive-border-primary-light-pressed: var(--blue-200);
@@ -455,21 +525,25 @@
455
525
  --interactive-border-success-light-default: var(--grey-white);
456
526
  --interactive-border-success-light-hover: var(--green-50);
457
527
  --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);
528
+ --interactive-border-warning-dark-default: var(--yellow-500);
529
+ --interactive-border-warning-dark-hover: var(--yellow-600);
530
+ --interactive-border-warning-dark-pressed: var(--yellow-700);
461
531
  --interactive-border-warning-light-default: var(--grey-white);
462
532
  --interactive-border-warning-light-hover: var(--yellow-100);
463
533
  --interactive-border-warning-light-pressed: var(--yellow-200);
464
534
  --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
535
  --comp-badge-solid-violet-text: var(--core-text-specific-tags-on-solid);
468
536
  --comp-badge-solid-cyan-text: var(--core-text-specific-tags-on-solid);
469
537
  --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
538
  --comp-badge-solid-fuchsia-text: var(--core-text-specific-tags-on-solid);
472
539
  --comp-badge-solid-amber-text: var(--core-text-specific-tags-on-solid);
540
+ --comp-badge-solid-teal-text: var(--core-text-specific-tags-on-solid);
541
+ --comp-badge-solid-sky-text: var(--core-text-specific-tags-on-solid);
542
+ --comp-badge-solid-purple-text: var(--core-text-specific-tags-on-solid);
543
+ --comp-badge-solid-pink-text: var(--core-text-specific-tags-on-solid);
544
+ --comp-badge-solid-rose-text: var(--core-text-specific-tags-on-solid);
545
+ --comp-badge-solid-lime-text: var(--core-text-specific-tags-on-solid);
546
+ --comp-badge-solid-emerald-text: var(--core-text-specific-tags-on-solid);
473
547
  --comp-badge-solid-slate-text: var(--core-text-specific-tags-on-solid);
474
548
  --comp-btn-outlined-neutral-bg-default: var(--grey-50);
475
549
  --comp-btn-outlined-neutral-bg-hover: var(--grey-100);
@@ -506,15 +580,19 @@
506
580
  --comp-badge-solid-warning-text: var(--core-text-main-invert-primary);
507
581
  --comp-badge-solid-neutral-bg: var(--core-bg-main-invert-secondary);
508
582
  --comp-badge-solid-neutral-text: var(--core-text-main-invert-primary);
509
- --comp-badge-solid-indigo-bg: var(--core-bg-specific-tags-solid-indigo);
583
+ --comp-badge-solid-indigo-bg: var(--core-bg-specific-tags-invert-indigo);
584
+ --comp-badge-solid-violet-bg: var(--core-bg-specific-tags-invert-violet);
585
+ --comp-badge-solid-cyan-bg: var(--core-bg-specific-tags-invert-cyan);
586
+ --comp-badge-solid-orange-bg: var(--core-bg-specific-tags-invert-orange);
587
+ --comp-badge-solid-fuchsia-bg: var(--core-bg-specific-tags-invert-fuchsia);
588
+ --comp-badge-solid-amber-bg: var(--core-bg-specific-tags-invert-amber);
589
+ --comp-badge-solid-teal-bg: var(--core-bg-specific-tags-invert-teal);
590
+ --comp-badge-solid-sky-bg: var(--core-bg-specific-tags-invert-sky);
591
+ --comp-badge-solid-purple-bg: var(--core-bg-specific-tags-invert-purple);
592
+ --comp-badge-solid-pink-bg: var(--core-bg-specific-tags-invert-pink);
510
593
  --comp-badge-solid-rose-bg: var(--core-bg-specific-tags-solid-rose);
511
594
  --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
595
  --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
596
  --comp-badge-solid-slate-bg: var(--core-bg-specific-tags-solid-slate);
519
597
  --comp-badge-light-primary-bg: var(--core-bg-functional-invert-info);
520
598
  --comp-badge-light-primary-text: var(--core-text-functional-info);
@@ -546,6 +624,14 @@
546
624
  --comp-badge-light-amber-text: var(--core-text-specific-tags-amber);
547
625
  --comp-badge-light-slate-bg: var(--core-bg-specific-tags-slate);
548
626
  --comp-badge-light-slate-text: var(--core-text-specific-tags-slate);
627
+ --comp-badge-light-teal-bg: var(--core-bg-specific-tags-teal);
628
+ --comp-badge-light-teal-text: var(--core-text-specific-tags-teal);
629
+ --comp-badge-light-sky-bg: var(--core-bg-specific-tags-sky);
630
+ --comp-badge-light-sky-text: var(--core-text-specific-tags-sky);
631
+ --comp-badge-light-purple-bg: var(--core-bg-specific-tags-purple);
632
+ --comp-badge-light-purple-text: var(--core-text-specific-tags-purple);
633
+ --comp-badge-light-pink-bg: var(--core-bg-specific-tags-pink);
634
+ --comp-badge-light-pink-text: var(--core-text-specific-tags-pink);
549
635
  --comp-badge-outlined-primary-border: var(--core-border-functional-info);
550
636
  --comp-badge-outlined-primary-text: var(--core-text-functional-info);
551
637
  --comp-badge-outlined-success-border: var(--core-border-functional-success);
@@ -576,6 +662,14 @@
576
662
  --comp-badge-outlined-amber-text: var(--core-text-specific-tags-amber);
577
663
  --comp-badge-outlined-slate-border: var(--core-border-specific-tags-slate);
578
664
  --comp-badge-outlined-slate-text: var(--core-text-specific-tags-slate);
665
+ --comp-badge-outlined-teal-border: var(--core-border-specific-tags-teal);
666
+ --comp-badge-outlined-teal-text: var(--core-text-specific-tags-teal);
667
+ --comp-badge-outlined-sky-border: var(--core-border-specific-tags-sky);
668
+ --comp-badge-outlined-sky-text: var(--core-text-specific-tags-sky);
669
+ --comp-badge-outlined-purple-border: var(--core-border-specific-tags-purple);
670
+ --comp-badge-outlined-purple-text: var(--core-text-specific-tags-purple);
671
+ --comp-badge-outlined-pink-border: var(--core-border-specific-tags-pink);
672
+ --comp-badge-outlined-pink-text: var(--core-text-specific-tags-pink);
579
673
  --comp-browser-tab-border: var(--core-border-main-primary);
580
674
  --comp-browser-tab-item-bg: var(--core-bg-main-primary);
581
675
  --comp-browser-tab-item-border: var(--core-border-main-primary);
@@ -863,6 +957,18 @@
863
957
  --comp-tag-slate-bg: var(--core-bg-specific-tags-slate);
864
958
  --comp-tag-slate-text: var(--core-text-specific-tags-slate);
865
959
  --comp-tag-slate-border: var(--core-border-specific-tags-slate);
960
+ --comp-tag-teal-bg: var(--core-bg-specific-tags-teal);
961
+ --comp-tag-teal-text: var(--core-text-specific-tags-teal);
962
+ --comp-tag-teal-border: var(--core-border-specific-tags-teal);
963
+ --comp-tag-sky-bg: var(--core-bg-specific-tags-sky);
964
+ --comp-tag-sky-text: var(--core-text-specific-tags-sky);
965
+ --comp-tag-sky-border: var(--core-border-specific-tags-sky);
966
+ --comp-tag-purple-bg: var(--core-bg-specific-tags-purple);
967
+ --comp-tag-purple-text: var(--core-text-specific-tags-purple);
968
+ --comp-tag-purple-border: var(--core-border-specific-tags-purple);
969
+ --comp-tag-pink-bg: var(--core-bg-specific-tags-pink);
970
+ --comp-tag-pink-text: var(--core-text-specific-tags-pink);
971
+ --comp-tag-pink-border: var(--core-border-specific-tags-pink);
866
972
  --comp-text-input-bg-default: var(--core-bg-main-primary);
867
973
  --comp-text-input-bg-disabled: var(--core-bg-functional-disabled);
868
974
  --comp-text-input-border-default: var(--core-border-main-primary);