@ds-mo/tokens 1.0.1 → 2.0.1

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/colors.css CHANGED
@@ -144,18 +144,45 @@
144
144
  --color-reference-white-90: rgb(255 255 255 / 0.9);
145
145
  --color-reference-white-95: rgb(255 255 255 / 0.95);
146
146
  --color-always-dark-background: var(--color-reference-grey-l18);
147
- --color-always-dark-border-ai: var(--color-reference-dark-purple-290-l67-c20-bold);
148
- --color-always-dark-border-brand: var(--color-reference-dark-blue-250-l65-c20-bold);
149
- --color-always-dark-border-caution: var(--color-reference-dark-yellow-85-l80-c18-bold);
150
- --color-always-dark-border-guide: var(--color-reference-dark-cyan-215-l70-c15-bold);
151
- --color-always-dark-border-negative: var(--color-reference-dark-red-30-l70-c20-bold);
152
- --color-always-dark-border-neutral: var(--color-reference-grey-l65-dark-bold);
153
- --color-always-dark-border-positive: var(--color-reference-dark-green-145-l70-c19-bold);
147
+ --color-always-dark-border-bold-ai: var(--color-reference-dark-purple-290-l67-c20-bold);
148
+ --color-always-dark-border-bold-brand: var(--color-reference-dark-blue-250-l65-c20-bold);
149
+ --color-always-dark-border-bold-caution: var(--color-reference-dark-yellow-85-l80-c18-bold);
150
+ --color-always-dark-border-bold-guide: var(--color-reference-dark-cyan-215-l70-c15-bold);
151
+ --color-always-dark-border-bold-negative: var(--color-reference-dark-red-30-l70-c20-bold);
152
+ --color-always-dark-border-bold-neutral: var(--color-reference-grey-l65-dark-bold);
153
+ --color-always-dark-border-bold-positive: var(--color-reference-dark-green-145-l70-c19-bold);
154
+ --color-always-dark-border-bold-walkthrough: var(--color-reference-dark-teal-180-l70-c15-bold);
155
+ --color-always-dark-border-bold-warning: var(--color-reference-dark-orange-60-l75-c20-bold);
156
+ --color-always-dark-border-faint-ai: var(--color-reference-dark-purple-290-l28-c05-faint);
157
+ --color-always-dark-border-faint-brand: var(--color-reference-dark-blue-250-l27-c05-faint);
158
+ --color-always-dark-border-faint-caution: var(--color-reference-dark-yellow-85-l28-c05-faint);
159
+ --color-always-dark-border-faint-guide: var(--color-reference-dark-cyan-215-l27-c05-faint);
160
+ --color-always-dark-border-faint-negative: var(--color-reference-dark-red-30-l28-c05-faint);
161
+ --color-always-dark-border-faint-neutral: var(--color-reference-grey-l27-dark-faint);
162
+ --color-always-dark-border-faint-positive: var(--color-reference-dark-green-145-l27-c05-faint);
163
+ --color-always-dark-border-faint-walkthrough: var(--color-reference-dark-teal-180-l27-c05-faint);
164
+ --color-always-dark-border-faint-warning: var(--color-reference-dark-orange-60-l28-c05-faint);
165
+ --color-always-dark-border-medium-ai: var(--color-reference-dark-purple-290-l52-c17-medium);
166
+ --color-always-dark-border-medium-brand: var(--color-reference-dark-blue-250-l50-c17-medium);
167
+ --color-always-dark-border-medium-caution: var(--color-reference-dark-yellow-85-l51-c12-medium);
168
+ --color-always-dark-border-medium-guide: var(--color-reference-dark-cyan-215-l50-c11-medium);
169
+ --color-always-dark-border-medium-negative: var(--color-reference-dark-red-30-l51-c17-medium);
170
+ --color-always-dark-border-medium-neutral: var(--color-reference-grey-l50-dark-medium);
171
+ --color-always-dark-border-medium-positive: var(--color-reference-dark-green-145-l50-c17-medium);
172
+ --color-always-dark-border-medium-walkthrough: var(--color-reference-dark-teal-180-l50-c12-medium);
173
+ --color-always-dark-border-medium-warning: var(--color-reference-dark-orange-60-l51-c13-medium);
154
174
  --color-always-dark-border-primary: var(--color-reference-white-20);
155
175
  --color-always-dark-border-secondary: var(--color-reference-white-15);
176
+ --color-always-dark-border-strong-ai: var(--color-reference-dark-purple-290-l92-c05-strong);
177
+ --color-always-dark-border-strong-brand: var(--color-reference-dark-blue-250-l91-c05-strong);
178
+ --color-always-dark-border-strong-caution: var(--color-reference-dark-yellow-85-l93-c05-strong);
179
+ --color-always-dark-border-strong-guide: var(--color-reference-dark-cyan-215-l92-c07-strong);
180
+ --color-always-dark-border-strong-negative: var(--color-reference-dark-red-30-l91-c06-strong);
181
+ --color-always-dark-border-strong-neutral: var(--color-reference-grey-l91-dark-strong);
182
+ --color-always-dark-border-strong-positive: var(--color-reference-dark-green-145-l93-c06-strong);
183
+ --color-always-dark-border-strong-walkthrough: var(--color-reference-dark-teal-180-l93-c08-strong);
184
+ --color-always-dark-border-strong-warning: var(--color-reference-dark-orange-60-l92-c06-strong);
156
185
  --color-always-dark-border-tertiary: var(--color-reference-white-10);
157
- --color-always-dark-border-walkthrough: var(--color-reference-dark-teal-180-l70-c15-bold);
158
- --color-always-dark-border-warning: var(--color-reference-dark-orange-60-l75-c20-bold);
159
186
  --color-always-dark-divider: var(--color-reference-white-10);
160
187
  --color-always-dark-foreground-ai: var(--color-reference-dark-purple-290-l67-c20-bold);
161
188
  --color-always-dark-foreground-brand: var(--color-reference-dark-blue-250-l65-c20-bold);
@@ -214,12 +241,33 @@
214
241
  --color-background-strong-warning: var(--color-reference-light-orange-60-l35-c09-strong);
215
242
  --color-background-translucent: var(--color-reference-white-50);
216
243
  --color-background-transparent: var(--color-reference-white-0);
