@l3mpire/tokens 0.13.0 → 0.14.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 (6) hide show
  1. package/dist/css/components.css +60 -30
  2. package/dist/css/semantic.css +11 -0
  3. package/dist/css/tokens-dark.css +11 -0
  4. package/dist/css/tokens.css +71 -30
  5. package/dist/ts/tokens.ts +71 -30
  6. package/package.json +1 -1
package/dist/css/components.css CHANGED
@@ -25,6 +25,16 @@
25
25
  --comp-btn-ghost-alert-border-pressed: rgba(0, 0, 0, 0);
26
26
  --comp-btn-disabled-ghost-bg: rgba(0, 0, 0, 0);
27
27
  --comp-btn-disabled-ghost-border: rgba(0, 0, 0, 0);
28
+ --comp-badge-solid-indigo-text: var(--core-text-specific-tags-on-solid);
29
+ --comp-badge-solid-rose-text: var(--core-text-specific-tags-on-solid);
30
+ --comp-badge-solid-lime-text: var(--core-text-specific-tags-on-solid);
31
+ --comp-badge-solid-violet-text: var(--core-text-specific-tags-on-solid);
32
+ --comp-badge-solid-cyan-text: var(--core-text-specific-tags-on-solid);
33
+ --comp-badge-solid-orange-text: var(--core-text-specific-tags-on-solid);
34
+ --comp-badge-solid-emerald-text: var(--core-text-specific-tags-on-solid);
35
+ --comp-badge-solid-fuchsia-text: var(--core-text-specific-tags-on-solid);
36
+ --comp-badge-solid-amber-text: var(--core-text-specific-tags-on-solid);
37
+ --comp-badge-solid-slate-text: var(--core-text-specific-tags-on-solid);
28
38
  --comp-btn-outlined-neutral-bg-default: var(--grey-50);
29
39
  --comp-btn-outlined-neutral-bg-hover: var(--grey-100);
30
40
  --comp-btn-outlined-neutral-bg-pressed: var(--grey-200);
@@ -60,6 +70,16 @@
60
70
  --comp-badge-solid-warning-text: var(--core-text-main-invert-primary);
61
71
  --comp-badge-solid-neutral-bg: var(--core-bg-main-invert-secondary);
62
72
  --comp-badge-solid-neutral-text: var(--core-text-main-invert-primary);
73
+ --comp-badge-solid-indigo-bg: var(--core-bg-specific-tags-solid-indigo);
74
+ --comp-badge-solid-rose-bg: var(--core-bg-specific-tags-solid-rose);
75
+ --comp-badge-solid-lime-bg: var(--core-bg-specific-tags-solid-lime);
76
+ --comp-badge-solid-violet-bg: var(--core-bg-specific-tags-solid-violet);
77
+ --comp-badge-solid-cyan-bg: var(--core-bg-specific-tags-solid-cyan);
78
+ --comp-badge-solid-orange-bg: var(--core-bg-specific-tags-solid-orange);
79
+ --comp-badge-solid-emerald-bg: var(--core-bg-specific-tags-solid-emerald);
80
+ --comp-badge-solid-fuchsia-bg: var(--core-bg-specific-tags-solid-fuchsia);
81
+ --comp-badge-solid-amber-bg: var(--core-bg-specific-tags-solid-amber);
82
+ --comp-badge-solid-slate-bg: var(--core-bg-specific-tags-solid-slate);
63
83
  --comp-badge-light-primary-bg: var(--core-bg-functional-invert-info);
64
84
  --comp-badge-light-primary-text: var(--core-text-functional-info);
65
85
  --comp-badge-light-success-bg: var(--core-bg-functional-invert-success);
@@ -70,6 +90,26 @@
70
90
  --comp-badge-light-warning-text: var(--core-text-functional-warning);
71
91
  --comp-badge-light-neutral-bg: var(--core-bg-specific-tags-neutral);
72
92
  --comp-badge-light-neutral-text: var(--core-text-main-secondary);
