@l3mpire/tokens 0.13.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.
- package/dist/css/components.css +96 -30
- package/dist/css/fonts.css +1 -1
- package/dist/css/primitives.css +121 -90
- package/dist/css/semantic.css +163 -113
- package/dist/css/tokens-dark.css +239 -158
- package/dist/css/tokens.css +307 -160
- package/dist/ts/tokens.ts +679 -532
- 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: #
|
|
7
|
-
--blue-100: #
|
|
8
|
-
--blue-200: #
|
|
9
|
-
--blue-300: #
|
|
10
|
-
--blue-400: #
|
|
11
|
-
--blue-500: #
|
|
12
|
-
--blue-600: #
|
|
13
|
-
--blue-700: #
|
|
14
|
-
--blue-800: #
|
|
15
|
-
--blue-900: #
|
|
16
|
-
--
|
|
17
|
-
--pink-
|
|
18
|
-
--pink-
|
|
19
|
-
--pink-
|
|
20
|
-
--pink-
|
|
21
|
-
--pink-
|
|
22
|
-
--pink-
|
|
23
|
-
--pink-
|
|
24
|
-
--pink-
|
|
25
|
-
--pink-
|
|
26
|
-
--
|
|
27
|
-
--
|
|
28
|
-
--red-
|
|
29
|
-
--red-
|
|
30
|
-
--red-
|
|
31
|
-
--red-
|
|
32
|
-
--red-
|
|
33
|
-
--red-
|
|
34
|
-
--red-
|
|
35
|
-
--red-
|
|
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
|
-
--
|
|
57
|
-
--purple-
|
|
58
|
-
--purple-
|
|
59
|
-
--purple-
|
|
60
|
-
--purple-
|
|
61
|
-
--purple-
|
|
62
|
-
--purple-
|
|
63
|
-
--purple-
|
|
64
|
-
--purple-
|
|
65
|
-
--purple-
|
|
66
|
-
--
|
|
67
|
-
--teal-
|
|
68
|
-
--teal-
|
|
69
|
-
--teal-
|
|
70
|
-
--teal-
|
|
71
|
-
--teal-
|
|
72
|
-
--teal-
|
|
73
|
-
--teal-
|
|
74
|
-
--teal-
|
|
75
|
-
--teal-
|
|
76
|
-
--
|
|
77
|
-
--orange-
|
|
78
|
-
--orange-
|
|
79
|
-
--orange-
|
|
80
|
-
--orange-
|
|
81
|
-
--orange-
|
|
82
|
-
--orange-
|
|
83
|
-
--orange-
|
|
84
|
-
--orange-
|
|
85
|
-
--orange-
|
|
86
|
-
--
|
|
87
|
-
--grey-
|
|
88
|
-
--grey-
|
|
89
|
-
--grey-
|
|
90
|
-
--grey-
|
|
91
|
-
--grey-
|
|
92
|
-
--grey-
|
|
93
|
-
--grey-
|
|
94
|
-
--grey-
|
|
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: #
|
|
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: #
|
|
118
|
-
--indigo-100: #
|
|
119
|
-
--indigo-200: #
|
|
120
|
-
--indigo-300: #
|
|
121
|
-
--indigo-400: #
|
|
122
|
-
--indigo-500: #
|
|
123
|
-
--indigo-600: #
|
|
124
|
-
--indigo-700: #
|
|
125
|
-
--indigo-800: #
|
|
126
|
-
--indigo-900: #
|
|
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: #
|
|
148
|
-
--violet-100: #
|
|
149
|
-
--violet-200: #
|
|
150
|
-
--violet-300: #
|
|
151
|
-
--violet-400: #
|
|
152
|
-
--violet-500: #
|
|
153
|
-
--violet-600: #
|
|
154
|
-
--violet-700: #
|
|
155
|
-
--violet-800: #
|
|
156
|
-
--violet-900: #
|
|
157
|
-
--cyan-50: #
|
|
158
|
-
--cyan-100: #
|
|
159
|
-
--cyan-200: #
|
|
160
|
-
--cyan-300: #
|
|
161
|
-
--cyan-400: #
|
|
162
|
-
--cyan-500: #
|
|
163
|
-
--cyan-600: #
|
|
164
|
-
--cyan-700: #
|
|
165
|
-
--cyan-800: #
|
|
166
|
-
--cyan-900: #
|
|
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: #
|
|
178
|
-
--fuchsia-
|
|
179
|
-
--fuchsia-
|
|
180
|
-
--fuchsia-
|
|
181
|
-
--fuchsia-
|
|
182
|
-
--fuchsia-
|
|
183
|
-
--fuchsia-
|
|
184
|
-
--fuchsia-
|
|
185
|
-
--fuchsia-
|
|
186
|
-
--fuchsia-
|
|
187
|
-
--
|
|
188
|
-
--amber-
|
|
189
|
-
--amber-
|
|
190
|
-
--amber-
|
|
191
|
-
--amber-
|
|
192
|
-
--amber-
|
|
193
|
-
--amber-
|
|
194
|
-
--amber-
|
|
195
|
-
--amber-
|
|
196
|
-
--amber-
|
|
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,61 +210,130 @@
|
|
|
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: #
|
|
212
|
-
--core-
|
|
213
|
-
--core-
|
|
242
|
+
--core-bg-specific-tags-solid-orange: #b8422a;
|
|
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;
|
|
248
|
+
--core-text-specific-tags-on-solid: #ffffff;
|
|
249
|
+
--core-border-main-secondary: #ffffff;
|
|
250
|
+
--core-border-main-subtle: #ffffff;
|
|
251
|
+
--core-border-main-darken: #ffffff;
|
|
214
252
|
--core-bg-main-primary: var(--grey-white);
|
|
215
253
|
--core-bg-main-secondary: var(--grey-50);
|
|
216
254
|
--core-bg-main-tertiary: var(--grey-100);
|
|
217
|
-
--core-bg-main-
|
|
218
|
-
--core-bg-main-invert-
|
|
219
|
-
--core-bg-main-invert-
|
|
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);
|
|
220
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);
|
|
221
264
|
--core-bg-functional-invert-success: var(--green-50);
|
|
222
265
|
--core-bg-functional-invert-critical: var(--red-50);
|
|
223
266
|
--core-bg-functional-invert-info: var(--blue-50);
|
|
224
267
|
--core-bg-functional-invert-warning: var(--yellow-50);
|
|
225
268
|
--core-bg-specific-highlight-text: var(--green-100);
|
|
226
269
|
--core-bg-specific-tags-neutral: var(--grey-100);
|
|
227
|
-
--core-bg-specific-tags-indigo: var(--indigo-
|
|
270
|
+
--core-bg-specific-tags-indigo: var(--indigo-100);
|
|
228
271
|
--core-bg-specific-tags-rose: var(--rose-900);
|
|
229
272
|
--core-bg-specific-tags-lime: var(--lime-900);
|
|
230
|
-
--core-bg-specific-tags-violet: var(--violet-
|
|
231
|
-
--core-bg-specific-tags-cyan: var(--cyan-
|
|
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);
|
|
232
276
|
--core-bg-specific-tags-emerald: var(--emerald-900);
|
|
233
|
-
--core-bg-specific-tags-fuchsia: var(--fuchsia-
|
|
234
|
-
--core-bg-specific-tags-amber: var(--amber-
|
|
277
|
+
--core-bg-specific-tags-fuchsia: var(--fuchsia-100);
|
|
278
|
+
--core-bg-specific-tags-amber: var(--amber-100);
|
|
235
279
|
--core-bg-specific-tags-slate: var(--slate-900);
|
|
236
|
-
--core-
|
|
237
|
-
--core-
|
|
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);
|
|
285
|
+
--core-bg-specific-tags-solid-indigo: var(--indigo-600);
|
|
286
|
+
--core-bg-specific-tags-solid-rose: var(--rose-600);
|
|
287
|
+
--core-bg-specific-tags-solid-lime: var(--lime-700);
|
|
288
|
+
--core-bg-specific-tags-solid-violet: var(--violet-600);
|
|
289
|
+
--core-bg-specific-tags-solid-cyan: var(--cyan-700);
|
|
290
|
+
--core-bg-specific-tags-solid-emerald: var(--emerald-700);
|
|
291
|
+
--core-bg-specific-tags-solid-fuchsia: var(--fuchsia-600);
|
|
292
|
+
--core-bg-specific-tags-solid-amber: var(--amber-700);
|
|
293
|
+
--core-bg-specific-tags-solid-slate: var(--slate-600);
|
|
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);
|
|
238
307
|
--core-text-main-tertiary: var(--grey-500);
|
|
239
308
|
--core-text-main-invert-primary: var(--grey-900);
|
|
240
|
-
--core-text-main-invert-secondary: var(--grey-
|
|
241
|
-
--core-text-main-invert-tertiary: var(--grey-
|
|
242
|
-
--core-text-functional-placeholder: var(--
|
|
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);
|
|
243
312
|
--core-text-functional-disabled: var(--grey-400);
|
|
244
313
|
--core-text-functional-disabled-invert: var(--grey-white);
|
|
245
314
|
--core-text-functional-success: var(--green-500);
|
|
246
315
|
--core-text-functional-critical: var(--red-500);
|
|
247
316
|
--core-text-functional-info: var(--blue-500);
|
|
248
317
|
--core-text-functional-warning: var(--yellow-500);
|
|
249
|
-
--core-text-specific-tags-indigo: var(--indigo-
|
|
318
|
+
--core-text-specific-tags-indigo: var(--indigo-700);
|
|
250
319
|
--core-text-specific-tags-rose: var(--rose-300);
|
|
251
320
|
--core-text-specific-tags-lime: var(--lime-300);
|
|
252
|
-
--core-text-specific-tags-violet: var(--violet-
|
|
253
|
-
--core-text-specific-tags-cyan: var(--cyan-
|
|
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);
|
|
254
324
|
--core-text-specific-tags-emerald: var(--emerald-300);
|
|
255
|
-
--core-text-specific-tags-fuchsia: var(--fuchsia-
|
|
256
|
-
--core-text-specific-tags-amber: var(--amber-
|
|
325
|
+
--core-text-specific-tags-fuchsia: var(--fuchsia-700);
|
|
326
|
+
--core-text-specific-tags-amber: var(--amber-700);
|
|
257
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);
|
|
258
333
|
--core-border-main-primary: var(--grey-100);
|
|
259
|
-
--core-border-main-
|
|
334
|
+
--core-border-main-hover: var(--grey-200);
|
|
260
335
|
--core-border-main-invert-primary: var(--grey-900);
|
|
261
|
-
--core-border-main-invert-secondary: var(--grey-
|
|
336
|
+
--core-border-main-invert-secondary: var(--grey-700);
|
|
262
337
|
--core-border-functional-success: var(--green-500);
|
|
263
338
|
--core-border-functional-critical: var(--red-500);
|
|
264
339
|
--core-border-functional-info: var(--blue-500);
|
|
@@ -268,14 +343,20 @@
|
|
|
268
343
|
--core-border-specific-tags-lime: var(--lime-700);
|
|
269
344
|
--core-border-specific-tags-violet: var(--violet-700);
|
|
270
345
|
--core-border-specific-tags-cyan: var(--cyan-700);
|
|
346
|
+
--core-border-specific-tags-orange: var(--orange-700);
|
|
271
347
|
--core-border-specific-tags-emerald: var(--emerald-700);
|
|
272
348
|
--core-border-specific-tags-fuchsia: var(--fuchsia-700);
|
|
273
349
|
--core-border-specific-tags-amber: var(--amber-700);
|
|
274
350
|
--core-border-specific-tags-slate: var(--slate-700);
|
|
275
|
-
--
|
|
276
|
-
--
|
|
277
|
-
--
|
|
278
|
-
--
|
|
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);
|
|
279
360
|
--interactive-bg-primary-light-hover: var(--blue-100);
|
|
280
361
|
--interactive-bg-primary-light-pressed: var(--blue-200);
|
|
281
362
|
--interactive-bg-dark-default: var(--grey-900);
|
|
@@ -291,8 +372,8 @@
|
|
|
291
372
|
--interactive-bg-critical-dark-hover: var(--red-600);
|
|
292
373
|
--interactive-bg-critical-dark-pressed: var(--red-700);
|
|
293
374
|
--interactive-bg-critical-light-default: var(--grey-white);
|
|
294
|
-
--interactive-bg-critical-light-hover: var(--red-
|
|
295
|
-
--interactive-bg-critical-light-pressed: var(--red-
|
|
375
|
+
--interactive-bg-critical-light-hover: var(--red-50);
|
|
376
|
+
--interactive-bg-critical-light-pressed: var(--red-100);
|
|
296
377
|
--interactive-bg-success-dark-default: var(--green-500);
|
|
297
378
|
--interactive-bg-success-dark-hover: var(--green-600);
|
|
298
379
|
--interactive-bg-success-dark-pressed: var(--green-700);
|
|
@@ -311,9 +392,9 @@
|
|
|
311
392
|
--interactive-text-neutral-light-default: var(--grey-white);
|
|
312
393
|
--interactive-text-neutral-light-hover: var(--grey-100);
|
|
313
394
|
--interactive-text-neutral-light-pressed: var(--grey-200);
|
|
314
|
-
--interactive-text-primary-dark-default: var(--
|
|
315
|
-
--interactive-text-primary-dark-hover: var(--
|
|
316
|
-
--interactive-text-primary-dark-pressed: var(--
|
|
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);
|
|
317
398
|
--interactive-text-primary-light-default: var(--grey-white);
|
|
318
399
|
--interactive-text-primary-light-hover: var(--blue-100);
|
|
319
400
|
--interactive-text-primary-light-pressed: var(--blue-200);
|
|
@@ -347,9 +428,9 @@
|
|
|
347
428
|
--interactive-border-neutral-white-default: var(--grey-white);
|
|
348
429
|
--interactive-border-neutral-white-hover: var(--grey-50);
|
|
349
430
|
--interactive-border-neutral-white-pressed: var(--grey-100);
|
|
350
|
-
--interactive-border-primary-dark-default: var(--
|
|
351
|
-
--interactive-border-primary-dark-hover: var(--
|
|
352
|
-
--interactive-border-primary-dark-pressed: var(--
|
|
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);
|
|
353
434
|
--interactive-border-primary-light-default: var(--grey-white);
|
|
354
435
|
--interactive-border-primary-light-hover: var(--blue-100);
|
|
355
436
|
--interactive-border-primary-light-pressed: var(--blue-200);
|
|
@@ -365,9 +446,9 @@
|
|
|
365
446
|
--interactive-border-success-light-default: var(--grey-white);
|
|
366
447
|
--interactive-border-success-light-hover: var(--green-50);
|
|
367
448
|
--interactive-border-success-light-pressed: var(--green-100);
|
|
368
|
-
--interactive-border-warning-dark-default: var(--yellow-
|
|
369
|
-
--interactive-border-warning-dark-hover: var(--yellow-
|
|
370
|
-
--interactive-border-warning-dark-pressed: var(--yellow-
|
|
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);
|
|
371
452
|
--interactive-border-warning-light-default: var(--grey-white);
|
|
372
453
|
--interactive-border-warning-light-hover: var(--yellow-100);
|
|
373
454
|
--interactive-border-warning-light-pressed: var(--yellow-200);
|