217
- --color-border-ai: var(--color-reference-light-purple-290-l52-c20-bold);
218
- --color-border-brand: var(--color-reference-light-blue-250-l50-c18-bold);
219
- --color-border-caution: var(--color-reference-light-yellow-85-l51-c12-bold);
220
- --color-border-guide: var(--color-reference-light-cyan-215-l51-c11-bold);
221
- --color-border-negative: var(--color-reference-light-red-30-l53-c20-bold);
222
- --color-border-neutral: var(--color-reference-grey-l51-light-bold);
244
+ --color-border-bold-ai: var(--color-reference-light-purple-290-l52-c20-bold);
245
+ --color-border-bold-brand: var(--color-reference-light-blue-250-l50-c18-bold);
246
+ --color-border-bold-caution: var(--color-reference-light-yellow-85-l51-c12-bold);
247
+ --color-border-bold-guide: var(--color-reference-light-cyan-215-l51-c11-bold);
248
+ --color-border-bold-negative: var(--color-reference-light-red-30-l53-c20-bold);
249
+ --color-border-bold-neutral: var(--color-reference-grey-l51-light-bold);
250
+ --color-border-bold-positive: var(--color-reference-light-green-145-l50-c19-bold);
251
+ --color-border-bold-walkthrough: var(--color-reference-light-teal-180-l50-c12-bold);
252
+ --color-border-bold-warning: var(--color-reference-light-orange-60-l52-c13-bold);
253
+ --color-border-faint-ai: var(--color-reference-light-purple-290-l92-c04-faint);
254
+ --color-border-faint-brand: var(--color-reference-light-blue-250-l92-c04-faint);
255
+ --color-border-faint-caution: var(--color-reference-light-yellow-85-l93-c08-faint);
256
+ --color-border-faint-guide: var(--color-reference-light-cyan-215-l94-c04-faint);
257
+ --color-border-faint-negative: var(--color-reference-light-red-30-l93-c04-faint);
258
+ --color-border-faint-neutral: var(--color-reference-grey-l93-light-faint);
259
+ --color-border-faint-positive: var(--color-reference-light-green-145-l94-c05-faint);
260
+ --color-border-faint-walkthrough: var(--color-reference-light-teal-180-l94-c05-faint);
261
+ --color-border-faint-warning: var(--color-reference-light-orange-60-l93-c05-faint);
262
+ --color-border-medium-ai: var(--color-reference-light-purple-290-l75-c15-medium);
263
+ --color-border-medium-brand: var(--color-reference-light-blue-250-l70-c18-medium);
264
+ --color-border-medium-caution: var(--color-reference-light-yellow-85-l85-c20-medium);
265
+ --color-border-medium-guide: var(--color-reference-light-cyan-215-l75-c17-medium);
266
+ --color-border-medium-negative: var(--color-reference-light-red-30-l70-c20-medium);
267
+ --color-border-medium-neutral: var(--color-reference-grey-l75-light-medium);
268
+ --color-border-medium-positive: var(--color-reference-light-green-145-l75-c22-medium);
269
+ --color-border-medium-walkthrough: var(--color-reference-light-teal-180-l75-c17-medium);
270
+ --color-border-medium-warning: var(--color-reference-light-orange-60-l75-c20-medium);
223
271
  --color-border-on-bold-background-primary: var(--color-reference-white-25);
224
272
  --color-border-on-bold-background-secondary: var(--color-reference-white-20);
225
273
  --color-border-on-bold-background-tertiary: var(--color-reference-white-15);
@@ -232,12 +280,18 @@
232
280
  --color-border-on-translucent-background-primary: var(--color-reference-black-25);
233
281
  --color-border-on-translucent-background-secondary: var(--color-reference-black-20);
234
282
  --color-border-on-translucent-background-tertiary: var(--color-reference-black-15);
235
- --color-border-positive: var(--color-reference-light-green-145-l50-c19-bold);
236
283
  --color-border-primary: var(--color-reference-black-20);
237
284
  --color-border-secondary: var(--color-reference-black-15);
285
+ --color-border-strong-ai: var(--color-reference-light-purple-290-l35-c13-strong);
286
+ --color-border-strong-brand: var(--color-reference-light-blue-250-l33-c09-strong);
287
+ --color-border-strong-caution: var(--color-reference-light-yellow-85-l40-c09-strong);
288
+ --color-border-strong-guide: var(--color-reference-light-cyan-215-l30-c07-strong);
289
+ --color-border-strong-negative: var(--color-reference-light-red-30-l30-c11-strong);
290
+ --color-border-strong-neutral: var(--color-reference-grey-l30-light-strong);
291
+ --color-border-strong-positive: var(--color-reference-light-green-145-l35-c13-strong);
292
+ --color-border-strong-walkthrough: var(--color-reference-light-teal-180-l35-c09-strong);
293
+ --color-border-strong-warning: var(--color-reference-light-orange-60-l35-c09-strong);
238
294
  --color-border-tertiary: var(--color-reference-black-10);
239
- --color-border-walkthrough: var(--color-reference-light-teal-180-l50-c12-bold);
240
- --color-border-warning: var(--color-reference-light-orange-60-l52-c13-bold);
241
295
  --color-divider-divider: var(--color-reference-black-10);
242
296
  --color-divider-on-bold-background: var(--color-reference-white-15);
243
297
  --color-divider-on-medium-background: var(--color-reference-black-15);
@@ -370,18 +424,45 @@
370
424
  --color-interaction-on-translucent-background-pressed: var(--color-reference-black-20);
371
425
  --color-interaction-pressed: var(--color-reference-black-15);
372
426
  --color-inverted-background: var(--color-reference-grey-l18);