93
+ --comp-badge-light-indigo-bg: var(--core-bg-specific-tags-indigo);
94
+ --comp-badge-light-indigo-text: var(--core-text-specific-tags-indigo);
95
+ --comp-badge-light-rose-bg: var(--core-bg-specific-tags-rose);
96
+ --comp-badge-light-rose-text: var(--core-text-specific-tags-rose);
97
+ --comp-badge-light-lime-bg: var(--core-bg-specific-tags-lime);
98
+ --comp-badge-light-lime-text: var(--core-text-specific-tags-lime);
99
+ --comp-badge-light-violet-bg: var(--core-bg-specific-tags-violet);
100
+ --comp-badge-light-violet-text: var(--core-text-specific-tags-violet);
101
+ --comp-badge-light-cyan-bg: var(--core-bg-specific-tags-cyan);
102
+ --comp-badge-light-cyan-text: var(--core-text-specific-tags-cyan);
103
+ --comp-badge-light-orange-bg: var(--core-bg-specific-tags-orange);
104
+ --comp-badge-light-orange-text: var(--core-text-specific-tags-orange);
105
+ --comp-badge-light-emerald-bg: var(--core-bg-specific-tags-emerald);
106
+ --comp-badge-light-emerald-text: var(--core-text-specific-tags-emerald);
107
+ --comp-badge-light-fuchsia-bg: var(--core-bg-specific-tags-fuchsia);
108
+ --comp-badge-light-fuchsia-text: var(--core-text-specific-tags-fuchsia);
109
+ --comp-badge-light-amber-bg: var(--core-bg-specific-tags-amber);
110
+ --comp-badge-light-amber-text: var(--core-text-specific-tags-amber);
111
+ --comp-badge-light-slate-bg: var(--core-bg-specific-tags-slate);
112
+ --comp-badge-light-slate-text: var(--core-text-specific-tags-slate);
73
113
  --comp-badge-outlined-primary-border: var(--core-border-functional-info);
74
114
  --comp-badge-outlined-primary-text: var(--core-text-functional-info);
75
115
  --comp-badge-outlined-success-border: var(--core-border-functional-success);
@@ -80,36 +120,26 @@
80
120
  --comp-badge-outlined-warning-text: var(--core-text-functional-warning);
81
121
  --comp-badge-outlined-neutral-border: var(--core-border-main-invert-secondary);
82
122
  --comp-badge-outlined-neutral-text: var(--core-text-main-secondary);
83
- --comp-badge-indigo-bg: var(--core-bg-specific-tags-indigo);
84
- --comp-badge-indigo-text: var(--core-text-specific-tags-indigo);
85
- --comp-badge-indigo-border: var(--core-border-specific-tags-indigo);
86
- --comp-badge-rose-bg: var(--core-bg-specific-tags-rose);
87
- --comp-badge-rose-text: var(--core-text-specific-tags-rose);
88
- --comp-badge-rose-border: var(--core-border-specific-tags-rose);
89
- --comp-badge-lime-bg: var(--core-bg-specific-tags-lime);
90
- --comp-badge-lime-text: var(--core-text-specific-tags-lime);
91
- --comp-badge-lime-border: var(--core-border-specific-tags-lime);
92
- --comp-badge-violet-bg: var(--core-bg-specific-tags-violet);
93
- --comp-badge-violet-text: var(--core-text-specific-tags-violet);
94
- --comp-badge-violet-border: var(--core-border-specific-tags-violet);
95
- --comp-badge-cyan-bg: var(--core-bg-specific-tags-cyan);
96
- --comp-badge-cyan-text: var(--core-text-specific-tags-cyan);
97
- --comp-badge-cyan-border: var(--core-border-specific-tags-cyan);
98
- --comp-badge-orange-bg: var(--core-bg-specific-tags-orange);
99
- --comp-badge-orange-text: var(--core-text-specific-tags-orange);
100
- --comp-badge-orange-border: var(--core-border-specific-tags-orange);
101
- --comp-badge-emerald-bg: var(--core-bg-specific-tags-emerald);
102
- --comp-badge-emerald-text: var(--core-text-specific-tags-emerald);
103
- --comp-badge-emerald-border: var(--core-border-specific-tags-emerald);
104
- --comp-badge-fuchsia-bg: var(--core-bg-specific-tags-fuchsia);
105
- --comp-badge-fuchsia-text: var(--core-text-specific-tags-fuchsia);
106
- --comp-badge-fuchsia-border: var(--core-border-specific-tags-fuchsia);
107
- --comp-badge-amber-bg: var(--core-bg-specific-tags-amber);
108
- --comp-badge-amber-text: var(--core-text-specific-tags-amber);
109
- --comp-badge-amber-border: var(--core-border-specific-tags-amber);
110
- --comp-badge-slate-bg: var(--core-bg-specific-tags-slate);
111
- --comp-badge-slate-text: var(--core-text-specific-tags-slate);
112
- --comp-badge-slate-border: var(--core-border-specific-tags-slate);
123
+ --comp-badge-outlined-indigo-border: var(--core-border-specific-tags-indigo);
124
+ --comp-badge-outlined-indigo-text: var(--core-text-specific-tags-indigo);
125
+ --comp-badge-outlined-rose-border: var(--core-border-specific-tags-rose);
126
+ --comp-badge-outlined-rose-text: var(--core-text-specific-tags-rose);
127
+ --comp-badge-outlined-lime-border: var(--core-border-specific-tags-lime);
128
+ --comp-badge-outlined-lime-text: var(--core-text-specific-tags-lime);
129
+ --comp-badge-outlined-violet-border: var(--core-border-specific-tags-violet);
130
+ --comp-badge-outlined-violet-text: var(--core-text-specific-tags-violet);
131
+ --comp-badge-outlined-cyan-border: var(--core-border-specific-tags-cyan);
132
+ --comp-badge-outlined-cyan-text: var(--core-text-specific-tags-cyan);
133
+ --comp-badge-outlined-orange-border: var(--core-border-specific-tags-orange);
134
+ --comp-badge-outlined-orange-text: var(--core-text-specific-tags-orange);
135
+ --comp-badge-outlined-emerald-border: var(--core-border-specific-tags-emerald);
136
+ --comp-badge-outlined-emerald-text: var(--core-text-specific-tags-emerald);
137
+ --comp-badge-outlined-fuchsia-border: var(--core-border-specific-tags-fuchsia);
138
+ --comp-badge-outlined-fuchsia-text: var(--core-text-specific-tags-fuchsia);
139
+ --comp-badge-outlined-amber-border: var(--core-border-specific-tags-amber);
140
+ --comp-badge-outlined-amber-text: var(--core-text-specific-tags-amber);
141
+ --comp-badge-outlined-slate-border: var(--core-border-specific-tags-slate);
142
+ --comp-badge-outlined-slate-text: var(--core-text-specific-tags-slate);
113
143
  --comp-browser-tab-border: var(--core-border-main-primary);
