@mirohq/design-system-themes 1.1.2 → 1.2.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 (9) hide show
  1. package/base.css +175 -11
  2. package/dark.css +179 -15
  3. package/dist/main.js +1582 -52
  4. package/dist/main.js.map +1 -1
  5. package/dist/module.js +1581 -53
  6. package/dist/module.js.map +1 -1
  7. package/dist/types.d.ts +4 -2
  8. package/light.css +175 -11
  9. package/package.json +2 -2
package/dist/module.js CHANGED
@@ -1,10 +1,23 @@
1
- const colors$1 = {
1
+ const colors$3 = {
2
2
  "background-alpha": "$alpha-gray-100",
3
3
  "background-alpha-active": "$alpha-gray-50",
4
4
  "background-alpha-hover": "$alpha-gray-100",
5
5
  "background-alpha-neutrals-overlay": "#12193E66",
6
6
  "background-alpha-neutrals-overlay-subtle": "$alpha-black-200",
7
7
  "background-alpha-subtle": "$alpha-gray-50",
8
+ "background-canvas": "$gray-50",
9
+ "background-disabled": "$gray-150",
10
+ "background-elevated": "$white",
11
+ "background-inverted": "$gray-950",
12
+ "background-inverted-secondary": "$gray-800",
13
+ "background-layout": "$white",
14
+ "background-overlay": "$alpha-black-400",
15
+ "background-static-dark": "$gray-850",
16
+ "background-static-dark-subtle": "$gray-750",
17
+ "background-static-light": "$white",
18
+ "background-surface": "$white",
19
+ "background-surface-secondary": "$gray-100",
20
+ "background-transparent": "$transparent",
8
21
  "background-danger-prominent": "$red-500",
9
22
  "background-danger-prominent-active": "$red-600",
10
23
  "background-danger-prominent-hover": "$red-550",
@@ -13,6 +26,15 @@ const colors$1 = {
13
26
  "background-danger-subtle-active": "$red-150",
14
27
  "background-danger-subtle-hover": "$red-100",
15
28
  "background-danger-subtle-pressed": "$red-150",
29
+ "background-interactive-danger": "$red-500",
30
+ "background-interactive-danger-hover": "$red-550",
31
+ "background-interactive-danger-pressed": "$red-600",
32
+ "background-interactive-primary": "$blue-500",
33
+ "background-interactive-primary-hover": "$blue-550",
34
+ "background-interactive-primary-pressed": "$blue-600",
35
+ "background-interactive-selected": "$blue-500",
36
+ "background-interactive-surface-hover": "$gray-100",
37
+ "background-interactive-surface-secondary-hover": "$gray-150",
16
38
  "background-neutrals": "$white",
17
39
  "background-neutrals-active": "$gray-150",
18
40
  "background-neutrals-container": "$white",
@@ -37,8 +59,6 @@ const colors$1 = {
37
59
  "background-neutrals-subtle-hover": "$gray-150",
38
60
  "background-neutrals-subtle-pressed": "$gray-200",
39
61
  "background-neutrals-transparent": "$transparent",
40
- "background-static-dark": "$gray-850",
41
- "background-static-dark-subtle": "$gray-750",
42
62
  "background-primary-prominent": "$blue-500",
43
63
  "background-primary-prominent-active": "$blue-600",
44
64
  "background-primary-prominent-hover": "$blue-550",
@@ -49,6 +69,10 @@ const colors$1 = {
49
69
  "background-primary-subtle-hover": "$blue-150",
50
70
  "background-primary-subtle-pressed": "$blue-200",
51
71
  "background-primary-subtle-selected": "$blue-150",
72
+ "status-background-error": "$red-50",
73
+ "status-background-info": "$blue-100",
74
+ "status-background-success": "$green-50",
75
+ "status-background-warning": "$yellow-100",
52
76
  "background-success-prominent": "$green-500",
53
77
  "background-success-prominent-active": "$green-600",
54
78
  "background-success-prominent-hover": "$green-550",
@@ -56,6 +80,15 @@ const colors$1 = {
56
80
  "background-success-subtle": "$green-50",
57
81
  "background-warning-prominent": "$yellow-500",
58
82
  "background-warning-subtle": "$yellow-100",
83
+ "border-default": "$gray-200",
84
+ "border-disabled": "$gray-150",
85
+ "border-inverted": "$white",
86
+ "border-inverted-subtle": "$gray-700",
87
+ "border-static-dark": "$gray-450",
88
+ "border-static-dark-subtle": "$gray-750",
89
+ "border-strong": "$gray-400",
90
+ "border-subtle": "$gray-150",
91
+ "border-transparent": "$transparent",
59
92
  "border-danger": "$red-500",
60
93
  "border-danger-active": "$red-600",
61
94
  "border-danger-hover": "$red-550",
@@ -71,6 +104,16 @@ const colors$1 = {
71
104
  "border-focus-success-middle": "$blue-400",
72
105
  "border-focus-success-outer": "$blue-200",
73
106
  "focus-keyboard": "#2B4DF8",
107
+ "border-interactive-danger": "$red-500",
108
+ "border-interactive-danger-hover": "$red-550",
109
+ "border-interactive-danger-pressed": "$red-600",
110
+ "border-interactive-primary": "$blue-500",
111
+ "border-interactive-primary-hover": "$blue-550",
112
+ "border-interactive-primary-pressed": "$blue-600",
113
+ "border-interactive-secondary": "$gray-150",
114
+ "border-interactive-secondary-hover": "$gray-200",
115
+ "border-interactive-secondary-pressed": "$gray-250",
116
+ "border-interactive-selected": "$blue-550",
74
117
  "border-neutrals": "$gray-200",
75
118
  "border-neutrals-active": "$gray-350",
76
119
  "border-neutrals-controls": "$gray-450",
@@ -89,8 +132,6 @@ const colors$1 = {
89
132
  "border-neutrals-text-subtle-active": "$gray-600",
90
133
  "border-neutrals-text-subtle-hover": "$gray-550",
91
134
  "border-neutrals-transparent": "$transparent",
92
- "border-static-dark": "$gray-450",
93
- "border-static-dark-subtle": "$gray-750",
94
135
  "border-primary": "$blue-500",
95
136
  "border-primary-active": "$blue-600",
96
137
  "border-primary-hover": "$blue-550",
@@ -98,6 +139,10 @@ const colors$1 = {
98
139
  "border-primary-pressed": "$blue-600",
99
140
  "border-primary-selected": "$blue-550",
100
141
  "border-primary-subtle": "$blue-250",
142
+ "status-border-error": "$red-200",
143
+ "status-border-info": "$blue-250",
144
+ "status-border-success": "$green-250",
145
+ "status-border-warning": "$yellow-300",
101
146
  "border-success": "$green-500",
102
147
  "border-success-active": "$green-600",
103
148
  "border-success-hover": "$green-550",
@@ -105,12 +150,46 @@ const colors$1 = {
105
150
  "border-success-subtle": "$green-250",
106
151
  "border-warning": "$yellow-500",
107
152
  "border-warning-subtle": "$yellow-300",
153
+ "button-background-danger": "$red-500",
154
+ "button-background-danger-hover": "$red-550",
155
+ "button-background-danger-pressed": "$red-600",
156
+ "button-background-ghost": "$transparent",
157
+ "button-background-ghost-hover": "$gray-150",
158
+ "button-background-ghost-pressed": "$gray-200",
108
159
  "button-background-primary": "$blue-500",
109
160
  "button-background-primary-hover": "$blue-550",
110
161
  "button-background-primary-pressed": "$blue-600",
111
162
  "button-background-secondary": "$gray-150",
112
163
  "button-background-secondary-hover": "$gray-200",
113
164
  "button-background-secondary-pressed": "$gray-250",
165
+ "button-background-tertiary": "$transparent",
166
+ "button-background-tertiary-hover": "$blue-150",
167
+ "button-background-tertiary-pressed": "$blue-200",
168
+ "button-border-danger": "$red-500",
169
+ "button-border-danger-hover": "$red-550",
170
+ "button-border-danger-pressed": "$red-600",
171
+ "button-border-ghost-hover": "$transparent",
172
+ "button-border-ghost-pressed": "$transparent",
173
+ "button-border-primary": "$blue-500",
174
+ "button-border-primary-hover": "$blue-550",
175
+ "button-border-primary-pressed": "$blue-600",
176
+ "button-border-secondary": "$gray-150",
177
+ "button-border-secondary-hover": "$gray-200",
178
+ "button-border-secondary-pressed": "$gray-250",
179
+ "button-border-tertiary": "$blue-500",
180
+ "button-border-tertiary-hover": "$blue-550",
181
+ "button-border-tertiary-pressed": "$blue-600",
182
+ "button-icon-on-danger": "$white",
183
+ "button-icon-on-primary": "$white",
184
+ "button-icon-on-secondary": "$gray-900",
185
+ "button-icon-on-tertiary": "$blue-500",
186
+ "button-text-on-danger": "$white",
187
+ "button-text-on-primary": "$white",
188
+ "button-text-on-secondary": "$gray-900",
189
+ "button-text-on-tertiary": "$blue-500",
190
+ "chip-background": "$gray-100",
191
+ "chip-background-hover": "$gray-150",
192
+ "chip-text": "$gray-900",
114
193
  "format-icon-diagram": "$orange-600",
115
194
  "format-icon-docs": "$cyan-600",
116
195
  "format-icon-external": "$teal-600",
@@ -119,17 +198,66 @@ const colors$1 = {
119
198
  "format-icon-slides": "$coral-600",
120
199
  "format-icon-table": "$moss-600",
121
200
  "format-icon-timeline": "$moss-600",
201
+ "input-background-active": "$white",
202
+ "input-background-alt-active": "$gray-100",
203
+ "input-background-alt-default": "$gray-100",
204
+ "input-background-alt-hover": "$gray-100",
205
+ "input-background-default": "$white",
206
+ "input-background-disabled": "$gray-150",
207
+ "input-background-hover": "$white",
208
+ "input-border-active": "$blue-550",
209
+ "input-border-default": "$gray-200",
210
+ "input-border-disabled": "$transparent",
211
+ "input-border-error": "$red-500",
212
+ "input-border-hover": "$blue-550",
213
+ "input-border-selection-control": "$gray-450",
214
+ "input-border-success": "$green-500",
122
215
  "notification-background": "$gray-850",
123
216
  "notification-border": "$gray-450",
124
217
  "notification-border-subtle": "$gray-750",
125
- "popup-background-static": "$gray-900",
126
- "popup-text-static": "$white",
218
+ "popover-background": "$gray-900",
219
+ "popover-border": "$gray-450",
220
+ "scrollbar-background": "$gray-300",
221
+ "scrollbar-background-hover": "$gray-350",
222
+ "slider-background": "$gray-300",
223
+ "slider-notch-background": "$gray-300",
224
+ "switch-background-default": "$gray-300",
225
+ "switch-background-hover": "$gray-350",
226
+ "switch-control-background": "$white",
127
227
  "tooltip-background": "$gray-950",
228
+ "tooltip-background-inset": "$gray-650",
128
229
  "icon-danger": "$red-500",
129
230
  "icon-danger-active": "$red-600",
130
231
  "icon-danger-hover": "$red-550",
131
232
  "icon-danger-inverted": "$red-50",
132
233
  "icon-danger-pressed": "$red-600",
234
+ "icon-default": "$gray-900",
235
+ "icon-disabled": "$gray-350",
236
+ "icon-inverted": "$white",
237
+ "icon-inverted-secondary": "$gray-150",
238
+ "icon-muted": "$gray-400",
239
+ "icon-on-disabled": "$gray-350",
240
+ "icon-on-static-dark": "$gray-50",
241
+ "icon-on-static-dark-subtle": "$gray-300",
242
+ "icon-placeholder": "$gray-475",
243
+ "icon-secondary": "$gray-500",
244
+ "icon-interactive-selected": "$blue-550",
245
+ "icon-link": "$blue-500",
246
+ "icon-link-hover": "$blue-550",
247
+ "icon-link-on-inverted": "$white",
248
+ "icon-link-on-inverted-hover": "$gray-50",
249
+ "icon-link-on-inverted-pressed": "$gray-100",
250
+ "icon-link-on-inverted-secondary": "$gray-150",
251
+ "icon-link-on-inverted-secondary-hover": "$gray-200",
252
+ "icon-link-on-inverted-secondary-pressed": "$gray-250",
253
+ "icon-link-pressed": "$blue-600",
254
+ "icon-link-secondary": "$gray-500",
255
+ "icon-link-secondary-hover": "$gray-550",
256
+ "icon-link-secondary-pressed": "$gray-600",
257
+ "icon-on-interactive-danger": "$white",
258
+ "icon-on-interactive-primary": "$white",
259
+ "icon-on-interactive-secondary": "$gray-900",
260
+ "icon-on-interactive-selected": "$blue-550",
133
261
  "icon-neutrals": "$gray-900",
134
262
  "icon-neutrals-disabled": "$gray-350",
135
263
  "icon-neutrals-hover": "$gray-950",
@@ -146,8 +274,6 @@ const colors$1 = {
146
274
  "icon-neutrals-subtle-hover": "$gray-550",
147
275
  "icon-neutrals-subtle-pressed": "$gray-600",
148
276
  "icon-neutrals-text": "$gray-700",
149
- "icon-on-static-dark": "$gray-50",
150
- "icon-on-static-dark-subtle": "$gray-300",
151
277
  "icon-primary": "$blue-500",
152
278
  "icon-primary-active": "$blue-600",
153
279
  "icon-primary-hover": "$blue-550",
@@ -155,6 +281,13 @@ const colors$1 = {
155
281
  "icon-primary-inverted-hover": "$blue-100",
156
282
  "icon-primary-pressed": "$blue-600",
157
283
  "icon-primary-selected": "$blue-550",
284
+ "status-icon-error": "$red-500",
285
+ "status-icon-on-error": "$red-500",
286
+ "status-icon-on-info": "$blue-500",
287
+ "status-icon-on-success": "$green-500",
288
+ "status-icon-on-warning": "$yellow-800",
289
+ "status-icon-success": "$green-500",
290
+ "status-icon-warning": "$yellow-700",
158
291
  "icon-success": "$green-600",
159
292
  "icon-success-active": "$green-700",
160
293
  "icon-success-hover": "$green-650",
@@ -168,6 +301,23 @@ const colors$1 = {
168
301
  "text-danger-hover": "$red-550",
169
302
  "text-danger-inverted": "$red-50",
170
303
  "text-danger-pressed": "$red-600",
304
+ "text-interactive-selected": "$blue-550",
305
+ "text-link": "$blue-500",
306
+ "text-link-hover": "$blue-550",
307
+ "text-link-on-inverted": "$white",
308
+ "text-link-on-inverted-hover": "$gray-50",
309
+ "text-link-on-inverted-pressed": "$gray-100",
310
+ "text-link-on-inverted-secondary": "$gray-150",
311
+ "text-link-on-inverted-secondary-hover": "$gray-200",
312
+ "text-link-on-inverted-secondary-pressed": "$gray-250",
313
+ "text-link-pressed": "$blue-600",
314
+ "text-link-secondary": "$gray-500",
315
+ "text-link-secondary-hover": "$gray-550",
316
+ "text-link-secondary-pressed": "$gray-600",
317
+ "text-on-interactive-danger": "$white",
318
+ "text-on-interactive-primary": "$white",
319
+ "text-on-interactive-secondary": "$gray-900",
320
+ "text-on-interactive-selected": "$blue-550",
171
321
  "text-neutrals": "$gray-900",
172
322
  "text-neutrals-active": "$gray-950",
173
323
  "text-neutrals-disabled": "$gray-350",
@@ -183,9 +333,6 @@ const colors$1 = {
183
333
  "text-neutrals-subtle-active": "$gray-700",
184
334
  "text-neutrals-subtle-hover": "$gray-550",
185
335
  "text-neutrals-subtle-pressed": "$gray-600",
186
- "text-on-static-dark": "$gray-50",
187
- "text-on-static-dark-subtle": "$gray-300",
188
- "text-on-primary": "$white",
189
336
  "text-primary": "$blue-500",
190
337
  "text-primary-active": "$blue-600",
191
338
  "text-primary-hover": "$blue-550",
@@ -193,11 +340,28 @@ const colors$1 = {
193
340
  "text-primary-inverted-subtle": "$blue-100",
194
341
  "text-primary-pressed": "$blue-600",
195
342
  "text-primary-selected": "$blue-550",
343
+ "status-text-error": "$red-500",
344
+ "status-text-on-error": "$gray-900",
345
+ "status-text-on-info": "$gray-900",
346
+ "status-text-on-success": "$gray-900",
347
+ "status-text-on-warning": "$gray-900",
348
+ "status-text-success": "$green-600",
349
+ "status-text-warning": "$yellow-800",
196
350
  "text-success": "$green-600",
197
351
  "text-success-active": "$green-700",
198
352
  "text-success-hover": "$green-650",
199
353
  "text-success-inverted": "$green-50",
200
354
  "text-success-pressed": "$green-700",
355
+ "text-default": "$gray-900",
356
+ "text-disabled": "$gray-350",
357
+ "text-inverted": "$white",
358
+ "text-inverted-secondary": "$gray-150",
359
+ "text-muted": "$gray-400",
360
+ "text-on-disabled": "$gray-350",
361
+ "text-on-static-dark": "$gray-50",
362
+ "text-on-static-dark-subtle": "$gray-300",
363
+ "text-placeholder": "$gray-475",
364
+ "text-secondary": "$gray-500",
201
365
  "text-warning": "$yellow-800",
202
366
  "text-warning-subtle": "$yellow-600",
203
367
  "coal-background": "$coal-500",
@@ -430,13 +594,26 @@ const colors$1 = {
430
594
  "teal-text-subtle": "$teal-100"
431
595
  };
432
596
 
433
- const colors = {
597
+ const colors$2 = {
434
598
  "background-alpha": "$alpha-black-100",
435
599
  "background-alpha-active": "$alpha-black-50",
436
600
  "background-alpha-hover": "$alpha-black-100",
437
601
  "background-alpha-neutrals-overlay": "#12193E66",
438
602
  "background-alpha-neutrals-overlay-subtle": "$alpha-black-200",
439
603
  "background-alpha-subtle": "$alpha-black-50",
604
+ "background-canvas": "$gray-950",
605
+ "background-disabled": "$gray-850",
606
+ "background-elevated": "$gray-850",
607
+ "background-inverted": "$white",
608
+ "background-inverted-secondary": "$gray-150",
609
+ "background-layout": "$gray-850",
610
+ "background-overlay": "$alpha-black-400",
611
+ "background-static-dark": "$gray-850",
612
+ "background-static-dark-subtle": "$gray-750",
613
+ "background-static-light": "$white",
614
+ "background-surface": "$gray-950",
615
+ "background-surface-secondary": "$gray-750",
616
+ "background-transparent": "$transparent",
440
617
  "background-danger-prominent": "$red-500",
441
618
  "background-danger-prominent-active": "$red-400",
442
619
  "background-danger-prominent-hover": "$red-450",
@@ -445,6 +622,15 @@ const colors = {
445
622
  "background-danger-subtle-active": "$red-500",
446
623
  "background-danger-subtle-hover": "$red-550",
447
624
  "background-danger-subtle-pressed": "$red-500",
625
+ "background-interactive-danger": "$red-500",
626
+ "background-interactive-danger-hover": "$red-450",
627
+ "background-interactive-danger-pressed": "$red-400",
628
+ "background-interactive-primary": "$blue-500",
629
+ "background-interactive-primary-hover": "$blue-450",
630
+ "background-interactive-primary-pressed": "$blue-400",
631
+ "background-interactive-selected": "$blue-500",
632
+ "background-interactive-surface-hover": "$gray-900",
633
+ "background-interactive-surface-secondary-hover": "$gray-700",
448
634
  "background-neutrals": "$gray-950",
449
635
  "background-neutrals-active": "$gray-850",
450
636
  "background-neutrals-container": "$gray-850",
@@ -469,8 +655,6 @@ const colors = {
469
655
  "background-neutrals-subtle-hover": "$gray-700",
470
656
  "background-neutrals-subtle-pressed": "$gray-650",
471
657
  "background-neutrals-transparent": "$transparent",
472
- "background-static-dark": "$gray-850",
473
- "background-static-dark-subtle": "$gray-750",
474
658
  "background-primary-prominent": "$blue-400",
475
659
  "background-primary-prominent-active": "$blue-300",
476
660
  "background-primary-prominent-hover": "$blue-350",
@@ -481,6 +665,10 @@ const colors = {
481
665
  "background-primary-subtle-hover": "$blue-650",
482
666
  "background-primary-subtle-pressed": "$blue-600",
483
667
  "background-primary-subtle-selected": "$blue-700",
668
+ "status-background-error": "$red-900",
669
+ "status-background-info": "$blue-900",
670
+ "status-background-success": "$green-900",
671
+ "status-background-warning": "$yellow-900",
484
672
  "background-success-prominent": "$green-500",
485
673
  "background-success-prominent-active": "$green-400",
486
674
  "background-success-prominent-hover": "$green-450",
@@ -488,6 +676,15 @@ const colors = {
488
676
  "background-success-subtle": "$green-900",
489
677
  "background-warning-prominent": "$yellow-400",
490
678
  "background-warning-subtle": "$yellow-900",
679
+ "border-default": "$gray-650",
680
+ "border-disabled": "$gray-750",
681
+ "border-inverted": "$gray-700",
682
+ "border-inverted-subtle": "$gray-600",
683
+ "border-static-dark": "$gray-450",
684
+ "border-static-dark-subtle": "$gray-750",
685
+ "border-strong": "$gray-500",
686
+ "border-subtle": "$gray-800",
687
+ "border-transparent": "$transparent",
491
688
  "border-danger": "$red-400",
492
689
  "border-danger-active": "$red-300",
493
690
  "border-danger-hover": "$red-350",
@@ -503,6 +700,16 @@ const colors = {
503
700
  "border-focus-success-middle": "$blue-350",
504
701
  "border-focus-success-outer": "$blue-550",
505
702
  "focus-keyboard": "#2B4DF8",
703
+ "border-interactive-danger": "$red-500",
704
+ "border-interactive-danger-hover": "$red-450",
705
+ "border-interactive-danger-pressed": "$red-400",
706
+ "border-interactive-primary": "$blue-500",
707
+ "border-interactive-primary-hover": "$blue-450",
708
+ "border-interactive-primary-pressed": "$blue-400",
709
+ "border-interactive-secondary": "$gray-750",
710
+ "border-interactive-secondary-hover": "$gray-700",
711
+ "border-interactive-secondary-pressed": "$gray-650",
712
+ "border-interactive-selected": "$blue-400",
506
713
  "border-neutrals": "$gray-650",
507
714
  "border-neutrals-active": "$gray-350",
508
715
  "border-neutrals-controls": "$gray-450",
@@ -521,8 +728,6 @@ const colors = {
521
728
  "border-neutrals-text-subtle-active": "$gray-100",
522
729
  "border-neutrals-text-subtle-hover": "$gray-200",
523
730
  "border-neutrals-transparent": "$transparent",
524
- "border-static-dark": "$gray-450",
525
- "border-static-dark-subtle": "$gray-750",
526
731
  "border-primary": "$blue-400",
527
732
  "border-primary-active": "$blue-300",
528
733
  "border-primary-hover": "$blue-350",
@@ -530,6 +735,10 @@ const colors = {
530
735
  "border-primary-pressed": "$blue-300",
531
736
  "border-primary-selected": "$blue-400",
532
737
  "border-primary-subtle": "$blue-750",
738
+ "status-border-error": "$red-700",
739
+ "status-border-info": "$blue-700",
740
+ "status-border-success": "$green-700",
741
+ "status-border-warning": "$yellow-700",
533
742
  "border-success": "$green-500",
534
743
  "border-success-active": "$green-400",
535
744
  "border-success-hover": "$green-450",
@@ -537,12 +746,46 @@ const colors = {
537
746
  "border-success-subtle": "$green-700",
538
747
  "border-warning": "$yellow-500",
539
748
  "border-warning-subtle": "$yellow-700",
540
- "button-background-primary": "$blue-400",
541
- "button-background-primary-hover": "$blue-350",
542
- "button-background-primary-pressed": "$blue-300",
749
+ "button-background-danger": "$red-500",
750
+ "button-background-danger-hover": "$red-450",
751
+ "button-background-danger-pressed": "$red-400",
752
+ "button-background-ghost": "$transparent",
753
+ "button-background-ghost-hover": "$gray-800",
754
+ "button-background-ghost-pressed": "$gray-750",
755
+ "button-background-primary": "$blue-500",
756
+ "button-background-primary-hover": "$blue-450",
757
+ "button-background-primary-pressed": "$blue-400",
543
758
  "button-background-secondary": "$gray-750",
544
759
  "button-background-secondary-hover": "$gray-700",
545
- "button-background-secondary-pressed": "$gray-650",
760
+ "button-background-secondary-pressed": "$gray-700",
761
+ "button-background-tertiary": "$transparent",
762
+ "button-background-tertiary-hover": "$blue-650",
763
+ "button-background-tertiary-pressed": "$blue-600",
764
+ "button-border-danger": "$red-500",
765
+ "button-border-danger-hover": "$red-450",
766
+ "button-border-danger-pressed": "$red-400",
767
+ "button-border-ghost-hover": "$transparent",
768
+ "button-border-ghost-pressed": "$transparent",
769
+ "button-border-primary": "$blue-500",
770
+ "button-border-primary-hover": "$blue-450",
771
+ "button-border-primary-pressed": "$blue-400",
772
+ "button-border-secondary": "$gray-750",
773
+ "button-border-secondary-hover": "$gray-700",
774
+ "button-border-secondary-pressed": "$gray-650",
775
+ "button-border-tertiary": "$blue-500",
776
+ "button-border-tertiary-hover": "$blue-450",
777
+ "button-border-tertiary-pressed": "$blue-400",
778
+ "button-icon-on-danger": "$white",
779
+ "button-icon-on-primary": "$white",
780
+ "button-icon-on-secondary": "$gray-50",
781
+ "button-icon-on-tertiary": "$blue-400",
782
+ "button-text-on-danger": "$white",
783
+ "button-text-on-primary": "$white",
784
+ "button-text-on-secondary": "$gray-50",
785
+ "button-text-on-tertiary": "$blue-400",
786
+ "chip-background": "$gray-750",
787
+ "chip-background-hover": "$gray-700",
788
+ "chip-text": "$gray-50",
546
789
  "format-icon-diagram": "$orange-600",
547
790
  "format-icon-docs": "$cyan-600",
548
791
  "format-icon-external": "$teal-600",
@@ -551,17 +794,66 @@ const colors = {
551
794
  "format-icon-slides": "$coral-600",
552
795
  "format-icon-table": "$moss-600",
553
796
  "format-icon-timeline": "$moss-600",
797
+ "input-background-active": "$gray-950",
798
+ "input-background-alt-active": "$gray-750",
799
+ "input-background-alt-default": "$gray-750",
800
+ "input-background-alt-hover": "$gray-750",
801
+ "input-background-default": "$gray-950",
802
+ "input-background-disabled": "$gray-850",
803
+ "input-background-hover": "$gray-950",
804
+ "input-border-active": "$blue-350",
805
+ "input-border-default": "$gray-650",
806
+ "input-border-disabled": "$transparent",
807
+ "input-border-error": "$red-400",
808
+ "input-border-hover": "$blue-350",
809
+ "input-border-selection-control": "$gray-450",
810
+ "input-border-success": "$green-400",
554
811
  "notification-background": "$gray-150",
555
812
  "notification-border": "$gray-450",
556
813
  "notification-border-subtle": "$gray-300",
557
- "popup-background-static": "$gray-800",
558
- "popup-text-static": "$white",
814
+ "popover-background": "$gray-800",
815
+ "popover-border": "$gray-450",
816
+ "scrollbar-background": "$gray-700",
817
+ "scrollbar-background-hover": "$gray-650",
818
+ "slider-background": "$gray-700",
819
+ "slider-notch-background": "$gray-700",
820
+ "switch-background-default": "$gray-700",
821
+ "switch-background-hover": "$gray-650",
822
+ "switch-control-background": "$gray-950",
559
823
  "tooltip-background": "$gray-650",
824
+ "tooltip-background-inset": "$gray-650",
560
825
  "icon-danger": "$red-400",
561
826
  "icon-danger-active": "$red-300",
562
827
  "icon-danger-hover": "$red-350",
563
828
  "icon-danger-inverted": "$red-900",
564
829
  "icon-danger-pressed": "$red-300",
830
+ "icon-default": "$gray-50",
831
+ "icon-disabled": "$gray-450",
832
+ "icon-inverted": "$gray-900",
833
+ "icon-inverted-secondary": "$gray-700",
834
+ "icon-muted": "$gray-400",
835
+ "icon-on-disabled": "$gray-450",
836
+ "icon-on-static-dark": "$gray-50",
837
+ "icon-on-static-dark-subtle": "$gray-300",
838
+ "icon-placeholder": "$gray-450",
839
+ "icon-secondary": "$gray-300",
840
+ "icon-interactive-selected": "$blue-400",
841
+ "icon-link": "$blue-400",
842
+ "icon-link-hover": "$blue-350",
843
+ "icon-link-on-inverted": "$gray-900",
844
+ "icon-link-on-inverted-hover": "$gray-850",
845
+ "icon-link-on-inverted-pressed": "$gray-800",
846
+ "icon-link-on-inverted-secondary": "$gray-700",
847
+ "icon-link-on-inverted-secondary-hover": "$gray-650",
848
+ "icon-link-on-inverted-secondary-pressed": "$gray-600",
849
+ "icon-link-pressed": "$blue-300",
850
+ "icon-link-secondary": "$gray-300",
851
+ "icon-link-secondary-hover": "$gray-250",
852
+ "icon-link-secondary-pressed": "$gray-200",
853
+ "icon-on-interactive-danger": "$white",
854
+ "icon-on-interactive-primary": "$white",
855
+ "icon-on-interactive-secondary": "$gray-50",
856
+ "icon-on-interactive-selected": "$blue-400",
565
857
  "icon-neutrals": "$gray-50",
566
858
  "icon-neutrals-disabled": "$gray-450",
567
859
  "icon-neutrals-hover": "$gray-100",
@@ -578,8 +870,6 @@ const colors = {
578
870
  "icon-neutrals-subtle-hover": "$gray-250",
579
871
  "icon-neutrals-subtle-pressed": "$gray-200",
580
872
  "icon-neutrals-text": "$gray-300",
581
- "icon-on-static-dark": "$gray-50",
582
- "icon-on-static-dark-subtle": "$gray-300",
583
873
  "icon-primary": "$blue-400",
584
874
  "icon-primary-active": "$blue-300",
585
875
  "icon-primary-hover": "$blue-350",
@@ -587,6 +877,13 @@ const colors = {
587
877
  "icon-primary-inverted-hover": "$blue-850",
588
878
  "icon-primary-pressed": "$blue-300",
589
879
  "icon-primary-selected": "$blue-400",
880
+ "status-icon-error": "$red-400",
881
+ "status-icon-on-error": "$red-400",
882
+ "status-icon-on-info": "$blue-400",
883
+ "status-icon-on-success": "$green-400",
884
+ "status-icon-on-warning": "$yellow-200",
885
+ "status-icon-success": "$green-400",
886
+ "status-icon-warning": "$yellow-200",
590
887
  "icon-success": "$green-400",
591
888
  "icon-success-active": "$green-300",
592
889
  "icon-success-hover": "$green-350",
@@ -600,6 +897,23 @@ const colors = {
600
897
  "text-danger-hover": "$red-350",
601
898
  "text-danger-inverted": "$red-900",
602
899
  "text-danger-pressed": "$red-300",
900
+ "text-interactive-selected": "$blue-400",
901
+ "text-link": "$blue-400",
902
+ "text-link-hover": "$blue-350",
903
+ "text-link-on-inverted": "$gray-900",
904
+ "text-link-on-inverted-hover": "$gray-850",
905
+ "text-link-on-inverted-pressed": "$gray-800",
906
+ "text-link-on-inverted-secondary": "$gray-700",
907
+ "text-link-on-inverted-secondary-hover": "$gray-650",
908
+ "text-link-on-inverted-secondary-pressed": "$gray-600",
909
+ "text-link-pressed": "$blue-300",
910
+ "text-link-secondary": "$gray-300",
911
+ "text-link-secondary-hover": "$gray-250",
912
+ "text-link-secondary-pressed": "$gray-200",
913
+ "text-on-interactive-danger": "$white",
914
+ "text-on-interactive-primary": "$white",
915
+ "text-on-interactive-secondary": "$gray-50",
916
+ "text-on-interactive-selected": "$blue-400",
603
917
  "text-neutrals": "$gray-50",
604
918
  "text-neutrals-active": "$gray-150",
605
919
  "text-neutrals-disabled": "$gray-450",
@@ -615,9 +929,6 @@ const colors = {
615
929
  "text-neutrals-subtle-active": "$gray-200",
616
930
  "text-neutrals-subtle-hover": "$gray-250",
617
931
  "text-neutrals-subtle-pressed": "$gray-200",
618
- "text-on-static-dark": "$gray-50",
619
- "text-on-static-dark-subtle": "$gray-300",
620
- "text-on-primary": "$white",
621
932
  "text-primary": "$blue-400",
622
933
  "text-primary-active": "$blue-300",
623
934
  "text-primary-hover": "$blue-350",
@@ -625,11 +936,28 @@ const colors = {
625
936
  "text-primary-inverted-subtle": "$blue-700",
626
937
  "text-primary-pressed": "$blue-300",
627
938
  "text-primary-selected": "$blue-400",
939
+ "status-text-error": "$red-400",
940
+ "status-text-on-error": "$gray-50",
941
+ "status-text-on-info": "$gray-50",
942
+ "status-text-on-success": "$gray-50",
943
+ "status-text-on-warning": "$gray-50",
944
+ "status-text-success": "$green-400",
945
+ "status-text-warning": "$yellow-200",
628
946
  "text-success": "$green-400",
629
947
  "text-success-active": "$green-300",
630
948
  "text-success-hover": "$green-350",
631
949
  "text-success-inverted": "$green-900",
632
950
  "text-success-pressed": "$green-300",
951
+ "text-default": "$gray-50",
952
+ "text-disabled": "$gray-450",
953
+ "text-inverted": "$gray-900",
954
+ "text-inverted-secondary": "$gray-700",
955
+ "text-muted": "$gray-400",
956
+ "text-on-disabled": "$gray-450",
957
+ "text-on-static-dark": "$gray-50",
958
+ "text-on-static-dark-subtle": "$gray-300",
959
+ "text-placeholder": "$gray-450",
960
+ "text-secondary": "$gray-300",
633
961
  "text-warning": "$yellow-200",
634
962
  "text-warning-subtle": "$yellow-300",
635
963
  "coal-background": "$coal-500",
@@ -862,35 +1190,1235 @@ const colors = {
862
1190
  "teal-text-subtle": "$teal-100"
863
1191
  };
864
1192
 
865
- const aliasShadows = {
866
- focus: "0 0 0 2px $colors$border-focus-inner, 0 0 0 4px $colors$focus-keyboard",
867
- "elevation-0": "0 0 0 1px $colors$gray-200",
868
- "elevation-100": "0 2px 4px 0px #22242814",
869
- "elevation-200": "0 2px 8px 0 #2224281f, 0 0 12px 0 #2224280A"
870
- };
871
-
872
- const shadows$1 = {
873
- 50: "0 4px 16px rgba(5, 0, 56, 0.07)",
874
- 100: "0 8px 32px rgba(5, 0, 56, 0.03)",
875
- ...aliasShadows
876
- };
877
-
878
- const shadows = {
879
- 50: "0 0 8px 0 rgba(9,9,9,.65)",
880
- 100: "0 0 16px 0 rgba(9,9,9,.65)",
881
- ...aliasShadows
882
- };
883
-
884
- const light = Object.freeze({
885
- colors: colors$1,
886
- shadows: shadows$1
887
- });
888
- const dark = Object.freeze({
1193
+ const colors$1 = {
1194
+ "background-alpha": "$alpha-gray-100",
1195
+ "background-alpha-active": "$alpha-gray-50",
1196
+ "background-alpha-hover": "$alpha-gray-100",
1197
+ "background-alpha-neutrals-overlay": "#12193E66",
1198
+ "background-alpha-neutrals-overlay-subtle": "$alpha-black-200",
1199
+ "background-alpha-subtle": "$alpha-gray-50",
1200
+ "background-canvas": "$cloud-50",
1201
+ "background-disabled": "$gray-150",
1202
+ "background-elevated": "$white",
1203
+ "background-inverted": "$cloud-950",
1204
+ "background-inverted-secondary": "$cloud-800",
1205
+ "background-layout": "$white",
1206
+ "background-overlay": "$alpha-black-400",
1207
+ "background-static-dark": "$cloud-850",
1208
+ "background-static-dark-subtle": "$cloud-750",
1209
+ "background-static-light": "$white",
1210
+ "background-surface": "$white",
1211
+ "background-surface-secondary": "$cloud-100",
1212
+ "background-transparent": "$transparent",
1213
+ "background-danger-prominent": "$red-500",
1214
+ "background-danger-prominent-active": "$red-600",
1215
+ "background-danger-prominent-hover": "$red-550",
1216
+ "background-danger-prominent-pressed": "$red-600",
1217
+ "background-danger-subtle": "$red-50",
1218
+ "background-danger-subtle-active": "$red-150",
1219
+ "background-danger-subtle-hover": "$red-100",
1220
+ "background-danger-subtle-pressed": "$red-150",
1221
+ "background-interactive-danger": "$red-500",
1222
+ "background-interactive-danger-hover": "$red-550",
1223
+ "background-interactive-danger-pressed": "$red-600",
1224
+ "background-interactive-primary": "$blue-500",
1225
+ "background-interactive-primary-hover": "$blue-550",
1226
+ "background-interactive-primary-pressed": "$blue-600",
1227
+ "background-interactive-selected": "$blue-500",
1228
+ "background-interactive-surface-hover": "$cloud-100",
1229
+ "background-interactive-surface-secondary-hover": "$cloud-150",
1230
+ "background-neutrals": "$white",
1231
+ "background-neutrals-active": "$cloud-150",
1232
+ "background-neutrals-container": "$white",
1233
+ "background-neutrals-control": "$cloud-300",
1234
+ "background-neutrals-control-hover": "$cloud-350",
1235
+ "background-neutrals-control-pressed": "$cloud-400",
1236
+ "background-neutrals-disabled": "$cloud-150",
1237
+ "background-neutrals-hover": "$cloud-100",
1238
+ "background-neutrals-inactive": "$cloud-450",
1239
+ "background-neutrals-inactive-hover": "$cloud-500",
1240
+ "background-neutrals-inverted": "$cloud-950",
1241
+ "background-neutrals-inverted-subtle": "$cloud-800",
1242
+ "background-neutrals-layout": "$white",
1243
+ "background-neutrals-page": "$cloud-100",
1244
+ "background-neutrals-page-subtle": "$cloud-150",
1245
+ "background-neutrals-pressed": "$cloud-150",
1246
+ "background-neutrals-scrollbar": "$cloud-300",
1247
+ "background-neutrals-scrollbar-active": "$cloud-400",
1248
+ "background-neutrals-scrollbar-hover": "$cloud-350",
1249
+ "background-neutrals-subtle": "$cloud-100",
1250
+ "background-neutrals-subtle-active": "$cloud-200",
1251
+ "background-neutrals-subtle-hover": "$cloud-150",
1252
+ "background-neutrals-subtle-pressed": "$cloud-200",
1253
+ "background-neutrals-transparent": "$transparent",
1254
+ "background-primary-prominent": "$blue-500",
1255
+ "background-primary-prominent-active": "$blue-600",
1256
+ "background-primary-prominent-hover": "$blue-550",
1257
+ "background-primary-prominent-pressed": "$blue-600",
1258
+ "background-primary-prominent-selected": "$blue-500",
1259
+ "background-primary-subtle": "$blue-100",
1260
+ "background-primary-subtle-active": "$blue-200",
1261
+ "background-primary-subtle-hover": "$blue-150",
1262
+ "background-primary-subtle-pressed": "$blue-200",
1263
+ "background-primary-subtle-selected": "$blue-150",
1264
+ "status-background-error": "$red-50",
1265
+ "status-background-info": "$blue-100",
1266
+ "status-background-success": "$green-50",
1267
+ "status-background-warning": "$yellow-100",
1268
+ "background-success-prominent": "$green-500",
1269
+ "background-success-prominent-active": "$green-600",
1270
+ "background-success-prominent-hover": "$green-550",
1271
+ "background-success-prominent-pressed": "$green-600",
1272
+ "background-success-subtle": "$green-50",
1273
+ "background-warning-prominent": "$yellow-500",
1274
+ "background-warning-subtle": "$yellow-100",
1275
+ "border-default": "$cloud-200",
1276
+ "border-disabled": "$cloud-150",
1277
+ "border-inverted": "$cloud-900",
1278
+ "border-inverted-subtle": "$cloud-700",
1279
+ "border-static-dark": "$cloud-450",
1280
+ "border-static-dark-subtle": "$cloud-750",
1281
+ "border-strong": "$cloud-300",
1282
+ "border-subtle": "$cloud-100",
1283
+ "border-transparent": "$transparent",
1284
+ "border-danger": "$red-500",
1285
+ "border-danger-active": "$red-600",
1286
+ "border-danger-hover": "$red-550",
1287
+ "border-danger-pressed": "$red-600",
1288
+ "border-danger-subtle": "$red-200",
1289
+ "border-focus-error-inner": "$white",
1290
+ "border-focus-error-middle": "$blue-400",
1291
+ "border-focus-error-outer": "$blue-200",
1292
+ "border-focus-inner": "#FFFFFF",
1293
+ "border-focus-middle": "$blue-400",
1294
+ "border-focus-outer": "$blue-200",
1295
+ "border-focus-success-inner": "$white",
1296
+ "border-focus-success-middle": "$blue-400",
1297
+ "border-focus-success-outer": "$blue-200",
1298
+ "focus-keyboard": "#2B4DF8",
1299
+ "border-interactive-danger": "$red-500",
1300
+ "border-interactive-danger-hover": "$red-550",
1301
+ "border-interactive-danger-pressed": "$red-600",
1302
+ "border-interactive-primary": "$blue-500",
1303
+ "border-interactive-primary-hover": "$blue-550",
1304
+ "border-interactive-primary-pressed": "$blue-600",
1305
+ "border-interactive-secondary": "$cloud-900",
1306
+ "border-interactive-secondary-hover": "$cloud-950",
1307
+ "border-interactive-secondary-pressed": "$cloud-1000",
1308
+ "border-interactive-selected": "$blue-550",
1309
+ "border-neutrals": "$cloud-200",
1310
+ "border-neutrals-active": "$cloud-350",
1311
+ "border-neutrals-controls": "$cloud-450",
1312
+ "border-neutrals-controls-disabled": "$cloud-150",
1313
+ "border-neutrals-disabled": "$cloud-150",
1314
+ "border-neutrals-hover": "$cloud-300",
1315
+ "border-neutrals-inverted": "$white",
1316
+ "border-neutrals-pressed": "$cloud-350",
1317
+ "border-neutrals-subtle": "$cloud-150",
1318
+ "border-neutrals-subtle-hover": "$cloud-200",
1319
+ "border-neutrals-subtle-pressed": "$cloud-250",
1320
+ "border-neutrals-text": "$cloud-900",
1321
+ "border-neutrals-text-active": "$cloud-950",
1322
+ "border-neutrals-text-hover": "$cloud-950",
1323
+ "border-neutrals-text-subtle": "$cloud-500",
1324
+ "border-neutrals-text-subtle-active": "$cloud-600",
1325
+ "border-neutrals-text-subtle-hover": "$cloud-550",
1326
+ "border-neutrals-transparent": "$transparent",
1327
+ "border-primary": "$blue-500",
1328
+ "border-primary-active": "$blue-600",
1329
+ "border-primary-hover": "$blue-550",
1330
+ "border-primary-inverted": "$blue-50",
1331
+ "border-primary-pressed": "$blue-600",
1332
+ "border-primary-selected": "$blue-550",
1333
+ "border-primary-subtle": "$blue-250",
1334
+ "status-border-error": "$red-200",
1335
+ "status-border-info": "$blue-250",
1336
+ "status-border-success": "$green-250",
1337
+ "status-border-warning": "$yellow-300",
1338
+ "border-success": "$green-500",
1339
+ "border-success-active": "$green-600",
1340
+ "border-success-hover": "$green-550",
1341
+ "border-success-pressed": "$green-600",
1342
+ "border-success-subtle": "$green-250",
1343
+ "border-warning": "$yellow-500",
1344
+ "border-warning-subtle": "$yellow-300",
1345
+ "button-background-danger": "$red-500",
1346
+ "button-background-danger-hover": "$red-550",
1347
+ "button-background-danger-pressed": "$red-600",
1348
+ "button-background-ghost": "$transparent",
1349
+ "button-background-ghost-hover": "$cloud-150",
1350
+ "button-background-ghost-pressed": "$cloud-200",
1351
+ "button-background-primary": "$blue-500",
1352
+ "button-background-primary-hover": "$blue-550",
1353
+ "button-background-primary-pressed": "$blue-600",
1354
+ "button-background-secondary": "$transparent",
1355
+ "button-background-secondary-hover": "$cloud-150",
1356
+ "button-background-secondary-pressed": "$cloud-200",
1357
+ "button-background-tertiary": "$cloud-900",
1358
+ "button-background-tertiary-hover": "$cloud-850",
1359
+ "button-background-tertiary-pressed": "$cloud-850",
1360
+ "button-border-danger": "$red-500",
1361
+ "button-border-danger-hover": "$red-550",
1362
+ "button-border-danger-pressed": "$red-600",
1363
+ "button-border-ghost-hover": "$transparent",
1364
+ "button-border-ghost-pressed": "$transparent",
1365
+ "button-border-primary": "$blue-500",
1366
+ "button-border-primary-hover": "$blue-550",
1367
+ "button-border-primary-pressed": "$blue-600",
1368
+ "button-border-secondary": "$cloud-900",
1369
+ "button-border-secondary-hover": "$cloud-950",
1370
+ "button-border-secondary-pressed": "$cloud-1000",
1371
+ "button-border-tertiary": "$transparent",
1372
+ "button-border-tertiary-hover": "$cloud-850",
1373
+ "button-border-tertiary-pressed": "$cloud-900",
1374
+ "button-icon-on-danger": "$white",
1375
+ "button-icon-on-primary": "$white",
1376
+ "button-icon-on-secondary": "$cloud-900",
1377
+ "button-icon-on-tertiary": "$white",
1378
+ "button-text-on-danger": "$white",
1379
+ "button-text-on-primary": "$white",
1380
+ "button-text-on-secondary": "$cloud-900",
1381
+ "button-text-on-tertiary": "$white",
1382
+ "chip-background": "$cloud-100",
1383
+ "chip-background-hover": "$cloud-150",
1384
+ "chip-text": "$cloud-900",
1385
+ "format-icon-diagram": "$orange-600",
1386
+ "format-icon-docs": "$cyan-600",
1387
+ "format-icon-external": "$teal-600",
1388
+ "format-icon-kanban": "$moss-600",
1389
+ "format-icon-prototype": "$lilac-600",
1390
+ "format-icon-slides": "$coral-600",
1391
+ "format-icon-table": "$moss-600",
1392
+ "format-icon-timeline": "$moss-600",
1393
+ "input-background-active": "$cloud-100",
1394
+ "input-background-alt-active": "$cloud-100",
1395
+ "input-background-alt-default": "$cloud-100",
1396
+ "input-background-alt-hover": "$cloud-100",
1397
+ "input-background-default": "$cloud-100",
1398
+ "input-background-disabled": "$cloud-150",
1399
+ "input-background-hover": "$cloud-100",
1400
+ "input-border-active": "$transparent",
1401
+ "input-border-default": "$transparent",
1402
+ "input-border-disabled": "$transparent",
1403
+ "input-border-error": "$red-500",
1404
+ "input-border-hover": "$transparent",
1405
+ "input-border-selection-control": "$cloud-450",
1406
+ "input-border-success": "$green-500",
1407
+ "notification-background": "$cloud-850",
1408
+ "notification-border": "$cloud-450",
1409
+ "notification-border-subtle": "$cloud-750",
1410
+ "popover-background": "$cloud-900",
1411
+ "popover-border": "$cloud-500",
1412
+ "scrollbar-background": "$cloud-300",
1413
+ "scrollbar-background-hover": "$cloud-350",
1414
+ "slider-background": "$cloud-300",
1415
+ "slider-notch-background": "$cloud-300",
1416
+ "switch-background-default": "$cloud-300",
1417
+ "switch-background-hover": "$cloud-350",
1418
+ "switch-control-background": "$white",
1419
+ "tooltip-background": "$cloud-950",
1420
+ "tooltip-background-inset": "$cloud-650",
1421
+ "icon-danger": "$red-500",
1422
+ "icon-danger-active": "$red-600",
1423
+ "icon-danger-hover": "$red-550",
1424
+ "icon-danger-inverted": "$red-50",
1425
+ "icon-danger-pressed": "$red-600",
1426
+ "icon-default": "$cloud-900",
1427
+ "icon-disabled": "$cloud-300",
1428
+ "icon-inverted": "$white",
1429
+ "icon-inverted-secondary": "$cloud-300",
1430
+ "icon-muted": "$cloud-400",
1431
+ "icon-on-disabled": "$cloud-350",
1432
+ "icon-on-static-dark": "$gray-50",
1433
+ "icon-on-static-dark-subtle": "$gray-300",
1434
+ "icon-placeholder": "$cloud-400",
1435
+ "icon-secondary": "$cloud-700",
1436
+ "icon-interactive-selected": "$blue-550",
1437
+ "icon-link": "$blue-500",
1438
+ "icon-link-hover": "$blue-550",
1439
+ "icon-link-on-inverted": "$white",
1440
+ "icon-link-on-inverted-hover": "$cloud-50",
1441
+ "icon-link-on-inverted-pressed": "$cloud-100",
1442
+ "icon-link-on-inverted-secondary": "$cloud-300",
1443
+ "icon-link-on-inverted-secondary-hover": "$cloud-350",
1444
+ "icon-link-on-inverted-secondary-pressed": "$cloud-400",
1445
+ "icon-link-pressed": "$blue-600",
1446
+ "icon-link-secondary": "$cloud-700",
1447
+ "icon-link-secondary-hover": "$cloud-750",
1448
+ "icon-link-secondary-pressed": "$cloud-800",
1449
+ "icon-on-interactive-danger": "$white",
1450
+ "icon-on-interactive-primary": "$white",
1451
+ "icon-on-interactive-secondary": "$cloud-900",
1452
+ "icon-on-interactive-selected": "$blue-550",
1453
+ "icon-neutrals": "$cloud-900",
1454
+ "icon-neutrals-disabled": "$cloud-300",
1455
+ "icon-neutrals-hover": "$cloud-950",
1456
+ "icon-neutrals-inactive": "$gray-450",
1457
+ "icon-neutrals-inactive-hover": "$gray-500",
1458
+ "icon-neutrals-inverted": "$cloud-100",
1459
+ "icon-neutrals-inverted-hover": "$cloud-50",
1460
+ "icon-neutrals-inverted-subtle": "$gray-100",
1461
+ "icon-neutrals-inverted-subtle-hover": "$gray-150",
1462
+ "icon-neutrals-placeholder": "$gray-350",
1463
+ "icon-neutrals-pressed": "$cloud-950",
1464
+ "icon-neutrals-search": "$gray-500",
1465
+ "icon-neutrals-subtle": "$cloud-700",
1466
+ "icon-neutrals-subtle-hover": "$cloud-750",
1467
+ "icon-neutrals-subtle-pressed": "$cloud-750",
1468
+ "icon-neutrals-text": "$gray-700",
1469
+ "icon-primary": "$blue-500",
1470
+ "icon-primary-active": "$blue-600",
1471
+ "icon-primary-hover": "$blue-550",
1472
+ "icon-primary-inverted": "$blue-50",
1473
+ "icon-primary-inverted-hover": "$blue-100",
1474
+ "icon-primary-pressed": "$blue-600",
1475
+ "icon-primary-selected": "$blue-550",
1476
+ "status-icon-error": "$red-500",
1477
+ "status-icon-on-error": "$red-500",
1478
+ "status-icon-on-info": "$blue-500",
1479
+ "status-icon-on-success": "$green-500",
1480
+ "status-icon-on-warning": "$yellow-600",
1481
+ "status-icon-success": "$green-500",
1482
+ "status-icon-warning": "$yellow-700",
1483
+ "icon-success": "$green-600",
1484
+ "icon-success-active": "$green-700",
1485
+ "icon-success-hover": "$green-650",
1486
+ "icon-success-inverted": "$green-50",
1487
+ "icon-success-pressed": "$green-700",
1488
+ "icon-warning": "$yellow-800",
1489
+ "icon-warning-prominent": "$yellow-600",
1490
+ "icon-warning-subtle": "$yellow-700",
1491
+ "text-danger": "$red-500",
1492
+ "text-danger-active": "$red-600",
1493
+ "text-danger-hover": "$red-550",
1494
+ "text-danger-inverted": "$red-50",
1495
+ "text-danger-pressed": "$red-600",
1496
+ "text-interactive-selected": "$blue-550",
1497
+ "text-link": "$blue-500",
1498
+ "text-link-hover": "$blue-550",
1499
+ "text-link-on-inverted": "$white",
1500
+ "text-link-on-inverted-hover": "$cloud-50",
1501
+ "text-link-on-inverted-pressed": "$cloud-100",
1502
+ "text-link-on-inverted-secondary": "$cloud-300",
1503
+ "text-link-on-inverted-secondary-hover": "$cloud-350",
1504
+ "text-link-on-inverted-secondary-pressed": "$cloud-400",
1505
+ "text-link-pressed": "$blue-600",
1506
+ "text-link-secondary": "$cloud-700",
1507
+ "text-link-secondary-hover": "$cloud-750",
1508
+ "text-link-secondary-pressed": "$cloud-800",
1509
+ "text-on-interactive-danger": "$white",
1510
+ "text-on-interactive-primary": "$white",
1511
+ "text-on-interactive-secondary": "$cloud-900",
1512
+ "text-on-interactive-selected": "$blue-550",
1513
+ "text-neutrals": "$cloud-900",
1514
+ "text-neutrals-active": "$cloud-950",
1515
+ "text-neutrals-disabled": "$cloud-300",
1516
+ "text-neutrals-hover": "$cloud-950",
1517
+ "text-neutrals-inverted": "$cloud-100",
1518
+ "text-neutrals-inverted-hover": "$cloud-50",
1519
+ "text-neutrals-inverted-subtle": "$cloud-50",
1520
+ "text-neutrals-inverted-subtle-hover": "$cloud-50",
1521
+ "text-neutrals-placeholder": "$cloud-400",
1522
+ "text-neutrals-placeholder-only": "$cloud-400",
1523
+ "text-neutrals-pressed": "$cloud-950",
1524
+ "text-neutrals-subtle": "$cloud-700",
1525
+ "text-neutrals-subtle-active": "$cloud-750",
1526
+ "text-neutrals-subtle-hover": "$cloud-750",
1527
+ "text-neutrals-subtle-pressed": "$cloud-750",
1528
+ "text-primary": "$blue-500",
1529
+ "text-primary-active": "$blue-600",
1530
+ "text-primary-hover": "$blue-550",
1531
+ "text-primary-inverted": "$blue-50",
1532
+ "text-primary-inverted-subtle": "$blue-100",
1533
+ "text-primary-pressed": "$blue-600",
1534
+ "text-primary-selected": "$blue-550",
1535
+ "status-text-error": "$red-500",
1536
+ "status-text-on-error": "$red-800",
1537
+ "status-text-on-info": "$blue-800",
1538
+ "status-text-on-success": "$green-800",
1539
+ "status-text-on-warning": "$yellow-800",
1540
+ "status-text-success": "$green-600",
1541
+ "status-text-warning": "$yellow-800",
1542
+ "text-success": "$green-600",
1543
+ "text-success-active": "$green-700",
1544
+ "text-success-hover": "$green-650",
1545
+ "text-success-inverted": "$green-50",
1546
+ "text-success-pressed": "$green-700",
1547
+ "text-default": "$cloud-900",
1548
+ "text-disabled": "$cloud-300",
1549
+ "text-inverted": "$white",
1550
+ "text-inverted-secondary": "$cloud-300",
1551
+ "text-muted": "$cloud-400",
1552
+ "text-on-disabled": "$cloud-350",
1553
+ "text-on-static-dark": "$cloud-50",
1554
+ "text-on-static-dark-subtle": "$cloud-300",
1555
+ "text-placeholder": "$cloud-400",
1556
+ "text-secondary": "$cloud-700",
1557
+ "text-warning": "$yellow-800",
1558
+ "text-warning-subtle": "$yellow-600",
1559
+ "coal-background": "$coal-500",
1560
+ "coal-background-mild": "$coal-350",
1561
+ "coal-background-prominent": "$coal-700",
1562
+ "coal-background-subtle": "$coal-200",
1563
+ "coral-background": "$coral-500",
1564
+ "coral-background-mild": "$coral-350",
1565
+ "coral-background-prominent": "$coral-700",
1566
+ "coral-background-subtle": "$coral-200",
1567
+ "cyan-background": "$cyan-500",
1568
+ "cyan-background-mild": "$cyan-350",
1569
+ "cyan-background-prominent": "$cyan-700",
1570
+ "cyan-background-subtle": "$cyan-200",
1571
+ "lilac-background": "$lilac-500",
1572
+ "lilac-background-mild": "$lilac-350",
1573
+ "lilac-background-prominent": "$lilac-700",
1574
+ "lilac-background-subtle": "$lilac-200",
1575
+ "lime-background": "$lime-500",
1576
+ "lime-background-mild": "$lime-350",
1577
+ "lime-background-prominent": "$lime-700",
1578
+ "lime-background-subtle": "$lime-200",
1579
+ "moss-background": "$moss-500",
1580
+ "moss-background-mild": "$moss-350",
1581
+ "moss-background-prominent": "$moss-700",
1582
+ "moss-background-subtle": "$moss-200",
1583
+ "ocean-background": "$ocean-500",
1584
+ "ocean-background-mild": "$ocean-350",
1585
+ "ocean-background-prominent": "$ocean-700",
1586
+ "ocean-background-subtle": "$ocean-200",
1587
+ "orange-background": "$orange-500",
1588
+ "orange-background-mild": "$orange-350",
1589
+ "orange-background-prominent": "$orange-700",
1590
+ "orange-background-subtle": "$orange-200",
1591
+ "pink-background": "$pink-500",
1592
+ "pink-background-mild": "$pink-350",
1593
+ "pink-background-prominent": "$pink-700",
1594
+ "pink-background-subtle": "$pink-200",
1595
+ "sunshine-background": "$sunshine-500",
1596
+ "sunshine-background-mild": "$sunshine-350",
1597
+ "sunshine-background-prominent": "$sunshine-700",
1598
+ "sunshine-background-subtle": "$sunshine-200",
1599
+ "teal-background": "$teal-500",
1600
+ "teal-background-mild": "$teal-350",
1601
+ "teal-background-prominent": "$teal-700",
1602
+ "teal-background-subtle": "$teal-200",
1603
+ "coal-border": "$coal-600",
1604
+ "coal-border-prominent": "$coal-800",
1605
+ "coal-border-subtle": "$coal-450",
1606
+ "coral-border": "$coral-600",
1607
+ "coral-border-prominent": "$coral-800",
1608
+ "coral-border-subtle": "$coral-450",
1609
+ "cyan-border": "$cyan-600",
1610
+ "cyan-border-prominent": "$cyan-800",
1611
+ "cyan-border-subtle": "$cyan-450",
1612
+ "lilac-border": "$lilac-600",
1613
+ "lilac-border-prominent": "$lilac-800",
1614
+ "lilac-border-subtle": "$lilac-450",
1615
+ "lime-border": "$lime-650",
1616
+ "lime-border-prominent": "$lime-800",
1617
+ "lime-border-subtle": "$lime-450",
1618
+ "moss-border": "$moss-600",
1619
+ "moss-border-prominent": "$moss-800",
1620
+ "moss-border-subtle": "$moss-450",
1621
+ "ocean-border": "$ocean-600",
1622
+ "ocean-border-prominent": "$ocean-800",
1623
+ "ocean-border-subtle": "$ocean-450",
1624
+ "orange-border": "$orange-600",
1625
+ "orange-border-prominent": "$orange-800",
1626
+ "orange-border-subtle": "$orange-450",
1627
+ "pink-border": "$pink-600",
1628
+ "pink-border-prominent": "$pink-800",
1629
+ "pink-border-subtle": "$pink-450",
1630
+ "sunshine-border": "$sunshine-650",
1631
+ "sunshine-border-prominent": "$sunshine-750",
1632
+ "sunshine-border-subtle": "$sunshine-450",
1633
+ "teal-border": "$teal-600",
1634
+ "teal-border-prominent": "$teal-800",
1635
+ "teal-border-subtle": "$teal-450",
1636
+ "coal-avatar-background": "$coal-750",
1637
+ "coral-avatar-background": "$coral-750",
1638
+ "cyan-avatar-background": "$cyan-750",
1639
+ "light-coal-avatar-background": "$coal-450",
1640
+ "light-coral-avatar-background": "$coral-450",
1641
+ "light-cyan-avatar-background": "$cyan-450",
1642
+ "light-lilac-avatar-background": "$lilac-450",
1643
+ "light-lime-avatar-background": "$lime-450",
1644
+ "light-moss-avatar-background": "$moss-450",
1645
+ "light-ocean-avatar-background": "$ocean-450",
1646
+ "light-orange-avatar-background": "$orange-450",
1647
+ "light-pink-avatar-background": "$pink-450",
1648
+ "light-sunshine-avatar-background": "$sunshine-450",
1649
+ "light-teal-avatar-background": "$teal-450",
1650
+ "lilac-avatar-background": "$lilac-750",
1651
+ "lime-avatar-background": "$lime-750",
1652
+ "moss-avatar-background": "$moss-750",
1653
+ "ocean-avatar-background": "$ocean-750",
1654
+ "orange-avatar-background": "$orange-750",
1655
+ "pink-avatar-background": "$pink-750",
1656
+ "sunshine-avatar-background": "$sunshine-750",
1657
+ "teal-avatar-background": "$teal-750",
1658
+ "coral-comment-background": "$coral-750",
1659
+ "cyan-comment-background": "$cyan-650",
1660
+ "lime-comment-background": "$lime-650",
1661
+ "coal-cursor-background": "$coal-800",
1662
+ "coal-cursor-border": "$coal-650",
1663
+ "coal-cursor-border-prominent": "$coal-900",
1664
+ "coral-cursor-background": "$coral-800",
1665
+ "coral-cursor-border": "$coral-650",
1666
+ "coral-cursor-border-prominent": "$coral-900",
1667
+ "cyan-cursor-background": "$cyan-800",
1668
+ "cyan-cursor-border": "$cyan-650",
1669
+ "cyan-cursor-border-prominent": "$cyan-900",
1670
+ "light-coal-cursor-background": "$coal-300",
1671
+ "light-coral-cursor-background": "$coral-300",
1672
+ "light-cursor-background": "$ocean-300",
1673
+ "light-cyan-cursor-background": "$cyan-300",
1674
+ "light-lilac-cursor-background": "$lilac-300",
1675
+ "light-lime-cursor-background": "$lime-300",
1676
+ "light-moss-cursor-background": "$moss-300",
1677
+ "light-orange-cursor-background": "$orange-300",
1678
+ "light-pink-cursor-background": "$pink-300",
1679
+ "light-sunshine-cursor-background": "$sunshine-300",
1680
+ "light-teal-cursor-background": "$teal-300",
1681
+ "lilac-cursor-background": "$lilac-800",
1682
+ "lilac-cursor-border": "$lilac-650",
1683
+ "lilac-cursor-border-prominent": "$lilac-900",
1684
+ "lime-cursor-background": "$lime-800",
1685
+ "lime-cursor-border": "$lime-650",
1686
+ "lime-cursor-border-prominent": "$lime-900",
1687
+ "moss-cursor-background": "$moss-800",
1688
+ "moss-cursor-border": "$moss-650",
1689
+ "moss-cursor-border-prominent": "$moss-900",
1690
+ "ocean-cursor-background": "$ocean-800",
1691
+ "ocean-cursor-border": "$ocean-650",
1692
+ "ocean-cursor-border-prominent": "$ocean-900",
1693
+ "orange-cursor-background": "$orange-800",
1694
+ "orange-cursor-border": "$orange-650",
1695
+ "orange-cursor-border-prominent": "$orange-900",
1696
+ "pink-cursor-background": "$pink-800",
1697
+ "pink-cursor-border-prominent": "$pink-900",
1698
+ "pink-cursor-coal-border": "$pink-650",
1699
+ "sunshine-cursor-background": "$sunshine-800",
1700
+ "sunshine-cursor-border": "$sunshine-650",
1701
+ "susnhine-cursor-border-prominent": "$sunshine-900",
1702
+ "teal-cursor-background": "$teal-800",
1703
+ "teal-cursor-border": "$teal-650",
1704
+ "teal-cursor-border-prominent": "$teal-900",
1705
+ "black-sticky-background": "#151515",
1706
+ "coral-sticky-background": "$coral-400",
1707
+ "cyan-sticky-background": "$cyan-400",
1708
+ "light-coal-sticky-background": "#F3F5F7",
1709
+ "light-lime-sticky-background": "$lime-250",
1710
+ "light-ocean-sticky-background": "$ocean-250",
1711
+ "light-pink-sticky-background": "$pink-250",
1712
+ "light-sunshine-sticky-background": "$sunshine-250",
1713
+ "lilac-sticky-background": "$lilac-400",
1714
+ "lime-sticky-background": "$lime-400",
1715
+ "moss-sticky-background": "$moss-400",
1716
+ "ocean-sticky-background": "$ocean-400",
1717
+ "orange-sticky-background": "$orange-400",
1718
+ "pink-sticky-background": "$pink-400",
1719
+ "sunshine-sticky-background": "$sunshine-400",
1720
+ "teal-sticky-background": "$teal-400",
1721
+ "coal-icon": "$coal-900",
1722
+ "coal-icon-mild": "$coal-600",
1723
+ "coal-icon-subtle": "$coal-100",
1724
+ "coral-icon": "$coral-900",
1725
+ "coral-icon-mild": "$coral-600",
1726
+ "coral-icon-subtle": "$coral-100",
1727
+ "cyan-icon": "$cyan-900",
1728
+ "cyan-icon-mild": "$cyan-600",
1729
+ "cyan-icon-subtle": "$cyan-100",
1730
+ "lilac-icon": "$lilac-900",
1731
+ "lilac-icon-mild": "$lilac-600",
1732
+ "lilac-icon-subtle": "$lilac-100",
1733
+ "lime-icon": "$lime-900",
1734
+ "lime-icon-mild": "$lime-650",
1735
+ "lime-icon-subtle": "$lime-100",
1736
+ "moss-icon": "$moss-900",
1737
+ "moss-icon-mild": "$moss-600",
1738
+ "moss-icon-subtle": "$moss-100",
1739
+ "ocean-icon": "$ocean-900",
1740
+ "ocean-icon-mild": "$ocean-600",
1741
+ "ocean-icon-subtle": "$ocean-100",
1742
+ "orange-icon": "$orange-900",
1743
+ "orange-icon-mild": "$orange-600",
1744
+ "orange-icon-subtle": "$orange-100",
1745
+ "pink-icon": "$pink-900",
1746
+ "pink-icon-mild": "$pink-600",
1747
+ "pink-icon-subtle": "$pink-100",
1748
+ "sunshine-icon": "$sunshine-900",
1749
+ "sunshine-icon-mild": "$sunshine-650",
1750
+ "sunshine-icon-subtle": "$sunshine-100",
1751
+ "teal-icon": "$teal-900",
1752
+ "teal-icon-mild": "$teal-600",
1753
+ "teal-icon-subtle": "$teal-100",
1754
+ "coal-text": "$coal-900",
1755
+ "coal-text-mild": "$coal-700",
1756
+ "coal-text-subtle": "$coal-100",
1757
+ "coral-text": "$coral-900",
1758
+ "coral-text-mild": "$coral-700",
1759
+ "coral-text-subtle": "$coral-100",
1760
+ "cyan-text": "$cyan-900",
1761
+ "cyan-text-mild": "$cyan-700",
1762
+ "cyan-text-subtle": "$cyan-100",
1763
+ "lilac-text": "$lilac-900",
1764
+ "lilac-text-mild": "$lilac-650",
1765
+ "lilac-text-subtle": "$lilac-100",
1766
+ "lime-text": "$lime-900",
1767
+ "lime-text-mild": "$lime-700",
1768
+ "lime-text-subtle": "$lime-100",
1769
+ "moss-text": "$moss-900",
1770
+ "moss-text-mild": "$moss-700",
1771
+ "moss-text-subtle": "$moss-100",
1772
+ "ocean-text": "$ocean-900",
1773
+ "ocean-text-mild": "$ocean-700",
1774
+ "ocean-text-subtle": "$ocean-100",
1775
+ "orange-text": "$orange-900",
1776
+ "orange-text-mild": "$orange-700",
1777
+ "orange-text-subtle": "$orange-100",
1778
+ "pink-text": "$pink-900",
1779
+ "pink-text-mild": "$pink-650",
1780
+ "pink-text-subtle": "$pink-100",
1781
+ "sunshine-text": "$sunshine-900",
1782
+ "sunshine-text-mild": "$sunshine-700",
1783
+ "sunshine-text-subtle": "$sunshine-100",
1784
+ "teal-text": "$teal-900",
1785
+ "teal-text-mild": "$teal-700",
1786
+ "teal-text-subtle": "$teal-100"
1787
+ };
1788
+
1789
+ const colors = {
1790
+ "background-alpha": "$alpha-black-100",
1791
+ "background-alpha-active": "$alpha-black-50",
1792
+ "background-alpha-hover": "$alpha-black-100",
1793
+ "background-alpha-neutrals-overlay": "#12193E66",
1794
+ "background-alpha-neutrals-overlay-subtle": "$alpha-black-200",
1795
+ "background-alpha-subtle": "$alpha-black-50",
1796
+ "background-canvas": "$cloud-1000",
1797
+ "background-disabled": "$cloud-850",
1798
+ "background-elevated": "$cloud-850",
1799
+ "background-inverted": "$white",
1800
+ "background-inverted-secondary": "$cloud-150",
1801
+ "background-layout": "$gray-850",
1802
+ "background-overlay": "$alpha-black-400",
1803
+ "background-static-dark": "$gray-850",
1804
+ "background-static-dark-subtle": "$cloud-750",
1805
+ "background-static-light": "$white",
1806
+ "background-surface": "$cloud-900",
1807
+ "background-surface-secondary": "$cloud-800",
1808
+ "background-transparent": "$transparent",
1809
+ "background-danger-prominent": "$red-500",
1810
+ "background-danger-prominent-active": "$red-400",
1811
+ "background-danger-prominent-hover": "$red-450",
1812
+ "background-danger-prominent-pressed": "$red-400",
1813
+ "background-danger-subtle": "$red-900",
1814
+ "background-danger-subtle-active": "$red-500",
1815
+ "background-danger-subtle-hover": "$red-550",
1816
+ "background-danger-subtle-pressed": "$red-500",
1817
+ "background-interactive-danger": "$red-500",
1818
+ "background-interactive-danger-hover": "$red-450",
1819
+ "background-interactive-danger-pressed": "$red-400",
1820
+ "background-interactive-primary": "$blue-500",
1821
+ "background-interactive-primary-hover": "$blue-450",
1822
+ "background-interactive-primary-pressed": "$blue-400",
1823
+ "background-interactive-selected": "$blue-500",
1824
+ "background-interactive-surface-hover": "$cloud-850",
1825
+ "background-interactive-surface-secondary-hover": "$cloud-700",
1826
+ "background-neutrals": "$cloud-900",
1827
+ "background-neutrals-active": "$cloud-850",
1828
+ "background-neutrals-container": "$gray-850",
1829
+ "background-neutrals-control": "$gray-700",
1830
+ "background-neutrals-control-hover": "$gray-650",
1831
+ "background-neutrals-control-pressed": "$gray-600",
1832
+ "background-neutrals-disabled": "$cloud-850",
1833
+ "background-neutrals-hover": "$cloud-850",
1834
+ "background-neutrals-inactive": "$gray-500",
1835
+ "background-neutrals-inactive-hover": "$gray-600",
1836
+ "background-neutrals-inverted": "$white",
1837
+ "background-neutrals-inverted-subtle": "$cloud-150",
1838
+ "background-neutrals-layout": "$gray-850",
1839
+ "background-neutrals-page": "$gray-850",
1840
+ "background-neutrals-page-subtle": "$cloud-800",
1841
+ "background-neutrals-pressed": "$cloud-850",
1842
+ "background-neutrals-scrollbar": "$gray-700",
1843
+ "background-neutrals-scrollbar-active": "$gray-600",
1844
+ "background-neutrals-scrollbar-hover": "$gray-650",
1845
+ "background-neutrals-subtle": "$cloud-750",
1846
+ "background-neutrals-subtle-active": "$cloud-700",
1847
+ "background-neutrals-subtle-hover": "$cloud-700",
1848
+ "background-neutrals-subtle-pressed": "$cloud-700",
1849
+ "background-neutrals-transparent": "$transparent",
1850
+ "background-primary-prominent": "$blue-500",
1851
+ "background-primary-prominent-active": "$blue-450",
1852
+ "background-primary-prominent-hover": "$blue-450",
1853
+ "background-primary-prominent-pressed": "$blue-450",
1854
+ "background-primary-prominent-selected": "$blue-500",
1855
+ "background-primary-subtle": "$blue-900",
1856
+ "background-primary-subtle-active": "$blue-600",
1857
+ "background-primary-subtle-hover": "$blue-650",
1858
+ "background-primary-subtle-pressed": "$blue-600",
1859
+ "background-primary-subtle-selected": "$blue-700",
1860
+ "status-background-error": "$red-900",
1861
+ "status-background-info": "$blue-900",
1862
+ "status-background-success": "$green-900",
1863
+ "status-background-warning": "$yellow-900",
1864
+ "background-success-prominent": "$green-500",
1865
+ "background-success-prominent-active": "$green-400",
1866
+ "background-success-prominent-hover": "$green-450",
1867
+ "background-success-prominent-pressed": "$green-400",
1868
+ "background-success-subtle": "$green-900",
1869
+ "background-warning-prominent": "$yellow-400",
1870
+ "background-warning-subtle": "$yellow-900",
1871
+ "border-default": "$cloud-650",
1872
+ "border-disabled": "$cloud-750",
1873
+ "border-inverted": "$cloud-100",
1874
+ "border-inverted-subtle": "$cloud-500",
1875
+ "border-static-dark": "$cloud-450",
1876
+ "border-static-dark-subtle": "$cloud-750",
1877
+ "border-strong": "$cloud-450",
1878
+ "border-subtle": "$cloud-550",
1879
+ "border-transparent": "$transparent",
1880
+ "border-danger": "$red-400",
1881
+ "border-danger-active": "$red-300",
1882
+ "border-danger-hover": "$red-350",
1883
+ "border-danger-pressed": "$red-300",
1884
+ "border-danger-subtle": "$red-700",
1885
+ "border-focus-error-inner": "$gray-950",
1886
+ "border-focus-error-middle": "$blue-350",
1887
+ "border-focus-error-outer": "$blue-550",
1888
+ "border-focus-inner": "#1A1B1E",
1889
+ "border-focus-middle": "$blue-350",
1890
+ "border-focus-outer": "$blue-550",
1891
+ "border-focus-success-inner": "$gray-950",
1892
+ "border-focus-success-middle": "$blue-350",
1893
+ "border-focus-success-outer": "$blue-550",
1894
+ "focus-keyboard": "#2B4DF8",
1895
+ "border-interactive-danger": "$red-500",
1896
+ "border-interactive-danger-hover": "$red-450",
1897
+ "border-interactive-danger-pressed": "$red-400",
1898
+ "border-interactive-primary": "$blue-500",
1899
+ "border-interactive-primary-hover": "$blue-450",
1900
+ "border-interactive-primary-pressed": "$blue-400",
1901
+ "border-interactive-secondary": "$cloud-700",
1902
+ "border-interactive-secondary-hover": "$cloud-650",
1903
+ "border-interactive-secondary-pressed": "$cloud-600",
1904
+ "border-interactive-selected": "$blue-400",
1905
+ "border-neutrals": "$cloud-650",
1906
+ "border-neutrals-active": "$cloud-350",
1907
+ "border-neutrals-controls": "$cloud-450",
1908
+ "border-neutrals-controls-disabled": "$cloud-800",
1909
+ "border-neutrals-disabled": "$cloud-750",
1910
+ "border-neutrals-hover": "$cloud-550",
1911
+ "border-neutrals-inverted": "$cloud-950",
1912
+ "border-neutrals-pressed": "$cloud-450",
1913
+ "border-neutrals-subtle": "$cloud-800",
1914
+ "border-neutrals-subtle-hover": "$cloud-700",
1915
+ "border-neutrals-subtle-pressed": "$cloud-650",
1916
+ "border-neutrals-text": "$cloud-100",
1917
+ "border-neutrals-text-active": "$cloud-50",
1918
+ "border-neutrals-text-hover": "$cloud-50",
1919
+ "border-neutrals-text-subtle": "$cloud-300",
1920
+ "border-neutrals-text-subtle-active": "$cloud-100",
1921
+ "border-neutrals-text-subtle-hover": "$cloud-200",
1922
+ "border-neutrals-transparent": "$transparent",
1923
+ "border-primary": "$blue-400",
1924
+ "border-primary-active": "$blue-300",
1925
+ "border-primary-hover": "$blue-350",
1926
+ "border-primary-inverted": "$blue-900",
1927
+ "border-primary-pressed": "$blue-300",
1928
+ "border-primary-selected": "$blue-400",
1929
+ "border-primary-subtle": "$blue-750",
1930
+ "status-border-error": "$red-700",
1931
+ "status-border-info": "$blue-700",
1932
+ "status-border-success": "$green-700",
1933
+ "status-border-warning": "$yellow-700",
1934
+ "border-success": "$green-500",
1935
+ "border-success-active": "$green-400",
1936
+ "border-success-hover": "$green-450",
1937
+ "border-success-pressed": "$green-400",
1938
+ "border-success-subtle": "$green-700",
1939
+ "border-warning": "$yellow-500",
1940
+ "border-warning-subtle": "$yellow-700",
1941
+ "button-background-danger": "$red-500",
1942
+ "button-background-danger-hover": "$red-450",
1943
+ "button-background-danger-pressed": "$red-400",
1944
+ "button-background-ghost": "$transparent",
1945
+ "button-background-ghost-hover": "$cloud-150",
1946
+ "button-background-ghost-pressed": "$cloud-100",
1947
+ "button-background-primary": "$blue-500",
1948
+ "button-background-primary-hover": "$blue-450",
1949
+ "button-background-primary-pressed": "$blue-400",
1950
+ "button-background-secondary": "$transparent",
1951
+ "button-background-secondary-hover": "$cloud-800",
1952
+ "button-background-secondary-pressed": "$cloud-750",
1953
+ "button-background-tertiary": "$cloud-700",
1954
+ "button-background-tertiary-hover": "$cloud-650",
1955
+ "button-background-tertiary-pressed": "$cloud-600",
1956
+ "button-border-danger": "$red-500",
1957
+ "button-border-danger-hover": "$red-450",
1958
+ "button-border-danger-pressed": "$red-400",
1959
+ "button-border-ghost-hover": "$transparent",
1960
+ "button-border-ghost-pressed": "$transparent",
1961
+ "button-border-primary": "$blue-500",
1962
+ "button-border-primary-hover": "$blue-450",
1963
+ "button-border-primary-pressed": "$blue-400",
1964
+ "button-border-secondary": "$cloud-700",
1965
+ "button-border-secondary-hover": "$cloud-650",
1966
+ "button-border-secondary-pressed": "$cloud-600",
1967
+ "button-border-tertiary": "$transparent",
1968
+ "button-border-tertiary-hover": "$cloud-650",
1969
+ "button-border-tertiary-pressed": "$cloud-600",
1970
+ "button-icon-on-danger": "$white",
1971
+ "button-icon-on-primary": "$white",
1972
+ "button-icon-on-secondary": "$white",
1973
+ "button-icon-on-tertiary": "$white",
1974
+ "button-text-on-danger": "$white",
1975
+ "button-text-on-primary": "$white",
1976
+ "button-text-on-secondary": "$white",
1977
+ "button-text-on-tertiary": "$white",
1978
+ "chip-background": "$cloud-750",
1979
+ "chip-background-hover": "$cloud-700",
1980
+ "chip-text": "$cloud-50",
1981
+ "format-icon-diagram": "$orange-600",
1982
+ "format-icon-docs": "$cyan-600",
1983
+ "format-icon-external": "$teal-600",
1984
+ "format-icon-kanban": "$moss-600",
1985
+ "format-icon-prototype": "$lilac-600",
1986
+ "format-icon-slides": "$coral-600",
1987
+ "format-icon-table": "$moss-600",
1988
+ "format-icon-timeline": "$moss-600",
1989
+ "input-background-active": "$cloud-850",
1990
+ "input-background-alt-active": "$cloud-950",
1991
+ "input-background-alt-default": "$cloud-950",
1992
+ "input-background-alt-hover": "$cloud-950",
1993
+ "input-background-default": "$cloud-850",
1994
+ "input-background-disabled": "$cloud-850",
1995
+ "input-background-hover": "$cloud-850",
1996
+ "input-border-active": "$transparent",
1997
+ "input-border-default": "$transparent",
1998
+ "input-border-disabled": "$transparent",
1999
+ "input-border-error": "$red-400",
2000
+ "input-border-hover": "$transparent",
2001
+ "input-border-selection-control": "$cloud-450",
2002
+ "input-border-success": "$green-400",
2003
+ "notification-background": "$cloud-150",
2004
+ "notification-border": "$cloud-450",
2005
+ "notification-border-subtle": "$cloud-300",
2006
+ "popover-background": "$cloud-800",
2007
+ "popover-border": "$cloud-600",
2008
+ "scrollbar-background": "$gray-700",
2009
+ "scrollbar-background-hover": "$gray-650",
2010
+ "slider-background": "$gray-700",
2011
+ "slider-notch-background": "$gray-700",
2012
+ "switch-background-default": "$gray-700",
2013
+ "switch-background-hover": "$gray-650",
2014
+ "switch-control-background": "$cloud-900",
2015
+ "tooltip-background": "$cloud-650",
2016
+ "tooltip-background-inset": "$cloud-850",
2017
+ "icon-danger": "$red-400",
2018
+ "icon-danger-active": "$red-300",
2019
+ "icon-danger-hover": "$red-350",
2020
+ "icon-danger-inverted": "$red-900",
2021
+ "icon-danger-pressed": "$red-300",
2022
+ "icon-default": "$cloud-50",
2023
+ "icon-disabled": "$cloud-450",
2024
+ "icon-inverted": "$cloud-900",
2025
+ "icon-inverted-secondary": "$cloud-700",
2026
+ "icon-muted": "$cloud-400",
2027
+ "icon-on-disabled": "$cloud-400",
2028
+ "icon-on-static-dark": "$gray-50",
2029
+ "icon-on-static-dark-subtle": "$gray-300",
2030
+ "icon-placeholder": "$cloud-400",
2031
+ "icon-secondary": "$cloud-300",
2032
+ "icon-interactive-selected": "$blue-400",
2033
+ "icon-link": "$blue-500",
2034
+ "icon-link-hover": "$blue-450",
2035
+ "icon-link-on-inverted": "$cloud-900",
2036
+ "icon-link-on-inverted-hover": "$cloud-850",
2037
+ "icon-link-on-inverted-pressed": "$cloud-800",
2038
+ "icon-link-on-inverted-secondary": "$cloud-700",
2039
+ "icon-link-on-inverted-secondary-hover": "$cloud-650",
2040
+ "icon-link-on-inverted-secondary-pressed": "$cloud-600",
2041
+ "icon-link-pressed": "$blue-400",
2042
+ "icon-link-secondary": "$cloud-300",
2043
+ "icon-link-secondary-hover": "$cloud-250",
2044
+ "icon-link-secondary-pressed": "$cloud-200",
2045
+ "icon-on-interactive-danger": "$white",
2046
+ "icon-on-interactive-primary": "$white",
2047
+ "icon-on-interactive-secondary": "$white",
2048
+ "icon-on-interactive-selected": "$blue-400",
2049
+ "icon-neutrals": "$gray-50",
2050
+ "icon-neutrals-disabled": "$gray-450",
2051
+ "icon-neutrals-hover": "$gray-100",
2052
+ "icon-neutrals-inactive": "$gray-400",
2053
+ "icon-neutrals-inactive-hover": "$gray-300",
2054
+ "icon-neutrals-inverted": "$gray-950",
2055
+ "icon-neutrals-inverted-hover": "$cloud-900",
2056
+ "icon-neutrals-inverted-subtle": "$gray-700",
2057
+ "icon-neutrals-inverted-subtle-hover": "$gray-650",
2058
+ "icon-neutrals-placeholder": "$gray-650",
2059
+ "icon-neutrals-pressed": "$gray-150",
2060
+ "icon-neutrals-search": "$gray-400",
2061
+ "icon-neutrals-subtle": "$gray-300",
2062
+ "icon-neutrals-subtle-hover": "$gray-250",
2063
+ "icon-neutrals-subtle-pressed": "$gray-200",
2064
+ "icon-neutrals-text": "$gray-300",
2065
+ "icon-primary": "$blue-400",
2066
+ "icon-primary-active": "$blue-300",
2067
+ "icon-primary-hover": "$blue-350",
2068
+ "icon-primary-inverted": "$blue-900",
2069
+ "icon-primary-inverted-hover": "$blue-850",
2070
+ "icon-primary-pressed": "$blue-300",
2071
+ "icon-primary-selected": "$blue-400",
2072
+ "status-icon-error": "$red-400",
2073
+ "status-icon-on-error": "$red-400",
2074
+ "status-icon-on-info": "$blue-400",
2075
+ "status-icon-on-success": "$green-400",
2076
+ "status-icon-on-warning": "$yellow-200",
2077
+ "status-icon-success": "$green-400",
2078
+ "status-icon-warning": "$yellow-200",
2079
+ "icon-success": "$green-400",
2080
+ "icon-success-active": "$green-300",
2081
+ "icon-success-hover": "$green-350",
2082
+ "icon-success-inverted": "$green-900",
2083
+ "icon-success-pressed": "$green-300",
2084
+ "icon-warning": "$yellow-200",
2085
+ "icon-warning-prominent": "$yellow-300",
2086
+ "icon-warning-subtle": "$yellow-200",
2087
+ "text-danger": "$red-400",
2088
+ "text-danger-active": "$red-300",
2089
+ "text-danger-hover": "$red-350",
2090
+ "text-danger-inverted": "$red-900",
2091
+ "text-danger-pressed": "$red-300",
2092
+ "text-interactive-selected": "$blue-400",
2093
+ "text-link": "$blue-500",
2094
+ "text-link-hover": "$blue-450",
2095
+ "text-link-on-inverted": "$cloud-900",
2096
+ "text-link-on-inverted-hover": "$cloud-850",
2097
+ "text-link-on-inverted-pressed": "$cloud-800",
2098
+ "text-link-on-inverted-secondary": "$cloud-700",
2099
+ "text-link-on-inverted-secondary-hover": "$cloud-650",
2100
+ "text-link-on-inverted-secondary-pressed": "$cloud-600",
2101
+ "text-link-pressed": "$blue-400",
2102
+ "text-link-secondary": "$cloud-300",
2103
+ "text-link-secondary-hover": "$cloud-250",
2104
+ "text-link-secondary-pressed": "$cloud-200",
2105
+ "text-on-interactive-danger": "$white",
2106
+ "text-on-interactive-primary": "$white",
2107
+ "text-on-interactive-secondary": "$white",
2108
+ "text-on-interactive-selected": "$blue-400",
2109
+ "text-neutrals": "$cloud-100",
2110
+ "text-neutrals-active": "$cloud-50",
2111
+ "text-neutrals-disabled": "$cloud-400",
2112
+ "text-neutrals-hover": "$cloud-50",
2113
+ "text-neutrals-inverted": "$cloud-900",
2114
+ "text-neutrals-inverted-hover": "$cloud-850",
2115
+ "text-neutrals-inverted-subtle": "$cloud-700",
2116
+ "text-neutrals-inverted-subtle-hover": "$cloud-650",
2117
+ "text-neutrals-placeholder": "$cloud-500",
2118
+ "text-neutrals-placeholder-only": "$cloud-500",
2119
+ "text-neutrals-pressed": "$cloud-50",
2120
+ "text-neutrals-subtle": "$cloud-300",
2121
+ "text-neutrals-subtle-active": "$cloud-250",
2122
+ "text-neutrals-subtle-hover": "$cloud-250",
2123
+ "text-neutrals-subtle-pressed": "$cloud-250",
2124
+ "text-primary": "$blue-400",
2125
+ "text-primary-active": "$blue-300",
2126
+ "text-primary-hover": "$blue-350",
2127
+ "text-primary-inverted": "$blue-900",
2128
+ "text-primary-inverted-subtle": "$blue-700",
2129
+ "text-primary-pressed": "$blue-300",
2130
+ "text-primary-selected": "$blue-400",
2131
+ "status-text-error": "$red-400",
2132
+ "status-text-on-error": "$red-200",
2133
+ "status-text-on-info": "$blue-200",
2134
+ "status-text-on-success": "$green-200",
2135
+ "status-text-on-warning": "$yellow-200",
2136
+ "status-text-success": "$green-400",
2137
+ "status-text-warning": "$yellow-200",
2138
+ "text-success": "$green-400",
2139
+ "text-success-active": "$green-300",
2140
+ "text-success-hover": "$green-350",
2141
+ "text-success-inverted": "$green-900",
2142
+ "text-success-pressed": "$green-300",
2143
+ "text-default": "$cloud-50",
2144
+ "text-disabled": "$cloud-450",
2145
+ "text-inverted": "$cloud-900",
2146
+ "text-inverted-secondary": "$cloud-700",
2147
+ "text-muted": "$cloud-400",
2148
+ "text-on-disabled": "$cloud-400",
2149
+ "text-on-static-dark": "$cloud-50",
2150
+ "text-on-static-dark-subtle": "$cloud-300",
2151
+ "text-placeholder": "$cloud-400",
2152
+ "text-secondary": "$cloud-300",
2153
+ "text-warning": "$yellow-200",
2154
+ "text-warning-subtle": "$yellow-300",
2155
+ "coal-background": "$coal-500",
2156
+ "coal-background-mild": "$coal-350",
2157
+ "coal-background-prominent": "$coal-700",
2158
+ "coal-background-subtle": "$coal-200",
2159
+ "coral-background": "$coral-500",
2160
+ "coral-background-mild": "$coral-350",
2161
+ "coral-background-prominent": "$coral-700",
2162
+ "coral-background-subtle": "$coral-200",
2163
+ "cyan-background": "$cyan-500",
2164
+ "cyan-background-mild": "$cyan-350",
2165
+ "cyan-background-prominent": "$cyan-700",
2166
+ "cyan-background-subtle": "$cyan-200",
2167
+ "lilac-background": "$lilac-500",
2168
+ "lilac-background-mild": "$lilac-350",
2169
+ "lilac-background-prominent": "$lilac-700",
2170
+ "lilac-background-subtle": "$lilac-200",
2171
+ "lime-background": "$lime-500",
2172
+ "lime-background-mild": "$lime-350",
2173
+ "lime-background-prominent": "$lime-700",
2174
+ "lime-background-subtle": "$lime-200",
2175
+ "moss-background": "$moss-500",
2176
+ "moss-background-mild": "$moss-350",
2177
+ "moss-background-prominent": "$moss-700",
2178
+ "moss-background-subtle": "$moss-200",
2179
+ "ocean-background": "$ocean-500",
2180
+ "ocean-background-mild": "$ocean-350",
2181
+ "ocean-background-prominent": "$ocean-700",
2182
+ "ocean-background-subtle": "$ocean-200",
2183
+ "orange-background": "$orange-500",
2184
+ "orange-background-mild": "$orange-350",
2185
+ "orange-background-prominent": "$orange-700",
2186
+ "orange-background-subtle": "$orange-200",
2187
+ "pink-background": "$pink-500",
2188
+ "pink-background-mild": "$pink-350",
2189
+ "pink-background-prominent": "$pink-700",
2190
+ "pink-background-subtle": "$pink-200",
2191
+ "sunshine-background": "$sunshine-500",
2192
+ "sunshine-background-mild": "$sunshine-350",
2193
+ "sunshine-background-prominent": "$sunshine-700",
2194
+ "sunshine-background-subtle": "$sunshine-200",
2195
+ "teal-background": "$teal-500",
2196
+ "teal-background-mild": "$teal-350",
2197
+ "teal-background-prominent": "$teal-700",
2198
+ "teal-background-subtle": "$teal-200",
2199
+ "coal-border": "$coal-600",
2200
+ "coal-border-prominent": "$coal-800",
2201
+ "coal-border-subtle": "$coal-450",
2202
+ "coral-border": "$coral-600",
2203
+ "coral-border-prominent": "$coral-800",
2204
+ "coral-border-subtle": "$coral-450",
2205
+ "cyan-border": "$cyan-600",
2206
+ "cyan-border-prominent": "$cyan-800",
2207
+ "cyan-border-subtle": "$cyan-450",
2208
+ "lilac-border": "$lilac-600",
2209
+ "lilac-border-prominent": "$lilac-800",
2210
+ "lilac-border-subtle": "$lilac-450",
2211
+ "lime-border": "$lime-650",
2212
+ "lime-border-prominent": "$lime-800",
2213
+ "lime-border-subtle": "$lime-450",
2214
+ "moss-border": "$moss-600",
2215
+ "moss-border-prominent": "$moss-800",
2216
+ "moss-border-subtle": "$moss-450",
2217
+ "ocean-border": "$ocean-600",
2218
+ "ocean-border-prominent": "$ocean-800",
2219
+ "ocean-border-subtle": "$ocean-450",
2220
+ "orange-border": "$orange-600",
2221
+ "orange-border-prominent": "$orange-800",
2222
+ "orange-border-subtle": "$orange-450",
2223
+ "pink-border": "$pink-600",
2224
+ "pink-border-prominent": "$pink-800",
2225
+ "pink-border-subtle": "$pink-450",
2226
+ "sunshine-border": "$sunshine-650",
2227
+ "sunshine-border-prominent": "$sunshine-750",
2228
+ "sunshine-border-subtle": "$sunshine-450",
2229
+ "teal-border": "$teal-600",
2230
+ "teal-border-prominent": "$teal-800",
2231
+ "teal-border-subtle": "$teal-450",
2232
+ "coal-avatar-background": "$coal-750",
2233
+ "coral-avatar-background": "$coral-750",
2234
+ "cyan-avatar-background": "$cyan-750",
2235
+ "light-coal-avatar-background": "$coal-450",
2236
+ "light-coral-avatar-background": "$coral-450",
2237
+ "light-cyan-avatar-background": "$cyan-450",
2238
+ "light-lilac-avatar-background": "$lilac-450",
2239
+ "light-lime-avatar-background": "$lime-450",
2240
+ "light-moss-avatar-background": "$moss-450",
2241
+ "light-ocean-avatar-background": "$ocean-450",
2242
+ "light-orange-avatar-background": "$orange-450",
2243
+ "light-pink-avatar-background": "$pink-450",
2244
+ "light-sunshine-avatar-background": "$sunshine-450",
2245
+ "light-teal-avatar-background": "$teal-450",
2246
+ "lilac-avatar-background": "$lilac-750",
2247
+ "lime-avatar-background": "$lime-750",
2248
+ "moss-avatar-background": "$moss-750",
2249
+ "ocean-avatar-background": "$ocean-750",
2250
+ "orange-avatar-background": "$orange-750",
2251
+ "pink-avatar-background": "$pink-750",
2252
+ "sunshine-avatar-background": "$sunshine-750",
2253
+ "teal-avatar-background": "$teal-750",
2254
+ "coral-comment-background": "$coral-750",
2255
+ "cyan-comment-background": "$cyan-650",
2256
+ "lime-comment-background": "$lime-650",
2257
+ "coal-cursor-background": "$coal-800",
2258
+ "coal-cursor-border": "$coal-650",
2259
+ "coal-cursor-border-prominent": "$coal-900",
2260
+ "coral-cursor-background": "$coral-800",
2261
+ "coral-cursor-border": "$coral-650",
2262
+ "coral-cursor-border-prominent": "$coral-900",
2263
+ "cyan-cursor-background": "$cyan-800",
2264
+ "cyan-cursor-border": "$cyan-650",
2265
+ "cyan-cursor-border-prominent": "$cyan-900",
2266
+ "light-coal-cursor-background": "$coal-300",
2267
+ "light-coral-cursor-background": "$coral-300",
2268
+ "light-cursor-background": "$ocean-300",
2269
+ "light-cyan-cursor-background": "$cyan-300",
2270
+ "light-lilac-cursor-background": "$lilac-300",
2271
+ "light-lime-cursor-background": "$lime-300",
2272
+ "light-moss-cursor-background": "$moss-300",
2273
+ "light-orange-cursor-background": "$orange-300",
2274
+ "light-pink-cursor-background": "$pink-300",
2275
+ "light-sunshine-cursor-background": "$sunshine-300",
2276
+ "light-teal-cursor-background": "$teal-300",
2277
+ "lilac-cursor-background": "$lilac-800",
2278
+ "lilac-cursor-border": "$lilac-650",
2279
+ "lilac-cursor-border-prominent": "$lilac-900",
2280
+ "lime-cursor-background": "$lime-800",
2281
+ "lime-cursor-border": "$lime-650",
2282
+ "lime-cursor-border-prominent": "$lime-900",
2283
+ "moss-cursor-background": "$moss-800",
2284
+ "moss-cursor-border": "$moss-650",
2285
+ "moss-cursor-border-prominent": "$moss-900",
2286
+ "ocean-cursor-background": "$ocean-800",
2287
+ "ocean-cursor-border": "$ocean-650",
2288
+ "ocean-cursor-border-prominent": "$ocean-900",
2289
+ "orange-cursor-background": "$orange-800",
2290
+ "orange-cursor-border": "$orange-650",
2291
+ "orange-cursor-border-prominent": "$orange-900",
2292
+ "pink-cursor-background": "$pink-800",
2293
+ "pink-cursor-border-prominent": "$pink-900",
2294
+ "pink-cursor-coal-border": "$pink-650",
2295
+ "sunshine-cursor-background": "$sunshine-800",
2296
+ "sunshine-cursor-border": "$sunshine-650",
2297
+ "susnhine-cursor-border-prominent": "$sunshine-900",
2298
+ "teal-cursor-background": "$teal-800",
2299
+ "teal-cursor-border": "$teal-650",
2300
+ "teal-cursor-border-prominent": "$teal-900",
2301
+ "black-sticky-background": "#151515",
2302
+ "coral-sticky-background": "$coral-400",
2303
+ "cyan-sticky-background": "$cyan-400",
2304
+ "light-coal-sticky-background": "#F3F5F7",
2305
+ "light-lime-sticky-background": "$lime-250",
2306
+ "light-ocean-sticky-background": "$ocean-250",
2307
+ "light-pink-sticky-background": "$pink-250",
2308
+ "light-sunshine-sticky-background": "$sunshine-250",
2309
+ "lilac-sticky-background": "$lilac-400",
2310
+ "lime-sticky-background": "$lime-400",
2311
+ "moss-sticky-background": "$moss-400",
2312
+ "ocean-sticky-background": "$ocean-400",
2313
+ "orange-sticky-background": "$orange-400",
2314
+ "pink-sticky-background": "$pink-400",
2315
+ "sunshine-sticky-background": "$sunshine-400",
2316
+ "teal-sticky-background": "$teal-400",
2317
+ "coal-icon": "$coal-900",
2318
+ "coal-icon-mild": "$coal-600",
2319
+ "coal-icon-subtle": "$coal-100",
2320
+ "coral-icon": "$coral-900",
2321
+ "coral-icon-mild": "$coral-600",
2322
+ "coral-icon-subtle": "$coral-100",
2323
+ "cyan-icon": "$cyan-900",
2324
+ "cyan-icon-mild": "$cyan-600",
2325
+ "cyan-icon-subtle": "$cyan-100",
2326
+ "lilac-icon": "$lilac-900",
2327
+ "lilac-icon-mild": "$lilac-600",
2328
+ "lilac-icon-subtle": "$lilac-100",
2329
+ "lime-icon": "$lime-900",
2330
+ "lime-icon-mild": "$lime-650",
2331
+ "lime-icon-subtle": "$lime-100",
2332
+ "moss-icon": "$moss-900",
2333
+ "moss-icon-mild": "$moss-600",
2334
+ "moss-icon-subtle": "$moss-100",
2335
+ "ocean-icon": "$ocean-900",
2336
+ "ocean-icon-mild": "$ocean-600",
2337
+ "ocean-icon-subtle": "$ocean-100",
2338
+ "orange-icon": "$orange-900",
2339
+ "orange-icon-mild": "$orange-600",
2340
+ "orange-icon-subtle": "$orange-100",
2341
+ "pink-icon": "$pink-900",
2342
+ "pink-icon-mild": "$pink-600",
2343
+ "pink-icon-subtle": "$pink-100",
2344
+ "sunshine-icon": "$sunshine-900",
2345
+ "sunshine-icon-mild": "$sunshine-650",
2346
+ "sunshine-icon-subtle": "$sunshine-100",
2347
+ "teal-icon": "$teal-900",
2348
+ "teal-icon-mild": "$teal-600",
2349
+ "teal-icon-subtle": "$teal-100",
2350
+ "coal-text": "$coal-900",
2351
+ "coal-text-mild": "$coal-700",
2352
+ "coal-text-subtle": "$coal-100",
2353
+ "coral-text": "$coral-900",
2354
+ "coral-text-mild": "$coral-700",
2355
+ "coral-text-subtle": "$coral-100",
2356
+ "cyan-text": "$cyan-900",
2357
+ "cyan-text-mild": "$cyan-700",
2358
+ "cyan-text-subtle": "$cyan-100",
2359
+ "lilac-text": "$lilac-900",
2360
+ "lilac-text-mild": "$lilac-650",
2361
+ "lilac-text-subtle": "$lilac-100",
2362
+ "lime-text": "$lime-900",
2363
+ "lime-text-mild": "$lime-700",
2364
+ "lime-text-subtle": "$lime-100",
2365
+ "moss-text": "$moss-900",
2366
+ "moss-text-mild": "$moss-700",
2367
+ "moss-text-subtle": "$moss-100",
2368
+ "ocean-text": "$ocean-900",
2369
+ "ocean-text-mild": "$ocean-700",
2370
+ "ocean-text-subtle": "$ocean-100",
2371
+ "orange-text": "$orange-900",
2372
+ "orange-text-mild": "$orange-700",
2373
+ "orange-text-subtle": "$orange-100",
2374
+ "pink-text": "$pink-900",
2375
+ "pink-text-mild": "$pink-650",
2376
+ "pink-text-subtle": "$pink-100",
2377
+ "sunshine-text": "$sunshine-900",
2378
+ "sunshine-text-mild": "$sunshine-700",
2379
+ "sunshine-text-subtle": "$sunshine-100",
2380
+ "teal-text": "$teal-900",
2381
+ "teal-text-mild": "$teal-700",
2382
+ "teal-text-subtle": "$teal-100"
2383
+ };
2384
+
2385
+ const aliasShadows = {
2386
+ focus: "0 0 0 2px $colors$border-focus-inner, 0 0 0 4px $colors$focus-keyboard",
2387
+ "elevation-0": "0 0 0 1px $colors$gray-200",
2388
+ "elevation-100": "0 2px 4px 0px #22242814",
2389
+ "elevation-200": "0 2px 8px 0 #2224281f, 0 0 12px 0 #2224280A"
2390
+ };
2391
+
2392
+ const shadows$1 = {
2393
+ 50: "0 4px 16px rgba(5, 0, 56, 0.07)",
2394
+ 100: "0 8px 32px rgba(5, 0, 56, 0.03)",
2395
+ ...aliasShadows
2396
+ };
2397
+
2398
+ const shadows = {
2399
+ 50: "0 0 8px 0 rgba(9,9,9,.65)",
2400
+ 100: "0 0 16px 0 rgba(9,9,9,.65)",
2401
+ ...aliasShadows
2402
+ };
2403
+
2404
+ const light = Object.freeze({
2405
+ colors: colors$3,
2406
+ shadows: shadows$1
2407
+ });
2408
+ const dark = Object.freeze({
2409
+ colors: colors$2,
2410
+ shadows: shadows
2411
+ });
2412
+ const newLight = Object.freeze({
2413
+ colors: colors$1,
2414
+ shadows: shadows$1
2415
+ });
2416
+ const newDark = Object.freeze({
889
2417
  colors: colors,
890
2418
  shadows: shadows
891
2419
  });
892
2420
 
893
2421
  const base = light;
894
2422
 
895
- export { base, dark, light };
2423
+ export { base, dark, light, newDark, newLight };
896
2424
  //# sourceMappingURL=module.js.map