373
- --color-inverted-border-ai: var(--color-reference-dark-purple-290-l67-c20-bold);
374
- --color-inverted-border-brand: var(--color-reference-dark-blue-250-l65-c20-bold);
375
- --color-inverted-border-caution: var(--color-reference-dark-yellow-85-l80-c18-bold);
376
- --color-inverted-border-guide: var(--color-reference-dark-cyan-215-l70-c15-bold);
377
- --color-inverted-border-negative: var(--color-reference-dark-red-30-l70-c20-bold);
378
- --color-inverted-border-neutral: var(--color-reference-grey-l65-dark-bold);
379
- --color-inverted-border-positive: var(--color-reference-dark-green-145-l70-c19-bold);
427
+ --color-inverted-border-bold-ai: var(--color-reference-dark-purple-290-l67-c20-bold);
428
+ --color-inverted-border-bold-brand: var(--color-reference-dark-blue-250-l65-c20-bold);
429
+ --color-inverted-border-bold-caution: var(--color-reference-dark-yellow-85-l80-c18-bold);
430
+ --color-inverted-border-bold-guide: var(--color-reference-dark-cyan-215-l70-c15-bold);
431
+ --color-inverted-border-bold-negative: var(--color-reference-dark-red-30-l70-c20-bold);
432
+ --color-inverted-border-bold-neutral: var(--color-reference-grey-l65-dark-bold);
433
+ --color-inverted-border-bold-positive: var(--color-reference-dark-green-145-l70-c19-bold);
434
+ --color-inverted-border-bold-walkthrough: var(--color-reference-dark-teal-180-l70-c15-bold);
435
+ --color-inverted-border-bold-warning: var(--color-reference-dark-orange-60-l75-c20-bold);
436
+ --color-inverted-border-faint-ai: var(--color-reference-dark-purple-290-l28-c05-faint);
437
+ --color-inverted-border-faint-brand: var(--color-reference-dark-blue-250-l27-c05-faint);
438
+ --color-inverted-border-faint-caution: var(--color-reference-dark-yellow-85-l28-c05-faint);
439
+ --color-inverted-border-faint-guide: var(--color-reference-dark-cyan-215-l27-c05-faint);
440
+ --color-inverted-border-faint-negative: var(--color-reference-dark-red-30-l28-c05-faint);
441
+ --color-inverted-border-faint-neutral: var(--color-reference-grey-l27-dark-faint);
442
+ --color-inverted-border-faint-positive: var(--color-reference-dark-green-145-l27-c05-faint);
443
+ --color-inverted-border-faint-walkthrough: var(--color-reference-dark-teal-180-l27-c05-faint);
444
+ --color-inverted-border-faint-warning: var(--color-reference-dark-orange-60-l28-c05-faint);
445
+ --color-inverted-border-medium-ai: var(--color-reference-dark-purple-290-l52-c17-medium);
446
+ --color-inverted-border-medium-brand: var(--color-reference-dark-blue-250-l50-c17-medium);
447
+ --color-inverted-border-medium-caution: var(--color-reference-dark-yellow-85-l51-c12-medium);
448
+ --color-inverted-border-medium-guide: var(--color-reference-dark-cyan-215-l50-c11-medium);
449
+ --color-inverted-border-medium-negative: var(--color-reference-dark-red-30-l51-c17-medium);
450
+ --color-inverted-border-medium-neutral: var(--color-reference-grey-l50-dark-medium);
451
+ --color-inverted-border-medium-positive: var(--color-reference-dark-green-145-l50-c17-medium);
452
+ --color-inverted-border-medium-walkthrough: var(--color-reference-dark-teal-180-l50-c12-medium);
453
+ --color-inverted-border-medium-warning: var(--color-reference-dark-orange-60-l51-c13-medium);
380
454
  --color-inverted-border-primary: var(--color-reference-white-20);
381
455
  --color-inverted-border-secondary: var(--color-reference-white-15);
456
+ --color-inverted-border-strong-ai: var(--color-reference-dark-purple-290-l92-c05-strong);
457
+ --color-inverted-border-strong-brand: var(--color-reference-dark-blue-250-l91-c05-strong);
458
+ --color-inverted-border-strong-caution: var(--color-reference-dark-yellow-85-l93-c05-strong);
459
+ --color-inverted-border-strong-guide: var(--color-reference-dark-cyan-215-l92-c07-strong);
460
+ --color-inverted-border-strong-negative: var(--color-reference-dark-red-30-l91-c06-strong);
461
+ --color-inverted-border-strong-neutral: var(--color-reference-grey-l91-dark-strong);
462
+ --color-inverted-border-strong-positive: var(--color-reference-dark-green-145-l93-c06-strong);
463
+ --color-inverted-border-strong-walkthrough: var(--color-reference-dark-teal-180-l93-c08-strong);
464
+ --color-inverted-border-strong-warning: var(--color-reference-dark-orange-60-l92-c06-strong);
382
465
  --color-inverted-border-tertiary: var(--color-reference-white-10);
383
- --color-inverted-border-walkthrough: var(--color-reference-dark-teal-180-l70-c15-bold);
384
- --color-inverted-border-warning: var(--color-reference-dark-orange-60-l75-c20-bold);
385
466
  --color-inverted-divider: var(--color-reference-white-10);
386
467
  --color-inverted-foreground-ai: var(--color-reference-dark-purple-290-l67-c20-bold);
387
468
  --color-inverted-foreground-brand: var(--color-reference-dark-blue-250-l65-c20-bold);
@@ -474,18 +555,45 @@
474
555
 