114
144
  --comp-browser-tab-item-bg: var(--core-bg-main-primary);
115
145
  --comp-browser-tab-item-border: var(--core-border-main-primary);
package/dist/css/semantic.css CHANGED
@@ -26,6 +26,16 @@
26
26
  --core-bg-specific-tags-fuchsia: #fdf4ff;
27
27
  --core-bg-specific-tags-amber: #fffbeb;
28
28
  --core-bg-specific-tags-slate: #f1f5f9;
29
+ --core-bg-specific-tags-solid-indigo: #4f46e5;
30
+ --core-bg-specific-tags-solid-rose: #e11d48;
31
+ --core-bg-specific-tags-solid-lime: #4d7c0f;
32
+ --core-bg-specific-tags-solid-violet: #7c3aed;
33
+ --core-bg-specific-tags-solid-cyan: #0e7490;
34
+ --core-bg-specific-tags-solid-orange: #b8422a;
35
+ --core-bg-specific-tags-solid-emerald: #047857;
36
+ --core-bg-specific-tags-solid-fuchsia: #c026d3;
37
+ --core-bg-specific-tags-solid-amber: #b45309;
38
+ --core-bg-specific-tags-solid-slate: #475569;
29
39
  --core-text-main-primary: #213856;
30
40
  --core-text-main-secondary: #566f8f;
31
41
  --core-text-main-tertiary: #98a1ac;
@@ -49,6 +59,7 @@
49
59
  --core-text-specific-tags-fuchsia: #a21caf;
50
60
  --core-text-specific-tags-amber: #b45309;
51
61
  --core-text-specific-tags-slate: #475569;
62
+ --core-text-specific-tags-on-solid: #ffffff;
52
63
  --core-border-main-primary: #efefef;
53
64
  --core-border-main-secondary: #e6e6e6;
54
65
  --core-border-main-invert-primary: #213856;
package/dist/css/tokens-dark.css CHANGED
@@ -209,7 +209,9 @@
209
209
  --shadow-6: rgba(0, 0, 0, 0.06);
210
210
  --shadow-8: rgba(0, 0, 0, 0.08);
211
211
  --core-bg-specific-tags-orange: #892f19;
212
+ --core-bg-specific-tags-solid-orange: #b8422a;
212
213
  --core-text-specific-tags-orange: #ffdabf;
214
+ --core-text-specific-tags-on-solid: #ffffff;
213
215
  --core-border-specific-tags-orange: #de5837;
