@optiaxiom/globals 0.2.0 → 0.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +105 -345
- package/dist/theme-css.js +1 -1
- package/dist/tokens/colors.js +68 -44
- package/dist/tokens/size.js +1 -0
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -29,6 +29,20 @@ declare const theme: MapLeafNodes<{
|
|
|
29
29
|
readonly none: "0 0 #0000";
|
|
30
30
|
};
|
|
31
31
|
readonly colors: {
|
|
32
|
+
readonly current: "currentColor";
|
|
33
|
+
readonly transparent: "transparent";
|
|
34
|
+
readonly "avatar.bg.blue": "#2F7AEE";
|
|
35
|
+
readonly "avatar.bg.cyan": "#CFFAFE";
|
|
36
|
+
readonly "avatar.bg.green": "#038047";
|
|
37
|
+
readonly "avatar.bg.magenta": "#FAE8FF";
|
|
38
|
+
readonly "avatar.bg.purple": "#E5DCF4";
|
|
39
|
+
readonly "avatar.bg.yellow": "#FFC84B";
|
|
40
|
+
readonly "avatar.fg.blue": "#FFFFFF";
|
|
41
|
+
readonly "avatar.fg.cyan": "#0E7490";
|
|
42
|
+
readonly "avatar.fg.green": "#FFFFFF";
|
|
43
|
+
readonly "avatar.fg.magenta": "#A21CAF";
|
|
44
|
+
readonly "avatar.fg.purple": "#412470";
|
|
45
|
+
readonly "avatar.fg.yellow": "#1C212B";
|
|
32
46
|
readonly "bg.accent": "#0037FF";
|
|
33
47
|
readonly "bg.accent.hovered": "#002CCC";
|
|
34
48
|
readonly "bg.accent.light": "#B3C3FF";
|
|
@@ -43,9 +57,10 @@ declare const theme: MapLeafNodes<{
|
|
|
43
57
|
readonly "bg.error.light": "#FFB4B4";
|
|
44
58
|
readonly "bg.error.pressed": "#911D1D";
|
|
45
59
|
readonly "bg.error.subtle": "#FFD7D7";
|
|
46
|
-
readonly "bg.
|
|
47
|
-
readonly "bg.information
|
|
48
|
-
readonly "bg.information.
|
|
60
|
+
readonly "bg.error.subtlest": "#FFF7F7";
|
|
61
|
+
readonly "bg.information": "#115DD4";
|
|
62
|
+
readonly "bg.information.light": "#A1C2F7";
|
|
63
|
+
readonly "bg.information.subtle": "#C6DBFA";
|
|
49
64
|
readonly "bg.overlay": "#091E4252";
|
|
50
65
|
readonly "bg.page": "#F9FAFC";
|
|
51
66
|
readonly "bg.secondary": "#F5F6FA";
|
|
@@ -80,128 +95,32 @@ declare const theme: MapLeafNodes<{
|
|
|
80
95
|
readonly "fg.disabled": "#091E4252";
|
|
81
96
|
readonly "fg.error": "#CC1616";
|
|
82
97
|
readonly "fg.error.hovered": "#B21313";
|
|
98
|
+
readonly "fg.error.light": "#FC8B8B";
|
|
83
99
|
readonly "fg.error.strong": "#911D1D";
|
|
84
|
-
readonly "fg.information": "#
|
|
85
|
-
readonly "fg.information.
|
|
86
|
-
readonly "fg.
|
|
87
|
-
readonly "fg.link.hovered": "#002CCC";
|
|
88
|
-
readonly "fg.link.visited": "#693AB6";
|
|
100
|
+
readonly "fg.information": "#2F7AEE";
|
|
101
|
+
readonly "fg.information.light": "#7BAAF4";
|
|
102
|
+
readonly "fg.information.strong": "#0D46A0";
|
|
89
103
|
readonly "fg.secondary": "#4F576E";
|
|
90
104
|
readonly "fg.success": "#03A65D";
|
|
91
105
|
readonly "fg.success.hovered": "#038047";
|
|
106
|
+
readonly "fg.success.light": "#7CD2A7";
|
|
92
107
|
readonly "fg.success.strong": "#24663E";
|
|
93
108
|
readonly "fg.tertiary": "#626A81";
|
|
94
109
|
readonly "fg.warning": "#F79008";
|
|
95
110
|
readonly "fg.warning.hovered": "#DC6903";
|
|
111
|
+
readonly "fg.warning.inverse": "#2E3442";
|
|
112
|
+
readonly "fg.warning.light": "#FFC84B";
|
|
96
113
|
readonly "fg.warning.strong": "#B54707";
|
|
97
114
|
readonly "fg.white": "#FFFFFF";
|
|
98
|
-
readonly
|
|
99
|
-
readonly
|
|
100
|
-
readonly "
|
|
101
|
-
readonly "
|
|
102
|
-
readonly "
|
|
103
|
-
readonly "
|
|
104
|
-
readonly "
|
|
105
|
-
readonly "
|
|
106
|
-
readonly "
|
|
107
|
-
readonly "blue.700": "#095EA4";
|
|
108
|
-
readonly "blue.800": "#064274";
|
|
109
|
-
readonly "blue.900": "#032541";
|
|
110
|
-
readonly "brand.50": "#F0F3FF";
|
|
111
|
-
readonly "brand.100": "#CDD8FC";
|
|
112
|
-
readonly "brand.200": "#B3C3FF";
|
|
113
|
-
readonly "brand.300": "#6A8FFC";
|
|
114
|
-
readonly "brand.400": "#2E66F7";
|
|
115
|
-
readonly "brand.500": "#0037FF";
|
|
116
|
-
readonly "brand.600": "#002CCC";
|
|
117
|
-
readonly "brand.700": "#002894";
|
|
118
|
-
readonly "brand.800": "#001666";
|
|
119
|
-
readonly "brand.900": "#000B33";
|
|
120
|
-
readonly "cyan.50": "#ECFEFF";
|
|
121
|
-
readonly "cyan.100": "#CFFAFE";
|
|
122
|
-
readonly "cyan.200": "#99F0F9";
|
|
123
|
-
readonly "cyan.300": "#67E8F9";
|
|
124
|
-
readonly "cyan.400": "#22D3EE";
|
|
125
|
-
readonly "cyan.500": "#06B6D4";
|
|
126
|
-
readonly "cyan.600": "#0891B2";
|
|
127
|
-
readonly "cyan.700": "#0E7490";
|
|
128
|
-
readonly "cyan.800": "#155E75";
|
|
129
|
-
readonly "cyan.900": "#083344";
|
|
130
|
-
readonly "green.50": "#E9F7F1";
|
|
131
|
-
readonly "green.100": "#D1F0E1";
|
|
132
|
-
readonly "green.200": "#A5E1C3";
|
|
133
|
-
readonly "green.300": "#7CD2A7";
|
|
134
|
-
readonly "green.400": "#5AC58A";
|
|
135
|
-
readonly "green.500": "#03A65D";
|
|
136
|
-
readonly "green.600": "#038047";
|
|
137
|
-
readonly "green.700": "#24663E";
|
|
138
|
-
readonly "green.800": "#17492B";
|
|
139
|
-
readonly "green.900": "#082415";
|
|
140
|
-
readonly "magenta.50": "#FDF4FF";
|
|
141
|
-
readonly "magenta.100": "#FAE8FF";
|
|
142
|
-
readonly "magenta.200": "#F5D0FE";
|
|
143
|
-
readonly "magenta.300": "#F0ABFC";
|
|
144
|
-
readonly "magenta.400": "#D765E9";
|
|
145
|
-
readonly "magenta.500": "#C026D3";
|
|
146
|
-
readonly "magenta.600": "#A21CAF";
|
|
147
|
-
readonly "magenta.700": "#86198F";
|
|
148
|
-
readonly "magenta.800": "#701A75";
|
|
149
|
-
readonly "magenta.900": "#4A044E";
|
|
150
|
-
readonly "neutral.00": "#FFFFFF";
|
|
151
|
-
readonly "neutral.50": "#F9FAFC";
|
|
152
|
-
readonly "neutral.75": "#F5F6FA";
|
|
153
|
-
readonly "neutral.100": "#E9EDF5";
|
|
154
|
-
readonly "neutral.150": "#DADFEB";
|
|
155
|
-
readonly "neutral.200": "#CACFDC";
|
|
156
|
-
readonly "neutral.300": "#B8BECB";
|
|
157
|
-
readonly "neutral.500": "#868FA4";
|
|
158
|
-
readonly "neutral.600": "#626A81";
|
|
159
|
-
readonly "neutral.700": "#4F576E";
|
|
160
|
-
readonly "neutral.800": "#2E3442";
|
|
161
|
-
readonly "neutral.900": "#1C212B";
|
|
162
|
-
readonly "neutral.1000": "#1C2029";
|
|
163
|
-
readonly "neutral.1100": "#171A23";
|
|
164
|
-
readonly "neutral.1200": "#091E42";
|
|
165
|
-
readonly "neutral.50/6": "#F9FAFC0F";
|
|
166
|
-
readonly "neutral.50/12": "#F9FAFC1F";
|
|
167
|
-
readonly "neutral.50/18": "#F9FAFC2E";
|
|
168
|
-
readonly "neutral.50/22": "#F9FAFC38";
|
|
169
|
-
readonly "neutral.50/32": "#F9FAFC52";
|
|
170
|
-
readonly "neutral.1200/4": "#091E420A";
|
|
171
|
-
readonly "neutral.1200/8": "#091E4214";
|
|
172
|
-
readonly "neutral.1200/16": "#091E4229";
|
|
173
|
-
readonly "neutral.1200/22": "#091E4238";
|
|
174
|
-
readonly "neutral.1200/32": "#091E4252";
|
|
175
|
-
readonly "purple.50": "#F1ECF8";
|
|
176
|
-
readonly "purple.100": "#E5DCF4";
|
|
177
|
-
readonly "purple.200": "#C4B1E2";
|
|
178
|
-
readonly "purple.300": "#9570D1";
|
|
179
|
-
readonly "purple.400": "#7E51C8";
|
|
180
|
-
readonly "purple.500": "#693AB6";
|
|
181
|
-
readonly "purple.600": "#532E8F";
|
|
182
|
-
readonly "purple.700": "#412470";
|
|
183
|
-
readonly "purple.800": "#331C59";
|
|
184
|
-
readonly "purple.900": "#261542";
|
|
185
|
-
readonly "red.50": "#FFF7F7";
|
|
186
|
-
readonly "red.100": "#FFD7D7";
|
|
187
|
-
readonly "red.200": "#FFB4B4";
|
|
188
|
-
readonly "red.300": "#FC8B8B";
|
|
189
|
-
readonly "red.400": "#F64F4F";
|
|
190
|
-
readonly "red.500": "#CC1616";
|
|
191
|
-
readonly "red.600": "#B21313";
|
|
192
|
-
readonly "red.700": "#911D1D";
|
|
193
|
-
readonly "red.800": "#601313";
|
|
194
|
-
readonly "red.900": "#300A0A";
|
|
195
|
-
readonly "yellow.50": "#FFFAEA";
|
|
196
|
-
readonly "yellow.100": "#FEF1C6";
|
|
197
|
-
readonly "yellow.200": "#FEDF88";
|
|
198
|
-
readonly "yellow.300": "#FFC84B";
|
|
199
|
-
readonly "yellow.400": "#FDB022";
|
|
200
|
-
readonly "yellow.500": "#F79008";
|
|
201
|
-
readonly "yellow.600": "#DC6903";
|
|
202
|
-
readonly "yellow.700": "#B54707";
|
|
203
|
-
readonly "yellow.800": "#7A2E0D";
|
|
204
|
-
readonly "yellow.900": "#4E1D09";
|
|
115
|
+
readonly "link.fg.default": "#0037FF";
|
|
116
|
+
readonly "link.fg.default.hovered": "#002CCC";
|
|
117
|
+
readonly "link.fg.inverse": "#FFFFFF";
|
|
118
|
+
readonly "link.fg.subtle": "#2E3442";
|
|
119
|
+
readonly "link.fg.visited": "#693AB6";
|
|
120
|
+
readonly "spinner.bg.default": "#091E42";
|
|
121
|
+
readonly "spinner.bg.inverse": "#F9FAFC";
|
|
122
|
+
readonly "spinner.fg.default": "#2E3442";
|
|
123
|
+
readonly "spinner.fg.inverse": "#CACFDC";
|
|
205
124
|
};
|
|
206
125
|
readonly fontFamily: {
|
|
207
126
|
readonly mono: "Fira Code Variable, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace";
|
|
@@ -320,6 +239,7 @@ declare const theme: MapLeafNodes<{
|
|
|
320
239
|
readonly lg: "1200px";
|
|
321
240
|
};
|
|
322
241
|
readonly size: {
|
|
242
|
+
readonly "2xs": "16px";
|
|
323
243
|
readonly xs: "20px";
|
|
324
244
|
readonly sm: "24px";
|
|
325
245
|
readonly md: "32px";
|
|
@@ -456,6 +376,20 @@ declare const tokens: {
|
|
|
456
376
|
readonly none: "0 0 #0000";
|
|
457
377
|
};
|
|
458
378
|
readonly colors: {
|
|
379
|
+
readonly current: "currentColor";
|
|
380
|
+
readonly transparent: "transparent";
|
|
381
|
+
readonly "avatar.bg.blue": "#2F7AEE";
|
|
382
|
+
readonly "avatar.bg.cyan": "#CFFAFE";
|
|
383
|
+
readonly "avatar.bg.green": "#038047";
|
|
384
|
+
readonly "avatar.bg.magenta": "#FAE8FF";
|
|
385
|
+
readonly "avatar.bg.purple": "#E5DCF4";
|
|
386
|
+
readonly "avatar.bg.yellow": "#FFC84B";
|
|
387
|
+
readonly "avatar.fg.blue": "#FFFFFF";
|
|
388
|
+
readonly "avatar.fg.cyan": "#0E7490";
|
|
389
|
+
readonly "avatar.fg.green": "#FFFFFF";
|
|
390
|
+
readonly "avatar.fg.magenta": "#A21CAF";
|
|
391
|
+
readonly "avatar.fg.purple": "#412470";
|
|
392
|
+
readonly "avatar.fg.yellow": "#1C212B";
|
|
459
393
|
readonly "bg.accent": "#0037FF";
|
|
460
394
|
readonly "bg.accent.hovered": "#002CCC";
|
|
461
395
|
readonly "bg.accent.light": "#B3C3FF";
|
|
@@ -470,9 +404,10 @@ declare const tokens: {
|
|
|
470
404
|
readonly "bg.error.light": "#FFB4B4";
|
|
471
405
|
readonly "bg.error.pressed": "#911D1D";
|
|
472
406
|
readonly "bg.error.subtle": "#FFD7D7";
|
|
473
|
-
readonly "bg.
|
|
474
|
-
readonly "bg.information
|
|
475
|
-
readonly "bg.information.
|
|
407
|
+
readonly "bg.error.subtlest": "#FFF7F7";
|
|
408
|
+
readonly "bg.information": "#115DD4";
|
|
409
|
+
readonly "bg.information.light": "#A1C2F7";
|
|
410
|
+
readonly "bg.information.subtle": "#C6DBFA";
|
|
476
411
|
readonly "bg.overlay": "#091E4252";
|
|
477
412
|
readonly "bg.page": "#F9FAFC";
|
|
478
413
|
readonly "bg.secondary": "#F5F6FA";
|
|
@@ -507,128 +442,32 @@ declare const tokens: {
|
|
|
507
442
|
readonly "fg.disabled": "#091E4252";
|
|
508
443
|
readonly "fg.error": "#CC1616";
|
|
509
444
|
readonly "fg.error.hovered": "#B21313";
|
|
445
|
+
readonly "fg.error.light": "#FC8B8B";
|
|
510
446
|
readonly "fg.error.strong": "#911D1D";
|
|
511
|
-
readonly "fg.information": "#
|
|
512
|
-
readonly "fg.information.
|
|
513
|
-
readonly "fg.
|
|
514
|
-
readonly "fg.link.hovered": "#002CCC";
|
|
515
|
-
readonly "fg.link.visited": "#693AB6";
|
|
447
|
+
readonly "fg.information": "#2F7AEE";
|
|
448
|
+
readonly "fg.information.light": "#7BAAF4";
|
|
449
|
+
readonly "fg.information.strong": "#0D46A0";
|
|
516
450
|
readonly "fg.secondary": "#4F576E";
|
|
517
451
|
readonly "fg.success": "#03A65D";
|
|
518
452
|
readonly "fg.success.hovered": "#038047";
|
|
453
|
+
readonly "fg.success.light": "#7CD2A7";
|
|
519
454
|
readonly "fg.success.strong": "#24663E";
|
|
520
455
|
readonly "fg.tertiary": "#626A81";
|
|
521
456
|
readonly "fg.warning": "#F79008";
|
|
522
457
|
readonly "fg.warning.hovered": "#DC6903";
|
|
458
|
+
readonly "fg.warning.inverse": "#2E3442";
|
|
459
|
+
readonly "fg.warning.light": "#FFC84B";
|
|
523
460
|
readonly "fg.warning.strong": "#B54707";
|
|
524
461
|
readonly "fg.white": "#FFFFFF";
|
|
525
|
-
readonly
|
|
526
|
-
readonly
|
|
527
|
-
readonly "
|
|
528
|
-
readonly "
|
|
529
|
-
readonly "
|
|
530
|
-
readonly "
|
|
531
|
-
readonly "
|
|
532
|
-
readonly "
|
|
533
|
-
readonly "
|
|
534
|
-
readonly "blue.700": "#095EA4";
|
|
535
|
-
readonly "blue.800": "#064274";
|
|
536
|
-
readonly "blue.900": "#032541";
|
|
537
|
-
readonly "brand.50": "#F0F3FF";
|
|
538
|
-
readonly "brand.100": "#CDD8FC";
|
|
539
|
-
readonly "brand.200": "#B3C3FF";
|
|
540
|
-
readonly "brand.300": "#6A8FFC";
|
|
541
|
-
readonly "brand.400": "#2E66F7";
|
|
542
|
-
readonly "brand.500": "#0037FF";
|
|
543
|
-
readonly "brand.600": "#002CCC";
|
|
544
|
-
readonly "brand.700": "#002894";
|
|
545
|
-
readonly "brand.800": "#001666";
|
|
546
|
-
readonly "brand.900": "#000B33";
|
|
547
|
-
readonly "cyan.50": "#ECFEFF";
|
|
548
|
-
readonly "cyan.100": "#CFFAFE";
|
|
549
|
-
readonly "cyan.200": "#99F0F9";
|
|
550
|
-
readonly "cyan.300": "#67E8F9";
|
|
551
|
-
readonly "cyan.400": "#22D3EE";
|
|
552
|
-
readonly "cyan.500": "#06B6D4";
|
|
553
|
-
readonly "cyan.600": "#0891B2";
|
|
554
|
-
readonly "cyan.700": "#0E7490";
|
|
555
|
-
readonly "cyan.800": "#155E75";
|
|
556
|
-
readonly "cyan.900": "#083344";
|
|
557
|
-
readonly "green.50": "#E9F7F1";
|
|
558
|
-
readonly "green.100": "#D1F0E1";
|
|
559
|
-
readonly "green.200": "#A5E1C3";
|
|
560
|
-
readonly "green.300": "#7CD2A7";
|
|
561
|
-
readonly "green.400": "#5AC58A";
|
|
562
|
-
readonly "green.500": "#03A65D";
|
|
563
|
-
readonly "green.600": "#038047";
|
|
564
|
-
readonly "green.700": "#24663E";
|
|
565
|
-
readonly "green.800": "#17492B";
|
|
566
|
-
readonly "green.900": "#082415";
|
|
567
|
-
readonly "magenta.50": "#FDF4FF";
|
|
568
|
-
readonly "magenta.100": "#FAE8FF";
|
|
569
|
-
readonly "magenta.200": "#F5D0FE";
|
|
570
|
-
readonly "magenta.300": "#F0ABFC";
|
|
571
|
-
readonly "magenta.400": "#D765E9";
|
|
572
|
-
readonly "magenta.500": "#C026D3";
|
|
573
|
-
readonly "magenta.600": "#A21CAF";
|
|
574
|
-
readonly "magenta.700": "#86198F";
|
|
575
|
-
readonly "magenta.800": "#701A75";
|
|
576
|
-
readonly "magenta.900": "#4A044E";
|
|
577
|
-
readonly "neutral.00": "#FFFFFF";
|
|
578
|
-
readonly "neutral.50": "#F9FAFC";
|
|
579
|
-
readonly "neutral.75": "#F5F6FA";
|
|
580
|
-
readonly "neutral.100": "#E9EDF5";
|
|
581
|
-
readonly "neutral.150": "#DADFEB";
|
|
582
|
-
readonly "neutral.200": "#CACFDC";
|
|
583
|
-
readonly "neutral.300": "#B8BECB";
|
|
584
|
-
readonly "neutral.500": "#868FA4";
|
|
585
|
-
readonly "neutral.600": "#626A81";
|
|
586
|
-
readonly "neutral.700": "#4F576E";
|
|
587
|
-
readonly "neutral.800": "#2E3442";
|
|
588
|
-
readonly "neutral.900": "#1C212B";
|
|
589
|
-
readonly "neutral.1000": "#1C2029";
|
|
590
|
-
readonly "neutral.1100": "#171A23";
|
|
591
|
-
readonly "neutral.1200": "#091E42";
|
|
592
|
-
readonly "neutral.50/6": "#F9FAFC0F";
|
|
593
|
-
readonly "neutral.50/12": "#F9FAFC1F";
|
|
594
|
-
readonly "neutral.50/18": "#F9FAFC2E";
|
|
595
|
-
readonly "neutral.50/22": "#F9FAFC38";
|
|
596
|
-
readonly "neutral.50/32": "#F9FAFC52";
|
|
597
|
-
readonly "neutral.1200/4": "#091E420A";
|
|
598
|
-
readonly "neutral.1200/8": "#091E4214";
|
|
599
|
-
readonly "neutral.1200/16": "#091E4229";
|
|
600
|
-
readonly "neutral.1200/22": "#091E4238";
|
|
601
|
-
readonly "neutral.1200/32": "#091E4252";
|
|
602
|
-
readonly "purple.50": "#F1ECF8";
|
|
603
|
-
readonly "purple.100": "#E5DCF4";
|
|
604
|
-
readonly "purple.200": "#C4B1E2";
|
|
605
|
-
readonly "purple.300": "#9570D1";
|
|
606
|
-
readonly "purple.400": "#7E51C8";
|
|
607
|
-
readonly "purple.500": "#693AB6";
|
|
608
|
-
readonly "purple.600": "#532E8F";
|
|
609
|
-
readonly "purple.700": "#412470";
|
|
610
|
-
readonly "purple.800": "#331C59";
|
|
611
|
-
readonly "purple.900": "#261542";
|
|
612
|
-
readonly "red.50": "#FFF7F7";
|
|
613
|
-
readonly "red.100": "#FFD7D7";
|
|
614
|
-
readonly "red.200": "#FFB4B4";
|
|
615
|
-
readonly "red.300": "#FC8B8B";
|
|
616
|
-
readonly "red.400": "#F64F4F";
|
|
617
|
-
readonly "red.500": "#CC1616";
|
|
618
|
-
readonly "red.600": "#B21313";
|
|
619
|
-
readonly "red.700": "#911D1D";
|
|
620
|
-
readonly "red.800": "#601313";
|
|
621
|
-
readonly "red.900": "#300A0A";
|
|
622
|
-
readonly "yellow.50": "#FFFAEA";
|
|
623
|
-
readonly "yellow.100": "#FEF1C6";
|
|
624
|
-
readonly "yellow.200": "#FEDF88";
|
|
625
|
-
readonly "yellow.300": "#FFC84B";
|
|
626
|
-
readonly "yellow.400": "#FDB022";
|
|
627
|
-
readonly "yellow.500": "#F79008";
|
|
628
|
-
readonly "yellow.600": "#DC6903";
|
|
629
|
-
readonly "yellow.700": "#B54707";
|
|
630
|
-
readonly "yellow.800": "#7A2E0D";
|
|
631
|
-
readonly "yellow.900": "#4E1D09";
|
|
462
|
+
readonly "link.fg.default": "#0037FF";
|
|
463
|
+
readonly "link.fg.default.hovered": "#002CCC";
|
|
464
|
+
readonly "link.fg.inverse": "#FFFFFF";
|
|
465
|
+
readonly "link.fg.subtle": "#2E3442";
|
|
466
|
+
readonly "link.fg.visited": "#693AB6";
|
|
467
|
+
readonly "spinner.bg.default": "#091E42";
|
|
468
|
+
readonly "spinner.bg.inverse": "#F9FAFC";
|
|
469
|
+
readonly "spinner.fg.default": "#2E3442";
|
|
470
|
+
readonly "spinner.fg.inverse": "#CACFDC";
|
|
632
471
|
};
|
|
633
472
|
readonly fontFamily: {
|
|
634
473
|
readonly mono: "Fira Code Variable, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace";
|
|
@@ -747,6 +586,7 @@ declare const tokens: {
|
|
|
747
586
|
readonly lg: "1200px";
|
|
748
587
|
};
|
|
749
588
|
readonly size: {
|
|
589
|
+
readonly "2xs": "16px";
|
|
750
590
|
readonly xs: "20px";
|
|
751
591
|
readonly sm: "24px";
|
|
752
592
|
readonly md: "32px";
|
|
@@ -831,6 +671,20 @@ declare const tokens: {
|
|
|
831
671
|
};
|
|
832
672
|
declare const tokensDark: {
|
|
833
673
|
readonly colors: {
|
|
674
|
+
readonly current: "currentColor";
|
|
675
|
+
readonly transparent: "transparent";
|
|
676
|
+
readonly "avatar.bg.blue": "#2F7AEE";
|
|
677
|
+
readonly "avatar.bg.cyan": "#083344";
|
|
678
|
+
readonly "avatar.bg.green": "#082415";
|
|
679
|
+
readonly "avatar.bg.magenta": "#4A044E";
|
|
680
|
+
readonly "avatar.bg.purple": "#261542";
|
|
681
|
+
readonly "avatar.bg.yellow": "#4E1D09";
|
|
682
|
+
readonly "avatar.fg.blue": "#C6DBFA";
|
|
683
|
+
readonly "avatar.fg.cyan": "#99F0F9";
|
|
684
|
+
readonly "avatar.fg.green": "#A5E1C3";
|
|
685
|
+
readonly "avatar.fg.magenta": "#F5D0FE";
|
|
686
|
+
readonly "avatar.fg.purple": "#C4B1E2";
|
|
687
|
+
readonly "avatar.fg.yellow": "#FEDF88";
|
|
834
688
|
readonly "bg.accent": "#2E66F7";
|
|
835
689
|
readonly "bg.accent.hovered": "#2E66F7";
|
|
836
690
|
readonly "bg.accent.light": "#001666";
|
|
@@ -845,9 +699,10 @@ declare const tokensDark: {
|
|
|
845
699
|
readonly "bg.error.light": "#911D1D";
|
|
846
700
|
readonly "bg.error.pressed": "#B21313";
|
|
847
701
|
readonly "bg.error.subtle": "#601313";
|
|
848
|
-
readonly "bg.
|
|
849
|
-
readonly "bg.information
|
|
850
|
-
readonly "bg.information.
|
|
702
|
+
readonly "bg.error.subtlest": "#300A0A";
|
|
703
|
+
readonly "bg.information": "#115DD4";
|
|
704
|
+
readonly "bg.information.light": "#09306D";
|
|
705
|
+
readonly "bg.information.subtle": "#051939";
|
|
851
706
|
readonly "bg.overlay": "#F9FAFC52";
|
|
852
707
|
readonly "bg.page": "#171A23";
|
|
853
708
|
readonly "bg.secondary": "#1C212B";
|
|
@@ -882,128 +737,32 @@ declare const tokensDark: {
|
|
|
882
737
|
readonly "fg.disabled": "#F9FAFC52";
|
|
883
738
|
readonly "fg.error": "#FC8B8B";
|
|
884
739
|
readonly "fg.error.hovered": "#B21313";
|
|
740
|
+
readonly "fg.error.light": "#FC8B8B";
|
|
885
741
|
readonly "fg.error.strong": "#FFB4B4";
|
|
886
|
-
readonly "fg.information": "#
|
|
887
|
-
readonly "fg.information.
|
|
888
|
-
readonly "fg.
|
|
889
|
-
readonly "fg.link.hovered": "#0037FF";
|
|
890
|
-
readonly "fg.link.visited": "#6A8FFC";
|
|
742
|
+
readonly "fg.information": "#7BAAF4";
|
|
743
|
+
readonly "fg.information.light": "#7BAAF4";
|
|
744
|
+
readonly "fg.information.strong": "#A1C2F7";
|
|
891
745
|
readonly "fg.secondary": "#CACFDC";
|
|
892
746
|
readonly "fg.success": "#7CD2A7";
|
|
893
747
|
readonly "fg.success.hovered": "#038047";
|
|
748
|
+
readonly "fg.success.light": "#7CD2A7";
|
|
894
749
|
readonly "fg.success.strong": "#A5E1C3";
|
|
895
750
|
readonly "fg.tertiary": "#868FA4";
|
|
896
751
|
readonly "fg.warning": "#FFC84B";
|
|
897
752
|
readonly "fg.warning.hovered": "#DC6903";
|
|
753
|
+
readonly "fg.warning.inverse": "#2E3442";
|
|
754
|
+
readonly "fg.warning.light": "#FFC84B";
|
|
898
755
|
readonly "fg.warning.strong": "#FEDF88";
|
|
899
756
|
readonly "fg.white": "#FFFFFF";
|
|
900
|
-
readonly
|
|
901
|
-
readonly
|
|
902
|
-
readonly "
|
|
903
|
-
readonly "
|
|
904
|
-
readonly "
|
|
905
|
-
readonly "
|
|
906
|
-
readonly "
|
|
907
|
-
readonly "
|
|
908
|
-
readonly "
|
|
909
|
-
readonly "blue.700": "#095EA4";
|
|
910
|
-
readonly "blue.800": "#064274";
|
|
911
|
-
readonly "blue.900": "#032541";
|
|
912
|
-
readonly "brand.50": "#F0F3FF";
|
|
913
|
-
readonly "brand.100": "#CDD8FC";
|
|
914
|
-
readonly "brand.200": "#B3C3FF";
|
|
915
|
-
readonly "brand.300": "#6A8FFC";
|
|
916
|
-
readonly "brand.400": "#2E66F7";
|
|
917
|
-
readonly "brand.500": "#0037FF";
|
|
918
|
-
readonly "brand.600": "#002CCC";
|
|
919
|
-
readonly "brand.700": "#002894";
|
|
920
|
-
readonly "brand.800": "#001666";
|
|
921
|
-
readonly "brand.900": "#000B33";
|
|
922
|
-
readonly "cyan.50": "#ECFEFF";
|
|
923
|
-
readonly "cyan.100": "#CFFAFE";
|
|
924
|
-
readonly "cyan.200": "#99F0F9";
|
|
925
|
-
readonly "cyan.300": "#67E8F9";
|
|
926
|
-
readonly "cyan.400": "#22D3EE";
|
|
927
|
-
readonly "cyan.500": "#06B6D4";
|
|
928
|
-
readonly "cyan.600": "#0891B2";
|
|
929
|
-
readonly "cyan.700": "#0E7490";
|
|
930
|
-
readonly "cyan.800": "#155E75";
|
|
931
|
-
readonly "cyan.900": "#083344";
|
|
932
|
-
readonly "green.50": "#E9F7F1";
|
|
933
|
-
readonly "green.100": "#D1F0E1";
|
|
934
|
-
readonly "green.200": "#A5E1C3";
|
|
935
|
-
readonly "green.300": "#7CD2A7";
|
|
936
|
-
readonly "green.400": "#5AC58A";
|
|
937
|
-
readonly "green.500": "#03A65D";
|
|
938
|
-
readonly "green.600": "#038047";
|
|
939
|
-
readonly "green.700": "#24663E";
|
|
940
|
-
readonly "green.800": "#17492B";
|
|
941
|
-
readonly "green.900": "#082415";
|
|
942
|
-
readonly "magenta.50": "#FDF4FF";
|
|
943
|
-
readonly "magenta.100": "#FAE8FF";
|
|
944
|
-
readonly "magenta.200": "#F5D0FE";
|
|
945
|
-
readonly "magenta.300": "#F0ABFC";
|
|
946
|
-
readonly "magenta.400": "#D765E9";
|
|
947
|
-
readonly "magenta.500": "#C026D3";
|
|
948
|
-
readonly "magenta.600": "#A21CAF";
|
|
949
|
-
readonly "magenta.700": "#86198F";
|
|
950
|
-
readonly "magenta.800": "#701A75";
|
|
951
|
-
readonly "magenta.900": "#4A044E";
|
|
952
|
-
readonly "neutral.00": "#FFFFFF";
|
|
953
|
-
readonly "neutral.50": "#F9FAFC";
|
|
954
|
-
readonly "neutral.75": "#F5F6FA";
|
|
955
|
-
readonly "neutral.100": "#E9EDF5";
|
|
956
|
-
readonly "neutral.150": "#DADFEB";
|
|
957
|
-
readonly "neutral.200": "#CACFDC";
|
|
958
|
-
readonly "neutral.300": "#B8BECB";
|
|
959
|
-
readonly "neutral.500": "#868FA4";
|
|
960
|
-
readonly "neutral.600": "#626A81";
|
|
961
|
-
readonly "neutral.700": "#4F576E";
|
|
962
|
-
readonly "neutral.800": "#2E3442";
|
|
963
|
-
readonly "neutral.900": "#1C212B";
|
|
964
|
-
readonly "neutral.1000": "#1C2029";
|
|
965
|
-
readonly "neutral.1100": "#171A23";
|
|
966
|
-
readonly "neutral.1200": "#091E42";
|
|
967
|
-
readonly "neutral.50/6": "#F9FAFC0F";
|
|
968
|
-
readonly "neutral.50/12": "#F9FAFC1F";
|
|
969
|
-
readonly "neutral.50/18": "#F9FAFC2E";
|
|
970
|
-
readonly "neutral.50/22": "#F9FAFC38";
|
|
971
|
-
readonly "neutral.50/32": "#F9FAFC52";
|
|
972
|
-
readonly "neutral.1200/4": "#091E420A";
|
|
973
|
-
readonly "neutral.1200/8": "#091E4214";
|
|
974
|
-
readonly "neutral.1200/16": "#091E4229";
|
|
975
|
-
readonly "neutral.1200/22": "#091E4238";
|
|
976
|
-
readonly "neutral.1200/32": "#091E4252";
|
|
977
|
-
readonly "purple.50": "#F1ECF8";
|
|
978
|
-
readonly "purple.100": "#E5DCF4";
|
|
979
|
-
readonly "purple.200": "#C4B1E2";
|
|
980
|
-
readonly "purple.300": "#9570D1";
|
|
981
|
-
readonly "purple.400": "#7E51C8";
|
|
982
|
-
readonly "purple.500": "#693AB6";
|
|
983
|
-
readonly "purple.600": "#532E8F";
|
|
984
|
-
readonly "purple.700": "#412470";
|
|
985
|
-
readonly "purple.800": "#331C59";
|
|
986
|
-
readonly "purple.900": "#261542";
|
|
987
|
-
readonly "red.50": "#FFF7F7";
|
|
988
|
-
readonly "red.100": "#FFD7D7";
|
|
989
|
-
readonly "red.200": "#FFB4B4";
|
|
990
|
-
readonly "red.300": "#FC8B8B";
|
|
991
|
-
readonly "red.400": "#F64F4F";
|
|
992
|
-
readonly "red.500": "#CC1616";
|
|
993
|
-
readonly "red.600": "#B21313";
|
|
994
|
-
readonly "red.700": "#911D1D";
|
|
995
|
-
readonly "red.800": "#601313";
|
|
996
|
-
readonly "red.900": "#300A0A";
|
|
997
|
-
readonly "yellow.50": "#FFFAEA";
|
|
998
|
-
readonly "yellow.100": "#FEF1C6";
|
|
999
|
-
readonly "yellow.200": "#FEDF88";
|
|
1000
|
-
readonly "yellow.300": "#FFC84B";
|
|
1001
|
-
readonly "yellow.400": "#FDB022";
|
|
1002
|
-
readonly "yellow.500": "#F79008";
|
|
1003
|
-
readonly "yellow.600": "#DC6903";
|
|
1004
|
-
readonly "yellow.700": "#B54707";
|
|
1005
|
-
readonly "yellow.800": "#7A2E0D";
|
|
1006
|
-
readonly "yellow.900": "#4E1D09";
|
|
757
|
+
readonly "link.fg.default": "#FFFFFF";
|
|
758
|
+
readonly "link.fg.default.hovered": "#FFFFFF";
|
|
759
|
+
readonly "link.fg.inverse": "#FFFFFF";
|
|
760
|
+
readonly "link.fg.subtle": "#FFFFFF";
|
|
761
|
+
readonly "link.fg.visited": "#FFFFFF";
|
|
762
|
+
readonly "spinner.bg.default": "#F9FAFC";
|
|
763
|
+
readonly "spinner.bg.inverse": "#F9FAFC";
|
|
764
|
+
readonly "spinner.fg.default": "#FFFFFF";
|
|
765
|
+
readonly "spinner.fg.inverse": "#FFFFFF";
|
|
1007
766
|
};
|
|
1008
767
|
readonly borderRadius: {
|
|
1009
768
|
readonly xs: "2px";
|
|
@@ -1146,6 +905,7 @@ declare const tokensDark: {
|
|
|
1146
905
|
readonly lg: "1200px";
|
|
1147
906
|
};
|
|
1148
907
|
readonly size: {
|
|
908
|
+
readonly "2xs": "16px";
|
|
1149
909
|
readonly xs: "20px";
|
|
1150
910
|
readonly sm: "24px";
|
|
1151
911
|
readonly md: "32px";
|
package/dist/theme-css.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
var theme = {borderRadius:{xs:'var(--ax-borderRadius-xs)',sm:'var(--ax-borderRadius-sm)',md:'var(--ax-borderRadius-md)',lg:'var(--ax-borderRadius-lg)',xl:'var(--ax-borderRadius-xl)',full:'var(--ax-borderRadius-full)',none:'var(--ax-borderRadius-none)'},borderWidth:{'0':'var(--ax-borderWidth-0)','1':'var(--ax-borderWidth-1)','2':'var(--ax-borderWidth-2)','4':'var(--ax-borderWidth-4)'},boxShadow:{xs:'var(--ax-boxShadow-xs)',sm:'var(--ax-boxShadow-sm)',md:'var(--ax-boxShadow-md)',lg:'var(--ax-boxShadow-lg)',xl:'var(--ax-boxShadow-xl)',inner:'var(--ax-boxShadow-inner)',none:'var(--ax-boxShadow-none)'},colors:{current:'var(--ax-colors-current)',transparent:'var(--ax-colors-transparent)','blue.50':'var(--ax-colors-blue-50)','blue.100':'var(--ax-colors-blue-100)','blue.200':'var(--ax-colors-blue-200)','blue.300':'var(--ax-colors-blue-300)','blue.400':'var(--ax-colors-blue-400)','blue.500':'var(--ax-colors-blue-500)','blue.600':'var(--ax-colors-blue-600)','blue.700':'var(--ax-colors-blue-700)','blue.800':'var(--ax-colors-blue-800)','blue.900':'var(--ax-colors-blue-900)','brand.50':'var(--ax-colors-brand-50)','brand.100':'var(--ax-colors-brand-100)','brand.200':'var(--ax-colors-brand-200)','brand.300':'var(--ax-colors-brand-300)','brand.400':'var(--ax-colors-brand-400)','brand.500':'var(--ax-colors-brand-500)','brand.600':'var(--ax-colors-brand-600)','brand.700':'var(--ax-colors-brand-700)','brand.800':'var(--ax-colors-brand-800)','brand.900':'var(--ax-colors-brand-900)','cyan.50':'var(--ax-colors-cyan-50)','cyan.100':'var(--ax-colors-cyan-100)','cyan.200':'var(--ax-colors-cyan-200)','cyan.300':'var(--ax-colors-cyan-300)','cyan.400':'var(--ax-colors-cyan-400)','cyan.500':'var(--ax-colors-cyan-500)','cyan.600':'var(--ax-colors-cyan-600)','cyan.700':'var(--ax-colors-cyan-700)','cyan.800':'var(--ax-colors-cyan-800)','cyan.900':'var(--ax-colors-cyan-900)','green.50':'var(--ax-colors-green-50)','green.100':'var(--ax-colors-green-100)','green.200':'var(--ax-colors-green-200)','green.300':'var(--ax-colors-green-300)','green.400':'var(--ax-colors-green-400)','green.500':'var(--ax-colors-green-500)','green.600':'var(--ax-colors-green-600)','green.700':'var(--ax-colors-green-700)','green.800':'var(--ax-colors-green-800)','green.900':'var(--ax-colors-green-900)','magenta.50':'var(--ax-colors-magenta-50)','magenta.100':'var(--ax-colors-magenta-100)','magenta.200':'var(--ax-colors-magenta-200)','magenta.300':'var(--ax-colors-magenta-300)','magenta.400':'var(--ax-colors-magenta-400)','magenta.500':'var(--ax-colors-magenta-500)','magenta.600':'var(--ax-colors-magenta-600)','magenta.700':'var(--ax-colors-magenta-700)','magenta.800':'var(--ax-colors-magenta-800)','magenta.900':'var(--ax-colors-magenta-900)','neutral.00':'var(--ax-colors-neutral-00)','neutral.50':'var(--ax-colors-neutral-50)','neutral.75':'var(--ax-colors-neutral-75)','neutral.100':'var(--ax-colors-neutral-100)','neutral.150':'var(--ax-colors-neutral-150)','neutral.200':'var(--ax-colors-neutral-200)','neutral.300':'var(--ax-colors-neutral-300)','neutral.500':'var(--ax-colors-neutral-500)','neutral.600':'var(--ax-colors-neutral-600)','neutral.700':'var(--ax-colors-neutral-700)','neutral.800':'var(--ax-colors-neutral-800)','neutral.900':'var(--ax-colors-neutral-900)','neutral.1000':'var(--ax-colors-neutral-1000)','neutral.1100':'var(--ax-colors-neutral-1100)','neutral.1200':'var(--ax-colors-neutral-1200)','neutral.50/6':'var(--ax-colors-neutral-50-6)','neutral.50/12':'var(--ax-colors-neutral-50-12)','neutral.50/18':'var(--ax-colors-neutral-50-18)','neutral.50/22':'var(--ax-colors-neutral-50-22)','neutral.50/32':'var(--ax-colors-neutral-50-32)','neutral.1200/4':'var(--ax-colors-neutral-1200-4)','neutral.1200/8':'var(--ax-colors-neutral-1200-8)','neutral.1200/16':'var(--ax-colors-neutral-1200-16)','neutral.1200/22':'var(--ax-colors-neutral-1200-22)','neutral.1200/32':'var(--ax-colors-neutral-1200-32)','purple.50':'var(--ax-colors-purple-50)','purple.100':'var(--ax-colors-purple-100)','purple.200':'var(--ax-colors-purple-200)','purple.300':'var(--ax-colors-purple-300)','purple.400':'var(--ax-colors-purple-400)','purple.500':'var(--ax-colors-purple-500)','purple.600':'var(--ax-colors-purple-600)','purple.700':'var(--ax-colors-purple-700)','purple.800':'var(--ax-colors-purple-800)','purple.900':'var(--ax-colors-purple-900)','red.50':'var(--ax-colors-red-50)','red.100':'var(--ax-colors-red-100)','red.200':'var(--ax-colors-red-200)','red.300':'var(--ax-colors-red-300)','red.400':'var(--ax-colors-red-400)','red.500':'var(--ax-colors-red-500)','red.600':'var(--ax-colors-red-600)','red.700':'var(--ax-colors-red-700)','red.800':'var(--ax-colors-red-800)','red.900':'var(--ax-colors-red-900)','yellow.50':'var(--ax-colors-yellow-50)','yellow.100':'var(--ax-colors-yellow-100)','yellow.200':'var(--ax-colors-yellow-200)','yellow.300':'var(--ax-colors-yellow-300)','yellow.400':'var(--ax-colors-yellow-400)','yellow.500':'var(--ax-colors-yellow-500)','yellow.600':'var(--ax-colors-yellow-600)','yellow.700':'var(--ax-colors-yellow-700)','yellow.800':'var(--ax-colors-yellow-800)','yellow.900':'var(--ax-colors-yellow-900)','bg.accent':'var(--ax-colors-bg-accent)','bg.accent.hovered':'var(--ax-colors-bg-accent-hovered)','bg.accent.light':'var(--ax-colors-bg-accent-light)','bg.accent.pressed':'var(--ax-colors-bg-accent-pressed)','bg.accent.subtle':'var(--ax-colors-bg-accent-subtle)','bg.default':'var(--ax-colors-bg-default)','bg.default.inverse':'var(--ax-colors-bg-default-inverse)','bg.default.inverse.hovered':'var(--ax-colors-bg-default-inverse-hovered)','bg.default.inverse.pressed':'var(--ax-colors-bg-default-inverse-pressed)','bg.error':'var(--ax-colors-bg-error)','bg.error.hovered':'var(--ax-colors-bg-error-hovered)','bg.error.light':'var(--ax-colors-bg-error-light)','bg.error.pressed':'var(--ax-colors-bg-error-pressed)','bg.error.subtle':'var(--ax-colors-bg-error-subtle)','bg.information':'var(--ax-colors-bg-information)','bg.information.light':'var(--ax-colors-bg-information-light)','bg.information.subtle':'var(--ax-colors-bg-information-subtle)','bg.overlay':'var(--ax-colors-bg-overlay)','bg.page':'var(--ax-colors-bg-page)','bg.secondary':'var(--ax-colors-bg-secondary)','bg.secondary.hovered':'var(--ax-colors-bg-secondary-hovered)','bg.success':'var(--ax-colors-bg-success)','bg.success.hovered':'var(--ax-colors-bg-success-hovered)','bg.success.light':'var(--ax-colors-bg-success-light)','bg.success.subtle':'var(--ax-colors-bg-success-subtle)','bg.tertiary':'var(--ax-colors-bg-tertiary)','bg.tertiary.hovered':'var(--ax-colors-bg-tertiary-hovered)','bg.warning':'var(--ax-colors-bg-warning)','bg.warning.hovered':'var(--ax-colors-bg-warning-hovered)','bg.warning.light':'var(--ax-colors-bg-warning-light)','bg.warning.subtle':'var(--ax-colors-bg-warning-subtle)','border.accent':'var(--ax-colors-border-accent)','border.active':'var(--ax-colors-border-active)','border.active.hovered':'var(--ax-colors-border-active-hovered)','border.default':'var(--ax-colors-border-default)','border.default.hovered':'var(--ax-colors-border-default-hovered)','border.disabled':'var(--ax-colors-border-disabled)','border.error':'var(--ax-colors-border-error)','border.focus':'var(--ax-colors-border-focus)','border.secondary':'var(--ax-colors-border-secondary)','border.success':'var(--ax-colors-border-success)','border.tertiary':'var(--ax-colors-border-tertiary)','border.warning':'var(--ax-colors-border-warning)','fg.accent':'var(--ax-colors-fg-accent)','fg.accent.hovered':'var(--ax-colors-fg-accent-hovered)','fg.accent.strong':'var(--ax-colors-fg-accent-strong)','fg.default':'var(--ax-colors-fg-default)','fg.default.inverse':'var(--ax-colors-fg-default-inverse)','fg.disabled':'var(--ax-colors-fg-disabled)','fg.error':'var(--ax-colors-fg-error)','fg.error.hovered':'var(--ax-colors-fg-error-hovered)','fg.error.strong':'var(--ax-colors-fg-error-strong)','fg.information':'var(--ax-colors-fg-information)','fg.information.strong':'var(--ax-colors-fg-information-strong)','fg.link':'var(--ax-colors-fg-link)','fg.link.hovered':'var(--ax-colors-fg-link-hovered)','fg.link.visited':'var(--ax-colors-fg-link-visited)','fg.secondary':'var(--ax-colors-fg-secondary)','fg.success':'var(--ax-colors-fg-success)','fg.success.hovered':'var(--ax-colors-fg-success-hovered)','fg.success.strong':'var(--ax-colors-fg-success-strong)','fg.tertiary':'var(--ax-colors-fg-tertiary)','fg.warning':'var(--ax-colors-fg-warning)','fg.warning.hovered':'var(--ax-colors-fg-warning-hovered)','fg.warning.strong':'var(--ax-colors-fg-warning-strong)','fg.white':'var(--ax-colors-fg-white)'},fontFamily:{mono:'var(--ax-fontFamily-mono)',sans:'var(--ax-fontFamily-sans)'},fontSize:{xs:{fontSize:'var(--ax-fontSize-xs-fontSize)',lineHeight:'var(--ax-fontSize-xs-lineHeight)'},sm:{fontSize:'var(--ax-fontSize-sm-fontSize)',lineHeight:'var(--ax-fontSize-sm-lineHeight)'},md:{fontSize:'var(--ax-fontSize-md-fontSize)',lineHeight:'var(--ax-fontSize-md-lineHeight)'},lg:{fontSize:'var(--ax-fontSize-lg-fontSize)',lineHeight:'var(--ax-fontSize-lg-lineHeight)'},xl:{fontSize:'var(--ax-fontSize-xl-fontSize)',lineHeight:'var(--ax-fontSize-xl-lineHeight)'},'2xl':{fontSize:'var(--ax-fontSize-2xl-fontSize)',lineHeight:'var(--ax-fontSize-2xl-lineHeight)'},'3xl':{fontSize:'var(--ax-fontSize-3xl-fontSize)',lineHeight:'var(--ax-fontSize-3xl-lineHeight)'},'4xl':{fontSize:'var(--ax-fontSize-4xl-fontSize)',lineHeight:'var(--ax-fontSize-4xl-lineHeight)'},'5xl':{fontSize:'var(--ax-fontSize-5xl-fontSize)',lineHeight:'var(--ax-fontSize-5xl-lineHeight)'},'6xl':{fontSize:'var(--ax-fontSize-6xl-fontSize)',lineHeight:'var(--ax-fontSize-6xl-lineHeight)'},'7xl':{fontSize:'var(--ax-fontSize-7xl-fontSize)',lineHeight:'var(--ax-fontSize-7xl-lineHeight)'}},letterSpacing:{tighter:'var(--ax-letterSpacing-tighter)',tight:'var(--ax-letterSpacing-tight)',normal:'var(--ax-letterSpacing-normal)',wide:'var(--ax-letterSpacing-wide)',wider:'var(--ax-letterSpacing-wider)',widest:'var(--ax-letterSpacing-widest)'},lineHeight:{none:'var(--ax-lineHeight-none)',tight:'var(--ax-lineHeight-tight)',normal:'var(--ax-lineHeight-normal)',loose:'var(--ax-lineHeight-loose)'},margins:{'0':'var(--ax-margins-0)','2':'var(--ax-margins-2)','4':'var(--ax-margins-4)','6':'var(--ax-margins-6)','8':'var(--ax-margins-8)','10':'var(--ax-margins-10)','12':'var(--ax-margins-12)','16':'var(--ax-margins-16)','20':'var(--ax-margins-20)','24':'var(--ax-margins-24)','32':'var(--ax-margins-32)','48':'var(--ax-margins-48)','64':'var(--ax-margins-64)','80':'var(--ax-margins-80)',xs:'var(--ax-margins-xs)',sm:'var(--ax-margins-sm)',md:'var(--ax-margins-md)',lg:'var(--ax-margins-lg)',xl:'var(--ax-margins-xl)','-xs':'var(--ax-margins--xs)','-sm':'var(--ax-margins--sm)','-md':'var(--ax-margins--md)','-lg':'var(--ax-margins--lg)','-xl':'var(--ax-margins--xl)','-2':'var(--ax-margins--2)','-4':'var(--ax-margins--4)','-6':'var(--ax-margins--6)','-8':'var(--ax-margins--8)','-10':'var(--ax-margins--10)','-12':'var(--ax-margins--12)','-16':'var(--ax-margins--16)','-24':'var(--ax-margins--24)','-32':'var(--ax-margins--32)','-48':'var(--ax-margins--48)','-64':'var(--ax-margins--64)','-80':'var(--ax-margins--80)'},maxSize:{xs:'var(--ax-maxSize-xs)',sm:'var(--ax-maxSize-sm)',md:'var(--ax-maxSize-md)',lg:'var(--ax-maxSize-lg)',xl:'var(--ax-maxSize-xl)','2xl':'var(--ax-maxSize-2xl)',full:'var(--ax-maxSize-full)'},screens:{sm:'var(--ax-screens-sm)',md:'var(--ax-screens-md)',lg:'var(--ax-screens-lg)'},size:{'0':'var(--ax-size-0)','1':'var(--ax-size-1)','2':'var(--ax-size-2)','4':'var(--ax-size-4)','6':'var(--ax-size-6)','8':'var(--ax-size-8)','12':'var(--ax-size-12)','16':'var(--ax-size-16)','20':'var(--ax-size-20)','24':'var(--ax-size-24)','32':'var(--ax-size-32)','40':'var(--ax-size-40)','48':'var(--ax-size-48)','56':'var(--ax-size-56)','64':'var(--ax-size-64)','80':'var(--ax-size-80)','96':'var(--ax-size-96)','112':'var(--ax-size-112)','128':'var(--ax-size-128)','144':'var(--ax-size-144)','160':'var(--ax-size-160)','176':'var(--ax-size-176)','192':'var(--ax-size-192)','208':'var(--ax-size-208)','224':'var(--ax-size-224)','240':'var(--ax-size-240)','256':'var(--ax-size-256)','288':'var(--ax-size-288)','320':'var(--ax-size-320)','384':'var(--ax-size-384)',xs:'var(--ax-size-xs)',sm:'var(--ax-size-sm)',md:'var(--ax-size-md)',lg:'var(--ax-size-lg)',xl:'var(--ax-size-xl)','5xl':'var(--ax-size-5xl)','1/2':'var(--ax-size-1-2)','1/3':'var(--ax-size-1-3)','2/3':'var(--ax-size-2-3)','1/4':'var(--ax-size-1-4)','2/4':'var(--ax-size-2-4)','3/4':'var(--ax-size-3-4)',auto:'var(--ax-size-auto)',fit:'var(--ax-size-fit)',full:'var(--ax-size-full)',max:'var(--ax-size-max)',min:'var(--ax-size-min)'},spacing:{'0':'var(--ax-spacing-0)','2':'var(--ax-spacing-2)','4':'var(--ax-spacing-4)','6':'var(--ax-spacing-6)','8':'var(--ax-spacing-8)','10':'var(--ax-spacing-10)','12':'var(--ax-spacing-12)','16':'var(--ax-spacing-16)','20':'var(--ax-spacing-20)','24':'var(--ax-spacing-24)','32':'var(--ax-spacing-32)','48':'var(--ax-spacing-48)','64':'var(--ax-spacing-64)','80':'var(--ax-spacing-80)',xs:'var(--ax-spacing-xs)',sm:'var(--ax-spacing-sm)',md:'var(--ax-spacing-md)',lg:'var(--ax-spacing-lg)',xl:'var(--ax-spacing-xl)'},zIndex:{'0':'var(--ax-zIndex-0)','10':'var(--ax-zIndex-10)','20':'var(--ax-zIndex-20)','30':'var(--ax-zIndex-30)','40':'var(--ax-zIndex-40)','50':'var(--ax-zIndex-50)',auto:'var(--ax-zIndex-auto)',popover:'var(--ax-zIndex-popover)',toast:'var(--ax-zIndex-toast)',tooltip:'var(--ax-zIndex-tooltip)'}};
|
|
1
|
+
var theme = {borderRadius:{xs:'var(--ax-borderRadius-xs)',sm:'var(--ax-borderRadius-sm)',md:'var(--ax-borderRadius-md)',lg:'var(--ax-borderRadius-lg)',xl:'var(--ax-borderRadius-xl)',full:'var(--ax-borderRadius-full)',none:'var(--ax-borderRadius-none)'},borderWidth:{'0':'var(--ax-borderWidth-0)','1':'var(--ax-borderWidth-1)','2':'var(--ax-borderWidth-2)','4':'var(--ax-borderWidth-4)'},boxShadow:{xs:'var(--ax-boxShadow-xs)',sm:'var(--ax-boxShadow-sm)',md:'var(--ax-boxShadow-md)',lg:'var(--ax-boxShadow-lg)',xl:'var(--ax-boxShadow-xl)',inner:'var(--ax-boxShadow-inner)',none:'var(--ax-boxShadow-none)'},colors:{current:'var(--ax-colors-current)',transparent:'var(--ax-colors-transparent)','avatar.bg.blue':'var(--ax-colors-avatar-bg-blue)','avatar.bg.cyan':'var(--ax-colors-avatar-bg-cyan)','avatar.bg.green':'var(--ax-colors-avatar-bg-green)','avatar.bg.magenta':'var(--ax-colors-avatar-bg-magenta)','avatar.bg.purple':'var(--ax-colors-avatar-bg-purple)','avatar.bg.yellow':'var(--ax-colors-avatar-bg-yellow)','avatar.fg.blue':'var(--ax-colors-avatar-fg-blue)','avatar.fg.cyan':'var(--ax-colors-avatar-fg-cyan)','avatar.fg.green':'var(--ax-colors-avatar-fg-green)','avatar.fg.magenta':'var(--ax-colors-avatar-fg-magenta)','avatar.fg.purple':'var(--ax-colors-avatar-fg-purple)','avatar.fg.yellow':'var(--ax-colors-avatar-fg-yellow)','bg.accent':'var(--ax-colors-bg-accent)','bg.accent.hovered':'var(--ax-colors-bg-accent-hovered)','bg.accent.light':'var(--ax-colors-bg-accent-light)','bg.accent.pressed':'var(--ax-colors-bg-accent-pressed)','bg.accent.subtle':'var(--ax-colors-bg-accent-subtle)','bg.default':'var(--ax-colors-bg-default)','bg.default.inverse':'var(--ax-colors-bg-default-inverse)','bg.default.inverse.hovered':'var(--ax-colors-bg-default-inverse-hovered)','bg.default.inverse.pressed':'var(--ax-colors-bg-default-inverse-pressed)','bg.error':'var(--ax-colors-bg-error)','bg.error.hovered':'var(--ax-colors-bg-error-hovered)','bg.error.light':'var(--ax-colors-bg-error-light)','bg.error.pressed':'var(--ax-colors-bg-error-pressed)','bg.error.subtle':'var(--ax-colors-bg-error-subtle)','bg.error.subtlest':'var(--ax-colors-bg-error-subtlest)','bg.information':'var(--ax-colors-bg-information)','bg.information.light':'var(--ax-colors-bg-information-light)','bg.information.subtle':'var(--ax-colors-bg-information-subtle)','bg.overlay':'var(--ax-colors-bg-overlay)','bg.page':'var(--ax-colors-bg-page)','bg.secondary':'var(--ax-colors-bg-secondary)','bg.secondary.hovered':'var(--ax-colors-bg-secondary-hovered)','bg.success':'var(--ax-colors-bg-success)','bg.success.hovered':'var(--ax-colors-bg-success-hovered)','bg.success.light':'var(--ax-colors-bg-success-light)','bg.success.subtle':'var(--ax-colors-bg-success-subtle)','bg.tertiary':'var(--ax-colors-bg-tertiary)','bg.tertiary.hovered':'var(--ax-colors-bg-tertiary-hovered)','bg.warning':'var(--ax-colors-bg-warning)','bg.warning.hovered':'var(--ax-colors-bg-warning-hovered)','bg.warning.light':'var(--ax-colors-bg-warning-light)','bg.warning.subtle':'var(--ax-colors-bg-warning-subtle)','border.accent':'var(--ax-colors-border-accent)','border.active':'var(--ax-colors-border-active)','border.active.hovered':'var(--ax-colors-border-active-hovered)','border.default':'var(--ax-colors-border-default)','border.default.hovered':'var(--ax-colors-border-default-hovered)','border.disabled':'var(--ax-colors-border-disabled)','border.error':'var(--ax-colors-border-error)','border.focus':'var(--ax-colors-border-focus)','border.secondary':'var(--ax-colors-border-secondary)','border.success':'var(--ax-colors-border-success)','border.tertiary':'var(--ax-colors-border-tertiary)','border.warning':'var(--ax-colors-border-warning)','fg.accent':'var(--ax-colors-fg-accent)','fg.accent.hovered':'var(--ax-colors-fg-accent-hovered)','fg.accent.strong':'var(--ax-colors-fg-accent-strong)','fg.default':'var(--ax-colors-fg-default)','fg.default.inverse':'var(--ax-colors-fg-default-inverse)','fg.disabled':'var(--ax-colors-fg-disabled)','fg.error':'var(--ax-colors-fg-error)','fg.error.hovered':'var(--ax-colors-fg-error-hovered)','fg.error.light':'var(--ax-colors-fg-error-light)','fg.error.strong':'var(--ax-colors-fg-error-strong)','fg.information':'var(--ax-colors-fg-information)','fg.information.light':'var(--ax-colors-fg-information-light)','fg.information.strong':'var(--ax-colors-fg-information-strong)','fg.secondary':'var(--ax-colors-fg-secondary)','fg.success':'var(--ax-colors-fg-success)','fg.success.hovered':'var(--ax-colors-fg-success-hovered)','fg.success.light':'var(--ax-colors-fg-success-light)','fg.success.strong':'var(--ax-colors-fg-success-strong)','fg.tertiary':'var(--ax-colors-fg-tertiary)','fg.warning':'var(--ax-colors-fg-warning)','fg.warning.hovered':'var(--ax-colors-fg-warning-hovered)','fg.warning.inverse':'var(--ax-colors-fg-warning-inverse)','fg.warning.light':'var(--ax-colors-fg-warning-light)','fg.warning.strong':'var(--ax-colors-fg-warning-strong)','fg.white':'var(--ax-colors-fg-white)','link.fg.default':'var(--ax-colors-link-fg-default)','link.fg.default.hovered':'var(--ax-colors-link-fg-default-hovered)','link.fg.inverse':'var(--ax-colors-link-fg-inverse)','link.fg.subtle':'var(--ax-colors-link-fg-subtle)','link.fg.visited':'var(--ax-colors-link-fg-visited)','spinner.bg.default':'var(--ax-colors-spinner-bg-default)','spinner.bg.inverse':'var(--ax-colors-spinner-bg-inverse)','spinner.fg.default':'var(--ax-colors-spinner-fg-default)','spinner.fg.inverse':'var(--ax-colors-spinner-fg-inverse)'},fontFamily:{mono:'var(--ax-fontFamily-mono)',sans:'var(--ax-fontFamily-sans)'},fontSize:{xs:{fontSize:'var(--ax-fontSize-xs-fontSize)',lineHeight:'var(--ax-fontSize-xs-lineHeight)'},sm:{fontSize:'var(--ax-fontSize-sm-fontSize)',lineHeight:'var(--ax-fontSize-sm-lineHeight)'},md:{fontSize:'var(--ax-fontSize-md-fontSize)',lineHeight:'var(--ax-fontSize-md-lineHeight)'},lg:{fontSize:'var(--ax-fontSize-lg-fontSize)',lineHeight:'var(--ax-fontSize-lg-lineHeight)'},xl:{fontSize:'var(--ax-fontSize-xl-fontSize)',lineHeight:'var(--ax-fontSize-xl-lineHeight)'},'2xl':{fontSize:'var(--ax-fontSize-2xl-fontSize)',lineHeight:'var(--ax-fontSize-2xl-lineHeight)'},'3xl':{fontSize:'var(--ax-fontSize-3xl-fontSize)',lineHeight:'var(--ax-fontSize-3xl-lineHeight)'},'4xl':{fontSize:'var(--ax-fontSize-4xl-fontSize)',lineHeight:'var(--ax-fontSize-4xl-lineHeight)'},'5xl':{fontSize:'var(--ax-fontSize-5xl-fontSize)',lineHeight:'var(--ax-fontSize-5xl-lineHeight)'},'6xl':{fontSize:'var(--ax-fontSize-6xl-fontSize)',lineHeight:'var(--ax-fontSize-6xl-lineHeight)'},'7xl':{fontSize:'var(--ax-fontSize-7xl-fontSize)',lineHeight:'var(--ax-fontSize-7xl-lineHeight)'}},letterSpacing:{tighter:'var(--ax-letterSpacing-tighter)',tight:'var(--ax-letterSpacing-tight)',normal:'var(--ax-letterSpacing-normal)',wide:'var(--ax-letterSpacing-wide)',wider:'var(--ax-letterSpacing-wider)',widest:'var(--ax-letterSpacing-widest)'},lineHeight:{none:'var(--ax-lineHeight-none)',tight:'var(--ax-lineHeight-tight)',normal:'var(--ax-lineHeight-normal)',loose:'var(--ax-lineHeight-loose)'},margins:{'0':'var(--ax-margins-0)','2':'var(--ax-margins-2)','4':'var(--ax-margins-4)','6':'var(--ax-margins-6)','8':'var(--ax-margins-8)','10':'var(--ax-margins-10)','12':'var(--ax-margins-12)','16':'var(--ax-margins-16)','20':'var(--ax-margins-20)','24':'var(--ax-margins-24)','32':'var(--ax-margins-32)','48':'var(--ax-margins-48)','64':'var(--ax-margins-64)','80':'var(--ax-margins-80)',xs:'var(--ax-margins-xs)',sm:'var(--ax-margins-sm)',md:'var(--ax-margins-md)',lg:'var(--ax-margins-lg)',xl:'var(--ax-margins-xl)','-xs':'var(--ax-margins--xs)','-sm':'var(--ax-margins--sm)','-md':'var(--ax-margins--md)','-lg':'var(--ax-margins--lg)','-xl':'var(--ax-margins--xl)','-2':'var(--ax-margins--2)','-4':'var(--ax-margins--4)','-6':'var(--ax-margins--6)','-8':'var(--ax-margins--8)','-10':'var(--ax-margins--10)','-12':'var(--ax-margins--12)','-16':'var(--ax-margins--16)','-24':'var(--ax-margins--24)','-32':'var(--ax-margins--32)','-48':'var(--ax-margins--48)','-64':'var(--ax-margins--64)','-80':'var(--ax-margins--80)'},maxSize:{xs:'var(--ax-maxSize-xs)',sm:'var(--ax-maxSize-sm)',md:'var(--ax-maxSize-md)',lg:'var(--ax-maxSize-lg)',xl:'var(--ax-maxSize-xl)','2xl':'var(--ax-maxSize-2xl)',full:'var(--ax-maxSize-full)'},screens:{sm:'var(--ax-screens-sm)',md:'var(--ax-screens-md)',lg:'var(--ax-screens-lg)'},size:{'0':'var(--ax-size-0)','1':'var(--ax-size-1)','2':'var(--ax-size-2)','4':'var(--ax-size-4)','6':'var(--ax-size-6)','8':'var(--ax-size-8)','12':'var(--ax-size-12)','16':'var(--ax-size-16)','20':'var(--ax-size-20)','24':'var(--ax-size-24)','32':'var(--ax-size-32)','40':'var(--ax-size-40)','48':'var(--ax-size-48)','56':'var(--ax-size-56)','64':'var(--ax-size-64)','80':'var(--ax-size-80)','96':'var(--ax-size-96)','112':'var(--ax-size-112)','128':'var(--ax-size-128)','144':'var(--ax-size-144)','160':'var(--ax-size-160)','176':'var(--ax-size-176)','192':'var(--ax-size-192)','208':'var(--ax-size-208)','224':'var(--ax-size-224)','240':'var(--ax-size-240)','256':'var(--ax-size-256)','288':'var(--ax-size-288)','320':'var(--ax-size-320)','384':'var(--ax-size-384)','2xs':'var(--ax-size-2xs)',xs:'var(--ax-size-xs)',sm:'var(--ax-size-sm)',md:'var(--ax-size-md)',lg:'var(--ax-size-lg)',xl:'var(--ax-size-xl)','5xl':'var(--ax-size-5xl)','1/2':'var(--ax-size-1-2)','1/3':'var(--ax-size-1-3)','2/3':'var(--ax-size-2-3)','1/4':'var(--ax-size-1-4)','2/4':'var(--ax-size-2-4)','3/4':'var(--ax-size-3-4)',auto:'var(--ax-size-auto)',fit:'var(--ax-size-fit)',full:'var(--ax-size-full)',max:'var(--ax-size-max)',min:'var(--ax-size-min)'},spacing:{'0':'var(--ax-spacing-0)','2':'var(--ax-spacing-2)','4':'var(--ax-spacing-4)','6':'var(--ax-spacing-6)','8':'var(--ax-spacing-8)','10':'var(--ax-spacing-10)','12':'var(--ax-spacing-12)','16':'var(--ax-spacing-16)','20':'var(--ax-spacing-20)','24':'var(--ax-spacing-24)','32':'var(--ax-spacing-32)','48':'var(--ax-spacing-48)','64':'var(--ax-spacing-64)','80':'var(--ax-spacing-80)',xs:'var(--ax-spacing-xs)',sm:'var(--ax-spacing-sm)',md:'var(--ax-spacing-md)',lg:'var(--ax-spacing-lg)',xl:'var(--ax-spacing-xl)'},zIndex:{'0':'var(--ax-zIndex-0)','10':'var(--ax-zIndex-10)','20':'var(--ax-zIndex-20)','30':'var(--ax-zIndex-30)','40':'var(--ax-zIndex-40)','50':'var(--ax-zIndex-50)',auto:'var(--ax-zIndex-auto)',popover:'var(--ax-zIndex-popover)',toast:'var(--ax-zIndex-toast)',tooltip:'var(--ax-zIndex-tooltip)'}};
|
|
2
2
|
|
|
3
3
|
export { theme };
|
package/dist/tokens/colors.js
CHANGED
|
@@ -1,18 +1,13 @@
|
|
|
1
1
|
const colorPalette = {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
"blue.
|
|
5
|
-
"blue.
|
|
6
|
-
"blue.
|
|
7
|
-
"blue.
|
|
8
|
-
"blue.
|
|
9
|
-
"blue.
|
|
10
|
-
"blue.600": "#0B77D0",
|
|
11
|
-
"blue.700": "#095EA4",
|
|
12
|
-
"blue.800": "#064274",
|
|
13
|
-
"blue.900": "#032541",
|
|
2
|
+
"blue.100": "#C6DBFA",
|
|
3
|
+
"blue.200": "#A1C2F7",
|
|
4
|
+
"blue.300": "#7BAAF4",
|
|
5
|
+
"blue.500": "#2F7AEE",
|
|
6
|
+
"blue.600": "#115DD4",
|
|
7
|
+
"blue.700": "#0D46A0",
|
|
8
|
+
"blue.800": "#09306D",
|
|
9
|
+
"blue.900": "#051939",
|
|
14
10
|
"brand.50": "#F0F3FF",
|
|
15
|
-
"brand.100": "#CDD8FC",
|
|
16
11
|
"brand.200": "#B3C3FF",
|
|
17
12
|
"brand.300": "#6A8FFC",
|
|
18
13
|
"brand.400": "#2E66F7",
|
|
@@ -21,17 +16,10 @@ const colorPalette = {
|
|
|
21
16
|
"brand.700": "#002894",
|
|
22
17
|
"brand.800": "#001666",
|
|
23
18
|
"brand.900": "#000B33",
|
|
24
|
-
"cyan.50": "#ECFEFF",
|
|
25
19
|
"cyan.100": "#CFFAFE",
|
|
26
20
|
"cyan.200": "#99F0F9",
|
|
27
|
-
"cyan.300": "#67E8F9",
|
|
28
|
-
"cyan.400": "#22D3EE",
|
|
29
|
-
"cyan.500": "#06B6D4",
|
|
30
|
-
"cyan.600": "#0891B2",
|
|
31
21
|
"cyan.700": "#0E7490",
|
|
32
|
-
"cyan.800": "#155E75",
|
|
33
22
|
"cyan.900": "#083344",
|
|
34
|
-
"green.50": "#E9F7F1",
|
|
35
23
|
"green.100": "#D1F0E1",
|
|
36
24
|
"green.200": "#A5E1C3",
|
|
37
25
|
"green.300": "#7CD2A7",
|
|
@@ -41,15 +29,9 @@ const colorPalette = {
|
|
|
41
29
|
"green.700": "#24663E",
|
|
42
30
|
"green.800": "#17492B",
|
|
43
31
|
"green.900": "#082415",
|
|
44
|
-
"magenta.50": "#FDF4FF",
|
|
45
32
|
"magenta.100": "#FAE8FF",
|
|
46
33
|
"magenta.200": "#F5D0FE",
|
|
47
|
-
"magenta.300": "#F0ABFC",
|
|
48
|
-
"magenta.400": "#D765E9",
|
|
49
|
-
"magenta.500": "#C026D3",
|
|
50
34
|
"magenta.600": "#A21CAF",
|
|
51
|
-
"magenta.700": "#86198F",
|
|
52
|
-
"magenta.800": "#701A75",
|
|
53
35
|
"magenta.900": "#4A044E",
|
|
54
36
|
"neutral.00": "#FFFFFF",
|
|
55
37
|
"neutral.50": "#F9FAFC",
|
|
@@ -69,22 +51,15 @@ const colorPalette = {
|
|
|
69
51
|
"neutral.50/6": "#F9FAFC0F",
|
|
70
52
|
"neutral.50/12": "#F9FAFC1F",
|
|
71
53
|
"neutral.50/18": "#F9FAFC2E",
|
|
72
|
-
"neutral.50/22": "#F9FAFC38",
|
|
73
54
|
"neutral.50/32": "#F9FAFC52",
|
|
74
55
|
"neutral.1200/4": "#091E420A",
|
|
75
56
|
"neutral.1200/8": "#091E4214",
|
|
76
57
|
"neutral.1200/16": "#091E4229",
|
|
77
|
-
"neutral.1200/22": "#091E4238",
|
|
78
58
|
"neutral.1200/32": "#091E4252",
|
|
79
|
-
"purple.50": "#F1ECF8",
|
|
80
59
|
"purple.100": "#E5DCF4",
|
|
81
60
|
"purple.200": "#C4B1E2",
|
|
82
|
-
"purple.300": "#9570D1",
|
|
83
|
-
"purple.400": "#7E51C8",
|
|
84
61
|
"purple.500": "#693AB6",
|
|
85
|
-
"purple.600": "#532E8F",
|
|
86
62
|
"purple.700": "#412470",
|
|
87
|
-
"purple.800": "#331C59",
|
|
88
63
|
"purple.900": "#261542",
|
|
89
64
|
"red.50": "#FFF7F7",
|
|
90
65
|
"red.100": "#FFD7D7",
|
|
@@ -96,7 +71,6 @@ const colorPalette = {
|
|
|
96
71
|
"red.700": "#911D1D",
|
|
97
72
|
"red.800": "#601313",
|
|
98
73
|
"red.900": "#300A0A",
|
|
99
|
-
"yellow.50": "#FFFAEA",
|
|
100
74
|
"yellow.100": "#FEF1C6",
|
|
101
75
|
"yellow.200": "#FEDF88",
|
|
102
76
|
"yellow.300": "#FFC84B",
|
|
@@ -108,7 +82,20 @@ const colorPalette = {
|
|
|
108
82
|
"yellow.900": "#4E1D09"
|
|
109
83
|
};
|
|
110
84
|
const colors = {
|
|
111
|
-
|
|
85
|
+
current: "currentColor",
|
|
86
|
+
transparent: "transparent",
|
|
87
|
+
"avatar.bg.blue": colorPalette["blue.500"],
|
|
88
|
+
"avatar.bg.cyan": colorPalette["cyan.100"],
|
|
89
|
+
"avatar.bg.green": colorPalette["green.600"],
|
|
90
|
+
"avatar.bg.magenta": colorPalette["magenta.100"],
|
|
91
|
+
"avatar.bg.purple": colorPalette["purple.100"],
|
|
92
|
+
"avatar.bg.yellow": colorPalette["yellow.300"],
|
|
93
|
+
"avatar.fg.blue": colorPalette["neutral.00"],
|
|
94
|
+
"avatar.fg.cyan": colorPalette["cyan.700"],
|
|
95
|
+
"avatar.fg.green": colorPalette["neutral.00"],
|
|
96
|
+
"avatar.fg.magenta": colorPalette["magenta.600"],
|
|
97
|
+
"avatar.fg.purple": colorPalette["purple.700"],
|
|
98
|
+
"avatar.fg.yellow": colorPalette["neutral.900"],
|
|
112
99
|
"bg.accent": colorPalette["brand.500"],
|
|
113
100
|
"bg.accent.hovered": colorPalette["brand.600"],
|
|
114
101
|
"bg.accent.light": colorPalette["brand.200"],
|
|
@@ -123,6 +110,7 @@ const colors = {
|
|
|
123
110
|
"bg.error.light": colorPalette["red.200"],
|
|
124
111
|
"bg.error.pressed": colorPalette["red.700"],
|
|
125
112
|
"bg.error.subtle": colorPalette["red.100"],
|
|
113
|
+
"bg.error.subtlest": colorPalette["red.50"],
|
|
126
114
|
"bg.information": colorPalette["blue.600"],
|
|
127
115
|
"bg.information.light": colorPalette["blue.200"],
|
|
128
116
|
"bg.information.subtle": colorPalette["blue.100"],
|
|
@@ -160,24 +148,48 @@ const colors = {
|
|
|
160
148
|
"fg.disabled": colorPalette["neutral.1200/32"],
|
|
161
149
|
"fg.error": colorPalette["red.500"],
|
|
162
150
|
"fg.error.hovered": colorPalette["red.600"],
|
|
151
|
+
"fg.error.light": colorPalette["red.300"],
|
|
163
152
|
"fg.error.strong": colorPalette["red.700"],
|
|
164
153
|
"fg.information": colorPalette["blue.500"],
|
|
154
|
+
"fg.information.light": colorPalette["blue.300"],
|
|
165
155
|
"fg.information.strong": colorPalette["blue.700"],
|
|
166
|
-
"fg.link": colorPalette["brand.500"],
|
|
167
|
-
"fg.link.hovered": colorPalette["brand.600"],
|
|
168
|
-
"fg.link.visited": colorPalette["purple.500"],
|
|
169
156
|
"fg.secondary": colorPalette["neutral.700"],
|
|
170
157
|
"fg.success": colorPalette["green.500"],
|
|
171
158
|
"fg.success.hovered": colorPalette["green.600"],
|
|
159
|
+
"fg.success.light": colorPalette["green.300"],
|
|
172
160
|
"fg.success.strong": colorPalette["green.700"],
|
|
173
161
|
"fg.tertiary": colorPalette["neutral.600"],
|
|
174
162
|
"fg.warning": colorPalette["yellow.500"],
|
|
175
163
|
"fg.warning.hovered": colorPalette["yellow.600"],
|
|
164
|
+
"fg.warning.inverse": colorPalette["neutral.800"],
|
|
165
|
+
"fg.warning.light": colorPalette["yellow.300"],
|
|
176
166
|
"fg.warning.strong": colorPalette["yellow.700"],
|
|
177
|
-
"fg.white": colorPalette["neutral.00"]
|
|
167
|
+
"fg.white": colorPalette["neutral.00"],
|
|
168
|
+
"link.fg.default": colorPalette["brand.500"],
|
|
169
|
+
"link.fg.default.hovered": colorPalette["brand.600"],
|
|
170
|
+
"link.fg.inverse": colorPalette["neutral.00"],
|
|
171
|
+
"link.fg.subtle": colorPalette["neutral.800"],
|
|
172
|
+
"link.fg.visited": colorPalette["purple.500"],
|
|
173
|
+
"spinner.bg.default": colorPalette["neutral.1200"],
|
|
174
|
+
"spinner.bg.inverse": colorPalette["neutral.50"],
|
|
175
|
+
"spinner.fg.default": colorPalette["neutral.800"],
|
|
176
|
+
"spinner.fg.inverse": colorPalette["neutral.200"]
|
|
178
177
|
};
|
|
179
178
|
const colorsDark = {
|
|
180
|
-
|
|
179
|
+
current: "currentColor",
|
|
180
|
+
transparent: "transparent",
|
|
181
|
+
"avatar.bg.blue": colorPalette["blue.500"],
|
|
182
|
+
"avatar.bg.cyan": colorPalette["cyan.900"],
|
|
183
|
+
"avatar.bg.green": colorPalette["green.900"],
|
|
184
|
+
"avatar.bg.magenta": colorPalette["magenta.900"],
|
|
185
|
+
"avatar.bg.purple": colorPalette["purple.900"],
|
|
186
|
+
"avatar.bg.yellow": colorPalette["yellow.900"],
|
|
187
|
+
"avatar.fg.blue": colorPalette["blue.100"],
|
|
188
|
+
"avatar.fg.cyan": colorPalette["cyan.200"],
|
|
189
|
+
"avatar.fg.green": colorPalette["green.200"],
|
|
190
|
+
"avatar.fg.magenta": colorPalette["magenta.200"],
|
|
191
|
+
"avatar.fg.purple": colorPalette["purple.200"],
|
|
192
|
+
"avatar.fg.yellow": colorPalette["yellow.200"],
|
|
181
193
|
"bg.accent": colorPalette["brand.400"],
|
|
182
194
|
"bg.accent.hovered": colorPalette["brand.400"],
|
|
183
195
|
"bg.accent.light": colorPalette["brand.800"],
|
|
@@ -192,6 +204,7 @@ const colorsDark = {
|
|
|
192
204
|
"bg.error.light": colorPalette["red.700"],
|
|
193
205
|
"bg.error.pressed": colorPalette["red.600"],
|
|
194
206
|
"bg.error.subtle": colorPalette["red.800"],
|
|
207
|
+
"bg.error.subtlest": colorPalette["red.900"],
|
|
195
208
|
"bg.information": colorPalette["blue.600"],
|
|
196
209
|
"bg.information.light": colorPalette["blue.800"],
|
|
197
210
|
"bg.information.subtle": colorPalette["blue.900"],
|
|
@@ -229,21 +242,32 @@ const colorsDark = {
|
|
|
229
242
|
"fg.disabled": colorPalette["neutral.50/32"],
|
|
230
243
|
"fg.error": colorPalette["red.300"],
|
|
231
244
|
"fg.error.hovered": colorPalette["red.600"],
|
|
245
|
+
"fg.error.light": colorPalette["red.300"],
|
|
232
246
|
"fg.error.strong": colorPalette["red.200"],
|
|
233
247
|
"fg.information": colorPalette["blue.300"],
|
|
248
|
+
"fg.information.light": colorPalette["blue.300"],
|
|
234
249
|
"fg.information.strong": colorPalette["blue.200"],
|
|
235
|
-
"fg.link": colorPalette["brand.300"],
|
|
236
|
-
"fg.link.hovered": colorPalette["brand.500"],
|
|
237
|
-
"fg.link.visited": colorPalette["brand.300"],
|
|
238
250
|
"fg.secondary": colorPalette["neutral.200"],
|
|
239
251
|
"fg.success": colorPalette["green.300"],
|
|
240
252
|
"fg.success.hovered": colorPalette["green.600"],
|
|
253
|
+
"fg.success.light": colorPalette["green.300"],
|
|
241
254
|
"fg.success.strong": colorPalette["green.200"],
|
|
242
255
|
"fg.tertiary": colorPalette["neutral.500"],
|
|
243
256
|
"fg.warning": colorPalette["yellow.300"],
|
|
244
257
|
"fg.warning.hovered": colorPalette["yellow.600"],
|
|
258
|
+
"fg.warning.inverse": colorPalette["neutral.800"],
|
|
259
|
+
"fg.warning.light": colorPalette["yellow.300"],
|
|
245
260
|
"fg.warning.strong": colorPalette["yellow.200"],
|
|
246
|
-
"fg.white": colorPalette["neutral.00"]
|
|
261
|
+
"fg.white": colorPalette["neutral.00"],
|
|
262
|
+
"link.fg.default": colorPalette["neutral.00"],
|
|
263
|
+
"link.fg.default.hovered": colorPalette["neutral.00"],
|
|
264
|
+
"link.fg.inverse": colorPalette["neutral.00"],
|
|
265
|
+
"link.fg.subtle": colorPalette["neutral.00"],
|
|
266
|
+
"link.fg.visited": colorPalette["neutral.00"],
|
|
267
|
+
"spinner.bg.default": colorPalette["neutral.50"],
|
|
268
|
+
"spinner.bg.inverse": colorPalette["neutral.50"],
|
|
269
|
+
"spinner.fg.default": colorPalette["neutral.00"],
|
|
270
|
+
"spinner.fg.inverse": colorPalette["neutral.00"]
|
|
247
271
|
};
|
|
248
272
|
|
|
249
273
|
export { colorPalette, colors, colorsDark };
|
package/dist/tokens/size.js
CHANGED