475
556
  :root[data-theme="dark"] {
476
557
  --color-always-dark-background: var(--color-reference-grey-l20);
477
- --color-always-dark-border-ai: var(--color-reference-dark-purple-290-l67-c20-bold);
478
- --color-always-dark-border-brand: var(--color-reference-dark-blue-250-l65-c20-bold);
479
- --color-always-dark-border-caution: var(--color-reference-dark-yellow-85-l80-c18-bold);
480
- --color-always-dark-border-guide: var(--color-reference-dark-cyan-215-l70-c15-bold);
481
- --color-always-dark-border-negative: var(--color-reference-dark-red-30-l70-c20-bold);
482
- --color-always-dark-border-neutral: var(--color-reference-grey-l65-dark-bold);
483
- --color-always-dark-border-positive: var(--color-reference-dark-green-145-l70-c19-bold);
558
+ --color-always-dark-border-bold-ai: var(--color-reference-dark-purple-290-l67-c20-bold);
559
+ --color-always-dark-border-bold-brand: var(--color-reference-dark-blue-250-l65-c20-bold);
560
+ --color-always-dark-border-bold-caution: var(--color-reference-dark-yellow-85-l80-c18-bold);
561
+ --color-always-dark-border-bold-guide: var(--color-reference-dark-cyan-215-l70-c15-bold);
562
+ --color-always-dark-border-bold-negative: var(--color-reference-dark-red-30-l70-c20-bold);
563
+ --color-always-dark-border-bold-neutral: var(--color-reference-grey-l65-dark-bold);
564
+ --color-always-dark-border-bold-positive: var(--color-reference-dark-green-145-l70-c19-bold);
565
+ --color-always-dark-border-bold-walkthrough: var(--color-reference-dark-teal-180-l70-c15-bold);
566
+ --color-always-dark-border-bold-warning: var(--color-reference-dark-orange-60-l75-c20-bold);
567
+ --color-always-dark-border-faint-ai: var(--color-reference-dark-purple-290-l28-c05-faint);
568
+ --color-always-dark-border-faint-brand: var(--color-reference-dark-blue-250-l27-c05-faint);
569
+ --color-always-dark-border-faint-caution: var(--color-reference-dark-yellow-85-l28-c05-faint);
570
+ --color-always-dark-border-faint-guide: var(--color-reference-dark-cyan-215-l27-c05-faint);
571
+ --color-always-dark-border-faint-negative: var(--color-reference-dark-red-30-l28-c05-faint);
572
+ --color-always-dark-border-faint-neutral: var(--color-reference-grey-l27-dark-faint);
573
+ --color-always-dark-border-faint-positive: var(--color-reference-dark-green-145-l27-c05-faint);
574
+ --color-always-dark-border-faint-walkthrough: var(--color-reference-dark-teal-180-l27-c05-faint);
575
+ --color-always-dark-border-faint-warning: var(--color-reference-dark-orange-60-l28-c05-faint);
576
+ --color-always-dark-border-medium-ai: var(--color-reference-dark-purple-290-l52-c17-medium);
577
+ --color-always-dark-border-medium-brand: var(--color-reference-dark-blue-250-l50-c17-medium);
578
+ --color-always-dark-border-medium-caution: var(--color-reference-dark-yellow-85-l51-c12-medium);
579
+ --color-always-dark-border-medium-guide: var(--color-reference-dark-cyan-215-l50-c11-medium);
580
+ --color-always-dark-border-medium-negative: var(--color-reference-dark-red-30-l51-c17-medium);
581
+ --color-always-dark-border-medium-neutral: var(--color-reference-grey-l50-dark-medium);
582
+ --color-always-dark-border-medium-positive: var(--color-reference-dark-green-145-l50-c17-medium);
583
+ --color-always-dark-border-medium-walkthrough: var(--color-reference-dark-teal-180-l50-c12-medium);
584
+ --color-always-dark-border-medium-warning: var(--color-reference-dark-orange-60-l51-c13-medium);
484
585
  --color-always-dark-border-primary: var(--color-reference-white-20);
485
586
  --color-always-dark-border-secondary: var(--color-reference-white-15);
587
+ --color-always-dark-border-strong-ai: var(--color-reference-dark-purple-290-l92-c05-strong);
588
+ --color-always-dark-border-strong-brand: var(--color-reference-dark-blue-250-l91-c05-strong);
589
+ --color-always-dark-border-strong-caution: var(--color-reference-dark-yellow-85-l93-c05-strong);
590
+ --color-always-dark-border-strong-guide: var(--color-reference-dark-cyan-215-l92-c07-strong);
591
+ --color-always-dark-border-strong-negative: var(--color-reference-dark-red-30-l91-c06-strong);
592
+ --color-always-dark-border-strong-neutral: var(--color-reference-grey-l91-dark-strong);
593
+ --color-always-dark-border-strong-positive: var(--color-reference-dark-green-145-l93-c06-strong);
594
+ --color-always-dark-border-strong-walkthrough: var(--color-reference-dark-teal-180-l93-c08-strong);
595
+ --color-always-dark-border-strong-warning: var(--color-reference-dark-orange-60-l92-c06-strong);
486
596
  --color-always-dark-border-tertiary: var(--color-reference-white-10);
487
- --color-always-dark-border-walkthrough: var(--color-reference-dark-teal-180-l70-c15-bold);
488
- --color-always-dark-border-warning: var(--color-reference-dark-orange-60-l75-c20-bold);
489
597
  --color-always-dark-divider: var(--color-reference-white-10);
490
598
  --color-always-dark-foreground-ai: var(--color-reference-light-purple-290-l52-c20-bold);
491
599
  --color-always-dark-foreground-brand: var(--color-reference-light-blue-250-l50-c18-bold);
@@ -544,12 +652,33 @@
544
652
  --color-background-strong-warning: var(--color-reference-dark-orange-60-l92-c06-strong);
545
653
  --color-background-translucent: var(--color-reference-black-50);
546
654
  --color-background-transparent: var(--color-reference-black-0);
547
- --color-border-ai: var(--color-reference-dark-purple-290-l67-c20-bold);
548
- --color-border-brand: var(--color-reference-dark-blue-250-l65-c20-bold);
549
- --color-border-caution: var(--color-reference-dark-yellow-85-l80-c18-bold);
550
- --color-border-guide: var(--color-reference-dark-cyan-215-l70-c15-bold);
551
- --color-border-negative: var(--color-reference-dark-red-30-l70-c20-bold);
552
- --color-border-neutral: var(--color-reference-grey-l65-dark-bold);
655
+ --color-border-bold-ai: var(--color-reference-dark-purple-290-l67-c20-bold);
656
+ --color-border-bold-brand: var(--color-reference-dark-blue-250-l65-c20-bold);
657
+ --color-border-bold-caution: var(--color-reference-dark-yellow-85-l80-c18-bold);
658
+ --color-border-bold-guide: var(--color-reference-dark-cyan-215-l70-c15-bold);
659
+ --color-border-bold-negative: var(--color-reference-dark-red-30-l70-c20-bold);
660
+ --color-border-bold-neutral: var(--color-reference-grey-l65-dark-bold);
661
+ --color-border-bold-positive: var(--color-reference-dark-green-145-l70-c19-bold);
662
+ --color-border-bold-walkthrough: var(--color-reference-dark-teal-180-l70-c15-bold);
663
+ --color-border-bold-warning: var(--color-reference-dark-orange-60-l75-c20-bold);
664
+ --color-border-faint-ai: var(--color-reference-dark-purple-290-l28-c05-faint);
665
+ --color-border-faint-brand: var(--color-reference-dark-blue-250-l27-c05-faint);
666
+ --color-border-faint-caution: var(--color-reference-dark-yellow-85-l28-c05-faint);
667
+ --color-border-faint-guide: var(--color-reference-dark-cyan-215-l27-c05-faint);
668
+ --color-border-faint-negative: var(--color-reference-dark-red-30-l28-c05-faint);
669
+ --color-border-faint-neutral: var(--color-reference-grey-l27-dark-faint);
670
+ --color-border-faint-positive: var(--color-reference-dark-green-145-l27-c05-faint);
671
+ --color-border-faint-walkthrough: var(--color-reference-dark-teal-180-l27-c05-faint);
672
+ --color-border-faint-warning: var(--color-reference-dark-orange-60-l28-c05-faint);
673
+ --color-border-medium-ai: var(--color-reference-dark-purple-290-l52-c17-medium);
674
+ --color-border-medium-brand: var(--color-reference-dark-blue-250-l50-c17-medium);
675
+ --color-border-medium-caution: var(--color-reference-dark-yellow-85-l51-c12-medium);
676
+ --color-border-medium-guide: var(--color-reference-dark-cyan-215-l50-c11-medium);
677
+ --color-border-medium-negative: var(--color-reference-dark-red-30-l51-c17-medium);
678
+ --color-border-medium-neutral: var(--color-reference-grey-l50-dark-medium);
679
+ --color-border-medium-positive: var(--color-reference-dark-green-145-l50-c17-medium);
680
+ --color-border-medium-walkthrough: var(--color-reference-dark-teal-180-l50-c12-medium);
681
+ --color-border-medium-warning: var(--color-reference-dark-orange-60-l51-c13-medium);
553
682
  --color-border-on-bold-background-primary: var(--color-reference-black-25);
554
683
  --color-border-on-bold-background-secondary: var(--color-reference-black-20);
555
684
  --color-border-on-bold-background-tertiary: var(--color-reference-black-15);
@@ -562,12 +691,18 @@
562
691
  --color-border-on-translucent-background-primary: var(--color-reference-white-25);
563
692
  --color-border-on-translucent-background-secondary: var(--color-reference-white-20);
564
693
  --color-border-on-translucent-background-tertiary: var(--color-reference-white-15);
565
- --color-border-positive: var(--color-reference-dark-green-145-l70-c19-bold);
566
694
  --color-border-primary: var(--color-reference-white-20);
567
695
  --color-border-secondary: var(--color-reference-white-15);
696
+ --color-border-strong-ai: var(--color-reference-dark-purple-290-l92-c05-strong);
697
+ --color-border-strong-brand: var(--color-reference-dark-blue-250-l91-c05-strong);
698
+ --color-border-strong-caution: var(--color-reference-dark-yellow-85-l93-c05-strong);
699
+ --color-border-strong-guide: var(--color-reference-dark-cyan-215-l92-c07-strong);
700
+ --color-border-strong-negative: var(--color-reference-dark-red-30-l91-c06-strong);
701
+ --color-border-strong-neutral: var(--color-reference-grey-l91-dark-strong);
702
+ --color-border-strong-positive: var(--color-reference-dark-green-145-l93-c06-strong);
703
+ --color-border-strong-walkthrough: var(--color-reference-dark-teal-180-l93-c08-strong);
704
+ --color-border-strong-warning: var(--color-reference-dark-orange-60-l92-c06-strong);
568
705
  --color-border-tertiary: var(--color-reference-white-10);
569
- --color-border-walkthrough: var(--color-reference-dark-teal-180-l70-c15-bold);
570
- --color-border-warning: var(--color-reference-dark-orange-60-l75-c20-bold);
571
706
  --color-divider-divider: var(--color-reference-white-10);
572
707
  --color-divider-on-bold-background: var(--color-reference-black-15);
573
708
  --color-divider-on-medium-background: var(--color-reference-white-15);
@@ -700,18 +835,45 @@
700
835
  --color-interaction-on-translucent-background-pressed: var(--color-reference-white-20);
701
836
  --color-interaction-pressed: var(--color-reference-white-15);
702
837
  --color-inverted-background: var(--color-reference-white-100);
703
- --color-inverted-border-ai: var(--color-reference-light-purple-290-l52-c20-bold);
704
- --color-inverted-border-brand: var(--color-reference-light-blue-250-l50-c18-bold);
705
- --color-inverted-border-caution: var(--color-reference-light-yellow-85-l51-c12-bold);
706
- --color-inverted-border-guide: var(--color-reference-light-cyan-215-l51-c11-bold);
707
- --color-inverted-border-negative: var(--color-reference-light-red-30-l53-c20-bold);
708
- --color-inverted-border-neutral: var(--color-reference-grey-l51-light-bold);
709
- --color-inverted-border-positive: var(--color-reference-light-green-145-l50-c19-bold);
838
+ --color-inverted-border-bold-ai: var(--color-reference-light-purple-290-l52-c20-bold);
839
+ --color-inverted-border-bold-brand: var(--color-reference-light-blue-250-l50-c18-bold);
840
+ --color-inverted-border-bold-caution: var(--color-reference-light-yellow-85-l51-c12-bold);
841
+ --color-inverted-border-bold-guide: var(--color-reference-light-cyan-215-l51-c11-bold);
842
+ --color-inverted-border-bold-negative: var(--color-reference-light-red-30-l53-c20-bold);
843
+ --color-inverted-border-bold-neutral: var(--color-reference-grey-l51-light-bold);
844
+ --color-inverted-border-bold-positive: var(--color-reference-light-green-145-l50-c19-bold);
845
+ --color-inverted-border-bold-walkthrough: var(--color-reference-light-teal-180-l50-c12-bold);
846
+ --color-inverted-border-bold-warning: var(--color-reference-light-orange-60-l52-c13-bold);
847
+ --color-inverted-border-faint-ai: var(--color-reference-light-purple-290-l92-c04-faint);
848
+ --color-inverted-border-faint-brand: var(--color-reference-light-blue-250-l92-c04-faint);
849
+ --color-inverted-border-faint-caution: var(--color-reference-light-yellow-85-l93-c08-faint);
850
+ --color-inverted-border-faint-guide: var(--color-reference-light-cyan-215-l94-c04-faint);
851
+ --color-inverted-border-faint-negative: var(--color-reference-light-red-30-l93-c04-faint);
852
+ --color-inverted-border-faint-neutral: var(--color-reference-grey-l93-light-faint);
853
+ --color-inverted-border-faint-positive: var(--color-reference-light-green-145-l94-c05-faint);
854
+ --color-inverted-border-faint-walkthrough: var(--color-reference-light-teal-180-l94-c05-faint);
855
+ --color-inverted-border-faint-warning: var(--color-reference-light-orange-60-l93-c05-faint);
856
+ --color-inverted-border-medium-ai: var(--color-reference-light-purple-290-l75-c15-medium);
857
+ --color-inverted-border-medium-brand: var(--color-reference-light-blue-250-l70-c18-medium);
858
+ --color-inverted-border-medium-caution: var(--color-reference-light-yellow-85-l85-c20-medium);
859
+ --color-inverted-border-medium-guide: var(--color-reference-light-cyan-215-l75-c17-medium);
860
+ --color-inverted-border-medium-negative: var(--color-reference-light-red-30-l70-c20-medium);
861
+ --color-inverted-border-medium-neutral: var(--color-reference-grey-l75-light-medium);
862
+ --color-inverted-border-medium-positive: var(--color-reference-light-green-145-l75-c22-medium);
863
+ --color-inverted-border-medium-walkthrough: var(--color-reference-light-teal-180-l75-c17-medium);
864
+ --color-inverted-border-medium-warning: var(--color-reference-light-orange-60-l75-c20-medium);
710
865
  --color-inverted-border-primary: var(--color-reference-black-20);
711
866
  --color-inverted-border-secondary: var(--color-reference-black-15);
867
+ --color-inverted-border-strong-ai: var(--color-reference-light-purple-290-l35-c13-strong);
868
+ --color-inverted-border-strong-brand: var(--color-reference-light-blue-250-l33-c09-strong);
869
+ --color-inverted-border-strong-caution: var(--color-reference-light-yellow-85-l40-c09-strong);
870
+ --color-inverted-border-strong-guide: var(--color-reference-light-cyan-215-l30-c07-strong);
871
+ --color-inverted-border-strong-negative: var(--color-reference-light-red-30-l30-c11-strong);
872
+ --color-inverted-border-strong-neutral: var(--color-reference-grey-l30-light-strong);
873
+ --color-inverted-border-strong-positive: var(--color-reference-light-green-145-l35-c13-strong);
874
+ --color-inverted-border-strong-walkthrough: var(--color-reference-light-teal-180-l35-c09-strong);
875
+ --color-inverted-border-strong-warning: var(--color-reference-light-orange-60-l35-c09-strong);
712
876
  --color-inverted-border-tertiary: var(--color-reference-black-10);
713
- --color-inverted-border-walkthrough: var(--color-reference-light-teal-180-l50-c12-bold);
714
- --color-inverted-border-warning: var(--color-reference-light-orange-60-l52-c13-bold);
715
877
  --color-inverted-divider: var(--color-reference-black-10);
716
878
  --color-inverted-foreground-ai: var(--color-reference-dark-purple-290-l67-c20-bold);
717
879
  --color-inverted-foreground-brand: var(--color-reference-dark-blue-250-l65-c20-bold);
package/dist/index.cjs CHANGED
@@ -1,16 +1,43 @@
1
1
  exports.colorAlwaysDarkBackground = '--color-always-dark-background';
2
- exports.colorAlwaysDarkBorderAi = '--color-always-dark-border-ai';
3
- exports.colorAlwaysDarkBorderBrand = '--color-always-dark-border-brand';
4
- exports.colorAlwaysDarkBorderCaution = '--color-always-dark-border-caution';
5
- exports.colorAlwaysDarkBorderGuide = '--color-always-dark-border-guide';
6
- exports.colorAlwaysDarkBorderNegative = '--color-always-dark-border-negative';
7
- exports.colorAlwaysDarkBorderNeutral = '--color-always-dark-border-neutral';
8
- exports.colorAlwaysDarkBorderPositive = '--color-always-dark-border-positive';
2
+ exports.colorAlwaysDarkBorderBoldAi = '--color-always-dark-border-bold-ai';
3
+ exports.colorAlwaysDarkBorderBoldBrand = '--color-always-dark-border-bold-brand';
4
+ exports.colorAlwaysDarkBorderBoldCaution = '--color-always-dark-border-bold-caution';
5
+ exports.colorAlwaysDarkBorderBoldGuide = '--color-always-dark-border-bold-guide';
6
+ exports.colorAlwaysDarkBorderBoldNegative = '--color-always-dark-border-bold-negative';
7
+ exports.colorAlwaysDarkBorderBoldNeutral = '--color-always-dark-border-bold-neutral';
8
+ exports.colorAlwaysDarkBorderBoldPositive = '--color-always-dark-border-bold-positive';
9
+ exports.colorAlwaysDarkBorderBoldWalkthrough = '--color-always-dark-border-bold-walkthrough';
10
+ exports.colorAlwaysDarkBorderBoldWarning = '--color-always-dark-border-bold-warning';
11
+ exports.colorAlwaysDarkBorderFaintAi = '--color-always-dark-border-faint-ai';
12
+ exports.colorAlwaysDarkBorderFaintBrand = '--color-always-dark-border-faint-brand';
13
+ exports.colorAlwaysDarkBorderFaintCaution = '--color-always-dark-border-faint-caution';
14
+ exports.colorAlwaysDarkBorderFaintGuide = '--color-always-dark-border-faint-guide';
15
+ exports.colorAlwaysDarkBorderFaintNegative = '--color-always-dark-border-faint-negative';
16
+ exports.colorAlwaysDarkBorderFaintNeutral = '--color-always-dark-border-faint-neutral';
17
+ exports.colorAlwaysDarkBorderFaintPositive = '--color-always-dark-border-faint-positive';
18
+ exports.colorAlwaysDarkBorderFaintWalkthrough = '--color-always-dark-border-faint-walkthrough';
19
+ exports.colorAlwaysDarkBorderFaintWarning = '--color-always-dark-border-faint-warning';
20
+ exports.colorAlwaysDarkBorderMediumAi = '--color-always-dark-border-medium-ai';
21
+ exports.colorAlwaysDarkBorderMediumBrand = '--color-always-dark-border-medium-brand';
22
+ exports.colorAlwaysDarkBorderMediumCaution = '--color-always-dark-border-medium-caution';
23
+ exports.colorAlwaysDarkBorderMediumGuide = '--color-always-dark-border-medium-guide';
24
+ exports.colorAlwaysDarkBorderMediumNegative = '--color-always-dark-border-medium-negative';
25
+ exports.colorAlwaysDarkBorderMediumNeutral = '--color-always-dark-border-medium-neutral';
26
+ exports.colorAlwaysDarkBorderMediumPositive = '--color-always-dark-border-medium-positive';
27
+ exports.colorAlwaysDarkBorderMediumWalkthrough = '--color-always-dark-border-medium-walkthrough';
28
+ exports.colorAlwaysDarkBorderMediumWarning = '--color-always-dark-border-medium-warning';
9
29
  exports.colorAlwaysDarkBorderPrimary = '--color-always-dark-border-primary';
10
30
  exports.colorAlwaysDarkBorderSecondary = '--color-always-dark-border-secondary';
31
+ exports.colorAlwaysDarkBorderStrongAi = '--color-always-dark-border-strong-ai';
32
+ exports.colorAlwaysDarkBorderStrongBrand = '--color-always-dark-border-strong-brand';
33
+ exports.colorAlwaysDarkBorderStrongCaution = '--color-always-dark-border-strong-caution';
34
+ exports.colorAlwaysDarkBorderStrongGuide = '--color-always-dark-border-strong-guide';
35
+ exports.colorAlwaysDarkBorderStrongNegative = '--color-always-dark-border-strong-negative';
36
+ exports.colorAlwaysDarkBorderStrongNeutral = '--color-always-dark-border-strong-neutral';
37
+ exports.colorAlwaysDarkBorderStrongPositive = '--color-always-dark-border-strong-positive';
38
+ exports.colorAlwaysDarkBorderStrongWalkthrough = '--color-always-dark-border-strong-walkthrough';
39
+ exports.colorAlwaysDarkBorderStrongWarning = '--color-always-dark-border-strong-warning';
11
40
  exports.colorAlwaysDarkBorderTertiary = '--color-always-dark-border-tertiary';
12
- exports.colorAlwaysDarkBorderWalkthrough = '--color-always-dark-border-walkthrough';
13
- exports.colorAlwaysDarkBorderWarning = '--color-always-dark-border-warning';
14
41
  exports.colorAlwaysDarkDivider = '--color-always-dark-divider';
15
42
  exports.colorAlwaysDarkForegroundAi = '--color-always-dark-foreground-ai';
16
43
  exports.colorAlwaysDarkForegroundBrand = '--color-always-dark-foreground-brand';
@@ -69,12 +96,33 @@ exports.colorBackgroundStrongWalkthrough = '--color-background-strong-walkthroug
69
96
  exports.colorBackgroundStrongWarning = '--color-background-strong-warning';
70
97
  exports.colorBackgroundTranslucent = '--color-background-translucent';
71
98
  exports.colorBackgroundTransparent = '--color-background-transparent';
72
- exports.colorBorderAi = '--color-border-ai';
73
- exports.colorBorderBrand = '--color-border-brand';
74
- exports.colorBorderCaution = '--color-border-caution';
75
- exports.colorBorderGuide = '--color-border-guide';
76
- exports.colorBorderNegative = '--color-border-negative';
77
- exports.colorBorderNeutral = '--color-border-neutral';
99
+ exports.colorBorderBoldAi = '--color-border-bold-ai';
100
+ exports.colorBorderBoldBrand = '--color-border-bold-brand';
101
+ exports.colorBorderBoldCaution = '--color-border-bold-caution';
102
+ exports.colorBorderBoldGuide = '--color-border-bold-guide';
103
+ exports.colorBorderBoldNegative = '--color-border-bold-negative';
104
+ exports.colorBorderBoldNeutral = '--color-border-bold-neutral';
105
+ exports.colorBorderBoldPositive = '--color-border-bold-positive';
106
+ exports.colorBorderBoldWalkthrough = '--color-border-bold-walkthrough';
107
+ exports.colorBorderBoldWarning = '--color-border-bold-warning';
108
+ exports.colorBorderFaintAi = '--color-border-faint-ai';
109
+ exports.colorBorderFaintBrand = '--color-border-faint-brand';
110
+ exports.colorBorderFaintCaution = '--color-border-faint-caution';
111
+ exports.colorBorderFaintGuide = '--color-border-faint-guide';
112
+ exports.colorBorderFaintNegative = '--color-border-faint-negative';
113
+ exports.colorBorderFaintNeutral = '--color-border-faint-neutral';
114
+ exports.colorBorderFaintPositive = '--color-border-faint-positive';
115
+ exports.colorBorderFaintWalkthrough = '--color-border-faint-walkthrough';
116
+ exports.colorBorderFaintWarning = '--color-border-faint-warning';
117
+ exports.colorBorderMediumAi = '--color-border-medium-ai';
118
+ exports.colorBorderMediumBrand = '--color-border-medium-brand';
119
+ exports.colorBorderMediumCaution = '--color-border-medium-caution';
120
+ exports.colorBorderMediumGuide = '--color-border-medium-guide';
121
+ exports.colorBorderMediumNegative = '--color-border-medium-negative';
122
+ exports.colorBorderMediumNeutral = '--color-border-medium-neutral';
123
+ exports.colorBorderMediumPositive = '--color-border-medium-positive';
124
+ exports.colorBorderMediumWalkthrough = '--color-border-medium-walkthrough';
125
+ exports.colorBorderMediumWarning = '--color-border-medium-warning';
78
126
  exports.colorBorderOnBoldBackgroundPrimary = '--color-border-on-bold-background-primary';
79
127
  exports.colorBorderOnBoldBackgroundSecondary = '--color-border-on-bold-background-secondary';
80
128
  exports.colorBorderOnBoldBackgroundTertiary = '--color-border-on-bold-background-tertiary';
@@ -87,12 +135,18 @@ exports.colorBorderOnStrongBackgroundTertiary = '--color-border-on-strong-backgr
87
135
  exports.colorBorderOnTranslucentBackgroundPrimary = '--color-border-on-translucent-background-primary';
88
136
  exports.colorBorderOnTranslucentBackgroundSecondary = '--color-border-on-translucent-background-secondary';
89
137
  exports.colorBorderOnTranslucentBackgroundTertiary = '--color-border-on-translucent-background-tertiary';
90
- exports.colorBorderPositive = '--color-border-positive';
91
138
  exports.colorBorderPrimary = '--color-border-primary';
92
139
  exports.colorBorderSecondary = '--color-border-secondary';
140
+ exports.colorBorderStrongAi = '--color-border-strong-ai';
141
+ exports.colorBorderStrongBrand = '--color-border-strong-brand';
142
+ exports.colorBorderStrongCaution = '--color-border-strong-caution';
143
+ exports.colorBorderStrongGuide = '--color-border-strong-guide';
144
+ exports.colorBorderStrongNegative = '--color-border-strong-negative';
145
+ exports.colorBorderStrongNeutral = '--color-border-strong-neutral';
146
+ exports.colorBorderStrongPositive = '--color-border-strong-positive';
147
+ exports.colorBorderStrongWalkthrough = '--color-border-strong-walkthrough';
148
+ exports.colorBorderStrongWarning = '--color-border-strong-warning';
93
149
  exports.colorBorderTertiary = '--color-border-tertiary';
94
- exports.colorBorderWalkthrough = '--color-border-walkthrough';
95
- exports.colorBorderWarning = '--color-border-warning';
96
150
  exports.colorDataCategory1 = '--color-data-category-1';
97
151
  exports.colorDataCategory10 = '--color-data-category-10';
98
152
  exports.colorDataCategory11 = '--color-data-category-11';
@@ -274,18 +328,45 @@ exports.colorInteractionOnTranslucentBackgroundHover = '--color-interaction-on-t
274
328
  exports.colorInteractionOnTranslucentBackgroundPressed = '--color-interaction-on-translucent-background-pressed';
275
329
  exports.colorInteractionPressed = '--color-interaction-pressed';
276
330
  exports.colorInvertedBackground = '--color-inverted-background';
277
- exports.colorInvertedBorderAi = '--color-inverted-border-ai';
278
- exports.colorInvertedBorderBrand = '--color-inverted-border-brand';
279
- exports.colorInvertedBorderCaution = '--color-inverted-border-caution';
280
- exports.colorInvertedBorderGuide = '--color-inverted-border-guide';
281
- exports.colorInvertedBorderNegative = '--color-inverted-border-negative';
282
- exports.colorInvertedBorderNeutral = '--color-inverted-border-neutral';
283
- exports.colorInvertedBorderPositive = '--color-inverted-border-positive';
331
+ exports.colorInvertedBorderBoldAi = '--color-inverted-border-bold-ai';
332
+ exports.colorInvertedBorderBoldBrand = '--color-inverted-border-bold-brand';
333
+ exports.colorInvertedBorderBoldCaution = '--color-inverted-border-bold-caution';
334
+ exports.colorInvertedBorderBoldGuide = '--color-inverted-border-bold-guide';
335
+ exports.colorInvertedBorderBoldNegative = '--color-inverted-border-bold-negative';
336
+ exports.colorInvertedBorderBoldNeutral = '--color-inverted-border-bold-neutral';
337
+ exports.colorInvertedBorderBoldPositive = '--color-inverted-border-bold-positive';
338
+ exports.colorInvertedBorderBoldWalkthrough = '--color-inverted-border-bold-walkthrough';
339
+ exports.colorInvertedBorderBoldWarning = '--color-inverted-border-bold-warning';
340
+ exports.colorInvertedBorderFaintAi = '--color-inverted-border-faint-ai';
341
+ exports.colorInvertedBorderFaintBrand = '--color-inverted-border-faint-brand';
342
+ exports.colorInvertedBorderFaintCaution = '--color-inverted-border-faint-caution';
343
+ exports.colorInvertedBorderFaintGuide = '--color-inverted-border-faint-guide';
344
+ exports.colorInvertedBorderFaintNegative = '--color-inverted-border-faint-negative';
345
+ exports.colorInvertedBorderFaintNeutral = '--color-inverted-border-faint-neutral';
346
+ exports.colorInvertedBorderFaintPositive = '--color-inverted-border-faint-positive';
347
+ exports.colorInvertedBorderFaintWalkthrough = '--color-inverted-border-faint-walkthrough';
348
+ exports.colorInvertedBorderFaintWarning = '--color-inverted-border-faint-warning';
349
+ exports.colorInvertedBorderMediumAi = '--color-inverted-border-medium-ai';
350
+ exports.colorInvertedBorderMediumBrand = '--color-inverted-border-medium-brand';
351
+ exports.colorInvertedBorderMediumCaution = '--color-inverted-border-medium-caution';
352
+ exports.colorInvertedBorderMediumGuide = '--color-inverted-border-medium-guide';
353
+ exports.colorInvertedBorderMediumNegative = '--color-inverted-border-medium-negative';
354
+ exports.colorInvertedBorderMediumNeutral = '--color-inverted-border-medium-neutral';
355
+ exports.colorInvertedBorderMediumPositive = '--color-inverted-border-medium-positive';
356
+ exports.colorInvertedBorderMediumWalkthrough = '--color-inverted-border-medium-walkthrough';
357
+ exports.colorInvertedBorderMediumWarning = '--color-inverted-border-medium-warning';
284
358
  exports.colorInvertedBorderPrimary = '--color-inverted-border-primary';
285
359
  exports.colorInvertedBorderSecondary = '--color-inverted-border-secondary';
360
+ exports.colorInvertedBorderStrongAi = '--color-inverted-border-strong-ai';
361
+ exports.colorInvertedBorderStrongBrand = '--color-inverted-border-strong-brand';
362
+ exports.colorInvertedBorderStrongCaution = '--color-inverted-border-strong-caution';
363
+ exports.colorInvertedBorderStrongGuide = '--color-inverted-border-strong-guide';
364
+ exports.colorInvertedBorderStrongNegative = '--color-inverted-border-strong-negative';
365
+ exports.colorInvertedBorderStrongNeutral = '--color-inverted-border-strong-neutral';
366
+ exports.colorInvertedBorderStrongPositive = '--color-inverted-border-strong-positive';
367
+ exports.colorInvertedBorderStrongWalkthrough = '--color-inverted-border-strong-walkthrough';
368
+ exports.colorInvertedBorderStrongWarning = '--color-inverted-border-strong-warning';
286
369
  exports.colorInvertedBorderTertiary = '--color-inverted-border-tertiary';
287
- exports.colorInvertedBorderWalkthrough = '--color-inverted-border-walkthrough';
288
- exports.colorInvertedBorderWarning = '--color-inverted-border-warning';
289
370
  exports.colorInvertedDivider = '--color-inverted-divider';
290
371
  exports.colorInvertedForegroundAi = '--color-inverted-foreground-ai';
291
372
  exports.colorInvertedForegroundBrand = '--color-inverted-foreground-brand';