214
216
  --core-bg-main-primary: var(--grey-white);
215
217
  --core-bg-main-secondary: var(--grey-50);
@@ -233,6 +235,15 @@
233
235
  --core-bg-specific-tags-fuchsia: var(--fuchsia-900);
234
236
  --core-bg-specific-tags-amber: var(--amber-900);
235
237
  --core-bg-specific-tags-slate: var(--slate-900);
238
+ --core-bg-specific-tags-solid-indigo: var(--indigo-600);
239
+ --core-bg-specific-tags-solid-rose: var(--rose-600);
240
+ --core-bg-specific-tags-solid-lime: var(--lime-700);
241
+ --core-bg-specific-tags-solid-violet: var(--violet-600);
242
+ --core-bg-specific-tags-solid-cyan: var(--cyan-700);
243
+ --core-bg-specific-tags-solid-emerald: var(--emerald-700);
244
+ --core-bg-specific-tags-solid-fuchsia: var(--fuchsia-600);
245
+ --core-bg-specific-tags-solid-amber: var(--amber-700);
246
+ --core-bg-specific-tags-solid-slate: var(--slate-600);
236
247
  --core-text-main-primary: var(--grey-900);
237
248
  --core-text-main-secondary: var(--grey-700);
238
249
  --core-text-main-tertiary: var(--grey-500);
package/dist/css/tokens.css CHANGED
@@ -208,6 +208,7 @@
208
208
  --shadow-4: rgba(0, 0, 0, 0.04);
209
209
  --shadow-6: rgba(0, 0, 0, 0.06);
210
210
  --shadow-8: rgba(0, 0, 0, 0.08);
211
+ --core-text-specific-tags-on-solid: #ffffff;
211
212
  --radius-none: 0;
212
213
  --radius-2xs: 2px;
213
214
  --radius-xs: 4px;
@@ -310,6 +311,16 @@
310
311
  --core-bg-specific-tags-fuchsia: var(--fuchsia-50);
311
312
  --core-bg-specific-tags-amber: var(--amber-50);
312
313
  --core-bg-specific-tags-slate: var(--slate-100);
314
+ --core-bg-specific-tags-solid-indigo: var(--indigo-600);
315
+ --core-bg-specific-tags-solid-rose: var(--rose-600);
316
+ --core-bg-specific-tags-solid-lime: var(--lime-700);
317
+ --core-bg-specific-tags-solid-violet: var(--violet-600);
318
+ --core-bg-specific-tags-solid-cyan: var(--cyan-700);
319
+ --core-bg-specific-tags-solid-orange: var(--orange-800);
320
+ --core-bg-specific-tags-solid-emerald: var(--emerald-700);
321
+ --core-bg-specific-tags-solid-fuchsia: var(--fuchsia-600);
322
+ --core-bg-specific-tags-solid-amber: var(--amber-700);
323
+ --core-bg-specific-tags-solid-slate: var(--slate-600);
313
324
  --core-text-main-primary: var(--grey-900);
314
325
  --core-text-main-secondary: var(--grey-700);
315
326
  --core-text-main-tertiary: var(--grey-500);
@@ -450,6 +461,16 @@
450
461
  --interactive-border-warning-light-default: var(--grey-white);
451
462
  --interactive-border-warning-light-hover: var(--yellow-100);
452
463
  --interactive-border-warning-light-pressed: var(--yellow-200);
464
+ --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
+ --comp-badge-solid-violet-text: var(--core-text-specific-tags-on-solid);
468
+ --comp-badge-solid-cyan-text: var(--core-text-specific-tags-on-solid);
469
+ --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
+ --comp-badge-solid-fuchsia-text: var(--core-text-specific-tags-on-solid);
472
+ --comp-badge-solid-amber-text: var(--core-text-specific-tags-on-solid);
473
+ --comp-badge-solid-slate-text: var(--core-text-specific-tags-on-solid);
453
474
  --comp-btn-outlined-neutral-bg-default: var(--grey-50);
454
475
  --comp-btn-outlined-neutral-bg-hover: var(--grey-100);
455
476
  --comp-btn-outlined-neutral-bg-pressed: var(--grey-200);
@@ -485,6 +506,16 @@
485
506
  --comp-badge-solid-warning-text: var(--core-text-main-invert-primary);
486
507
  --comp-badge-solid-neutral-bg: var(--core-bg-main-invert-secondary);
