@bamboocss/preset-atlaskit 1.11.1 → 1.11.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/index.cjs +2086 -0
  2. package/dist/index.d.cts +26 -0
  3. package/dist/index.d.mts +26 -0
  4. package/dist/index.mjs +2066 -2861
  5. package/package.json +9 -9
  6. package/dist/index.js +0 -2903
package/dist/index.mjs CHANGED
@@ -1,2876 +1,2081 @@
1
- // src/breakpoints.ts
2
- var breakpoints = {
3
- sm: "30rem",
4
- md: "48rem",
5
- lg: "64rem",
6
- xl: "90rem",
7
- "2xl": "110.5rem"
1
+ //#region src/breakpoints.ts
2
+ const breakpoints = {
3
+ sm: "30rem",
4
+ md: "48rem",
5
+ lg: "64rem",
6
+ xl: "90rem",
7
+ "2xl": "110.5rem"
8
8
  };
9
-
10
- // src/colors/core.ts
11
- var colors = {
12
- background: {
13
- neutral: {
14
- subtle: {
15
- DEFAULT: { value: "#00000000" }
16
- }
17
- },
18
- warning: {
19
- bold: {
20
- DEFAULT: { value: "#F5CD47" },
21
- hovered: { value: "#E2B203" },
22
- pressed: { value: "#CF9F02" }
23
- }
24
- }
25
- },
26
- chart: {
27
- categorical: {
28
- "1": {
29
- DEFAULT: { value: "#2898BD" }
30
- },
31
- "3": {
32
- DEFAULT: { value: "#E56910" }
33
- }
34
- }
35
- }
9
+ //#endregion
10
+ //#region src/colors/core.ts
11
+ const colors = {
12
+ background: {
13
+ neutral: { subtle: { DEFAULT: { value: "#00000000" } } },
14
+ warning: { bold: {
15
+ DEFAULT: { value: "#F5CD47" },
16
+ hovered: { value: "#E2B203" },
17
+ pressed: { value: "#CF9F02" }
18
+ } }
19
+ },
20
+ chart: { categorical: {
21
+ "1": { DEFAULT: { value: "#2898BD" } },
22
+ "3": { DEFAULT: { value: "#E56910" } }
23
+ } }
36
24
  };
37
-
38
- // src/colors/semantic.ts
39
- var semanticColors = {
40
- text: {
41
- DEFAULT: {
42
- value: {
43
- _light: "#172B4D",
44
- _dark: "#B6C2CF"
45
- }
46
- },
47
- accent: {
48
- lime: {
49
- DEFAULT: {
50
- value: {
51
- _light: "#4C6B1F",
52
- _dark: "#B3DF72"
53
- }
54
- },
55
- bolder: {
56
- value: {
57
- _light: "#37471F",
58
- _dark: "#D3F1A7"
59
- }
60
- }
61
- },
62
- red: {
63
- DEFAULT: {
64
- value: {
65
- _light: "#AE2E24",
66
- _dark: "#FD9891"
67
- }
68
- },
69
- bolder: {
70
- value: {
71
- _light: "#5D1F1A",
72
- _dark: "#FFD5D2"
73
- }
74
- }
75
- },
76
- orange: {
77
- DEFAULT: {
78
- value: {
79
- _light: "#A54800",
80
- _dark: "#FEC195"
81
- }
82
- },
83
- bolder: {
84
- value: {
85
- _light: "#702E00",
86
- _dark: "#FEDEC8"
87
- }
88
- }
89
- },
90
- yellow: {
91
- DEFAULT: {
92
- value: {
93
- _light: "#7F5F01",
94
- _dark: "#F5CD47"
95
- }
96
- },
97
- bolder: {
98
- value: {
99
- _light: "#533F04",
100
- _dark: "#F8E6A0"
101
- }
102
- }
103
- },
104
- green: {
105
- DEFAULT: {
106
- value: {
107
- _light: "#216E4E",
108
- _dark: "#7EE2B8"
109
- }
110
- },
111
- bolder: {
112
- value: {
113
- _light: "#164B35",
114
- _dark: "#BAF3DB"
115
- }
116
- }
117
- },
118
- teal: {
119
- DEFAULT: {
120
- value: {
121
- _light: "#206A83",
122
- _dark: "#9DD9EE"
123
- }
124
- },
125
- bolder: {
126
- value: {
127
- _light: "#164555",
128
- _dark: "#C6EDFB"
129
- }
130
- }
131
- },
132
- blue: {
133
- DEFAULT: {
134
- value: {
135
- _light: "#0055CC",
136
- _dark: "#85B8FF"
137
- }
138
- },
139
- bolder: {
140
- value: {
141
- _light: "#09326C",
142
- _dark: "#CCE0FF"
143
- }
144
- }
145
- },
146
- purple: {
147
- DEFAULT: {
148
- value: {
149
- _light: "#5E4DB2",
150
- _dark: "#B8ACF6"
151
- }
152
- },
153
- bolder: {
154
- value: {
155
- _light: "#352C63",
156
- _dark: "#DFD8FD"
157
- }
158
- }
159
- },
160
- magenta: {
161
- DEFAULT: {
162
- value: {
163
- _light: "#943D73",
164
- _dark: "#F797D2"
165
- }
166
- },
167
- bolder: {
168
- value: {
169
- _light: "#50253F",
170
- _dark: "#FDD0EC"
171
- }
172
- }
173
- },
174
- gray: {
175
- DEFAULT: {
176
- value: {
177
- _light: "#44546F",
178
- _dark: "#9FADBC"
179
- }
180
- },
181
- bolder: {
182
- value: {
183
- _light: "#091E42",
184
- _dark: "#DEE4EA"
185
- }
186
- }
187
- }
188
- },
189
- disabled: {
190
- value: {
191
- _light: "#091E424F",
192
- _dark: "#BFDBF847"
193
- }
194
- },
195
- inverse: {
196
- value: {
197
- _light: "#FFFFFF",
198
- _dark: "#1D2125"
199
- }
200
- },
201
- selected: {
202
- value: {
203
- _light: "#0C66E4",
204
- _dark: "#579DFF"
205
- }
206
- },
207
- brand: {
208
- value: {
209
- _light: "#0C66E4",
210
- _dark: "#579DFF"
211
- }
212
- },
213
- danger: {
214
- value: {
215
- _light: "#AE2E24",
216
- _dark: "#FD9891"
217
- }
218
- },
219
- warning: {
220
- DEFAULT: {
221
- value: {
222
- _light: "#A54800",
223
- _dark: "#F5CD47"
224
- }
225
- },
226
- inverse: {
227
- value: {
228
- _light: "#172B4D",
229
- _dark: "#1D2125"
230
- }
231
- }
232
- },
233
- success: {
234
- value: {
235
- _light: "#216E4E",
236
- _dark: "#7EE2B8"
237
- }
238
- },
239
- discovery: {
240
- value: {
241
- _light: "#5E4DB2",
242
- _dark: "#B8ACF6"
243
- }
244
- },
245
- information: {
246
- value: {
247
- _light: "#0055CC",
248
- _dark: "#85B8FF"
249
- }
250
- },
251
- subtlest: {
252
- value: {
253
- _light: "#626F86",
254
- _dark: "#8C9BAB"
255
- }
256
- },
257
- subtle: {
258
- value: {
259
- _light: "#44546F",
260
- _dark: "#9FADBC"
261
- }
262
- }
263
- },
264
- link: {
265
- DEFAULT: {
266
- value: {
267
- _light: "#0C66E4",
268
- _dark: "#579DFF"
269
- }
270
- },
271
- pressed: {
272
- value: {
273
- _light: "#0055CC",
274
- _dark: "#85B8FF"
275
- }
276
- },
277
- visited: {
278
- DEFAULT: {
279
- value: {
280
- _light: "#5E4DB2",
281
- _dark: "#B8ACF6"
282
- }
283
- },
284
- pressed: {
285
- value: {
286
- _light: "#352C63",
287
- _dark: "#DFD8FD"
288
- }
289
- }
290
- }
291
- },
292
- icon: {
293
- DEFAULT: {
294
- value: {
295
- _light: "#44546F",
296
- _dark: "#9FADBC"
297
- }
298
- },
299
- accent: {
300
- lime: {
301
- value: {
302
- _light: "#6A9A23",
303
- _dark: "#82B536"
304
- }
305
- },
306
- red: {
307
- value: {
308
- _light: "#C9372C",
309
- _dark: "#E2483D"
310
- }
311
- },
312
- orange: {
313
- value: {
314
- _light: "#E56910",
315
- _dark: "#F38A3F"
316
- }
317
- },
318
- yellow: {
319
- value: {
320
- _light: "#B38600",
321
- _dark: "#F5CD47"
322
- }
323
- },
324
- green: {
325
- value: {
326
- _light: "#22A06B",
327
- _dark: "#2ABB7F"
328
- }
329
- },
330
- teal: {
331
- value: {
332
- _light: "#2898BD",
333
- _dark: "#42B2D7"
334
- }
335
- },
336
- blue: {
337
- value: {
338
- _light: "#1D7AFC",
339
- _dark: "#388BFF"
340
- }
341
- },
342
- purple: {
343
- value: {
344
- _light: "#8270DB",
345
- _dark: "#8F7EE7"
346
- }
347
- },
348
- magenta: {
349
- value: {
350
- _light: "#CD519D",
351
- _dark: "#DA62AC"
352
- }
353
- },
354
- gray: {
355
- value: {
356
- _light: "#758195",
357
- _dark: "#738496"
358
- }
359
- }
360
- },
361
- disabled: {
362
- value: {
363
- _light: "#091E424F",
364
- _dark: "#BFDBF847"
365
- }
366
- },
367
- inverse: {
368
- value: {
369
- _light: "#FFFFFF",
370
- _dark: "#1D2125"
371
- }
372
- },
373
- selected: {
374
- value: {
375
- _light: "#0C66E4",
376
- _dark: "#579DFF"
377
- }
378
- },
379
- brand: {
380
- value: {
381
- _light: "#0C66E4",
382
- _dark: "#579DFF"
383
- }
384
- },
385
- danger: {
386
- value: {
387
- _light: "#C9372C",
388
- _dark: "#F15B50"
389
- }
390
- },
391
- warning: {
392
- DEFAULT: {
393
- value: {
394
- _light: "#E56910",
395
- _dark: "#F5CD47"
396
- }
397
- },
398
- inverse: {
399
- value: {
400
- _light: "#172B4D",
401
- _dark: "#1D2125"
402
- }
403
- }
404
- },
405
- success: {
406
- value: {
407
- _light: "#22A06B",
408
- _dark: "#2ABB7F"
409
- }
410
- },
411
- discovery: {
412
- value: {
413
- _light: "#8270DB",
414
- _dark: "#8F7EE7"
415
- }
416
- },
417
- information: {
418
- value: {
419
- _light: "#1D7AFC",
420
- _dark: "#388BFF"
421
- }
422
- },
423
- subtlest: {
424
- value: {
425
- _light: "#626F86",
426
- _dark: "#8C9BAB"
427
- }
428
- },
429
- subtle: {
430
- value: {
431
- _light: "#626F86",
432
- _dark: "#8C9BAB"
433
- }
434
- }
435
- },
436
- border: {
437
- DEFAULT: {
438
- value: {
439
- _light: "#091E4224",
440
- _dark: "#A6C5E229"
441
- }
442
- },
443
- accent: {
444
- lime: {
445
- value: {
446
- _light: "#6A9A23",
447
- _dark: "#82B536"
448
- }
449
- },
450
- red: {
451
- value: {
452
- _light: "#E2483D",
453
- _dark: "#F15B50"
454
- }
455
- },
456
- orange: {
457
- value: {
458
- _light: "#E56910",
459
- _dark: "#F38A3F"
460
- }
461
- },
462
- yellow: {
463
- value: {
464
- _light: "#B38600",
465
- _dark: "#CF9F02"
466
- }
467
- },
468
- green: {
469
- value: {
470
- _light: "#22A06B",
471
- _dark: "#2ABB7F"
472
- }
473
- },
474
- teal: {
475
- value: {
476
- _light: "#2898BD",
477
- _dark: "#42B2D7"
478
- }
479
- },
480
- blue: {
481
- value: {
482
- _light: "#1D7AFC",
483
- _dark: "#388BFF"
484
- }
485
- },
486
- purple: {
487
- value: {
488
- _light: "#8270DB",
489
- _dark: "#8F7EE7"
490
- }
491
- },
492
- magenta: {
493
- value: {
494
- _light: "#CD519D",
495
- _dark: "#DA62AC"
496
- }
497
- },
498
- gray: {
499
- value: {
500
- _light: "#758195",
501
- _dark: "#738496"
502
- }
503
- }
504
- },
505
- disabled: {
506
- value: {
507
- _light: "#091E420F",
508
- _dark: "#A1BDD914"
509
- }
510
- },
511
- focused: {
512
- value: {
513
- _light: "#388BFF",
514
- _dark: "#85B8FF"
515
- }
516
- },
517
- input: {
518
- value: {
519
- _light: "#8590A2",
520
- _dark: "#738496"
521
- }
522
- },
523
- inverse: {
524
- value: {
525
- _light: "#FFFFFF",
526
- _dark: "#161A1D"
527
- }
528
- },
529
- selected: {
530
- value: {
531
- _light: "#0C66E4",
532
- _dark: "#579DFF"
533
- }
534
- },
535
- brand: {
536
- value: {
537
- _light: "#0C66E4",
538
- _dark: "#579DFF"
539
- }
540
- },
541
- danger: {
542
- value: {
543
- _light: "#E2483D",
544
- _dark: "#F15B50"
545
- }
546
- },
547
- warning: {
548
- value: {
549
- _light: "#E56910",
550
- _dark: "#CF9F02"
551
- }
552
- },
553
- success: {
554
- value: {
555
- _light: "#22A06B",
556
- _dark: "#2ABB7F"
557
- }
558
- },
559
- discovery: {
560
- value: {
561
- _light: "#8270DB",
562
- _dark: "#8F7EE7"
563
- }
564
- },
565
- information: {
566
- value: {
567
- _light: "#1D7AFC",
568
- _dark: "#388BFF"
569
- }
570
- },
571
- bold: {
572
- value: {
573
- _light: "#758195",
574
- _dark: "#738496"
575
- }
576
- }
577
- },
578
- background: {
579
- accent: {
580
- lime: {
581
- subtlest: {
582
- DEFAULT: {
583
- value: {
584
- _light: "#EFFFD6",
585
- _dark: "#28311B"
586
- }
587
- },
588
- hovered: {
589
- value: {
590
- _light: "#D3F1A7",
591
- _dark: "#37471F"
592
- }
593
- },
594
- pressed: {
595
- value: {
596
- _light: "#B3DF72",
597
- _dark: "#4C6B1F"
598
- }
599
- }
600
- },
601
- subtler: {
602
- DEFAULT: {
603
- value: {
604
- _light: "#D3F1A7",
605
- _dark: "#37471F"
606
- }
607
- },
608
- hovered: {
609
- value: {
610
- _light: "#B3DF72",
611
- _dark: "#4C6B1F"
612
- }
613
- },
614
- pressed: {
615
- value: {
616
- _light: "#94C748",
617
- _dark: "#5B7F24"
618
- }
619
- }
620
- },
621
- subtle: {
622
- DEFAULT: {
623
- value: {
624
- _light: "#94C748",
625
- _dark: "#4C6B1F"
626
- }
627
- },
628
- hovered: {
629
- value: {
630
- _light: "#B3DF72",
631
- _dark: "#37471F"
632
- }
633
- },
634
- pressed: {
635
- value: {
636
- _light: "#D3F1A7",
637
- _dark: "#28311B"
638
- }
639
- }
640
- },
641
- bolder: {
642
- DEFAULT: {
643
- value: {
644
- _light: "#5B7F24",
645
- _dark: "#94C748"
646
- }
647
- },
648
- hovered: {
649
- value: {
650
- _light: "#4C6B1F",
651
- _dark: "#B3DF72"
652
- }
653
- },
654
- pressed: {
655
- value: {
656
- _light: "#37471F",
657
- _dark: "#D3F1A7"
658
- }
659
- }
660
- }
661
- },
662
- red: {
663
- subtlest: {
664
- DEFAULT: {
665
- value: {
666
- _light: "#FFECEB",
667
- _dark: "#42221F"
668
- }
669
- },
670
- hovered: {
671
- value: {
672
- _light: "#FFD5D2",
673
- _dark: "#5D1F1A"
674
- }
675
- },
676
- pressed: {
677
- value: {
678
- _light: "#FD9891",
679
- _dark: "#AE2E24"
680
- }
681
- }
682
- },
683
- subtler: {
684
- DEFAULT: {
685
- value: {
686
- _light: "#FFD5D2",
687
- _dark: "#5D1F1A"
688
- }
689
- },
690
- hovered: {
691
- value: {
692
- _light: "#FD9891",
693
- _dark: "#AE2E24"
694
- }
695
- },
696
- pressed: {
697
- value: {
698
- _light: "#F87168",
699
- _dark: "#C9372C"
700
- }
701
- }
702
- },
703
- subtle: {
704
- DEFAULT: {
705
- value: {
706
- _light: "#F87168",
707
- _dark: "#AE2E24"
708
- }
709
- },
710
- hovered: {
711
- value: {
712
- _light: "#FD9891",
713
- _dark: "#5D1F1A"
714
- }
715
- },
716
- pressed: {
717
- value: {
718
- _light: "#FFD5D2",
719
- _dark: "#42221F"
720
- }
721
- }
722
- },
723
- bolder: {
724
- DEFAULT: {
725
- value: {
726
- _light: "#C9372C",
727
- _dark: "#F87168"
728
- }
729
- },
730
- hovered: {
731
- value: {
732
- _light: "#AE2E24",
733
- _dark: "#FD9891"
734
- }
735
- },
736
- pressed: {
737
- value: {
738
- _light: "#5D1F1A",
739
- _dark: "#FFD5D2"
740
- }
741
- }
742
- }
743
- },
744
- orange: {
745
- subtlest: {
746
- DEFAULT: {
747
- value: {
748
- _light: "#FFF3EB",
749
- _dark: "#38291E"
750
- }
751
- },
752
- hovered: {
753
- value: {
754
- _light: "#FEDEC8",
755
- _dark: "#702E00"
756
- }
757
- },
758
- pressed: {
759
- value: {
760
- _light: "#FEC195",
761
- _dark: "#A54800"
762
- }
763
- }
764
- },
765
- subtler: {
766
- DEFAULT: {
767
- value: {
768
- _light: "#FEDEC8",
769
- _dark: "#702E00"
770
- }
771
- },
772
- hovered: {
773
- value: {
774
- _light: "#FEC195",
775
- _dark: "#A54800"
776
- }
777
- },
778
- pressed: {
779
- value: {
780
- _light: "#FEA362",
781
- _dark: "#C25100"
782
- }
783
- }
784
- },
785
- subtle: {
786
- DEFAULT: {
787
- value: {
788
- _light: "#FEA362",
789
- _dark: "#A54800"
790
- }
791
- },
792
- hovered: {
793
- value: {
794
- _light: "#FEC195",
795
- _dark: "#702E00"
796
- }
797
- },
798
- pressed: {
799
- value: {
800
- _light: "#FEDEC8",
801
- _dark: "#38291E"
802
- }
803
- }
804
- },
805
- bolder: {
806
- DEFAULT: {
807
- value: {
808
- _light: "#C25100",
809
- _dark: "#FEA362"
810
- }
811
- },
812
- hovered: {
813
- value: {
814
- _light: "#A54800",
815
- _dark: "#FEC195"
816
- }
817
- },
818
- pressed: {
819
- value: {
820
- _light: "#702E00",
821
- _dark: "#FEDEC8"
822
- }
823
- }
824
- }
825
- },
826
- yellow: {
827
- subtlest: {
828
- DEFAULT: {
829
- value: {
830
- _light: "#FFF7D6",
831
- _dark: "#332E1B"
832
- }
833
- },
834
- hovered: {
835
- value: {
836
- _light: "#F8E6A0",
837
- _dark: "#533F04"
838
- }
839
- },
840
- pressed: {
841
- value: {
842
- _light: "#F5CD47",
843
- _dark: "#7F5F01"
844
- }
845
- }
846
- },
847
- subtler: {
848
- DEFAULT: {
849
- value: {
850
- _light: "#F8E6A0",
851
- _dark: "#533F04"
852
- }
853
- },
854
- hovered: {
855
- value: {
856
- _light: "#F5CD47",
857
- _dark: "#7F5F01"
858
- }
859
- },
860
- pressed: {
861
- value: {
862
- _light: "#E2B203",
863
- _dark: "#946F00"
864
- }
865
- }
866
- },
867
- subtle: {
868
- DEFAULT: {
869
- value: {
870
- _light: "#F5CD47",
871
- _dark: "#7F5F01"
872
- }
873
- },
874
- hovered: {
875
- value: {
876
- _light: "#E2B203",
877
- _dark: "#533F04"
878
- }
879
- },
880
- pressed: {
881
- value: {
882
- _light: "#CF9F02",
883
- _dark: "#332E1B"
884
- }
885
- }
886
- },
887
- bolder: {
888
- DEFAULT: {
889
- value: {
890
- _light: "#946F00",
891
- _dark: "#E2B203"
892
- }
893
- },
894
- hovered: {
895
- value: {
896
- _light: "#7F5F01",
897
- _dark: "#F5CD47"
898
- }
899
- },
900
- pressed: {
901
- value: {
902
- _light: "#533F04",
903
- _dark: "#F8E6A0"
904
- }
905
- }
906
- }
907
- },
908
- green: {
909
- subtlest: {
910
- DEFAULT: {
911
- value: {
912
- _light: "#DCFFF1",
913
- _dark: "#1C3329"
914
- }
915
- },
916
- hovered: {
917
- value: {
918
- _light: "#BAF3DB",
919
- _dark: "#164B35"
920
- }
921
- },
922
- pressed: {
923
- value: {
924
- _light: "#7EE2B8",
925
- _dark: "#216E4E"
926
- }
927
- }
928
- },
929
- subtler: {
930
- DEFAULT: {
931
- value: {
932
- _light: "#BAF3DB",
933
- _dark: "#164B35"
934
- }
935
- },
936
- hovered: {
937
- value: {
938
- _light: "#7EE2B8",
939
- _dark: "#216E4E"
940
- }
941
- },
942
- pressed: {
943
- value: {
944
- _light: "#4BCE97",
945
- _dark: "#1F845A"
946
- }
947
- }
948
- },
949
- subtle: {
950
- DEFAULT: {
951
- value: {
952
- _light: "#4BCE97",
953
- _dark: "#216E4E"
954
- }
955
- },
956
- hovered: {
957
- value: {
958
- _light: "#7EE2B8",
959
- _dark: "#164B35"
960
- }
961
- },
962
- pressed: {
963
- value: {
964
- _light: "#BAF3DB",
965
- _dark: "#1C3329"
966
- }
967
- }
968
- },
969
- bolder: {
970
- DEFAULT: {
971
- value: {
972
- _light: "#1F845A",
973
- _dark: "#4BCE97"
974
- }
975
- },
976
- hovered: {
977
- value: {
978
- _light: "#216E4E",
979
- _dark: "#7EE2B8"
980
- }
981
- },
982
- pressed: {
983
- value: {
984
- _light: "#164B35",
985
- _dark: "#BAF3DB"
986
- }
987
- }
988
- }
989
- },
990
- teal: {
991
- subtlest: {
992
- DEFAULT: {
993
- value: {
994
- _light: "#E7F9FF",
995
- _dark: "#1E3137"
996
- }
997
- },
998
- hovered: {
999
- value: {
1000
- _light: "#C6EDFB",
1001
- _dark: "#164555"
1002
- }
1003
- },
1004
- pressed: {
1005
- value: {
1006
- _light: "#9DD9EE",
1007
- _dark: "#206A83"
1008
- }
1009
- }
1010
- },
1011
- subtler: {
1012
- DEFAULT: {
1013
- value: {
1014
- _light: "#C6EDFB",
1015
- _dark: "#164555"
1016
- }
1017
- },
1018
- hovered: {
1019
- value: {
1020
- _light: "#9DD9EE",
1021
- _dark: "#206A83"
1022
- }
1023
- },
1024
- pressed: {
1025
- value: {
1026
- _light: "#6CC3E0",
1027
- _dark: "#227D9B"
1028
- }
1029
- }
1030
- },
1031
- subtle: {
1032
- DEFAULT: {
1033
- value: {
1034
- _light: "#6CC3E0",
1035
- _dark: "#206A83"
1036
- }
1037
- },
1038
- hovered: {
1039
- value: {
1040
- _light: "#9DD9EE",
1041
- _dark: "#164555"
1042
- }
1043
- },
1044
- pressed: {
1045
- value: {
1046
- _light: "#C6EDFB",
1047
- _dark: "#1E3137"
1048
- }
1049
- }
1050
- },
1051
- bolder: {
1052
- DEFAULT: {
1053
- value: {
1054
- _light: "#227D9B",
1055
- _dark: "#6CC3E0"
1056
- }
1057
- },
1058
- hovered: {
1059
- value: {
1060
- _light: "#206A83",
1061
- _dark: "#9DD9EE"
1062
- }
1063
- },
1064
- pressed: {
1065
- value: {
1066
- _light: "#164555",
1067
- _dark: "#C6EDFB"
1068
- }
1069
- }
1070
- }
1071
- },
1072
- blue: {
1073
- subtlest: {
1074
- DEFAULT: {
1075
- value: {
1076
- _light: "#E9F2FF",
1077
- _dark: "#1C2B41"
1078
- }
1079
- },
1080
- hovered: {
1081
- value: {
1082
- _light: "#CCE0FF",
1083
- _dark: "#09326C"
1084
- }
1085
- },
1086
- pressed: {
1087
- value: {
1088
- _light: "#85B8FF",
1089
- _dark: "#0055CC"
1090
- }
1091
- }
1092
- },
1093
- subtler: {
1094
- DEFAULT: {
1095
- value: {
1096
- _light: "#CCE0FF",
1097
- _dark: "#09326C"
1098
- }
1099
- },
1100
- hovered: {
1101
- value: {
1102
- _light: "#85B8FF",
1103
- _dark: "#0055CC"
1104
- }
1105
- },
1106
- pressed: {
1107
- value: {
1108
- _light: "#579DFF",
1109
- _dark: "#0C66E4"
1110
- }
1111
- }
1112
- },
1113
- subtle: {
1114
- DEFAULT: {
1115
- value: {
1116
- _light: "#579DFF",
1117
- _dark: "#0055CC"
1118
- }
1119
- },
1120
- hovered: {
1121
- value: {
1122
- _light: "#85B8FF",
1123
- _dark: "#09326C"
1124
- }
1125
- },
1126
- pressed: {
1127
- value: {
1128
- _light: "#CCE0FF",
1129
- _dark: "#1C2B41"
1130
- }
1131
- }
1132
- },
1133
- bolder: {
1134
- DEFAULT: {
1135
- value: {
1136
- _light: "#0C66E4",
1137
- _dark: "#579DFF"
1138
- }
1139
- },
1140
- hovered: {
1141
- value: {
1142
- _light: "#0055CC",
1143
- _dark: "#85B8FF"
1144
- }
1145
- },
1146
- pressed: {
1147
- value: {
1148
- _light: "#09326C",
1149
- _dark: "#CCE0FF"
1150
- }
1151
- }
1152
- }
1153
- },
1154
- purple: {
1155
- subtlest: {
1156
- DEFAULT: {
1157
- value: {
1158
- _light: "#F3F0FF",
1159
- _dark: "#2B273F"
1160
- }
1161
- },
1162
- hovered: {
1163
- value: {
1164
- _light: "#DFD8FD",
1165
- _dark: "#352C63"
1166
- }
1167
- },
1168
- pressed: {
1169
- value: {
1170
- _light: "#B8ACF6",
1171
- _dark: "#5E4DB2"
1172
- }
1173
- }
1174
- },
1175
- subtler: {
1176
- DEFAULT: {
1177
- value: {
1178
- _light: "#DFD8FD",
1179
- _dark: "#352C63"
1180
- }
1181
- },
1182
- hovered: {
1183
- value: {
1184
- _light: "#B8ACF6",
1185
- _dark: "#5E4DB2"
1186
- }
1187
- },
1188
- pressed: {
1189
- value: {
1190
- _light: "#9F8FEF",
1191
- _dark: "#6E5DC6"
1192
- }
1193
- }
1194
- },
1195
- subtle: {
1196
- DEFAULT: {
1197
- value: {
1198
- _light: "#9F8FEF",
1199
- _dark: "#5E4DB2"
1200
- }
1201
- },
1202
- hovered: {
1203
- value: {
1204
- _light: "#B8ACF6",
1205
- _dark: "#352C63"
1206
- }
1207
- },
1208
- pressed: {
1209
- value: {
1210
- _light: "#DFD8FD",
1211
- _dark: "#2B273F"
1212
- }
1213
- }
1214
- },
1215
- bolder: {
1216
- DEFAULT: {
1217
- value: {
1218
- _light: "#6E5DC6",
1219
- _dark: "#9F8FEF"
1220
- }
1221
- },
1222
- hovered: {
1223
- value: {
1224
- _light: "#5E4DB2",
1225
- _dark: "#B8ACF6"
1226
- }
1227
- },
1228
- pressed: {
1229
- value: {
1230
- _light: "#352C63",
1231
- _dark: "#DFD8FD"
1232
- }
1233
- }
1234
- }
1235
- },
1236
- magenta: {
1237
- subtlest: {
1238
- DEFAULT: {
1239
- value: {
1240
- _light: "#FFECF8",
1241
- _dark: "#3D2232"
1242
- }
1243
- },
1244
- hovered: {
1245
- value: {
1246
- _light: "#FDD0EC",
1247
- _dark: "#50253F"
1248
- }
1249
- },
1250
- pressed: {
1251
- value: {
1252
- _light: "#F797D2",
1253
- _dark: "#943D73"
1254
- }
1255
- }
1256
- },
1257
- subtler: {
1258
- DEFAULT: {
1259
- value: {
1260
- _light: "#FDD0EC",
1261
- _dark: "#50253F"
1262
- }
1263
- },
1264
- hovered: {
1265
- value: {
1266
- _light: "#F797D2",
1267
- _dark: "#943D73"
1268
- }
1269
- },
1270
- pressed: {
1271
- value: {
1272
- _light: "#E774BB",
1273
- _dark: "#AE4787"
1274
- }
1275
- }
1276
- },
1277
- subtle: {
1278
- DEFAULT: {
1279
- value: {
1280
- _light: "#E774BB",
1281
- _dark: "#943D73"
1282
- }
1283
- },
1284
- hovered: {
1285
- value: {
1286
- _light: "#F797D2",
1287
- _dark: "#50253F"
1288
- }
1289
- },
1290
- pressed: {
1291
- value: {
1292
- _light: "#FDD0EC",
1293
- _dark: "#3D2232"
1294
- }
1295
- }
1296
- },
1297
- bolder: {
1298
- DEFAULT: {
1299
- value: {
1300
- _light: "#AE4787",
1301
- _dark: "#E774BB"
1302
- }
1303
- },
1304
- hovered: {
1305
- value: {
1306
- _light: "#943D73",
1307
- _dark: "#F797D2"
1308
- }
1309
- },
1310
- pressed: {
1311
- value: {
1312
- _light: "#50253F",
1313
- _dark: "#FDD0EC"
1314
- }
1315
- }
1316
- }
1317
- },
1318
- gray: {
1319
- subtlest: {
1320
- DEFAULT: {
1321
- value: {
1322
- _light: "#F1F2F4",
1323
- _dark: "#2C333A"
1324
- }
1325
- },
1326
- hovered: {
1327
- value: {
1328
- _light: "#DCDFE4",
1329
- _dark: "#38414A"
1330
- }
1331
- },
1332
- pressed: {
1333
- value: {
1334
- _light: "#B3B9C4",
1335
- _dark: "#454F59"
1336
- }
1337
- }
1338
- },
1339
- subtler: {
1340
- DEFAULT: {
1341
- value: {
1342
- _light: "#DCDFE4",
1343
- _dark: "#454F59"
1344
- }
1345
- },
1346
- hovered: {
1347
- value: {
1348
- _light: "#B3B9C4",
1349
- _dark: "#596773"
1350
- }
1351
- },
1352
- pressed: {
1353
- value: {
1354
- _light: "#8590A2",
1355
- _dark: "#738496"
1356
- }
1357
- }
1358
- },
1359
- subtle: {
1360
- DEFAULT: {
1361
- value: {
1362
- _light: "#8590A2",
1363
- _dark: "#596773"
1364
- }
1365
- },
1366
- hovered: {
1367
- value: {
1368
- _light: "#B3B9C4",
1369
- _dark: "#454F59"
1370
- }
1371
- },
1372
- pressed: {
1373
- value: {
1374
- _light: "#DCDFE4",
1375
- _dark: "#38414A"
1376
- }
1377
- }
1378
- },
1379
- bolder: {
1380
- DEFAULT: {
1381
- value: {
1382
- _light: "#626F86",
1383
- _dark: "#8C9BAB"
1384
- }
1385
- },
1386
- hovered: {
1387
- value: {
1388
- _light: "#44546F",
1389
- _dark: "#9FADBC"
1390
- }
1391
- },
1392
- pressed: {
1393
- value: {
1394
- _light: "#2C3E5D",
1395
- _dark: "#B6C2CF"
1396
- }
1397
- }
1398
- }
1399
- }
1400
- },
1401
- disabled: {
1402
- value: {
1403
- _light: "#091E4208",
1404
- _dark: "#BCD6F00A"
1405
- }
1406
- },
1407
- input: {
1408
- DEFAULT: {
1409
- value: {
1410
- _light: "#FFFFFF",
1411
- _dark: "#22272B"
1412
- }
1413
- },
1414
- hovered: {
1415
- value: {
1416
- _light: "#F7F8F9",
1417
- _dark: "#282E33"
1418
- }
1419
- },
1420
- pressed: {
1421
- value: {
1422
- _light: "#FFFFFF",
1423
- _dark: "#22272B"
1424
- }
1425
- }
1426
- },
1427
- inverse: {
1428
- subtle: {
1429
- DEFAULT: {
1430
- value: {
1431
- _light: "#00000029",
1432
- _dark: "#FFFFFF29"
1433
- }
1434
- },
1435
- hovered: {
1436
- value: {
1437
- _light: "#0000003D",
1438
- _dark: "#FFFFFF3D"
1439
- }
1440
- },
1441
- pressed: {
1442
- value: {
1443
- _light: "#00000052",
1444
- _dark: "#FFFFFF52"
1445
- }
1446
- }
1447
- }
1448
- },
1449
- neutral: {
1450
- DEFAULT: {
1451
- value: {
1452
- _light: "#091E420F",
1453
- _dark: "#A1BDD914"
1454
- }
1455
- },
1456
- hovered: {
1457
- value: {
1458
- _light: "#091E4224",
1459
- _dark: "#A6C5E229"
1460
- }
1461
- },
1462
- pressed: {
1463
- value: {
1464
- _light: "#091E424F",
1465
- _dark: "#BFDBF847"
1466
- }
1467
- },
1468
- subtle: {
1469
- hovered: {
1470
- value: {
1471
- _light: "#091E420F",
1472
- _dark: "#A1BDD914"
1473
- }
1474
- },
1475
- pressed: {
1476
- value: {
1477
- _light: "#091E4224",
1478
- _dark: "#A6C5E229"
1479
- }
1480
- }
1481
- },
1482
- bold: {
1483
- DEFAULT: {
1484
- value: {
1485
- _light: "#44546F",
1486
- _dark: "#9FADBC"
1487
- }
1488
- },
1489
- hovered: {
1490
- value: {
1491
- _light: "#2C3E5D",
1492
- _dark: "#B6C2CF"
1493
- }
1494
- },
1495
- pressed: {
1496
- value: {
1497
- _light: "#172B4D",
1498
- _dark: "#C7D1DB"
1499
- }
1500
- }
1501
- }
1502
- },
1503
- selected: {
1504
- DEFAULT: {
1505
- value: {
1506
- _light: "#E9F2FF",
1507
- _dark: "#1C2B41"
1508
- }
1509
- },
1510
- hovered: {
1511
- value: {
1512
- _light: "#CCE0FF",
1513
- _dark: "#09326C"
1514
- }
1515
- },
1516
- pressed: {
1517
- value: {
1518
- _light: "#85B8FF",
1519
- _dark: "#0055CC"
1520
- }
1521
- },
1522
- bold: {
1523
- DEFAULT: {
1524
- value: {
1525
- _light: "#0C66E4",
1526
- _dark: "#579DFF"
1527
- }
1528
- },
1529
- hovered: {
1530
- value: {
1531
- _light: "#0055CC",
1532
- _dark: "#85B8FF"
1533
- }
1534
- },
1535
- pressed: {
1536
- value: {
1537
- _light: "#09326C",
1538
- _dark: "#CCE0FF"
1539
- }
1540
- }
1541
- }
1542
- },
1543
- brand: {
1544
- subtlest: {
1545
- DEFAULT: {
1546
- value: {
1547
- _light: "#E9F2FF",
1548
- _dark: "#1C2B41"
1549
- }
1550
- },
1551
- hovered: {
1552
- value: {
1553
- _light: "#CCE0FF",
1554
- _dark: "#09326C"
1555
- }
1556
- },
1557
- pressed: {
1558
- value: {
1559
- _light: "#85B8FF",
1560
- _dark: "#0055CC"
1561
- }
1562
- }
1563
- },
1564
- bold: {
1565
- DEFAULT: {
1566
- value: {
1567
- _light: "#0C66E4",
1568
- _dark: "#579DFF"
1569
- }
1570
- },
1571
- hovered: {
1572
- value: {
1573
- _light: "#0055CC",
1574
- _dark: "#85B8FF"
1575
- }
1576
- },
1577
- pressed: {
1578
- value: {
1579
- _light: "#09326C",
1580
- _dark: "#CCE0FF"
1581
- }
1582
- }
1583
- },
1584
- boldest: {
1585
- DEFAULT: {
1586
- value: {
1587
- _light: "#1C2B41",
1588
- _dark: "#E9F2FF"
1589
- }
1590
- },
1591
- hovered: {
1592
- value: {
1593
- _light: "#09326C",
1594
- _dark: "#CCE0FF"
1595
- }
1596
- },
1597
- pressed: {
1598
- value: {
1599
- _light: "#0055CC",
1600
- _dark: "#85B8FF"
1601
- }
1602
- }
1603
- }
1604
- },
1605
- danger: {
1606
- DEFAULT: {
1607
- value: {
1608
- _light: "#FFECEB",
1609
- _dark: "#42221F"
1610
- }
1611
- },
1612
- hovered: {
1613
- value: {
1614
- _light: "#FFD5D2",
1615
- _dark: "#5D1F1A"
1616
- }
1617
- },
1618
- pressed: {
1619
- value: {
1620
- _light: "#FD9891",
1621
- _dark: "#AE2E24"
1622
- }
1623
- },
1624
- bold: {
1625
- DEFAULT: {
1626
- value: {
1627
- _light: "#C9372C",
1628
- _dark: "#F87168"
1629
- }
1630
- },
1631
- hovered: {
1632
- value: {
1633
- _light: "#AE2E24",
1634
- _dark: "#FD9891"
1635
- }
1636
- },
1637
- pressed: {
1638
- value: {
1639
- _light: "#5D1F1A",
1640
- _dark: "#FFD5D2"
1641
- }
1642
- }
1643
- }
1644
- },
1645
- warning: {
1646
- DEFAULT: {
1647
- value: {
1648
- _light: "#FFF7D6",
1649
- _dark: "#332E1B"
1650
- }
1651
- },
1652
- hovered: {
1653
- value: {
1654
- _light: "#F8E6A0",
1655
- _dark: "#533F04"
1656
- }
1657
- },
1658
- pressed: {
1659
- value: {
1660
- _light: "#F5CD47",
1661
- _dark: "#7F5F01"
1662
- }
1663
- }
1664
- },
1665
- success: {
1666
- DEFAULT: {
1667
- value: {
1668
- _light: "#DCFFF1",
1669
- _dark: "#1C3329"
1670
- }
1671
- },
1672
- hovered: {
1673
- value: {
1674
- _light: "#BAF3DB",
1675
- _dark: "#164B35"
1676
- }
1677
- },
1678
- pressed: {
1679
- value: {
1680
- _light: "#7EE2B8",
1681
- _dark: "#216E4E"
1682
- }
1683
- },
1684
- bold: {
1685
- DEFAULT: {
1686
- value: {
1687
- _light: "#1F845A",
1688
- _dark: "#4BCE97"
1689
- }
1690
- },
1691
- hovered: {
1692
- value: {
1693
- _light: "#216E4E",
1694
- _dark: "#7EE2B8"
1695
- }
1696
- },
1697
- pressed: {
1698
- value: {
1699
- _light: "#164B35",
1700
- _dark: "#BAF3DB"
1701
- }
1702
- }
1703
- }
1704
- },
1705
- discovery: {
1706
- DEFAULT: {
1707
- value: {
1708
- _light: "#F3F0FF",
1709
- _dark: "#2B273F"
1710
- }
1711
- },
1712
- hovered: {
1713
- value: {
1714
- _light: "#DFD8FD",
1715
- _dark: "#352C63"
1716
- }
1717
- },
1718
- pressed: {
1719
- value: {
1720
- _light: "#B8ACF6",
1721
- _dark: "#5E4DB2"
1722
- }
1723
- },
1724
- bold: {
1725
- DEFAULT: {
1726
- value: {
1727
- _light: "#6E5DC6",
1728
- _dark: "#9F8FEF"
1729
- }
1730
- },
1731
- hovered: {
1732
- value: {
1733
- _light: "#5E4DB2",
1734
- _dark: "#B8ACF6"
1735
- }
1736
- },
1737
- pressed: {
1738
- value: {
1739
- _light: "#352C63",
1740
- _dark: "#DFD8FD"
1741
- }
1742
- }
1743
- }
1744
- },
1745
- information: {
1746
- DEFAULT: {
1747
- value: {
1748
- _light: "#E9F2FF",
1749
- _dark: "#1C2B41"
1750
- }
1751
- },
1752
- hovered: {
1753
- value: {
1754
- _light: "#CCE0FF",
1755
- _dark: "#09326C"
1756
- }
1757
- },
1758
- pressed: {
1759
- value: {
1760
- _light: "#85B8FF",
1761
- _dark: "#0055CC"
1762
- }
1763
- },
1764
- bold: {
1765
- DEFAULT: {
1766
- value: {
1767
- _light: "#0C66E4",
1768
- _dark: "#579DFF"
1769
- }
1770
- },
1771
- hovered: {
1772
- value: {
1773
- _light: "#0055CC",
1774
- _dark: "#85B8FF"
1775
- }
1776
- },
1777
- pressed: {
1778
- value: {
1779
- _light: "#09326C",
1780
- _dark: "#CCE0FF"
1781
- }
1782
- }
1783
- }
1784
- }
1785
- },
1786
- blanket: {
1787
- DEFAULT: {
1788
- value: {
1789
- _light: "#091E427D",
1790
- _dark: "#10121499"
1791
- }
1792
- },
1793
- selected: {
1794
- value: {
1795
- _light: "#388BFF14",
1796
- _dark: "#1D7AFC14"
1797
- }
1798
- },
1799
- danger: {
1800
- value: {
1801
- _light: "#EF5C4814",
1802
- _dark: "#E3493514"
1803
- }
1804
- }
1805
- },
1806
- interaction: {
1807
- hovered: {
1808
- value: {
1809
- _light: "#00000029",
1810
- _dark: "#ffffff33"
1811
- }
1812
- },
1813
- pressed: {
1814
- value: {
1815
- _light: "#00000052",
1816
- _dark: "#ffffff5c"
1817
- }
1818
- }
1819
- },
1820
- skeleton: {
1821
- DEFAULT: {
1822
- value: {
1823
- _light: "#091E420F",
1824
- _dark: "#A1BDD914"
1825
- }
1826
- },
1827
- subtle: {
1828
- value: {
1829
- _light: "#091E4208",
1830
- _dark: "#BCD6F00A"
1831
- }
1832
- }
1833
- },
1834
- chart: {
1835
- categorical: {
1836
- "1": {
1837
- hovered: {
1838
- value: {
1839
- _light: "#227D9B",
1840
- _dark: "#42B2D7"
1841
- }
1842
- }
1843
- },
1844
- "2": {
1845
- DEFAULT: {
1846
- value: {
1847
- _light: "#5E4DB2",
1848
- _dark: "#B8ACF6"
1849
- }
1850
- },
1851
- hovered: {
1852
- value: {
1853
- _light: "#352C63",
1854
- _dark: "#DFD8FD"
1855
- }
1856
- }
1857
- },
1858
- "3": {
1859
- hovered: {
1860
- value: {
1861
- _light: "#C25100",
1862
- _dark: "#F38A3F"
1863
- }
1864
- }
1865
- },
1866
- "4": {
1867
- DEFAULT: {
1868
- value: {
1869
- _light: "#943D73",
1870
- _dark: "#F797D2"
1871
- }
1872
- },
1873
- hovered: {
1874
- value: {
1875
- _light: "#50253F",
1876
- _dark: "#FDD0EC"
1877
- }
1878
- }
1879
- },
1880
- "5": {
1881
- DEFAULT: {
1882
- value: {
1883
- _light: "#09326C",
1884
- _dark: "#CCE0FF"
1885
- }
1886
- },
1887
- hovered: {
1888
- value: {
1889
- _light: "#1C2B41",
1890
- _dark: "#E9F2FF"
1891
- }
1892
- }
1893
- },
1894
- "6": {
1895
- DEFAULT: {
1896
- value: {
1897
- _light: "#8F7EE7",
1898
- _dark: "#8270DB"
1899
- }
1900
- },
1901
- hovered: {
1902
- value: {
1903
- _light: "#8270DB",
1904
- _dark: "#8F7EE7"
1905
- }
1906
- }
1907
- },
1908
- "7": {
1909
- DEFAULT: {
1910
- value: {
1911
- _light: "#50253F",
1912
- _dark: "#FDD0EC"
1913
- }
1914
- },
1915
- hovered: {
1916
- value: {
1917
- _light: "#3D2232",
1918
- _dark: "#FFECF8"
1919
- }
1920
- }
1921
- },
1922
- "8": {
1923
- DEFAULT: {
1924
- value: {
1925
- _light: "#A54800",
1926
- _dark: "#FEC195"
1927
- }
1928
- },
1929
- hovered: {
1930
- value: {
1931
- _light: "#702E00",
1932
- _dark: "#FEDEC8"
1933
- }
1934
- }
1935
- }
1936
- },
1937
- lime: {
1938
- bold: {
1939
- DEFAULT: {
1940
- value: {
1941
- _light: "#6A9A23",
1942
- _dark: "#82B536"
1943
- }
1944
- },
1945
- hovered: {
1946
- value: {
1947
- _light: "#5B7F24",
1948
- _dark: "#94C748"
1949
- }
1950
- }
1951
- },
1952
- bolder: {
1953
- DEFAULT: {
1954
- value: {
1955
- _light: "#5B7F24",
1956
- _dark: "#94C748"
1957
- }
1958
- },
1959
- hovered: {
1960
- value: {
1961
- _light: "#4C6B1F",
1962
- _dark: "#B3DF72"
1963
- }
1964
- }
1965
- },
1966
- boldest: {
1967
- DEFAULT: {
1968
- value: {
1969
- _light: "#4C6B1F",
1970
- _dark: "#B3DF72"
1971
- }
1972
- },
1973
- hovered: {
1974
- value: {
1975
- _light: "#37471F",
1976
- _dark: "#D3F1A7"
1977
- }
1978
- }
1979
- }
1980
- },
1981
- neutral: {
1982
- DEFAULT: {
1983
- value: {
1984
- _light: "#8590A2",
1985
- _dark: "#738496"
1986
- }
1987
- },
1988
- hovered: {
1989
- value: {
1990
- _light: "#758195",
1991
- _dark: "#8C9BAB"
1992
- }
1993
- }
1994
- },
1995
- red: {
1996
- bold: {
1997
- DEFAULT: {
1998
- value: {
1999
- _light: "#F15B50",
2000
- _dark: "#E2483D"
2001
- }
2002
- },
2003
- hovered: {
2004
- value: {
2005
- _light: "#E2483D",
2006
- _dark: "#F15B50"
2007
- }
2008
- }
2009
- },
2010
- bolder: {
2011
- DEFAULT: {
2012
- value: {
2013
- _light: "#E2483D",
2014
- _dark: "#F15B50"
2015
- }
2016
- },
2017
- hovered: {
2018
- value: {
2019
- _light: "#C9372C",
2020
- _dark: "#F87168"
2021
- }
2022
- }
2023
- },
2024
- boldest: {
2025
- DEFAULT: {
2026
- value: {
2027
- _light: "#AE2E24",
2028
- _dark: "#FD9891"
2029
- }
2030
- },
2031
- hovered: {
2032
- value: {
2033
- _light: "#5D1F1A",
2034
- _dark: "#FFD5D2"
2035
- }
2036
- }
2037
- }
2038
- },
2039
- orange: {
2040
- bold: {
2041
- DEFAULT: {
2042
- value: {
2043
- _light: "#E56910",
2044
- _dark: "#F38A3F"
2045
- }
2046
- },
2047
- hovered: {
2048
- value: {
2049
- _light: "#C25100",
2050
- _dark: "#FEA362"
2051
- }
2052
- }
2053
- },
2054
- bolder: {
2055
- DEFAULT: {
2056
- value: {
2057
- _light: "#C25100",
2058
- _dark: "#FEA362"
2059
- }
2060
- },
2061
- hovered: {
2062
- value: {
2063
- _light: "#A54800",
2064
- _dark: "#FEC195"
2065
- }
2066
- }
2067
- },
2068
- boldest: {
2069
- DEFAULT: {
2070
- value: {
2071
- _light: "#A54800",
2072
- _dark: "#FEC195"
2073
- }
2074
- },
2075
- hovered: {
2076
- value: {
2077
- _light: "#702E00",
2078
- _dark: "#FEDEC8"
2079
- }
2080
- }
2081
- }
2082
- },
2083
- yellow: {
2084
- bold: {
2085
- DEFAULT: {
2086
- value: {
2087
- _light: "#B38600",
2088
- _dark: "#CF9F02"
2089
- }
2090
- },
2091
- hovered: {
2092
- value: {
2093
- _light: "#946F00",
2094
- _dark: "#E2B203"
2095
- }
2096
- }
2097
- },
2098
- bolder: {
2099
- DEFAULT: {
2100
- value: {
2101
- _light: "#946F00",
2102
- _dark: "#E2B203"
2103
- }
2104
- },
2105
- hovered: {
2106
- value: {
2107
- _light: "#7F5F01",
2108
- _dark: "#F5CD47"
2109
- }
2110
- }
2111
- },
2112
- boldest: {
2113
- DEFAULT: {
2114
- value: {
2115
- _light: "#7F5F01",
2116
- _dark: "#F5CD47"
2117
- }
2118
- },
2119
- hovered: {
2120
- value: {
2121
- _light: "#533F04",
2122
- _dark: "#F8E6A0"
2123
- }
2124
- }
2125
- }
2126
- },
2127
- green: {
2128
- bold: {
2129
- DEFAULT: {
2130
- value: {
2131
- _light: "#22A06B",
2132
- _dark: "#2ABB7F"
2133
- }
2134
- },
2135
- hovered: {
2136
- value: {
2137
- _light: "#1F845A",
2138
- _dark: "#4BCE97"
2139
- }
2140
- }
2141
- },
2142
- bolder: {
2143
- DEFAULT: {
2144
- value: {
2145
- _light: "#1F845A",
2146
- _dark: "#4BCE97"
2147
- }
2148
- },
2149
- hovered: {
2150
- value: {
2151
- _light: "#216E4E",
2152
- _dark: "#7EE2B8"
2153
- }
2154
- }
2155
- },
2156
- boldest: {
2157
- DEFAULT: {
2158
- value: {
2159
- _light: "#216E4E",
2160
- _dark: "#7EE2B8"
2161
- }
2162
- },
2163
- hovered: {
2164
- value: {
2165
- _light: "#164B35",
2166
- _dark: "#BAF3DB"
2167
- }
2168
- }
2169
- }
2170
- },
2171
- teal: {
2172
- bold: {
2173
- DEFAULT: {
2174
- value: {
2175
- _light: "#2898BD",
2176
- _dark: "#42B2D7"
2177
- }
2178
- },
2179
- hovered: {
2180
- value: {
2181
- _light: "#227D9B",
2182
- _dark: "#6CC3E0"
2183
- }
2184
- }
2185
- },
2186
- bolder: {
2187
- DEFAULT: {
2188
- value: {
2189
- _light: "#227D9B",
2190
- _dark: "#6CC3E0"
2191
- }
2192
- },
2193
- hovered: {
2194
- value: {
2195
- _light: "#206A83",
2196
- _dark: "#9DD9EE"
2197
- }
2198
- }
2199
- },
2200
- boldest: {
2201
- DEFAULT: {
2202
- value: {
2203
- _light: "#206A83",
2204
- _dark: "#9DD9EE"
2205
- }
2206
- },
2207
- hovered: {
2208
- value: {
2209
- _light: "#164555",
2210
- _dark: "#C6EDFB"
2211
- }
2212
- }
2213
- }
2214
- },
2215
- blue: {
2216
- bold: {
2217
- DEFAULT: {
2218
- value: {
2219
- _light: "#388BFF",
2220
- _dark: "#1D7AFC"
2221
- }
2222
- },
2223
- hovered: {
2224
- value: {
2225
- _light: "#1D7AFC",
2226
- _dark: "#388BFF"
2227
- }
2228
- }
2229
- },
2230
- bolder: {
2231
- DEFAULT: {
2232
- value: {
2233
- _light: "#1D7AFC",
2234
- _dark: "#388BFF"
2235
- }
2236
- },
2237
- hovered: {
2238
- value: {
2239
- _light: "#0C66E4",
2240
- _dark: "#579DFF"
2241
- }
2242
- }
2243
- },
2244
- boldest: {
2245
- DEFAULT: {
2246
- value: {
2247
- _light: "#0055CC",
2248
- _dark: "#85B8FF"
2249
- }
2250
- },
2251
- hovered: {
2252
- value: {
2253
- _light: "#09326C",
2254
- _dark: "#CCE0FF"
2255
- }
2256
- }
2257
- }
2258
- },
2259
- purple: {
2260
- bold: {
2261
- DEFAULT: {
2262
- value: {
2263
- _light: "#8F7EE7",
2264
- _dark: "#8270DB"
2265
- }
2266
- },
2267
- hovered: {
2268
- value: {
2269
- _light: "#8270DB",
2270
- _dark: "#8F7EE7"
2271
- }
2272
- }
2273
- },
2274
- bolder: {
2275
- DEFAULT: {
2276
- value: {
2277
- _light: "#8270DB",
2278
- _dark: "#8F7EE7"
2279
- }
2280
- },
2281
- hovered: {
2282
- value: {
2283
- _light: "#6E5DC6",
2284
- _dark: "#9F8FEF"
2285
- }
2286
- }
2287
- },
2288
- boldest: {
2289
- DEFAULT: {
2290
- value: {
2291
- _light: "#5E4DB2",
2292
- _dark: "#B8ACF6"
2293
- }
2294
- },
2295
- hovered: {
2296
- value: {
2297
- _light: "#352C63",
2298
- _dark: "#DFD8FD"
2299
- }
2300
- }
2301
- }
2302
- },
2303
- magenta: {
2304
- bold: {
2305
- DEFAULT: {
2306
- value: {
2307
- _light: "#DA62AC",
2308
- _dark: "#CD519D"
2309
- }
2310
- },
2311
- hovered: {
2312
- value: {
2313
- _light: "#CD519D",
2314
- _dark: "#DA62AC"
2315
- }
2316
- }
2317
- },
2318
- bolder: {
2319
- DEFAULT: {
2320
- value: {
2321
- _light: "#CD519D",
2322
- _dark: "#DA62AC"
2323
- }
2324
- },
2325
- hovered: {
2326
- value: {
2327
- _light: "#AE4787",
2328
- _dark: "#E774BB"
2329
- }
2330
- }
2331
- },
2332
- boldest: {
2333
- DEFAULT: {
2334
- value: {
2335
- _light: "#943D73",
2336
- _dark: "#F797D2"
2337
- }
2338
- },
2339
- hovered: {
2340
- value: {
2341
- _light: "#50253F",
2342
- _dark: "#FDD0EC"
2343
- }
2344
- }
2345
- }
2346
- },
2347
- gray: {
2348
- bold: {
2349
- DEFAULT: {
2350
- value: {
2351
- _light: "#8590A2",
2352
- _dark: "#738496"
2353
- }
2354
- },
2355
- hovered: {
2356
- value: {
2357
- _light: "#758195",
2358
- _dark: "#8C9BAB"
2359
- }
2360
- }
2361
- },
2362
- bolder: {
2363
- DEFAULT: {
2364
- value: {
2365
- _light: "#758195",
2366
- _dark: "#8C9BAB"
2367
- }
2368
- },
2369
- hovered: {
2370
- value: {
2371
- _light: "#626F86",
2372
- _dark: "#9FADBC"
2373
- }
2374
- }
2375
- },
2376
- boldest: {
2377
- DEFAULT: {
2378
- value: {
2379
- _light: "#44546F",
2380
- _dark: "#9FADBC"
2381
- }
2382
- },
2383
- hovered: {
2384
- value: {
2385
- _light: "#2C3E5D",
2386
- _dark: "#B6C2CF"
2387
- }
2388
- }
2389
- }
2390
- },
2391
- brand: {
2392
- DEFAULT: {
2393
- value: {
2394
- _light: "#1D7AFC",
2395
- _dark: "#388BFF"
2396
- }
2397
- },
2398
- hovered: {
2399
- value: {
2400
- _light: "#0C66E4",
2401
- _dark: "#579DFF"
2402
- }
2403
- }
2404
- },
2405
- danger: {
2406
- DEFAULT: {
2407
- value: {
2408
- _light: "#F15B50",
2409
- _dark: "#E2483D"
2410
- }
2411
- },
2412
- hovered: {
2413
- value: {
2414
- _light: "#E2483D",
2415
- _dark: "#F15B50"
2416
- }
2417
- },
2418
- bold: {
2419
- DEFAULT: {
2420
- value: {
2421
- _light: "#AE2E24",
2422
- _dark: "#FD9891"
2423
- }
2424
- },
2425
- hovered: {
2426
- value: {
2427
- _light: "#5D1F1A",
2428
- _dark: "#FFD5D2"
2429
- }
2430
- }
2431
- }
2432
- },
2433
- warning: {
2434
- DEFAULT: {
2435
- value: {
2436
- _light: "#B38600",
2437
- _dark: "#CF9F02"
2438
- }
2439
- },
2440
- hovered: {
2441
- value: {
2442
- _light: "#946F00",
2443
- _dark: "#E2B203"
2444
- }
2445
- },
2446
- bold: {
2447
- DEFAULT: {
2448
- value: {
2449
- _light: "#7F5F01",
2450
- _dark: "#F5CD47"
2451
- }
2452
- },
2453
- hovered: {
2454
- value: {
2455
- _light: "#533F04",
2456
- _dark: "#F8E6A0"
2457
- }
2458
- }
2459
- }
2460
- },
2461
- success: {
2462
- DEFAULT: {
2463
- value: {
2464
- _light: "#22A06B",
2465
- _dark: "#2ABB7F"
2466
- }
2467
- },
2468
- hovered: {
2469
- value: {
2470
- _light: "#1F845A",
2471
- _dark: "#4BCE97"
2472
- }
2473
- },
2474
- bold: {
2475
- DEFAULT: {
2476
- value: {
2477
- _light: "#216E4E",
2478
- _dark: "#7EE2B8"
2479
- }
2480
- },
2481
- hovered: {
2482
- value: {
2483
- _light: "#164B35",
2484
- _dark: "#BAF3DB"
2485
- }
2486
- }
2487
- }
2488
- },
2489
- discovery: {
2490
- DEFAULT: {
2491
- value: {
2492
- _light: "#8F7EE7",
2493
- _dark: "#8270DB"
2494
- }
2495
- },
2496
- hovered: {
2497
- value: {
2498
- _light: "#8270DB",
2499
- _dark: "#8F7EE7"
2500
- }
2501
- },
2502
- bold: {
2503
- DEFAULT: {
2504
- value: {
2505
- _light: "#5E4DB2",
2506
- _dark: "#B8ACF6"
2507
- }
2508
- },
2509
- hovered: {
2510
- value: {
2511
- _light: "#352C63",
2512
- _dark: "#DFD8FD"
2513
- }
2514
- }
2515
- }
2516
- },
2517
- information: {
2518
- DEFAULT: {
2519
- value: {
2520
- _light: "#388BFF",
2521
- _dark: "#1D7AFC"
2522
- }
2523
- },
2524
- hovered: {
2525
- value: {
2526
- _light: "#1D7AFC",
2527
- _dark: "#388BFF"
2528
- }
2529
- },
2530
- bold: {
2531
- DEFAULT: {
2532
- value: {
2533
- _light: "#0055CC",
2534
- _dark: "#85B8FF"
2535
- }
2536
- },
2537
- hovered: {
2538
- value: {
2539
- _light: "#09326C",
2540
- _dark: "#CCE0FF"
2541
- }
2542
- }
2543
- }
2544
- }
2545
- }
25
+ //#endregion
26
+ //#region src/colors/semantic.ts
27
+ const semanticColors = {
28
+ text: {
29
+ DEFAULT: { value: {
30
+ _light: "#172B4D",
31
+ _dark: "#B6C2CF"
32
+ } },
33
+ accent: {
34
+ lime: {
35
+ DEFAULT: { value: {
36
+ _light: "#4C6B1F",
37
+ _dark: "#B3DF72"
38
+ } },
39
+ bolder: { value: {
40
+ _light: "#37471F",
41
+ _dark: "#D3F1A7"
42
+ } }
43
+ },
44
+ red: {
45
+ DEFAULT: { value: {
46
+ _light: "#AE2E24",
47
+ _dark: "#FD9891"
48
+ } },
49
+ bolder: { value: {
50
+ _light: "#5D1F1A",
51
+ _dark: "#FFD5D2"
52
+ } }
53
+ },
54
+ orange: {
55
+ DEFAULT: { value: {
56
+ _light: "#A54800",
57
+ _dark: "#FEC195"
58
+ } },
59
+ bolder: { value: {
60
+ _light: "#702E00",
61
+ _dark: "#FEDEC8"
62
+ } }
63
+ },
64
+ yellow: {
65
+ DEFAULT: { value: {
66
+ _light: "#7F5F01",
67
+ _dark: "#F5CD47"
68
+ } },
69
+ bolder: { value: {
70
+ _light: "#533F04",
71
+ _dark: "#F8E6A0"
72
+ } }
73
+ },
74
+ green: {
75
+ DEFAULT: { value: {
76
+ _light: "#216E4E",
77
+ _dark: "#7EE2B8"
78
+ } },
79
+ bolder: { value: {
80
+ _light: "#164B35",
81
+ _dark: "#BAF3DB"
82
+ } }
83
+ },
84
+ teal: {
85
+ DEFAULT: { value: {
86
+ _light: "#206A83",
87
+ _dark: "#9DD9EE"
88
+ } },
89
+ bolder: { value: {
90
+ _light: "#164555",
91
+ _dark: "#C6EDFB"
92
+ } }
93
+ },
94
+ blue: {
95
+ DEFAULT: { value: {
96
+ _light: "#0055CC",
97
+ _dark: "#85B8FF"
98
+ } },
99
+ bolder: { value: {
100
+ _light: "#09326C",
101
+ _dark: "#CCE0FF"
102
+ } }
103
+ },
104
+ purple: {
105
+ DEFAULT: { value: {
106
+ _light: "#5E4DB2",
107
+ _dark: "#B8ACF6"
108
+ } },
109
+ bolder: { value: {
110
+ _light: "#352C63",
111
+ _dark: "#DFD8FD"
112
+ } }
113
+ },
114
+ magenta: {
115
+ DEFAULT: { value: {
116
+ _light: "#943D73",
117
+ _dark: "#F797D2"
118
+ } },
119
+ bolder: { value: {
120
+ _light: "#50253F",
121
+ _dark: "#FDD0EC"
122
+ } }
123
+ },
124
+ gray: {
125
+ DEFAULT: { value: {
126
+ _light: "#44546F",
127
+ _dark: "#9FADBC"
128
+ } },
129
+ bolder: { value: {
130
+ _light: "#091E42",
131
+ _dark: "#DEE4EA"
132
+ } }
133
+ }
134
+ },
135
+ disabled: { value: {
136
+ _light: "#091E424F",
137
+ _dark: "#BFDBF847"
138
+ } },
139
+ inverse: { value: {
140
+ _light: "#FFFFFF",
141
+ _dark: "#1D2125"
142
+ } },
143
+ selected: { value: {
144
+ _light: "#0C66E4",
145
+ _dark: "#579DFF"
146
+ } },
147
+ brand: { value: {
148
+ _light: "#0C66E4",
149
+ _dark: "#579DFF"
150
+ } },
151
+ danger: { value: {
152
+ _light: "#AE2E24",
153
+ _dark: "#FD9891"
154
+ } },
155
+ warning: {
156
+ DEFAULT: { value: {
157
+ _light: "#A54800",
158
+ _dark: "#F5CD47"
159
+ } },
160
+ inverse: { value: {
161
+ _light: "#172B4D",
162
+ _dark: "#1D2125"
163
+ } }
164
+ },
165
+ success: { value: {
166
+ _light: "#216E4E",
167
+ _dark: "#7EE2B8"
168
+ } },
169
+ discovery: { value: {
170
+ _light: "#5E4DB2",
171
+ _dark: "#B8ACF6"
172
+ } },
173
+ information: { value: {
174
+ _light: "#0055CC",
175
+ _dark: "#85B8FF"
176
+ } },
177
+ subtlest: { value: {
178
+ _light: "#626F86",
179
+ _dark: "#8C9BAB"
180
+ } },
181
+ subtle: { value: {
182
+ _light: "#44546F",
183
+ _dark: "#9FADBC"
184
+ } }
185
+ },
186
+ link: {
187
+ DEFAULT: { value: {
188
+ _light: "#0C66E4",
189
+ _dark: "#579DFF"
190
+ } },
191
+ pressed: { value: {
192
+ _light: "#0055CC",
193
+ _dark: "#85B8FF"
194
+ } },
195
+ visited: {
196
+ DEFAULT: { value: {
197
+ _light: "#5E4DB2",
198
+ _dark: "#B8ACF6"
199
+ } },
200
+ pressed: { value: {
201
+ _light: "#352C63",
202
+ _dark: "#DFD8FD"
203
+ } }
204
+ }
205
+ },
206
+ icon: {
207
+ DEFAULT: { value: {
208
+ _light: "#44546F",
209
+ _dark: "#9FADBC"
210
+ } },
211
+ accent: {
212
+ lime: { value: {
213
+ _light: "#6A9A23",
214
+ _dark: "#82B536"
215
+ } },
216
+ red: { value: {
217
+ _light: "#C9372C",
218
+ _dark: "#E2483D"
219
+ } },
220
+ orange: { value: {
221
+ _light: "#E56910",
222
+ _dark: "#F38A3F"
223
+ } },
224
+ yellow: { value: {
225
+ _light: "#B38600",
226
+ _dark: "#F5CD47"
227
+ } },
228
+ green: { value: {
229
+ _light: "#22A06B",
230
+ _dark: "#2ABB7F"
231
+ } },
232
+ teal: { value: {
233
+ _light: "#2898BD",
234
+ _dark: "#42B2D7"
235
+ } },
236
+ blue: { value: {
237
+ _light: "#1D7AFC",
238
+ _dark: "#388BFF"
239
+ } },
240
+ purple: { value: {
241
+ _light: "#8270DB",
242
+ _dark: "#8F7EE7"
243
+ } },
244
+ magenta: { value: {
245
+ _light: "#CD519D",
246
+ _dark: "#DA62AC"
247
+ } },
248
+ gray: { value: {
249
+ _light: "#758195",
250
+ _dark: "#738496"
251
+ } }
252
+ },
253
+ disabled: { value: {
254
+ _light: "#091E424F",
255
+ _dark: "#BFDBF847"
256
+ } },
257
+ inverse: { value: {
258
+ _light: "#FFFFFF",
259
+ _dark: "#1D2125"
260
+ } },
261
+ selected: { value: {
262
+ _light: "#0C66E4",
263
+ _dark: "#579DFF"
264
+ } },
265
+ brand: { value: {
266
+ _light: "#0C66E4",
267
+ _dark: "#579DFF"
268
+ } },
269
+ danger: { value: {
270
+ _light: "#C9372C",
271
+ _dark: "#F15B50"
272
+ } },
273
+ warning: {
274
+ DEFAULT: { value: {
275
+ _light: "#E56910",
276
+ _dark: "#F5CD47"
277
+ } },
278
+ inverse: { value: {
279
+ _light: "#172B4D",
280
+ _dark: "#1D2125"
281
+ } }
282
+ },
283
+ success: { value: {
284
+ _light: "#22A06B",
285
+ _dark: "#2ABB7F"
286
+ } },
287
+ discovery: { value: {
288
+ _light: "#8270DB",
289
+ _dark: "#8F7EE7"
290
+ } },
291
+ information: { value: {
292
+ _light: "#1D7AFC",
293
+ _dark: "#388BFF"
294
+ } },
295
+ subtlest: { value: {
296
+ _light: "#626F86",
297
+ _dark: "#8C9BAB"
298
+ } },
299
+ subtle: { value: {
300
+ _light: "#626F86",
301
+ _dark: "#8C9BAB"
302
+ } }
303
+ },
304
+ border: {
305
+ DEFAULT: { value: {
306
+ _light: "#091E4224",
307
+ _dark: "#A6C5E229"
308
+ } },
309
+ accent: {
310
+ lime: { value: {
311
+ _light: "#6A9A23",
312
+ _dark: "#82B536"
313
+ } },
314
+ red: { value: {
315
+ _light: "#E2483D",
316
+ _dark: "#F15B50"
317
+ } },
318
+ orange: { value: {
319
+ _light: "#E56910",
320
+ _dark: "#F38A3F"
321
+ } },
322
+ yellow: { value: {
323
+ _light: "#B38600",
324
+ _dark: "#CF9F02"
325
+ } },
326
+ green: { value: {
327
+ _light: "#22A06B",
328
+ _dark: "#2ABB7F"
329
+ } },
330
+ teal: { value: {
331
+ _light: "#2898BD",
332
+ _dark: "#42B2D7"
333
+ } },
334
+ blue: { value: {
335
+ _light: "#1D7AFC",
336
+ _dark: "#388BFF"
337
+ } },
338
+ purple: { value: {
339
+ _light: "#8270DB",
340
+ _dark: "#8F7EE7"
341
+ } },
342
+ magenta: { value: {
343
+ _light: "#CD519D",
344
+ _dark: "#DA62AC"
345
+ } },
346
+ gray: { value: {
347
+ _light: "#758195",
348
+ _dark: "#738496"
349
+ } }
350
+ },
351
+ disabled: { value: {
352
+ _light: "#091E420F",
353
+ _dark: "#A1BDD914"
354
+ } },
355
+ focused: { value: {
356
+ _light: "#388BFF",
357
+ _dark: "#85B8FF"
358
+ } },
359
+ input: { value: {
360
+ _light: "#8590A2",
361
+ _dark: "#738496"
362
+ } },
363
+ inverse: { value: {
364
+ _light: "#FFFFFF",
365
+ _dark: "#161A1D"
366
+ } },
367
+ selected: { value: {
368
+ _light: "#0C66E4",
369
+ _dark: "#579DFF"
370
+ } },
371
+ brand: { value: {
372
+ _light: "#0C66E4",
373
+ _dark: "#579DFF"
374
+ } },
375
+ danger: { value: {
376
+ _light: "#E2483D",
377
+ _dark: "#F15B50"
378
+ } },
379
+ warning: { value: {
380
+ _light: "#E56910",
381
+ _dark: "#CF9F02"
382
+ } },
383
+ success: { value: {
384
+ _light: "#22A06B",
385
+ _dark: "#2ABB7F"
386
+ } },
387
+ discovery: { value: {
388
+ _light: "#8270DB",
389
+ _dark: "#8F7EE7"
390
+ } },
391
+ information: { value: {
392
+ _light: "#1D7AFC",
393
+ _dark: "#388BFF"
394
+ } },
395
+ bold: { value: {
396
+ _light: "#758195",
397
+ _dark: "#738496"
398
+ } }
399
+ },
400
+ background: {
401
+ accent: {
402
+ lime: {
403
+ subtlest: {
404
+ DEFAULT: { value: {
405
+ _light: "#EFFFD6",
406
+ _dark: "#28311B"
407
+ } },
408
+ hovered: { value: {
409
+ _light: "#D3F1A7",
410
+ _dark: "#37471F"
411
+ } },
412
+ pressed: { value: {
413
+ _light: "#B3DF72",
414
+ _dark: "#4C6B1F"
415
+ } }
416
+ },
417
+ subtler: {
418
+ DEFAULT: { value: {
419
+ _light: "#D3F1A7",
420
+ _dark: "#37471F"
421
+ } },
422
+ hovered: { value: {
423
+ _light: "#B3DF72",
424
+ _dark: "#4C6B1F"
425
+ } },
426
+ pressed: { value: {
427
+ _light: "#94C748",
428
+ _dark: "#5B7F24"
429
+ } }
430
+ },
431
+ subtle: {
432
+ DEFAULT: { value: {
433
+ _light: "#94C748",
434
+ _dark: "#4C6B1F"
435
+ } },
436
+ hovered: { value: {
437
+ _light: "#B3DF72",
438
+ _dark: "#37471F"
439
+ } },
440
+ pressed: { value: {
441
+ _light: "#D3F1A7",
442
+ _dark: "#28311B"
443
+ } }
444
+ },
445
+ bolder: {
446
+ DEFAULT: { value: {
447
+ _light: "#5B7F24",
448
+ _dark: "#94C748"
449
+ } },
450
+ hovered: { value: {
451
+ _light: "#4C6B1F",
452
+ _dark: "#B3DF72"
453
+ } },
454
+ pressed: { value: {
455
+ _light: "#37471F",
456
+ _dark: "#D3F1A7"
457
+ } }
458
+ }
459
+ },
460
+ red: {
461
+ subtlest: {
462
+ DEFAULT: { value: {
463
+ _light: "#FFECEB",
464
+ _dark: "#42221F"
465
+ } },
466
+ hovered: { value: {
467
+ _light: "#FFD5D2",
468
+ _dark: "#5D1F1A"
469
+ } },
470
+ pressed: { value: {
471
+ _light: "#FD9891",
472
+ _dark: "#AE2E24"
473
+ } }
474
+ },
475
+ subtler: {
476
+ DEFAULT: { value: {
477
+ _light: "#FFD5D2",
478
+ _dark: "#5D1F1A"
479
+ } },
480
+ hovered: { value: {
481
+ _light: "#FD9891",
482
+ _dark: "#AE2E24"
483
+ } },
484
+ pressed: { value: {
485
+ _light: "#F87168",
486
+ _dark: "#C9372C"
487
+ } }
488
+ },
489
+ subtle: {
490
+ DEFAULT: { value: {
491
+ _light: "#F87168",
492
+ _dark: "#AE2E24"
493
+ } },
494
+ hovered: { value: {
495
+ _light: "#FD9891",
496
+ _dark: "#5D1F1A"
497
+ } },
498
+ pressed: { value: {
499
+ _light: "#FFD5D2",
500
+ _dark: "#42221F"
501
+ } }
502
+ },
503
+ bolder: {
504
+ DEFAULT: { value: {
505
+ _light: "#C9372C",
506
+ _dark: "#F87168"
507
+ } },
508
+ hovered: { value: {
509
+ _light: "#AE2E24",
510
+ _dark: "#FD9891"
511
+ } },
512
+ pressed: { value: {
513
+ _light: "#5D1F1A",
514
+ _dark: "#FFD5D2"
515
+ } }
516
+ }
517
+ },
518
+ orange: {
519
+ subtlest: {
520
+ DEFAULT: { value: {
521
+ _light: "#FFF3EB",
522
+ _dark: "#38291E"
523
+ } },
524
+ hovered: { value: {
525
+ _light: "#FEDEC8",
526
+ _dark: "#702E00"
527
+ } },
528
+ pressed: { value: {
529
+ _light: "#FEC195",
530
+ _dark: "#A54800"
531
+ } }
532
+ },
533
+ subtler: {
534
+ DEFAULT: { value: {
535
+ _light: "#FEDEC8",
536
+ _dark: "#702E00"
537
+ } },
538
+ hovered: { value: {
539
+ _light: "#FEC195",
540
+ _dark: "#A54800"
541
+ } },
542
+ pressed: { value: {
543
+ _light: "#FEA362",
544
+ _dark: "#C25100"
545
+ } }
546
+ },
547
+ subtle: {
548
+ DEFAULT: { value: {
549
+ _light: "#FEA362",
550
+ _dark: "#A54800"
551
+ } },
552
+ hovered: { value: {
553
+ _light: "#FEC195",
554
+ _dark: "#702E00"
555
+ } },
556
+ pressed: { value: {
557
+ _light: "#FEDEC8",
558
+ _dark: "#38291E"
559
+ } }
560
+ },
561
+ bolder: {
562
+ DEFAULT: { value: {
563
+ _light: "#C25100",
564
+ _dark: "#FEA362"
565
+ } },
566
+ hovered: { value: {
567
+ _light: "#A54800",
568
+ _dark: "#FEC195"
569
+ } },
570
+ pressed: { value: {
571
+ _light: "#702E00",
572
+ _dark: "#FEDEC8"
573
+ } }
574
+ }
575
+ },
576
+ yellow: {
577
+ subtlest: {
578
+ DEFAULT: { value: {
579
+ _light: "#FFF7D6",
580
+ _dark: "#332E1B"
581
+ } },
582
+ hovered: { value: {
583
+ _light: "#F8E6A0",
584
+ _dark: "#533F04"
585
+ } },
586
+ pressed: { value: {
587
+ _light: "#F5CD47",
588
+ _dark: "#7F5F01"
589
+ } }
590
+ },
591
+ subtler: {
592
+ DEFAULT: { value: {
593
+ _light: "#F8E6A0",
594
+ _dark: "#533F04"
595
+ } },
596
+ hovered: { value: {
597
+ _light: "#F5CD47",
598
+ _dark: "#7F5F01"
599
+ } },
600
+ pressed: { value: {
601
+ _light: "#E2B203",
602
+ _dark: "#946F00"
603
+ } }
604
+ },
605
+ subtle: {
606
+ DEFAULT: { value: {
607
+ _light: "#F5CD47",
608
+ _dark: "#7F5F01"
609
+ } },
610
+ hovered: { value: {
611
+ _light: "#E2B203",
612
+ _dark: "#533F04"
613
+ } },
614
+ pressed: { value: {
615
+ _light: "#CF9F02",
616
+ _dark: "#332E1B"
617
+ } }
618
+ },
619
+ bolder: {
620
+ DEFAULT: { value: {
621
+ _light: "#946F00",
622
+ _dark: "#E2B203"
623
+ } },
624
+ hovered: { value: {
625
+ _light: "#7F5F01",
626
+ _dark: "#F5CD47"
627
+ } },
628
+ pressed: { value: {
629
+ _light: "#533F04",
630
+ _dark: "#F8E6A0"
631
+ } }
632
+ }
633
+ },
634
+ green: {
635
+ subtlest: {
636
+ DEFAULT: { value: {
637
+ _light: "#DCFFF1",
638
+ _dark: "#1C3329"
639
+ } },
640
+ hovered: { value: {
641
+ _light: "#BAF3DB",
642
+ _dark: "#164B35"
643
+ } },
644
+ pressed: { value: {
645
+ _light: "#7EE2B8",
646
+ _dark: "#216E4E"
647
+ } }
648
+ },
649
+ subtler: {
650
+ DEFAULT: { value: {
651
+ _light: "#BAF3DB",
652
+ _dark: "#164B35"
653
+ } },
654
+ hovered: { value: {
655
+ _light: "#7EE2B8",
656
+ _dark: "#216E4E"
657
+ } },
658
+ pressed: { value: {
659
+ _light: "#4BCE97",
660
+ _dark: "#1F845A"
661
+ } }
662
+ },
663
+ subtle: {
664
+ DEFAULT: { value: {
665
+ _light: "#4BCE97",
666
+ _dark: "#216E4E"
667
+ } },
668
+ hovered: { value: {
669
+ _light: "#7EE2B8",
670
+ _dark: "#164B35"
671
+ } },
672
+ pressed: { value: {
673
+ _light: "#BAF3DB",
674
+ _dark: "#1C3329"
675
+ } }
676
+ },
677
+ bolder: {
678
+ DEFAULT: { value: {
679
+ _light: "#1F845A",
680
+ _dark: "#4BCE97"
681
+ } },
682
+ hovered: { value: {
683
+ _light: "#216E4E",
684
+ _dark: "#7EE2B8"
685
+ } },
686
+ pressed: { value: {
687
+ _light: "#164B35",
688
+ _dark: "#BAF3DB"
689
+ } }
690
+ }
691
+ },
692
+ teal: {
693
+ subtlest: {
694
+ DEFAULT: { value: {
695
+ _light: "#E7F9FF",
696
+ _dark: "#1E3137"
697
+ } },
698
+ hovered: { value: {
699
+ _light: "#C6EDFB",
700
+ _dark: "#164555"
701
+ } },
702
+ pressed: { value: {
703
+ _light: "#9DD9EE",
704
+ _dark: "#206A83"
705
+ } }
706
+ },
707
+ subtler: {
708
+ DEFAULT: { value: {
709
+ _light: "#C6EDFB",
710
+ _dark: "#164555"
711
+ } },
712
+ hovered: { value: {
713
+ _light: "#9DD9EE",
714
+ _dark: "#206A83"
715
+ } },
716
+ pressed: { value: {
717
+ _light: "#6CC3E0",
718
+ _dark: "#227D9B"
719
+ } }
720
+ },
721
+ subtle: {
722
+ DEFAULT: { value: {
723
+ _light: "#6CC3E0",
724
+ _dark: "#206A83"
725
+ } },
726
+ hovered: { value: {
727
+ _light: "#9DD9EE",
728
+ _dark: "#164555"
729
+ } },
730
+ pressed: { value: {
731
+ _light: "#C6EDFB",
732
+ _dark: "#1E3137"
733
+ } }
734
+ },
735
+ bolder: {
736
+ DEFAULT: { value: {
737
+ _light: "#227D9B",
738
+ _dark: "#6CC3E0"
739
+ } },
740
+ hovered: { value: {
741
+ _light: "#206A83",
742
+ _dark: "#9DD9EE"
743
+ } },
744
+ pressed: { value: {
745
+ _light: "#164555",
746
+ _dark: "#C6EDFB"
747
+ } }
748
+ }
749
+ },
750
+ blue: {
751
+ subtlest: {
752
+ DEFAULT: { value: {
753
+ _light: "#E9F2FF",
754
+ _dark: "#1C2B41"
755
+ } },
756
+ hovered: { value: {
757
+ _light: "#CCE0FF",
758
+ _dark: "#09326C"
759
+ } },
760
+ pressed: { value: {
761
+ _light: "#85B8FF",
762
+ _dark: "#0055CC"
763
+ } }
764
+ },
765
+ subtler: {
766
+ DEFAULT: { value: {
767
+ _light: "#CCE0FF",
768
+ _dark: "#09326C"
769
+ } },
770
+ hovered: { value: {
771
+ _light: "#85B8FF",
772
+ _dark: "#0055CC"
773
+ } },
774
+ pressed: { value: {
775
+ _light: "#579DFF",
776
+ _dark: "#0C66E4"
777
+ } }
778
+ },
779
+ subtle: {
780
+ DEFAULT: { value: {
781
+ _light: "#579DFF",
782
+ _dark: "#0055CC"
783
+ } },
784
+ hovered: { value: {
785
+ _light: "#85B8FF",
786
+ _dark: "#09326C"
787
+ } },
788
+ pressed: { value: {
789
+ _light: "#CCE0FF",
790
+ _dark: "#1C2B41"
791
+ } }
792
+ },
793
+ bolder: {
794
+ DEFAULT: { value: {
795
+ _light: "#0C66E4",
796
+ _dark: "#579DFF"
797
+ } },
798
+ hovered: { value: {
799
+ _light: "#0055CC",
800
+ _dark: "#85B8FF"
801
+ } },
802
+ pressed: { value: {
803
+ _light: "#09326C",
804
+ _dark: "#CCE0FF"
805
+ } }
806
+ }
807
+ },
808
+ purple: {
809
+ subtlest: {
810
+ DEFAULT: { value: {
811
+ _light: "#F3F0FF",
812
+ _dark: "#2B273F"
813
+ } },
814
+ hovered: { value: {
815
+ _light: "#DFD8FD",
816
+ _dark: "#352C63"
817
+ } },
818
+ pressed: { value: {
819
+ _light: "#B8ACF6",
820
+ _dark: "#5E4DB2"
821
+ } }
822
+ },
823
+ subtler: {
824
+ DEFAULT: { value: {
825
+ _light: "#DFD8FD",
826
+ _dark: "#352C63"
827
+ } },
828
+ hovered: { value: {
829
+ _light: "#B8ACF6",
830
+ _dark: "#5E4DB2"
831
+ } },
832
+ pressed: { value: {
833
+ _light: "#9F8FEF",
834
+ _dark: "#6E5DC6"
835
+ } }
836
+ },
837
+ subtle: {
838
+ DEFAULT: { value: {
839
+ _light: "#9F8FEF",
840
+ _dark: "#5E4DB2"
841
+ } },
842
+ hovered: { value: {
843
+ _light: "#B8ACF6",
844
+ _dark: "#352C63"
845
+ } },
846
+ pressed: { value: {
847
+ _light: "#DFD8FD",
848
+ _dark: "#2B273F"
849
+ } }
850
+ },
851
+ bolder: {
852
+ DEFAULT: { value: {
853
+ _light: "#6E5DC6",
854
+ _dark: "#9F8FEF"
855
+ } },
856
+ hovered: { value: {
857
+ _light: "#5E4DB2",
858
+ _dark: "#B8ACF6"
859
+ } },
860
+ pressed: { value: {
861
+ _light: "#352C63",
862
+ _dark: "#DFD8FD"
863
+ } }
864
+ }
865
+ },
866
+ magenta: {
867
+ subtlest: {
868
+ DEFAULT: { value: {
869
+ _light: "#FFECF8",
870
+ _dark: "#3D2232"
871
+ } },
872
+ hovered: { value: {
873
+ _light: "#FDD0EC",
874
+ _dark: "#50253F"
875
+ } },
876
+ pressed: { value: {
877
+ _light: "#F797D2",
878
+ _dark: "#943D73"
879
+ } }
880
+ },
881
+ subtler: {
882
+ DEFAULT: { value: {
883
+ _light: "#FDD0EC",
884
+ _dark: "#50253F"
885
+ } },
886
+ hovered: { value: {
887
+ _light: "#F797D2",
888
+ _dark: "#943D73"
889
+ } },
890
+ pressed: { value: {
891
+ _light: "#E774BB",
892
+ _dark: "#AE4787"
893
+ } }
894
+ },
895
+ subtle: {
896
+ DEFAULT: { value: {
897
+ _light: "#E774BB",
898
+ _dark: "#943D73"
899
+ } },
900
+ hovered: { value: {
901
+ _light: "#F797D2",
902
+ _dark: "#50253F"
903
+ } },
904
+ pressed: { value: {
905
+ _light: "#FDD0EC",
906
+ _dark: "#3D2232"
907
+ } }
908
+ },
909
+ bolder: {
910
+ DEFAULT: { value: {
911
+ _light: "#AE4787",
912
+ _dark: "#E774BB"
913
+ } },
914
+ hovered: { value: {
915
+ _light: "#943D73",
916
+ _dark: "#F797D2"
917
+ } },
918
+ pressed: { value: {
919
+ _light: "#50253F",
920
+ _dark: "#FDD0EC"
921
+ } }
922
+ }
923
+ },
924
+ gray: {
925
+ subtlest: {
926
+ DEFAULT: { value: {
927
+ _light: "#F1F2F4",
928
+ _dark: "#2C333A"
929
+ } },
930
+ hovered: { value: {
931
+ _light: "#DCDFE4",
932
+ _dark: "#38414A"
933
+ } },
934
+ pressed: { value: {
935
+ _light: "#B3B9C4",
936
+ _dark: "#454F59"
937
+ } }
938
+ },
939
+ subtler: {
940
+ DEFAULT: { value: {
941
+ _light: "#DCDFE4",
942
+ _dark: "#454F59"
943
+ } },
944
+ hovered: { value: {
945
+ _light: "#B3B9C4",
946
+ _dark: "#596773"
947
+ } },
948
+ pressed: { value: {
949
+ _light: "#8590A2",
950
+ _dark: "#738496"
951
+ } }
952
+ },
953
+ subtle: {
954
+ DEFAULT: { value: {
955
+ _light: "#8590A2",
956
+ _dark: "#596773"
957
+ } },
958
+ hovered: { value: {
959
+ _light: "#B3B9C4",
960
+ _dark: "#454F59"
961
+ } },
962
+ pressed: { value: {
963
+ _light: "#DCDFE4",
964
+ _dark: "#38414A"
965
+ } }
966
+ },
967
+ bolder: {
968
+ DEFAULT: { value: {
969
+ _light: "#626F86",
970
+ _dark: "#8C9BAB"
971
+ } },
972
+ hovered: { value: {
973
+ _light: "#44546F",
974
+ _dark: "#9FADBC"
975
+ } },
976
+ pressed: { value: {
977
+ _light: "#2C3E5D",
978
+ _dark: "#B6C2CF"
979
+ } }
980
+ }
981
+ }
982
+ },
983
+ disabled: { value: {
984
+ _light: "#091E4208",
985
+ _dark: "#BCD6F00A"
986
+ } },
987
+ input: {
988
+ DEFAULT: { value: {
989
+ _light: "#FFFFFF",
990
+ _dark: "#22272B"
991
+ } },
992
+ hovered: { value: {
993
+ _light: "#F7F8F9",
994
+ _dark: "#282E33"
995
+ } },
996
+ pressed: { value: {
997
+ _light: "#FFFFFF",
998
+ _dark: "#22272B"
999
+ } }
1000
+ },
1001
+ inverse: { subtle: {
1002
+ DEFAULT: { value: {
1003
+ _light: "#00000029",
1004
+ _dark: "#FFFFFF29"
1005
+ } },
1006
+ hovered: { value: {
1007
+ _light: "#0000003D",
1008
+ _dark: "#FFFFFF3D"
1009
+ } },
1010
+ pressed: { value: {
1011
+ _light: "#00000052",
1012
+ _dark: "#FFFFFF52"
1013
+ } }
1014
+ } },
1015
+ neutral: {
1016
+ DEFAULT: { value: {
1017
+ _light: "#091E420F",
1018
+ _dark: "#A1BDD914"
1019
+ } },
1020
+ hovered: { value: {
1021
+ _light: "#091E4224",
1022
+ _dark: "#A6C5E229"
1023
+ } },
1024
+ pressed: { value: {
1025
+ _light: "#091E424F",
1026
+ _dark: "#BFDBF847"
1027
+ } },
1028
+ subtle: {
1029
+ hovered: { value: {
1030
+ _light: "#091E420F",
1031
+ _dark: "#A1BDD914"
1032
+ } },
1033
+ pressed: { value: {
1034
+ _light: "#091E4224",
1035
+ _dark: "#A6C5E229"
1036
+ } }
1037
+ },
1038
+ bold: {
1039
+ DEFAULT: { value: {
1040
+ _light: "#44546F",
1041
+ _dark: "#9FADBC"
1042
+ } },
1043
+ hovered: { value: {
1044
+ _light: "#2C3E5D",
1045
+ _dark: "#B6C2CF"
1046
+ } },
1047
+ pressed: { value: {
1048
+ _light: "#172B4D",
1049
+ _dark: "#C7D1DB"
1050
+ } }
1051
+ }
1052
+ },
1053
+ selected: {
1054
+ DEFAULT: { value: {
1055
+ _light: "#E9F2FF",
1056
+ _dark: "#1C2B41"
1057
+ } },
1058
+ hovered: { value: {
1059
+ _light: "#CCE0FF",
1060
+ _dark: "#09326C"
1061
+ } },
1062
+ pressed: { value: {
1063
+ _light: "#85B8FF",
1064
+ _dark: "#0055CC"
1065
+ } },
1066
+ bold: {
1067
+ DEFAULT: { value: {
1068
+ _light: "#0C66E4",
1069
+ _dark: "#579DFF"
1070
+ } },
1071
+ hovered: { value: {
1072
+ _light: "#0055CC",
1073
+ _dark: "#85B8FF"
1074
+ } },
1075
+ pressed: { value: {
1076
+ _light: "#09326C",
1077
+ _dark: "#CCE0FF"
1078
+ } }
1079
+ }
1080
+ },
1081
+ brand: {
1082
+ subtlest: {
1083
+ DEFAULT: { value: {
1084
+ _light: "#E9F2FF",
1085
+ _dark: "#1C2B41"
1086
+ } },
1087
+ hovered: { value: {
1088
+ _light: "#CCE0FF",
1089
+ _dark: "#09326C"
1090
+ } },
1091
+ pressed: { value: {
1092
+ _light: "#85B8FF",
1093
+ _dark: "#0055CC"
1094
+ } }
1095
+ },
1096
+ bold: {
1097
+ DEFAULT: { value: {
1098
+ _light: "#0C66E4",
1099
+ _dark: "#579DFF"
1100
+ } },
1101
+ hovered: { value: {
1102
+ _light: "#0055CC",
1103
+ _dark: "#85B8FF"
1104
+ } },
1105
+ pressed: { value: {
1106
+ _light: "#09326C",
1107
+ _dark: "#CCE0FF"
1108
+ } }
1109
+ },
1110
+ boldest: {
1111
+ DEFAULT: { value: {
1112
+ _light: "#1C2B41",
1113
+ _dark: "#E9F2FF"
1114
+ } },
1115
+ hovered: { value: {
1116
+ _light: "#09326C",
1117
+ _dark: "#CCE0FF"
1118
+ } },
1119
+ pressed: { value: {
1120
+ _light: "#0055CC",
1121
+ _dark: "#85B8FF"
1122
+ } }
1123
+ }
1124
+ },
1125
+ danger: {
1126
+ DEFAULT: { value: {
1127
+ _light: "#FFECEB",
1128
+ _dark: "#42221F"
1129
+ } },
1130
+ hovered: { value: {
1131
+ _light: "#FFD5D2",
1132
+ _dark: "#5D1F1A"
1133
+ } },
1134
+ pressed: { value: {
1135
+ _light: "#FD9891",
1136
+ _dark: "#AE2E24"
1137
+ } },
1138
+ bold: {
1139
+ DEFAULT: { value: {
1140
+ _light: "#C9372C",
1141
+ _dark: "#F87168"
1142
+ } },
1143
+ hovered: { value: {
1144
+ _light: "#AE2E24",
1145
+ _dark: "#FD9891"
1146
+ } },
1147
+ pressed: { value: {
1148
+ _light: "#5D1F1A",
1149
+ _dark: "#FFD5D2"
1150
+ } }
1151
+ }
1152
+ },
1153
+ warning: {
1154
+ DEFAULT: { value: {
1155
+ _light: "#FFF7D6",
1156
+ _dark: "#332E1B"
1157
+ } },
1158
+ hovered: { value: {
1159
+ _light: "#F8E6A0",
1160
+ _dark: "#533F04"
1161
+ } },
1162
+ pressed: { value: {
1163
+ _light: "#F5CD47",
1164
+ _dark: "#7F5F01"
1165
+ } }
1166
+ },
1167
+ success: {
1168
+ DEFAULT: { value: {
1169
+ _light: "#DCFFF1",
1170
+ _dark: "#1C3329"
1171
+ } },
1172
+ hovered: { value: {
1173
+ _light: "#BAF3DB",
1174
+ _dark: "#164B35"
1175
+ } },
1176
+ pressed: { value: {
1177
+ _light: "#7EE2B8",
1178
+ _dark: "#216E4E"
1179
+ } },
1180
+ bold: {
1181
+ DEFAULT: { value: {
1182
+ _light: "#1F845A",
1183
+ _dark: "#4BCE97"
1184
+ } },
1185
+ hovered: { value: {
1186
+ _light: "#216E4E",
1187
+ _dark: "#7EE2B8"
1188
+ } },
1189
+ pressed: { value: {
1190
+ _light: "#164B35",
1191
+ _dark: "#BAF3DB"
1192
+ } }
1193
+ }
1194
+ },
1195
+ discovery: {
1196
+ DEFAULT: { value: {
1197
+ _light: "#F3F0FF",
1198
+ _dark: "#2B273F"
1199
+ } },
1200
+ hovered: { value: {
1201
+ _light: "#DFD8FD",
1202
+ _dark: "#352C63"
1203
+ } },
1204
+ pressed: { value: {
1205
+ _light: "#B8ACF6",
1206
+ _dark: "#5E4DB2"
1207
+ } },
1208
+ bold: {
1209
+ DEFAULT: { value: {
1210
+ _light: "#6E5DC6",
1211
+ _dark: "#9F8FEF"
1212
+ } },
1213
+ hovered: { value: {
1214
+ _light: "#5E4DB2",
1215
+ _dark: "#B8ACF6"
1216
+ } },
1217
+ pressed: { value: {
1218
+ _light: "#352C63",
1219
+ _dark: "#DFD8FD"
1220
+ } }
1221
+ }
1222
+ },
1223
+ information: {
1224
+ DEFAULT: { value: {
1225
+ _light: "#E9F2FF",
1226
+ _dark: "#1C2B41"
1227
+ } },
1228
+ hovered: { value: {
1229
+ _light: "#CCE0FF",
1230
+ _dark: "#09326C"
1231
+ } },
1232
+ pressed: { value: {
1233
+ _light: "#85B8FF",
1234
+ _dark: "#0055CC"
1235
+ } },
1236
+ bold: {
1237
+ DEFAULT: { value: {
1238
+ _light: "#0C66E4",
1239
+ _dark: "#579DFF"
1240
+ } },
1241
+ hovered: { value: {
1242
+ _light: "#0055CC",
1243
+ _dark: "#85B8FF"
1244
+ } },
1245
+ pressed: { value: {
1246
+ _light: "#09326C",
1247
+ _dark: "#CCE0FF"
1248
+ } }
1249
+ }
1250
+ }
1251
+ },
1252
+ blanket: {
1253
+ DEFAULT: { value: {
1254
+ _light: "#091E427D",
1255
+ _dark: "#10121499"
1256
+ } },
1257
+ selected: { value: {
1258
+ _light: "#388BFF14",
1259
+ _dark: "#1D7AFC14"
1260
+ } },
1261
+ danger: { value: {
1262
+ _light: "#EF5C4814",
1263
+ _dark: "#E3493514"
1264
+ } }
1265
+ },
1266
+ interaction: {
1267
+ hovered: { value: {
1268
+ _light: "#00000029",
1269
+ _dark: "#ffffff33"
1270
+ } },
1271
+ pressed: { value: {
1272
+ _light: "#00000052",
1273
+ _dark: "#ffffff5c"
1274
+ } }
1275
+ },
1276
+ skeleton: {
1277
+ DEFAULT: { value: {
1278
+ _light: "#091E420F",
1279
+ _dark: "#A1BDD914"
1280
+ } },
1281
+ subtle: { value: {
1282
+ _light: "#091E4208",
1283
+ _dark: "#BCD6F00A"
1284
+ } }
1285
+ },
1286
+ chart: {
1287
+ categorical: {
1288
+ "1": { hovered: { value: {
1289
+ _light: "#227D9B",
1290
+ _dark: "#42B2D7"
1291
+ } } },
1292
+ "2": {
1293
+ DEFAULT: { value: {
1294
+ _light: "#5E4DB2",
1295
+ _dark: "#B8ACF6"
1296
+ } },
1297
+ hovered: { value: {
1298
+ _light: "#352C63",
1299
+ _dark: "#DFD8FD"
1300
+ } }
1301
+ },
1302
+ "3": { hovered: { value: {
1303
+ _light: "#C25100",
1304
+ _dark: "#F38A3F"
1305
+ } } },
1306
+ "4": {
1307
+ DEFAULT: { value: {
1308
+ _light: "#943D73",
1309
+ _dark: "#F797D2"
1310
+ } },
1311
+ hovered: { value: {
1312
+ _light: "#50253F",
1313
+ _dark: "#FDD0EC"
1314
+ } }
1315
+ },
1316
+ "5": {
1317
+ DEFAULT: { value: {
1318
+ _light: "#09326C",
1319
+ _dark: "#CCE0FF"
1320
+ } },
1321
+ hovered: { value: {
1322
+ _light: "#1C2B41",
1323
+ _dark: "#E9F2FF"
1324
+ } }
1325
+ },
1326
+ "6": {
1327
+ DEFAULT: { value: {
1328
+ _light: "#8F7EE7",
1329
+ _dark: "#8270DB"
1330
+ } },
1331
+ hovered: { value: {
1332
+ _light: "#8270DB",
1333
+ _dark: "#8F7EE7"
1334
+ } }
1335
+ },
1336
+ "7": {
1337
+ DEFAULT: { value: {
1338
+ _light: "#50253F",
1339
+ _dark: "#FDD0EC"
1340
+ } },
1341
+ hovered: { value: {
1342
+ _light: "#3D2232",
1343
+ _dark: "#FFECF8"
1344
+ } }
1345
+ },
1346
+ "8": {
1347
+ DEFAULT: { value: {
1348
+ _light: "#A54800",
1349
+ _dark: "#FEC195"
1350
+ } },
1351
+ hovered: { value: {
1352
+ _light: "#702E00",
1353
+ _dark: "#FEDEC8"
1354
+ } }
1355
+ }
1356
+ },
1357
+ lime: {
1358
+ bold: {
1359
+ DEFAULT: { value: {
1360
+ _light: "#6A9A23",
1361
+ _dark: "#82B536"
1362
+ } },
1363
+ hovered: { value: {
1364
+ _light: "#5B7F24",
1365
+ _dark: "#94C748"
1366
+ } }
1367
+ },
1368
+ bolder: {
1369
+ DEFAULT: { value: {
1370
+ _light: "#5B7F24",
1371
+ _dark: "#94C748"
1372
+ } },
1373
+ hovered: { value: {
1374
+ _light: "#4C6B1F",
1375
+ _dark: "#B3DF72"
1376
+ } }
1377
+ },
1378
+ boldest: {
1379
+ DEFAULT: { value: {
1380
+ _light: "#4C6B1F",
1381
+ _dark: "#B3DF72"
1382
+ } },
1383
+ hovered: { value: {
1384
+ _light: "#37471F",
1385
+ _dark: "#D3F1A7"
1386
+ } }
1387
+ }
1388
+ },
1389
+ neutral: {
1390
+ DEFAULT: { value: {
1391
+ _light: "#8590A2",
1392
+ _dark: "#738496"
1393
+ } },
1394
+ hovered: { value: {
1395
+ _light: "#758195",
1396
+ _dark: "#8C9BAB"
1397
+ } }
1398
+ },
1399
+ red: {
1400
+ bold: {
1401
+ DEFAULT: { value: {
1402
+ _light: "#F15B50",
1403
+ _dark: "#E2483D"
1404
+ } },
1405
+ hovered: { value: {
1406
+ _light: "#E2483D",
1407
+ _dark: "#F15B50"
1408
+ } }
1409
+ },
1410
+ bolder: {
1411
+ DEFAULT: { value: {
1412
+ _light: "#E2483D",
1413
+ _dark: "#F15B50"
1414
+ } },
1415
+ hovered: { value: {
1416
+ _light: "#C9372C",
1417
+ _dark: "#F87168"
1418
+ } }
1419
+ },
1420
+ boldest: {
1421
+ DEFAULT: { value: {
1422
+ _light: "#AE2E24",
1423
+ _dark: "#FD9891"
1424
+ } },
1425
+ hovered: { value: {
1426
+ _light: "#5D1F1A",
1427
+ _dark: "#FFD5D2"
1428
+ } }
1429
+ }
1430
+ },
1431
+ orange: {
1432
+ bold: {
1433
+ DEFAULT: { value: {
1434
+ _light: "#E56910",
1435
+ _dark: "#F38A3F"
1436
+ } },
1437
+ hovered: { value: {
1438
+ _light: "#C25100",
1439
+ _dark: "#FEA362"
1440
+ } }
1441
+ },
1442
+ bolder: {
1443
+ DEFAULT: { value: {
1444
+ _light: "#C25100",
1445
+ _dark: "#FEA362"
1446
+ } },
1447
+ hovered: { value: {
1448
+ _light: "#A54800",
1449
+ _dark: "#FEC195"
1450
+ } }
1451
+ },
1452
+ boldest: {
1453
+ DEFAULT: { value: {
1454
+ _light: "#A54800",
1455
+ _dark: "#FEC195"
1456
+ } },
1457
+ hovered: { value: {
1458
+ _light: "#702E00",
1459
+ _dark: "#FEDEC8"
1460
+ } }
1461
+ }
1462
+ },
1463
+ yellow: {
1464
+ bold: {
1465
+ DEFAULT: { value: {
1466
+ _light: "#B38600",
1467
+ _dark: "#CF9F02"
1468
+ } },
1469
+ hovered: { value: {
1470
+ _light: "#946F00",
1471
+ _dark: "#E2B203"
1472
+ } }
1473
+ },
1474
+ bolder: {
1475
+ DEFAULT: { value: {
1476
+ _light: "#946F00",
1477
+ _dark: "#E2B203"
1478
+ } },
1479
+ hovered: { value: {
1480
+ _light: "#7F5F01",
1481
+ _dark: "#F5CD47"
1482
+ } }
1483
+ },
1484
+ boldest: {
1485
+ DEFAULT: { value: {
1486
+ _light: "#7F5F01",
1487
+ _dark: "#F5CD47"
1488
+ } },
1489
+ hovered: { value: {
1490
+ _light: "#533F04",
1491
+ _dark: "#F8E6A0"
1492
+ } }
1493
+ }
1494
+ },
1495
+ green: {
1496
+ bold: {
1497
+ DEFAULT: { value: {
1498
+ _light: "#22A06B",
1499
+ _dark: "#2ABB7F"
1500
+ } },
1501
+ hovered: { value: {
1502
+ _light: "#1F845A",
1503
+ _dark: "#4BCE97"
1504
+ } }
1505
+ },
1506
+ bolder: {
1507
+ DEFAULT: { value: {
1508
+ _light: "#1F845A",
1509
+ _dark: "#4BCE97"
1510
+ } },
1511
+ hovered: { value: {
1512
+ _light: "#216E4E",
1513
+ _dark: "#7EE2B8"
1514
+ } }
1515
+ },
1516
+ boldest: {
1517
+ DEFAULT: { value: {
1518
+ _light: "#216E4E",
1519
+ _dark: "#7EE2B8"
1520
+ } },
1521
+ hovered: { value: {
1522
+ _light: "#164B35",
1523
+ _dark: "#BAF3DB"
1524
+ } }
1525
+ }
1526
+ },
1527
+ teal: {
1528
+ bold: {
1529
+ DEFAULT: { value: {
1530
+ _light: "#2898BD",
1531
+ _dark: "#42B2D7"
1532
+ } },
1533
+ hovered: { value: {
1534
+ _light: "#227D9B",
1535
+ _dark: "#6CC3E0"
1536
+ } }
1537
+ },
1538
+ bolder: {
1539
+ DEFAULT: { value: {
1540
+ _light: "#227D9B",
1541
+ _dark: "#6CC3E0"
1542
+ } },
1543
+ hovered: { value: {
1544
+ _light: "#206A83",
1545
+ _dark: "#9DD9EE"
1546
+ } }
1547
+ },
1548
+ boldest: {
1549
+ DEFAULT: { value: {
1550
+ _light: "#206A83",
1551
+ _dark: "#9DD9EE"
1552
+ } },
1553
+ hovered: { value: {
1554
+ _light: "#164555",
1555
+ _dark: "#C6EDFB"
1556
+ } }
1557
+ }
1558
+ },
1559
+ blue: {
1560
+ bold: {
1561
+ DEFAULT: { value: {
1562
+ _light: "#388BFF",
1563
+ _dark: "#1D7AFC"
1564
+ } },
1565
+ hovered: { value: {
1566
+ _light: "#1D7AFC",
1567
+ _dark: "#388BFF"
1568
+ } }
1569
+ },
1570
+ bolder: {
1571
+ DEFAULT: { value: {
1572
+ _light: "#1D7AFC",
1573
+ _dark: "#388BFF"
1574
+ } },
1575
+ hovered: { value: {
1576
+ _light: "#0C66E4",
1577
+ _dark: "#579DFF"
1578
+ } }
1579
+ },
1580
+ boldest: {
1581
+ DEFAULT: { value: {
1582
+ _light: "#0055CC",
1583
+ _dark: "#85B8FF"
1584
+ } },
1585
+ hovered: { value: {
1586
+ _light: "#09326C",
1587
+ _dark: "#CCE0FF"
1588
+ } }
1589
+ }
1590
+ },
1591
+ purple: {
1592
+ bold: {
1593
+ DEFAULT: { value: {
1594
+ _light: "#8F7EE7",
1595
+ _dark: "#8270DB"
1596
+ } },
1597
+ hovered: { value: {
1598
+ _light: "#8270DB",
1599
+ _dark: "#8F7EE7"
1600
+ } }
1601
+ },
1602
+ bolder: {
1603
+ DEFAULT: { value: {
1604
+ _light: "#8270DB",
1605
+ _dark: "#8F7EE7"
1606
+ } },
1607
+ hovered: { value: {
1608
+ _light: "#6E5DC6",
1609
+ _dark: "#9F8FEF"
1610
+ } }
1611
+ },
1612
+ boldest: {
1613
+ DEFAULT: { value: {
1614
+ _light: "#5E4DB2",
1615
+ _dark: "#B8ACF6"
1616
+ } },
1617
+ hovered: { value: {
1618
+ _light: "#352C63",
1619
+ _dark: "#DFD8FD"
1620
+ } }
1621
+ }
1622
+ },
1623
+ magenta: {
1624
+ bold: {
1625
+ DEFAULT: { value: {
1626
+ _light: "#DA62AC",
1627
+ _dark: "#CD519D"
1628
+ } },
1629
+ hovered: { value: {
1630
+ _light: "#CD519D",
1631
+ _dark: "#DA62AC"
1632
+ } }
1633
+ },
1634
+ bolder: {
1635
+ DEFAULT: { value: {
1636
+ _light: "#CD519D",
1637
+ _dark: "#DA62AC"
1638
+ } },
1639
+ hovered: { value: {
1640
+ _light: "#AE4787",
1641
+ _dark: "#E774BB"
1642
+ } }
1643
+ },
1644
+ boldest: {
1645
+ DEFAULT: { value: {
1646
+ _light: "#943D73",
1647
+ _dark: "#F797D2"
1648
+ } },
1649
+ hovered: { value: {
1650
+ _light: "#50253F",
1651
+ _dark: "#FDD0EC"
1652
+ } }
1653
+ }
1654
+ },
1655
+ gray: {
1656
+ bold: {
1657
+ DEFAULT: { value: {
1658
+ _light: "#8590A2",
1659
+ _dark: "#738496"
1660
+ } },
1661
+ hovered: { value: {
1662
+ _light: "#758195",
1663
+ _dark: "#8C9BAB"
1664
+ } }
1665
+ },
1666
+ bolder: {
1667
+ DEFAULT: { value: {
1668
+ _light: "#758195",
1669
+ _dark: "#8C9BAB"
1670
+ } },
1671
+ hovered: { value: {
1672
+ _light: "#626F86",
1673
+ _dark: "#9FADBC"
1674
+ } }
1675
+ },
1676
+ boldest: {
1677
+ DEFAULT: { value: {
1678
+ _light: "#44546F",
1679
+ _dark: "#9FADBC"
1680
+ } },
1681
+ hovered: { value: {
1682
+ _light: "#2C3E5D",
1683
+ _dark: "#B6C2CF"
1684
+ } }
1685
+ }
1686
+ },
1687
+ brand: {
1688
+ DEFAULT: { value: {
1689
+ _light: "#1D7AFC",
1690
+ _dark: "#388BFF"
1691
+ } },
1692
+ hovered: { value: {
1693
+ _light: "#0C66E4",
1694
+ _dark: "#579DFF"
1695
+ } }
1696
+ },
1697
+ danger: {
1698
+ DEFAULT: { value: {
1699
+ _light: "#F15B50",
1700
+ _dark: "#E2483D"
1701
+ } },
1702
+ hovered: { value: {
1703
+ _light: "#E2483D",
1704
+ _dark: "#F15B50"
1705
+ } },
1706
+ bold: {
1707
+ DEFAULT: { value: {
1708
+ _light: "#AE2E24",
1709
+ _dark: "#FD9891"
1710
+ } },
1711
+ hovered: { value: {
1712
+ _light: "#5D1F1A",
1713
+ _dark: "#FFD5D2"
1714
+ } }
1715
+ }
1716
+ },
1717
+ warning: {
1718
+ DEFAULT: { value: {
1719
+ _light: "#B38600",
1720
+ _dark: "#CF9F02"
1721
+ } },
1722
+ hovered: { value: {
1723
+ _light: "#946F00",
1724
+ _dark: "#E2B203"
1725
+ } },
1726
+ bold: {
1727
+ DEFAULT: { value: {
1728
+ _light: "#7F5F01",
1729
+ _dark: "#F5CD47"
1730
+ } },
1731
+ hovered: { value: {
1732
+ _light: "#533F04",
1733
+ _dark: "#F8E6A0"
1734
+ } }
1735
+ }
1736
+ },
1737
+ success: {
1738
+ DEFAULT: { value: {
1739
+ _light: "#22A06B",
1740
+ _dark: "#2ABB7F"
1741
+ } },
1742
+ hovered: { value: {
1743
+ _light: "#1F845A",
1744
+ _dark: "#4BCE97"
1745
+ } },
1746
+ bold: {
1747
+ DEFAULT: { value: {
1748
+ _light: "#216E4E",
1749
+ _dark: "#7EE2B8"
1750
+ } },
1751
+ hovered: { value: {
1752
+ _light: "#164B35",
1753
+ _dark: "#BAF3DB"
1754
+ } }
1755
+ }
1756
+ },
1757
+ discovery: {
1758
+ DEFAULT: { value: {
1759
+ _light: "#8F7EE7",
1760
+ _dark: "#8270DB"
1761
+ } },
1762
+ hovered: { value: {
1763
+ _light: "#8270DB",
1764
+ _dark: "#8F7EE7"
1765
+ } },
1766
+ bold: {
1767
+ DEFAULT: { value: {
1768
+ _light: "#5E4DB2",
1769
+ _dark: "#B8ACF6"
1770
+ } },
1771
+ hovered: { value: {
1772
+ _light: "#352C63",
1773
+ _dark: "#DFD8FD"
1774
+ } }
1775
+ }
1776
+ },
1777
+ information: {
1778
+ DEFAULT: { value: {
1779
+ _light: "#388BFF",
1780
+ _dark: "#1D7AFC"
1781
+ } },
1782
+ hovered: { value: {
1783
+ _light: "#1D7AFC",
1784
+ _dark: "#388BFF"
1785
+ } },
1786
+ bold: {
1787
+ DEFAULT: { value: {
1788
+ _light: "#0055CC",
1789
+ _dark: "#85B8FF"
1790
+ } },
1791
+ hovered: { value: {
1792
+ _light: "#09326C",
1793
+ _dark: "#CCE0FF"
1794
+ } }
1795
+ }
1796
+ }
1797
+ }
2546
1798
  };
2547
-
2548
- // src/opacity.ts
2549
- var opacity = {
2550
- disabled: { value: "0.4" },
2551
- loading: { value: "0.2" }
1799
+ //#endregion
1800
+ //#region src/opacity.ts
1801
+ const opacity = {
1802
+ disabled: { value: "0.4" },
1803
+ loading: { value: "0.2" }
2552
1804
  };
2553
-
2554
- // src/radii.ts
2555
- var radii = {
2556
- xsmall: { value: "2px" },
2557
- small: { value: "4px" },
2558
- medium: { value: "6px" },
2559
- large: { value: "8px" },
2560
- xlarge: { value: "12px" },
2561
- full: { value: "9999px" },
2562
- tile: { value: "25%" }
1805
+ //#endregion
1806
+ //#region src/radii.ts
1807
+ const radii = {
1808
+ xsmall: { value: "2px" },
1809
+ small: { value: "4px" },
1810
+ medium: { value: "6px" },
1811
+ large: { value: "8px" },
1812
+ xlarge: { value: "12px" },
1813
+ full: { value: "9999px" },
1814
+ tile: { value: "25%" }
2563
1815
  };
2564
-
2565
- // src/shadows.ts
2566
- var semanticShadows = {
2567
- overflow: {
2568
- DEFAULT: {
2569
- value: {
2570
- _light: "0px 0px 8px rgba(9, 30, 66, 0.16),0px 0px 1px rgba(9, 30, 66, 0.12)",
2571
- _dark: "0px 0px 12px rgba(3, 4, 4, 0.56),0px 0px 1px rgba(3, 4, 4, 0.5)"
2572
- }
2573
- }
2574
- },
2575
- overlay: {
2576
- value: {
2577
- _light: "0px 8px 12px rgba(9, 30, 66, 0.15),0px 0px 1px rgba(9, 30, 66, 0.31)",
2578
- _dark: "0px 0px 0px rgba(57, 66, 74, 1),0px 8px 12px rgba(3, 4, 4, 0.36),0px 0px 1px rgba(3, 4, 4, 0.5)"
2579
- }
2580
- },
2581
- raised: {
2582
- value: {
2583
- _light: "0px 1px 1px rgba(9, 30, 66, 0.25),0px 0px 1px rgba(9, 30, 66, 0.31)",
2584
- _dark: "0px 0px 0px rgba(0, 0, 0, 0),0px 1px 1px rgba(3, 4, 4, 0.5),0px 0px 1px rgba(3, 4, 4, 0.5)"
2585
- }
2586
- }
1816
+ //#endregion
1817
+ //#region src/shadows.ts
1818
+ const semanticShadows = {
1819
+ overflow: { DEFAULT: { value: {
1820
+ _light: "0px 0px 8px rgba(9, 30, 66, 0.16),0px 0px 1px rgba(9, 30, 66, 0.12)",
1821
+ _dark: "0px 0px 12px rgba(3, 4, 4, 0.56),0px 0px 1px rgba(3, 4, 4, 0.5)"
1822
+ } } },
1823
+ overlay: { value: {
1824
+ _light: "0px 8px 12px rgba(9, 30, 66, 0.15),0px 0px 1px rgba(9, 30, 66, 0.31)",
1825
+ _dark: "0px 0px 0px rgba(57, 66, 74, 1),0px 8px 12px rgba(3, 4, 4, 0.36),0px 0px 1px rgba(3, 4, 4, 0.5)"
1826
+ } },
1827
+ raised: { value: {
1828
+ _light: "0px 1px 1px rgba(9, 30, 66, 0.25),0px 0px 1px rgba(9, 30, 66, 0.31)",
1829
+ _dark: "0px 0px 0px rgba(0, 0, 0, 0),0px 1px 1px rgba(3, 4, 4, 0.5),0px 0px 1px rgba(3, 4, 4, 0.5)"
1830
+ } }
2587
1831
  };
2588
-
2589
- // src/spacing.ts
2590
- var spacing = {
2591
- "0": { value: "0px" },
2592
- "100": { value: "8px" },
2593
- "150": { value: "12px" },
2594
- "200": { value: "16px" },
2595
- "250": { value: "20px" },
2596
- "300": { value: "24px" },
2597
- "400": { value: "32px" },
2598
- "500": { value: "40px" },
2599
- "600": { value: "48px" },
2600
- "800": { value: "64px" },
2601
- "1000": { value: "80px" },
2602
- "025": { value: "2px" },
2603
- "050": { value: "4px" },
2604
- "075": { value: "6px" },
2605
- negative: {
2606
- "100": { value: "-8px" },
2607
- "150": { value: "-12px" },
2608
- "200": { value: "-16px" },
2609
- "250": { value: "-20px" },
2610
- "300": { value: "-24px" },
2611
- "400": { value: "-32px" },
2612
- "025": { value: "-2px" },
2613
- "050": { value: "-4px" },
2614
- "075": { value: "-6px" }
2615
- }
1832
+ //#endregion
1833
+ //#region src/spacing.ts
1834
+ const spacing = {
1835
+ "0": { value: "0px" },
1836
+ "100": { value: "8px" },
1837
+ "150": { value: "12px" },
1838
+ "200": { value: "16px" },
1839
+ "250": { value: "20px" },
1840
+ "300": { value: "24px" },
1841
+ "400": { value: "32px" },
1842
+ "500": { value: "40px" },
1843
+ "600": { value: "48px" },
1844
+ "800": { value: "64px" },
1845
+ "1000": { value: "80px" },
1846
+ "025": { value: "2px" },
1847
+ "050": { value: "4px" },
1848
+ "075": { value: "6px" },
1849
+ negative: {
1850
+ "100": { value: "-8px" },
1851
+ "150": { value: "-12px" },
1852
+ "200": { value: "-16px" },
1853
+ "250": { value: "-20px" },
1854
+ "300": { value: "-24px" },
1855
+ "400": { value: "-32px" },
1856
+ "025": { value: "-2px" },
1857
+ "050": { value: "-4px" },
1858
+ "075": { value: "-6px" }
1859
+ }
2616
1860
  };
2617
-
2618
- // src/typography/sizes.ts
2619
- var fontSizes = {
2620
- heading: {
2621
- xxlarge: { value: "32px" },
2622
- xlarge: { value: "28px" },
2623
- large: { value: "24px" },
2624
- medium: { value: "20px" },
2625
- small: { value: "16px" },
2626
- xsmall: { value: "14px" },
2627
- xxsmall: { value: "12px" }
2628
- },
2629
- body: {
2630
- large: { value: "16px" },
2631
- DEFAULT: { value: "14px" },
2632
- small: { value: "12px" },
2633
- UNSAFE_small: { value: "12px" }
2634
- },
2635
- metric: {
2636
- large: { value: "28px" },
2637
- medium: { value: "24px" },
2638
- small: { value: "16px" }
2639
- },
2640
- code: {
2641
- DEFAULT: { value: "0.875em" }
2642
- }
1861
+ //#endregion
1862
+ //#region src/typography/sizes.ts
1863
+ const fontSizes = {
1864
+ heading: {
1865
+ xxlarge: { value: "32px" },
1866
+ xlarge: { value: "28px" },
1867
+ large: { value: "24px" },
1868
+ medium: { value: "20px" },
1869
+ small: { value: "16px" },
1870
+ xsmall: { value: "14px" },
1871
+ xxsmall: { value: "12px" }
1872
+ },
1873
+ body: {
1874
+ large: { value: "16px" },
1875
+ DEFAULT: { value: "14px" },
1876
+ small: { value: "12px" },
1877
+ UNSAFE_small: { value: "12px" }
1878
+ },
1879
+ metric: {
1880
+ large: { value: "28px" },
1881
+ medium: { value: "24px" },
1882
+ small: { value: "16px" }
1883
+ },
1884
+ code: { DEFAULT: { value: "0.875em" } }
2643
1885
  };
2644
-
2645
- // src/typography/fonts.ts
2646
- var fonts = {
2647
- heading: { value: "Atlassian Sans" },
2648
- body: { value: "Atlassian Sans" },
2649
- metric: {
2650
- large: { value: "Atlassian Sans" },
2651
- medium: { value: "Atlassian Sans" },
2652
- small: { value: "Atlassian Sans" }
2653
- },
2654
- code: { value: "Atlassian Mono" },
2655
- brand: {
2656
- heading: { value: "Charlie Display" },
2657
- body: { value: "Charlie Text" }
2658
- }
1886
+ //#endregion
1887
+ //#region src/typography/fonts.ts
1888
+ const fonts = {
1889
+ heading: { value: "Atlassian Sans" },
1890
+ body: { value: "Atlassian Sans" },
1891
+ metric: {
1892
+ large: { value: "Atlassian Sans" },
1893
+ medium: { value: "Atlassian Sans" },
1894
+ small: { value: "Atlassian Sans" }
1895
+ },
1896
+ code: { value: "Atlassian Mono" },
1897
+ brand: {
1898
+ heading: { value: "Charlie Display" },
1899
+ body: { value: "Charlie Text" }
1900
+ }
2659
1901
  };
2660
-
2661
- // src/typography/weights.ts
2662
- var fontWeights = {
2663
- regular: { value: "400" },
2664
- medium: { value: "500" },
2665
- semibold: { value: "600" },
2666
- bold: { value: "653" }
1902
+ //#endregion
1903
+ //#region src/typography/weights.ts
1904
+ const fontWeights = {
1905
+ regular: { value: "400" },
1906
+ medium: { value: "500" },
1907
+ semibold: { value: "600" },
1908
+ bold: { value: "653" }
2667
1909
  };
2668
-
2669
- // src/typography/lineHeights.ts
2670
- var lineHeights = {
2671
- heading: {
2672
- xxlarge: { value: "36px" },
2673
- xlarge: { value: "32px" },
2674
- large: { value: "28px" },
2675
- medium: { value: "24px" },
2676
- small: { value: "20px" },
2677
- xsmall: { value: "20px" },
2678
- xxsmall: { value: "16px" }
2679
- },
2680
- body: {
2681
- large: { value: "24px" },
2682
- DEFAULT: { value: "20px" },
2683
- small: { value: "16px" },
2684
- UNSAFE_small: { value: "16px" }
2685
- },
2686
- metric: {
2687
- large: { value: "32px" },
2688
- medium: { value: "28px" },
2689
- small: { value: "20px" }
2690
- },
2691
- code: {
2692
- DEFAULT: { value: "1" }
2693
- }
1910
+ //#endregion
1911
+ //#region src/typography/lineHeights.ts
1912
+ const lineHeights = {
1913
+ heading: {
1914
+ xxlarge: { value: "36px" },
1915
+ xlarge: { value: "32px" },
1916
+ large: { value: "28px" },
1917
+ medium: { value: "24px" },
1918
+ small: { value: "20px" },
1919
+ xsmall: { value: "20px" },
1920
+ xxsmall: { value: "16px" }
1921
+ },
1922
+ body: {
1923
+ large: { value: "24px" },
1924
+ DEFAULT: { value: "20px" },
1925
+ small: { value: "16px" },
1926
+ UNSAFE_small: { value: "16px" }
1927
+ },
1928
+ metric: {
1929
+ large: { value: "32px" },
1930
+ medium: { value: "28px" },
1931
+ small: { value: "20px" }
1932
+ },
1933
+ code: { DEFAULT: { value: "1" } }
2694
1934
  };
2695
-
2696
- // src/textStyles.ts
2697
- var textStyles = {
2698
- heading: {
2699
- xxlarge: {
2700
- value: {
2701
- fontFamily: "Atlassian Sans",
2702
- fontWeight: "653",
2703
- fontSize: "32px",
2704
- lineHeight: "36px"
2705
- }
2706
- },
2707
- xlarge: {
2708
- value: {
2709
- fontFamily: "Atlassian Sans",
2710
- fontWeight: "653",
2711
- fontSize: "28px",
2712
- lineHeight: "32px"
2713
- }
2714
- },
2715
- large: {
2716
- value: {
2717
- fontFamily: "Atlassian Sans",
2718
- fontWeight: "653",
2719
- fontSize: "24px",
2720
- lineHeight: "28px"
2721
- }
2722
- },
2723
- medium: {
2724
- value: {
2725
- fontFamily: "Atlassian Sans",
2726
- fontWeight: "653",
2727
- fontSize: "20px",
2728
- lineHeight: "24px"
2729
- }
2730
- },
2731
- small: {
2732
- value: {
2733
- fontFamily: "Atlassian Sans",
2734
- fontWeight: "653",
2735
- fontSize: "16px",
2736
- lineHeight: "20px"
2737
- }
2738
- },
2739
- xsmall: {
2740
- value: {
2741
- fontFamily: "Atlassian Sans",
2742
- fontWeight: "653",
2743
- fontSize: "14px",
2744
- lineHeight: "20px"
2745
- }
2746
- },
2747
- xxsmall: {
2748
- value: {
2749
- fontFamily: "Atlassian Sans",
2750
- fontWeight: "653",
2751
- fontSize: "12px",
2752
- lineHeight: "16px"
2753
- }
2754
- }
2755
- },
2756
- body: {
2757
- large: {
2758
- value: {
2759
- fontFamily: "Atlassian Sans",
2760
- fontWeight: "400",
2761
- fontSize: "16px",
2762
- lineHeight: "24px"
2763
- }
2764
- },
2765
- DEFAULT: {
2766
- value: {
2767
- fontFamily: "Atlassian Sans",
2768
- fontWeight: "400",
2769
- fontSize: "14px",
2770
- lineHeight: "20px"
2771
- }
2772
- },
2773
- small: {
2774
- value: {
2775
- fontFamily: "Atlassian Sans",
2776
- fontWeight: "400",
2777
- fontSize: "12px",
2778
- lineHeight: "16px"
2779
- }
2780
- },
2781
- UNSAFE_small: {
2782
- value: {
2783
- fontFamily: "Atlassian Sans",
2784
- fontWeight: "400",
2785
- fontSize: "12px",
2786
- lineHeight: "16px"
2787
- }
2788
- }
2789
- },
2790
- metric: {
2791
- large: {
2792
- value: {
2793
- fontFamily: "Atlassian Sans",
2794
- fontWeight: "653",
2795
- fontSize: "28px",
2796
- lineHeight: "32px"
2797
- }
2798
- },
2799
- medium: {
2800
- value: {
2801
- fontFamily: "Atlassian Sans",
2802
- fontWeight: "653",
2803
- fontSize: "24px",
2804
- lineHeight: "28px"
2805
- }
2806
- },
2807
- small: {
2808
- value: {
2809
- fontFamily: "Atlassian Sans",
2810
- fontWeight: "653",
2811
- fontSize: "16px",
2812
- lineHeight: "20px"
2813
- }
2814
- }
2815
- },
2816
- code: {
2817
- DEFAULT: {
2818
- value: {
2819
- fontFamily: "Atlassian Mono",
2820
- fontWeight: "400",
2821
- fontSize: "0.875em",
2822
- lineHeight: "1"
2823
- }
2824
- }
2825
- }
1935
+ //#endregion
1936
+ //#region src/textStyles.ts
1937
+ const textStyles = {
1938
+ heading: {
1939
+ xxlarge: { value: {
1940
+ fontFamily: "Atlassian Sans",
1941
+ fontWeight: "653",
1942
+ fontSize: "32px",
1943
+ lineHeight: "36px"
1944
+ } },
1945
+ xlarge: { value: {
1946
+ fontFamily: "Atlassian Sans",
1947
+ fontWeight: "653",
1948
+ fontSize: "28px",
1949
+ lineHeight: "32px"
1950
+ } },
1951
+ large: { value: {
1952
+ fontFamily: "Atlassian Sans",
1953
+ fontWeight: "653",
1954
+ fontSize: "24px",
1955
+ lineHeight: "28px"
1956
+ } },
1957
+ medium: { value: {
1958
+ fontFamily: "Atlassian Sans",
1959
+ fontWeight: "653",
1960
+ fontSize: "20px",
1961
+ lineHeight: "24px"
1962
+ } },
1963
+ small: { value: {
1964
+ fontFamily: "Atlassian Sans",
1965
+ fontWeight: "653",
1966
+ fontSize: "16px",
1967
+ lineHeight: "20px"
1968
+ } },
1969
+ xsmall: { value: {
1970
+ fontFamily: "Atlassian Sans",
1971
+ fontWeight: "653",
1972
+ fontSize: "14px",
1973
+ lineHeight: "20px"
1974
+ } },
1975
+ xxsmall: { value: {
1976
+ fontFamily: "Atlassian Sans",
1977
+ fontWeight: "653",
1978
+ fontSize: "12px",
1979
+ lineHeight: "16px"
1980
+ } }
1981
+ },
1982
+ body: {
1983
+ large: { value: {
1984
+ fontFamily: "Atlassian Sans",
1985
+ fontWeight: "400",
1986
+ fontSize: "16px",
1987
+ lineHeight: "24px"
1988
+ } },
1989
+ DEFAULT: { value: {
1990
+ fontFamily: "Atlassian Sans",
1991
+ fontWeight: "400",
1992
+ fontSize: "14px",
1993
+ lineHeight: "20px"
1994
+ } },
1995
+ small: { value: {
1996
+ fontFamily: "Atlassian Sans",
1997
+ fontWeight: "400",
1998
+ fontSize: "12px",
1999
+ lineHeight: "16px"
2000
+ } },
2001
+ UNSAFE_small: { value: {
2002
+ fontFamily: "Atlassian Sans",
2003
+ fontWeight: "400",
2004
+ fontSize: "12px",
2005
+ lineHeight: "16px"
2006
+ } }
2007
+ },
2008
+ metric: {
2009
+ large: { value: {
2010
+ fontFamily: "Atlassian Sans",
2011
+ fontWeight: "653",
2012
+ fontSize: "28px",
2013
+ lineHeight: "32px"
2014
+ } },
2015
+ medium: { value: {
2016
+ fontFamily: "Atlassian Sans",
2017
+ fontWeight: "653",
2018
+ fontSize: "24px",
2019
+ lineHeight: "28px"
2020
+ } },
2021
+ small: { value: {
2022
+ fontFamily: "Atlassian Sans",
2023
+ fontWeight: "653",
2024
+ fontSize: "16px",
2025
+ lineHeight: "20px"
2026
+ } }
2027
+ },
2028
+ code: { DEFAULT: { value: {
2029
+ fontFamily: "Atlassian Mono",
2030
+ fontWeight: "400",
2031
+ fontSize: "0.875em",
2032
+ lineHeight: "1"
2033
+ } } }
2826
2034
  };
2827
-
2828
- // src/durations.ts
2829
- var durations = {
2830
- none: { value: "0ms" },
2831
- small: { value: "100ms" },
2832
- medium: { value: "350ms" },
2833
- large: { value: "700ms" }
2035
+ //#endregion
2036
+ //#region src/durations.ts
2037
+ const durations = {
2038
+ none: { value: "0ms" },
2039
+ small: { value: "100ms" },
2040
+ medium: { value: "350ms" },
2041
+ large: { value: "700ms" }
2834
2042
  };
2835
-
2836
- // src/easings.ts
2837
- var easings = {
2838
- easeIn: { value: "cubic-bezier(0.8,0,0,0.8)" },
2839
- easeIn40Out: { value: "cubic-bezier(0.4,0,0,1)" },
2840
- easeIn60Out: { value: "cubic-bezier(0.6,0,0,1)" },
2841
- easeIn80Out: { value: "cubic-bezier(0.8,0,0,1)" },
2842
- easeInOut: { value: "cubic-bezier(0.15,1,0.3,1)" },
2843
- easeOut: { value: "cubic-bezier(0.2,0,0,1)" },
2844
- linear: { value: "cubic-bezier(0,0,1,1)" }
2043
+ //#endregion
2044
+ //#region src/easings.ts
2045
+ const easings = {
2046
+ easeIn: { value: "cubic-bezier(0.8,0,0,0.8)" },
2047
+ easeIn40Out: { value: "cubic-bezier(0.4,0,0,1)" },
2048
+ easeIn60Out: { value: "cubic-bezier(0.6,0,0,1)" },
2049
+ easeIn80Out: { value: "cubic-bezier(0.8,0,0,1)" },
2050
+ easeInOut: { value: "cubic-bezier(0.15,1,0.3,1)" },
2051
+ easeOut: { value: "cubic-bezier(0.2,0,0,1)" },
2052
+ linear: { value: "cubic-bezier(0,0,1,1)" }
2845
2053
  };
2846
-
2847
- // src/index.ts
2848
- var definePreset = (config) => config;
2849
- var preset = definePreset({
2850
- name: "@bamboocss/preset-atlaskit",
2851
- theme: {
2852
- breakpoints,
2853
- tokens: {
2854
- colors,
2855
- opacity,
2856
- radii,
2857
- fontSizes,
2858
- fontWeights,
2859
- lineHeights,
2860
- fonts,
2861
- spacing,
2862
- durations,
2863
- easings
2864
- },
2865
- semanticTokens: {
2866
- colors: semanticColors,
2867
- shadows: semanticShadows
2868
- },
2869
- textStyles
2870
- }
2054
+ //#endregion
2055
+ //#region src/index.ts
2056
+ const definePreset = (config) => config;
2057
+ const preset = definePreset({
2058
+ name: "@bamboocss/preset-atlaskit",
2059
+ theme: {
2060
+ breakpoints,
2061
+ tokens: {
2062
+ colors,
2063
+ opacity,
2064
+ radii,
2065
+ fontSizes,
2066
+ fontWeights,
2067
+ lineHeights,
2068
+ fonts,
2069
+ spacing,
2070
+ durations,
2071
+ easings
2072
+ },
2073
+ semanticTokens: {
2074
+ colors: semanticColors,
2075
+ shadows: semanticShadows
2076
+ },
2077
+ textStyles
2078
+ }
2871
2079
  });
2872
- var index_default = preset;
2873
- export {
2874
- index_default as default,
2875
- preset
2876
- };
2080
+ //#endregion
2081
+ export { preset as default, preset };