487
508
  --comp-badge-solid-neutral-text: var(--core-text-main-invert-primary);
509
+ --comp-badge-solid-indigo-bg: var(--core-bg-specific-tags-solid-indigo);
510
+ --comp-badge-solid-rose-bg: var(--core-bg-specific-tags-solid-rose);
511
+ --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
+ --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
+ --comp-badge-solid-slate-bg: var(--core-bg-specific-tags-solid-slate);
488
519
  --comp-badge-light-primary-bg: var(--core-bg-functional-invert-info);
489
520
  --comp-badge-light-primary-text: var(--core-text-functional-info);
490
521
  --comp-badge-light-success-bg: var(--core-bg-functional-invert-success);
@@ -495,6 +526,26 @@
495
526
  --comp-badge-light-warning-text: var(--core-text-functional-warning);
496
527
  --comp-badge-light-neutral-bg: var(--core-bg-specific-tags-neutral);
497
528
  --comp-badge-light-neutral-text: var(--core-text-main-secondary);
529
+ --comp-badge-light-indigo-bg: var(--core-bg-specific-tags-indigo);
530
+ --comp-badge-light-indigo-text: var(--core-text-specific-tags-indigo);
531
+ --comp-badge-light-rose-bg: var(--core-bg-specific-tags-rose);
532
+ --comp-badge-light-rose-text: var(--core-text-specific-tags-rose);
533
+ --comp-badge-light-lime-bg: var(--core-bg-specific-tags-lime);
534
+ --comp-badge-light-lime-text: var(--core-text-specific-tags-lime);
535
+ --comp-badge-light-violet-bg: var(--core-bg-specific-tags-violet);
536
+ --comp-badge-light-violet-text: var(--core-text-specific-tags-violet);
537
+ --comp-badge-light-cyan-bg: var(--core-bg-specific-tags-cyan);
538
+ --comp-badge-light-cyan-text: var(--core-text-specific-tags-cyan);
539
+ --comp-badge-light-orange-bg: var(--core-bg-specific-tags-orange);
540
+ --comp-badge-light-orange-text: var(--core-text-specific-tags-orange);
541
+ --comp-badge-light-emerald-bg: var(--core-bg-specific-tags-emerald);
542
+ --comp-badge-light-emerald-text: var(--core-text-specific-tags-emerald);
543
+ --comp-badge-light-fuchsia-bg: var(--core-bg-specific-tags-fuchsia);
544
+ --comp-badge-light-fuchsia-text: var(--core-text-specific-tags-fuchsia);
545
+ --comp-badge-light-amber-bg: var(--core-bg-specific-tags-amber);
546
+ --comp-badge-light-amber-text: var(--core-text-specific-tags-amber);
547
+ --comp-badge-light-slate-bg: var(--core-bg-specific-tags-slate);
548
+ --comp-badge-light-slate-text: var(--core-text-specific-tags-slate);
498
549
  --comp-badge-outlined-primary-border: var(--core-border-functional-info);
499
550
  --comp-badge-outlined-primary-text: var(--core-text-functional-info);
500
551
  --comp-badge-outlined-success-border: var(--core-border-functional-success);
@@ -505,36 +556,26 @@
505
556
  --comp-badge-outlined-warning-text: var(--core-text-functional-warning);
506
557
  --comp-badge-outlined-neutral-border: var(--core-border-main-invert-secondary);
507
558
  --comp-badge-outlined-neutral-text: var(--core-text-main-secondary);
508
- --comp-badge-indigo-bg: var(--core-bg-specific-tags-indigo);
509
- --comp-badge-indigo-text: var(--core-text-specific-tags-indigo);
510
- --comp-badge-indigo-border: var(--core-border-specific-tags-indigo);
511
- --comp-badge-rose-bg: var(--core-bg-specific-tags-rose);
512
- --comp-badge-rose-text: var(--core-text-specific-tags-rose);
513
- --comp-badge-rose-border: var(--core-border-specific-tags-rose);
514
- --comp-badge-lime-bg: var(--core-bg-specific-tags-lime);
515
- --comp-badge-lime-text: var(--core-text-specific-tags-lime);
516
- --comp-badge-lime-border: var(--core-border-specific-tags-lime);
517
- --comp-badge-violet-bg: var(--core-bg-specific-tags-violet);
518
- --comp-badge-violet-text: var(--core-text-specific-tags-violet);
519
- --comp-badge-violet-border: var(--core-border-specific-tags-violet);
520
- --comp-badge-cyan-bg: var(--core-bg-specific-tags-cyan);
521
- --comp-badge-cyan-text: var(--core-text-specific-tags-cyan);
522
- --comp-badge-cyan-border: var(--core-border-specific-tags-cyan);
523
- --comp-badge-orange-bg: var(--core-bg-specific-tags-orange);
524
- --comp-badge-orange-text: var(--core-text-specific-tags-orange);
525
- --comp-badge-orange-border: var(--core-border-specific-tags-orange);
526
- --comp-badge-emerald-bg: var(--core-bg-specific-tags-emerald);
527
- --comp-badge-emerald-text: var(--core-text-specific-tags-emerald);
528
- --comp-badge-emerald-border: var(--core-border-specific-tags-emerald);
529
- --comp-badge-fuchsia-bg: var(--core-bg-specific-tags-fuchsia);
530
- --comp-badge-fuchsia-text: var(--core-text-specific-tags-fuchsia);
531
- --comp-badge-fuchsia-border: var(--core-border-specific-tags-fuchsia);
532
- --comp-badge-amber-bg: var(--core-bg-specific-tags-amber);
533
- --comp-badge-amber-text: var(--core-text-specific-tags-amber);
534
- --comp-badge-amber-border: var(--core-border-specific-tags-amber);
535
- --comp-badge-slate-bg: var(--core-bg-specific-tags-slate);
536
- --comp-badge-slate-text: var(--core-text-specific-tags-slate);
537
- --comp-badge-slate-border: var(--core-border-specific-tags-slate);
559
+ --comp-badge-outlined-indigo-border: var(--core-border-specific-tags-indigo);
560
+ --comp-badge-outlined-indigo-text: var(--core-text-specific-tags-indigo);
561
+ --comp-badge-outlined-rose-border: var(--core-border-specific-tags-rose);
562
+ --comp-badge-outlined-rose-text: var(--core-text-specific-tags-rose);
563
+ --comp-badge-outlined-lime-border: var(--core-border-specific-tags-lime);
564
+ --comp-badge-outlined-lime-text: var(--core-text-specific-tags-lime);
565
+ --comp-badge-outlined-violet-border: var(--core-border-specific-tags-violet);
566
+ --comp-badge-outlined-violet-text: var(--core-text-specific-tags-violet);
567
+ --comp-badge-outlined-cyan-border: var(--core-border-specific-tags-cyan);
568
+ --comp-badge-outlined-cyan-text: var(--core-text-specific-tags-cyan);
569
+ --comp-badge-outlined-orange-border: var(--core-border-specific-tags-orange);
570
+ --comp-badge-outlined-orange-text: var(--core-text-specific-tags-orange);
571
+ --comp-badge-outlined-emerald-border: var(--core-border-specific-tags-emerald);
572
+ --comp-badge-outlined-emerald-text: var(--core-text-specific-tags-emerald);
573
+ --comp-badge-outlined-fuchsia-border: var(--core-border-specific-tags-fuchsia);
574
+ --comp-badge-outlined-fuchsia-text: var(--core-text-specific-tags-fuchsia);
575
+ --comp-badge-outlined-amber-border: var(--core-border-specific-tags-amber);
576
+ --comp-badge-outlined-amber-text: var(--core-text-specific-tags-amber);
577
+ --comp-badge-outlined-slate-border: var(--core-border-specific-tags-slate);
578
+ --comp-badge-outlined-slate-text: var(--core-text-specific-tags-slate);
538
579
  --comp-browser-tab-border: var(--core-border-main-primary);
539
580
  --comp-browser-tab-item-bg: var(--core-bg-main-primary);
540
581
  --comp-browser-tab-item-border: var(--core-border-main-primary);
package/dist/ts/tokens.ts CHANGED
@@ -227,6 +227,16 @@ export const tokens = {
227
227
  "core-bg-specific-tags-fuchsia": "#fdf4ff",
228
228
  "core-bg-specific-tags-amber": "#fffbeb",
229
229
  "core-bg-specific-tags-slate": "#f1f5f9",
230
+ "core-bg-specific-tags-solid-indigo": "#4f46e5",
231
+ "core-bg-specific-tags-solid-rose": "#e11d48",
232
+ "core-bg-specific-tags-solid-lime": "#4d7c0f",
233
+ "core-bg-specific-tags-solid-violet": "#7c3aed",
234
+ "core-bg-specific-tags-solid-cyan": "#0e7490",
235
+ "core-bg-specific-tags-solid-orange": "#b8422a",
236
+ "core-bg-specific-tags-solid-emerald": "#047857",
237
+ "core-bg-specific-tags-solid-fuchsia": "#c026d3",
238
+ "core-bg-specific-tags-solid-amber": "#b45309",
239
+ "core-bg-specific-tags-solid-slate": "#475569",
230
240
  "core-text-main-primary": "#213856",
231
241
  "core-text-main-secondary": "#566f8f",
232
242
  "core-text-main-tertiary": "#98a1ac",
@@ -250,6 +260,7 @@ export const tokens = {
250
260
  "core-text-specific-tags-fuchsia": "#a21caf",
251
261
  "core-text-specific-tags-amber": "#b45309",
252
262
  "core-text-specific-tags-slate": "#475569",
263
+ "core-text-specific-tags-on-solid": "#ffffff",
253
264
  "core-border-main-primary": "#efefef",
254
265
  "core-border-main-secondary": "#e6e6e6",
255
266
  "core-border-main-invert-primary": "#213856",
@@ -436,6 +447,26 @@ export const tokens = {
436
447
  "comp-badge-solid-warning-text": "#ffffff",
437
448
  "comp-badge-solid-neutral-bg": "#566f8f",
438
449
  "comp-badge-solid-neutral-text": "#ffffff",
450
+ "comp-badge-solid-indigo-bg": "#4f46e5",
451
+ "comp-badge-solid-indigo-text": "#ffffff",
452
+ "comp-badge-solid-rose-bg": "#e11d48",
453
+ "comp-badge-solid-rose-text": "#ffffff",
454
+ "comp-badge-solid-lime-bg": "#4d7c0f",
455
+ "comp-badge-solid-lime-text": "#ffffff",
456
+ "comp-badge-solid-violet-bg": "#7c3aed",
457
+ "comp-badge-solid-violet-text": "#ffffff",
458
+ "comp-badge-solid-cyan-bg": "#0e7490",
459
+ "comp-badge-solid-cyan-text": "#ffffff",
460
+ "comp-badge-solid-orange-bg": "#b8422a",
461
+ "comp-badge-solid-orange-text": "#ffffff",
462
+ "comp-badge-solid-emerald-bg": "#047857",
463
+ "comp-badge-solid-emerald-text": "#ffffff",
464
+ "comp-badge-solid-fuchsia-bg": "#c026d3",
465
+ "comp-badge-solid-fuchsia-text": "#ffffff",
466
+ "comp-badge-solid-amber-bg": "#b45309",
467
+ "comp-badge-solid-amber-text": "#ffffff",
468
+ "comp-badge-solid-slate-bg": "#475569",
469
+ "comp-badge-solid-slate-text": "#ffffff",
439
470
  "comp-badge-light-primary-bg": "#f5f8ff",
440
471
  "comp-badge-light-primary-text": "#316bff",
441
472
  "comp-badge-light-success-bg": "#f0fdf0",
@@ -446,6 +477,26 @@ export const tokens = {
446
477
  "comp-badge-light-warning-text": "#dfb009",
447
478
  "comp-badge-light-neutral-bg": "#f2f2f2",
448
479
  "comp-badge-light-neutral-text": "#566f8f",
480
+ "comp-badge-light-indigo-bg": "#eef2ff",
481
+ "comp-badge-light-indigo-text": "#4338ca",
482
+ "comp-badge-light-rose-bg": "#fff1f2",
483
+ "comp-badge-light-rose-text": "#be123c",
484
+ "comp-badge-light-lime-bg": "#f7fee7",
485
+ "comp-badge-light-lime-text": "#4d7c0f",
486
+ "comp-badge-light-violet-bg": "#f5f3ff",
487
+ "comp-badge-light-violet-text": "#6d28d9",
488
+ "comp-badge-light-cyan-bg": "#ecfeff",
489
+ "comp-badge-light-cyan-text": "#0e7490",
490
+ "comp-badge-light-orange-bg": "#fff8f3",
491
+ "comp-badge-light-orange-text": "#b8422a",
492
+ "comp-badge-light-emerald-bg": "#ecfdf5",
493
+ "comp-badge-light-emerald-text": "#047857",
494
+ "comp-badge-light-fuchsia-bg": "#fdf4ff",
495
+ "comp-badge-light-fuchsia-text": "#a21caf",
496
+ "comp-badge-light-amber-bg": "#fffbeb",
497
+ "comp-badge-light-amber-text": "#b45309",
498
+ "comp-badge-light-slate-bg": "#f1f5f9",
499
+ "comp-badge-light-slate-text": "#475569",
449
500
  "comp-badge-outlined-primary-border": "#316bff",
450
501
  "comp-badge-outlined-primary-text": "#316bff",
451
502
  "comp-badge-outlined-success-border": "#31c52e",
@@ -456,36 +507,26 @@ export const tokens = {
456
507
  "comp-badge-outlined-warning-text": "#dfb009",
457
508
  "comp-badge-outlined-neutral-border": "#3d4f66",
458
509
  "comp-badge-outlined-neutral-text": "#566f8f",
459
- "comp-badge-indigo-bg": "#eef2ff",
460
- "comp-badge-indigo-text": "#4338ca",
461
- "comp-badge-indigo-border": "#c7d2fe",
462
- "comp-badge-rose-bg": "#fff1f2",
463
- "comp-badge-rose-text": "#be123c",
464
- "comp-badge-rose-border": "#fecdd3",
465
- "comp-badge-lime-bg": "#f7fee7",
466
- "comp-badge-lime-text": "#4d7c0f",
467
- "comp-badge-lime-border": "#d9f99d",
468
- "comp-badge-violet-bg": "#f5f3ff",
469
- "comp-badge-violet-text": "#6d28d9",
470
- "comp-badge-violet-border": "#ddd6fe",
471
- "comp-badge-cyan-bg": "#ecfeff",
472
- "comp-badge-cyan-text": "#0e7490",
473
- "comp-badge-cyan-border": "#a5f3fc",
474
- "comp-badge-orange-bg": "#fff8f3",
475
- "comp-badge-orange-text": "#b8422a",
476
- "comp-badge-orange-border": "#ffe5d9",
477
- "comp-badge-emerald-bg": "#ecfdf5",
478
- "comp-badge-emerald-text": "#047857",
479
- "comp-badge-emerald-border": "#a7f3d0",
480
- "comp-badge-fuchsia-bg": "#fdf4ff",
481
- "comp-badge-fuchsia-text": "#a21caf",
482
- "comp-badge-fuchsia-border": "#f5d0fe",
483
- "comp-badge-amber-bg": "#fffbeb",
484
- "comp-badge-amber-text": "#b45309",
485
- "comp-badge-amber-border": "#fde68a",
486
- "comp-badge-slate-bg": "#f1f5f9",
487
- "comp-badge-slate-text": "#475569",
488
- "comp-badge-slate-border": "#cbd5e1",
510
+ "comp-badge-outlined-indigo-border": "#c7d2fe",
511
+ "comp-badge-outlined-indigo-text": "#4338ca",
512
+ "comp-badge-outlined-rose-border": "#fecdd3",
513
+ "comp-badge-outlined-rose-text": "#be123c",
514
+ "comp-badge-outlined-lime-border": "#d9f99d",
515
+ "comp-badge-outlined-lime-text": "#4d7c0f",
516
+ "comp-badge-outlined-violet-border": "#ddd6fe",
517
+ "comp-badge-outlined-violet-text": "#6d28d9",
518
+ "comp-badge-outlined-cyan-border": "#a5f3fc",
519
+ "comp-badge-outlined-cyan-text": "#0e7490",
520
+ "comp-badge-outlined-orange-border": "#ffe5d9",
521
+ "comp-badge-outlined-orange-text": "#b8422a",
522
+ "comp-badge-outlined-emerald-border": "#a7f3d0",
523
+ "comp-badge-outlined-emerald-text": "#047857",
524
+ "comp-badge-outlined-fuchsia-border": "#f5d0fe",
525
+ "comp-badge-outlined-fuchsia-text": "#a21caf",
526
+ "comp-badge-outlined-amber-border": "#fde68a",
527
+ "comp-badge-outlined-amber-text": "#b45309",
528
+ "comp-badge-outlined-slate-border": "#cbd5e1",
529
+ "comp-badge-outlined-slate-text": "#475569",
489
530
  "comp-browser-tab-border": "#efefef",
490
531
  "comp-browser-tab-item-bg": "#ffffff",
491
532
  "comp-browser-tab-item-border": "#efefef",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@l3mpire/tokens",
3
- "version": "0.13.0",
3
+ "version": "0.14.0",
4
4
  "publishConfig": {
5
5
  "registry": "https://registry.npmjs.org",
6
6
  "access": "public"