@optiaxiom/globals 0.2.0 → 0.2.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.
- package/dist/index.d.ts +129 -126
- package/dist/theme-css.js +1 -1
- package/dist/tokens/colors.js +68 -42
- 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,35 +95,41 @@ 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.
|
|
108
|
-
readonly "blue.
|
|
109
|
-
readonly "blue.
|
|
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";
|
|
124
|
+
readonly "blue.100": "#C6DBFA";
|
|
125
|
+
readonly "blue.200": "#A1C2F7";
|
|
126
|
+
readonly "blue.300": "#7BAAF4";
|
|
127
|
+
readonly "blue.500": "#2F7AEE";
|
|
128
|
+
readonly "blue.600": "#115DD4";
|
|
129
|
+
readonly "blue.700": "#0D46A0";
|
|
130
|
+
readonly "blue.800": "#09306D";
|
|
131
|
+
readonly "blue.900": "#051939";
|
|
110
132
|
readonly "brand.50": "#F0F3FF";
|
|
111
|
-
readonly "brand.100": "#CDD8FC";
|
|
112
133
|
readonly "brand.200": "#B3C3FF";
|
|
113
134
|
readonly "brand.300": "#6A8FFC";
|
|
114
135
|
readonly "brand.400": "#2E66F7";
|
|
@@ -117,17 +138,10 @@ declare const theme: MapLeafNodes<{
|
|
|
117
138
|
readonly "brand.700": "#002894";
|
|
118
139
|
readonly "brand.800": "#001666";
|
|
119
140
|
readonly "brand.900": "#000B33";
|
|
120
|
-
readonly "cyan.50": "#ECFEFF";
|
|
121
141
|
readonly "cyan.100": "#CFFAFE";
|
|
122
142
|
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
143
|
readonly "cyan.700": "#0E7490";
|
|
128
|
-
readonly "cyan.800": "#155E75";
|
|
129
144
|
readonly "cyan.900": "#083344";
|
|
130
|
-
readonly "green.50": "#E9F7F1";
|
|
131
145
|
readonly "green.100": "#D1F0E1";
|
|
132
146
|
readonly "green.200": "#A5E1C3";
|
|
133
147
|
readonly "green.300": "#7CD2A7";
|
|
@@ -137,15 +151,9 @@ declare const theme: MapLeafNodes<{
|
|
|
137
151
|
readonly "green.700": "#24663E";
|
|
138
152
|
readonly "green.800": "#17492B";
|
|
139
153
|
readonly "green.900": "#082415";
|
|
140
|
-
readonly "magenta.50": "#FDF4FF";
|
|
141
154
|
readonly "magenta.100": "#FAE8FF";
|
|
142
155
|
readonly "magenta.200": "#F5D0FE";
|
|
143
|
-
readonly "magenta.300": "#F0ABFC";
|
|
144
|
-
readonly "magenta.400": "#D765E9";
|
|
145
|
-
readonly "magenta.500": "#C026D3";
|
|
146
156
|
readonly "magenta.600": "#A21CAF";
|
|
147
|
-
readonly "magenta.700": "#86198F";
|
|
148
|
-
readonly "magenta.800": "#701A75";
|
|
149
157
|
readonly "magenta.900": "#4A044E";
|
|
150
158
|
readonly "neutral.00": "#FFFFFF";
|
|
151
159
|
readonly "neutral.50": "#F9FAFC";
|
|
@@ -165,22 +173,15 @@ declare const theme: MapLeafNodes<{
|
|
|
165
173
|
readonly "neutral.50/6": "#F9FAFC0F";
|
|
166
174
|
readonly "neutral.50/12": "#F9FAFC1F";
|
|
167
175
|
readonly "neutral.50/18": "#F9FAFC2E";
|
|
168
|
-
readonly "neutral.50/22": "#F9FAFC38";
|
|
169
176
|
readonly "neutral.50/32": "#F9FAFC52";
|
|
170
177
|
readonly "neutral.1200/4": "#091E420A";
|
|
171
178
|
readonly "neutral.1200/8": "#091E4214";
|
|
172
179
|
readonly "neutral.1200/16": "#091E4229";
|
|
173
|
-
readonly "neutral.1200/22": "#091E4238";
|
|
174
180
|
readonly "neutral.1200/32": "#091E4252";
|
|
175
|
-
readonly "purple.50": "#F1ECF8";
|
|
176
181
|
readonly "purple.100": "#E5DCF4";
|
|
177
182
|
readonly "purple.200": "#C4B1E2";
|
|
178
|
-
readonly "purple.300": "#9570D1";
|
|
179
|
-
readonly "purple.400": "#7E51C8";
|
|
180
183
|
readonly "purple.500": "#693AB6";
|
|
181
|
-
readonly "purple.600": "#532E8F";
|
|
182
184
|
readonly "purple.700": "#412470";
|
|
183
|
-
readonly "purple.800": "#331C59";
|
|
184
185
|
readonly "purple.900": "#261542";
|
|
185
186
|
readonly "red.50": "#FFF7F7";
|
|
186
187
|
readonly "red.100": "#FFD7D7";
|
|
@@ -192,7 +193,6 @@ declare const theme: MapLeafNodes<{
|
|
|
192
193
|
readonly "red.700": "#911D1D";
|
|
193
194
|
readonly "red.800": "#601313";
|
|
194
195
|
readonly "red.900": "#300A0A";
|
|
195
|
-
readonly "yellow.50": "#FFFAEA";
|
|
196
196
|
readonly "yellow.100": "#FEF1C6";
|
|
197
197
|
readonly "yellow.200": "#FEDF88";
|
|
198
198
|
readonly "yellow.300": "#FFC84B";
|
|
@@ -320,6 +320,7 @@ declare const theme: MapLeafNodes<{
|
|
|
320
320
|
readonly lg: "1200px";
|
|
321
321
|
};
|
|
322
322
|
readonly size: {
|
|
323
|
+
readonly "2xs": "16px";
|
|
323
324
|
readonly xs: "20px";
|
|
324
325
|
readonly sm: "24px";
|
|
325
326
|
readonly md: "32px";
|
|
@@ -456,6 +457,20 @@ declare const tokens: {
|
|
|
456
457
|
readonly none: "0 0 #0000";
|
|
457
458
|
};
|
|
458
459
|
readonly colors: {
|
|
460
|
+
readonly current: "currentColor";
|
|
461
|
+
readonly transparent: "transparent";
|
|
462
|
+
readonly "avatar.bg.blue": "#2F7AEE";
|
|
463
|
+
readonly "avatar.bg.cyan": "#CFFAFE";
|
|
464
|
+
readonly "avatar.bg.green": "#038047";
|
|
465
|
+
readonly "avatar.bg.magenta": "#FAE8FF";
|
|
466
|
+
readonly "avatar.bg.purple": "#E5DCF4";
|
|
467
|
+
readonly "avatar.bg.yellow": "#FFC84B";
|
|
468
|
+
readonly "avatar.fg.blue": "#FFFFFF";
|
|
469
|
+
readonly "avatar.fg.cyan": "#0E7490";
|
|
470
|
+
readonly "avatar.fg.green": "#FFFFFF";
|
|
471
|
+
readonly "avatar.fg.magenta": "#A21CAF";
|
|
472
|
+
readonly "avatar.fg.purple": "#412470";
|
|
473
|
+
readonly "avatar.fg.yellow": "#1C212B";
|
|
459
474
|
readonly "bg.accent": "#0037FF";
|
|
460
475
|
readonly "bg.accent.hovered": "#002CCC";
|
|
461
476
|
readonly "bg.accent.light": "#B3C3FF";
|
|
@@ -470,9 +485,10 @@ declare const tokens: {
|
|
|
470
485
|
readonly "bg.error.light": "#FFB4B4";
|
|
471
486
|
readonly "bg.error.pressed": "#911D1D";
|
|
472
487
|
readonly "bg.error.subtle": "#FFD7D7";
|
|
473
|
-
readonly "bg.
|
|
474
|
-
readonly "bg.information
|
|
475
|
-
readonly "bg.information.
|
|
488
|
+
readonly "bg.error.subtlest": "#FFF7F7";
|
|
489
|
+
readonly "bg.information": "#115DD4";
|
|
490
|
+
readonly "bg.information.light": "#A1C2F7";
|
|
491
|
+
readonly "bg.information.subtle": "#C6DBFA";
|
|
476
492
|
readonly "bg.overlay": "#091E4252";
|
|
477
493
|
readonly "bg.page": "#F9FAFC";
|
|
478
494
|
readonly "bg.secondary": "#F5F6FA";
|
|
@@ -507,35 +523,41 @@ declare const tokens: {
|
|
|
507
523
|
readonly "fg.disabled": "#091E4252";
|
|
508
524
|
readonly "fg.error": "#CC1616";
|
|
509
525
|
readonly "fg.error.hovered": "#B21313";
|
|
526
|
+
readonly "fg.error.light": "#FC8B8B";
|
|
510
527
|
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";
|
|
528
|
+
readonly "fg.information": "#2F7AEE";
|
|
529
|
+
readonly "fg.information.light": "#7BAAF4";
|
|
530
|
+
readonly "fg.information.strong": "#0D46A0";
|
|
516
531
|
readonly "fg.secondary": "#4F576E";
|
|
517
532
|
readonly "fg.success": "#03A65D";
|
|
518
533
|
readonly "fg.success.hovered": "#038047";
|
|
534
|
+
readonly "fg.success.light": "#7CD2A7";
|
|
519
535
|
readonly "fg.success.strong": "#24663E";
|
|
520
536
|
readonly "fg.tertiary": "#626A81";
|
|
521
537
|
readonly "fg.warning": "#F79008";
|
|
522
538
|
readonly "fg.warning.hovered": "#DC6903";
|
|
539
|
+
readonly "fg.warning.inverse": "#2E3442";
|
|
540
|
+
readonly "fg.warning.light": "#FFC84B";
|
|
523
541
|
readonly "fg.warning.strong": "#B54707";
|
|
524
542
|
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.
|
|
535
|
-
readonly "blue.
|
|
536
|
-
readonly "blue.
|
|
543
|
+
readonly "link.fg.default": "#0037FF";
|
|
544
|
+
readonly "link.fg.default.hovered": "#002CCC";
|
|
545
|
+
readonly "link.fg.inverse": "#FFFFFF";
|
|
546
|
+
readonly "link.fg.subtle": "#2E3442";
|
|
547
|
+
readonly "link.fg.visited": "#693AB6";
|
|
548
|
+
readonly "spinner.bg.default": "#091E42";
|
|
549
|
+
readonly "spinner.bg.inverse": "#F9FAFC";
|
|
550
|
+
readonly "spinner.fg.default": "#2E3442";
|
|
551
|
+
readonly "spinner.fg.inverse": "#CACFDC";
|
|
552
|
+
readonly "blue.100": "#C6DBFA";
|
|
553
|
+
readonly "blue.200": "#A1C2F7";
|
|
554
|
+
readonly "blue.300": "#7BAAF4";
|
|
555
|
+
readonly "blue.500": "#2F7AEE";
|
|
556
|
+
readonly "blue.600": "#115DD4";
|
|
557
|
+
readonly "blue.700": "#0D46A0";
|
|
558
|
+
readonly "blue.800": "#09306D";
|
|
559
|
+
readonly "blue.900": "#051939";
|
|
537
560
|
readonly "brand.50": "#F0F3FF";
|
|
538
|
-
readonly "brand.100": "#CDD8FC";
|
|
539
561
|
readonly "brand.200": "#B3C3FF";
|
|
540
562
|
readonly "brand.300": "#6A8FFC";
|
|
541
563
|
readonly "brand.400": "#2E66F7";
|
|
@@ -544,17 +566,10 @@ declare const tokens: {
|
|
|
544
566
|
readonly "brand.700": "#002894";
|
|
545
567
|
readonly "brand.800": "#001666";
|
|
546
568
|
readonly "brand.900": "#000B33";
|
|
547
|
-
readonly "cyan.50": "#ECFEFF";
|
|
548
569
|
readonly "cyan.100": "#CFFAFE";
|
|
549
570
|
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
571
|
readonly "cyan.700": "#0E7490";
|
|
555
|
-
readonly "cyan.800": "#155E75";
|
|
556
572
|
readonly "cyan.900": "#083344";
|
|
557
|
-
readonly "green.50": "#E9F7F1";
|
|
558
573
|
readonly "green.100": "#D1F0E1";
|
|
559
574
|
readonly "green.200": "#A5E1C3";
|
|
560
575
|
readonly "green.300": "#7CD2A7";
|
|
@@ -564,15 +579,9 @@ declare const tokens: {
|
|
|
564
579
|
readonly "green.700": "#24663E";
|
|
565
580
|
readonly "green.800": "#17492B";
|
|
566
581
|
readonly "green.900": "#082415";
|
|
567
|
-
readonly "magenta.50": "#FDF4FF";
|
|
568
582
|
readonly "magenta.100": "#FAE8FF";
|
|
569
583
|
readonly "magenta.200": "#F5D0FE";
|
|
570
|
-
readonly "magenta.300": "#F0ABFC";
|
|
571
|
-
readonly "magenta.400": "#D765E9";
|
|
572
|
-
readonly "magenta.500": "#C026D3";
|
|
573
584
|
readonly "magenta.600": "#A21CAF";
|
|
574
|
-
readonly "magenta.700": "#86198F";
|
|
575
|
-
readonly "magenta.800": "#701A75";
|
|
576
585
|
readonly "magenta.900": "#4A044E";
|
|
577
586
|
readonly "neutral.00": "#FFFFFF";
|
|
578
587
|
readonly "neutral.50": "#F9FAFC";
|
|
@@ -592,22 +601,15 @@ declare const tokens: {
|
|
|
592
601
|
readonly "neutral.50/6": "#F9FAFC0F";
|
|
593
602
|
readonly "neutral.50/12": "#F9FAFC1F";
|
|
594
603
|
readonly "neutral.50/18": "#F9FAFC2E";
|
|
595
|
-
readonly "neutral.50/22": "#F9FAFC38";
|
|
596
604
|
readonly "neutral.50/32": "#F9FAFC52";
|
|
597
605
|
readonly "neutral.1200/4": "#091E420A";
|
|
598
606
|
readonly "neutral.1200/8": "#091E4214";
|
|
599
607
|
readonly "neutral.1200/16": "#091E4229";
|
|
600
|
-
readonly "neutral.1200/22": "#091E4238";
|
|
601
608
|
readonly "neutral.1200/32": "#091E4252";
|
|
602
|
-
readonly "purple.50": "#F1ECF8";
|
|
603
609
|
readonly "purple.100": "#E5DCF4";
|
|
604
610
|
readonly "purple.200": "#C4B1E2";
|
|
605
|
-
readonly "purple.300": "#9570D1";
|
|
606
|
-
readonly "purple.400": "#7E51C8";
|
|
607
611
|
readonly "purple.500": "#693AB6";
|
|
608
|
-
readonly "purple.600": "#532E8F";
|
|
609
612
|
readonly "purple.700": "#412470";
|
|
610
|
-
readonly "purple.800": "#331C59";
|
|
611
613
|
readonly "purple.900": "#261542";
|
|
612
614
|
readonly "red.50": "#FFF7F7";
|
|
613
615
|
readonly "red.100": "#FFD7D7";
|
|
@@ -619,7 +621,6 @@ declare const tokens: {
|
|
|
619
621
|
readonly "red.700": "#911D1D";
|
|
620
622
|
readonly "red.800": "#601313";
|
|
621
623
|
readonly "red.900": "#300A0A";
|
|
622
|
-
readonly "yellow.50": "#FFFAEA";
|
|
623
624
|
readonly "yellow.100": "#FEF1C6";
|
|
624
625
|
readonly "yellow.200": "#FEDF88";
|
|
625
626
|
readonly "yellow.300": "#FFC84B";
|
|
@@ -747,6 +748,7 @@ declare const tokens: {
|
|
|
747
748
|
readonly lg: "1200px";
|
|
748
749
|
};
|
|
749
750
|
readonly size: {
|
|
751
|
+
readonly "2xs": "16px";
|
|
750
752
|
readonly xs: "20px";
|
|
751
753
|
readonly sm: "24px";
|
|
752
754
|
readonly md: "32px";
|
|
@@ -831,6 +833,20 @@ declare const tokens: {
|
|
|
831
833
|
};
|
|
832
834
|
declare const tokensDark: {
|
|
833
835
|
readonly colors: {
|
|
836
|
+
readonly current: "currentColor";
|
|
837
|
+
readonly transparent: "transparent";
|
|
838
|
+
readonly "avatar.bg.blue": "#2F7AEE";
|
|
839
|
+
readonly "avatar.bg.cyan": "#083344";
|
|
840
|
+
readonly "avatar.bg.green": "#082415";
|
|
841
|
+
readonly "avatar.bg.magenta": "#4A044E";
|
|
842
|
+
readonly "avatar.bg.purple": "#261542";
|
|
843
|
+
readonly "avatar.bg.yellow": "#4E1D09";
|
|
844
|
+
readonly "avatar.fg.blue": "#C6DBFA";
|
|
845
|
+
readonly "avatar.fg.cyan": "#99F0F9";
|
|
846
|
+
readonly "avatar.fg.green": "#A5E1C3";
|
|
847
|
+
readonly "avatar.fg.magenta": "#F5D0FE";
|
|
848
|
+
readonly "avatar.fg.purple": "#C4B1E2";
|
|
849
|
+
readonly "avatar.fg.yellow": "#FEDF88";
|
|
834
850
|
readonly "bg.accent": "#2E66F7";
|
|
835
851
|
readonly "bg.accent.hovered": "#2E66F7";
|
|
836
852
|
readonly "bg.accent.light": "#001666";
|
|
@@ -845,9 +861,10 @@ declare const tokensDark: {
|
|
|
845
861
|
readonly "bg.error.light": "#911D1D";
|
|
846
862
|
readonly "bg.error.pressed": "#B21313";
|
|
847
863
|
readonly "bg.error.subtle": "#601313";
|
|
848
|
-
readonly "bg.
|
|
849
|
-
readonly "bg.information
|
|
850
|
-
readonly "bg.information.
|
|
864
|
+
readonly "bg.error.subtlest": "#300A0A";
|
|
865
|
+
readonly "bg.information": "#115DD4";
|
|
866
|
+
readonly "bg.information.light": "#09306D";
|
|
867
|
+
readonly "bg.information.subtle": "#051939";
|
|
851
868
|
readonly "bg.overlay": "#F9FAFC52";
|
|
852
869
|
readonly "bg.page": "#171A23";
|
|
853
870
|
readonly "bg.secondary": "#1C212B";
|
|
@@ -882,35 +899,41 @@ declare const tokensDark: {
|
|
|
882
899
|
readonly "fg.disabled": "#F9FAFC52";
|
|
883
900
|
readonly "fg.error": "#FC8B8B";
|
|
884
901
|
readonly "fg.error.hovered": "#B21313";
|
|
902
|
+
readonly "fg.error.light": "#FC8B8B";
|
|
885
903
|
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";
|
|
904
|
+
readonly "fg.information": "#7BAAF4";
|
|
905
|
+
readonly "fg.information.light": "#7BAAF4";
|
|
906
|
+
readonly "fg.information.strong": "#A1C2F7";
|
|
891
907
|
readonly "fg.secondary": "#CACFDC";
|
|
892
908
|
readonly "fg.success": "#7CD2A7";
|
|
893
909
|
readonly "fg.success.hovered": "#038047";
|
|
910
|
+
readonly "fg.success.light": "#7CD2A7";
|
|
894
911
|
readonly "fg.success.strong": "#A5E1C3";
|
|
895
912
|
readonly "fg.tertiary": "#868FA4";
|
|
896
913
|
readonly "fg.warning": "#FFC84B";
|
|
897
914
|
readonly "fg.warning.hovered": "#DC6903";
|
|
915
|
+
readonly "fg.warning.inverse": "#2E3442";
|
|
916
|
+
readonly "fg.warning.light": "#FFC84B";
|
|
898
917
|
readonly "fg.warning.strong": "#FEDF88";
|
|
899
918
|
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.
|
|
910
|
-
readonly "blue.
|
|
911
|
-
readonly "blue.
|
|
919
|
+
readonly "link.fg.default": "#FFFFFF";
|
|
920
|
+
readonly "link.fg.default.hovered": "#FFFFFF";
|
|
921
|
+
readonly "link.fg.inverse": "#FFFFFF";
|
|
922
|
+
readonly "link.fg.subtle": "#FFFFFF";
|
|
923
|
+
readonly "link.fg.visited": "#FFFFFF";
|
|
924
|
+
readonly "spinner.bg.default": "#F9FAFC";
|
|
925
|
+
readonly "spinner.bg.inverse": "#F9FAFC";
|
|
926
|
+
readonly "spinner.fg.default": "#FFFFFF";
|
|
927
|
+
readonly "spinner.fg.inverse": "#FFFFFF";
|
|
928
|
+
readonly "blue.100": "#C6DBFA";
|
|
929
|
+
readonly "blue.200": "#A1C2F7";
|
|
930
|
+
readonly "blue.300": "#7BAAF4";
|
|
931
|
+
readonly "blue.500": "#2F7AEE";
|
|
932
|
+
readonly "blue.600": "#115DD4";
|
|
933
|
+
readonly "blue.700": "#0D46A0";
|
|
934
|
+
readonly "blue.800": "#09306D";
|
|
935
|
+
readonly "blue.900": "#051939";
|
|
912
936
|
readonly "brand.50": "#F0F3FF";
|
|
913
|
-
readonly "brand.100": "#CDD8FC";
|
|
914
937
|
readonly "brand.200": "#B3C3FF";
|
|
915
938
|
readonly "brand.300": "#6A8FFC";
|
|
916
939
|
readonly "brand.400": "#2E66F7";
|
|
@@ -919,17 +942,10 @@ declare const tokensDark: {
|
|
|
919
942
|
readonly "brand.700": "#002894";
|
|
920
943
|
readonly "brand.800": "#001666";
|
|
921
944
|
readonly "brand.900": "#000B33";
|
|
922
|
-
readonly "cyan.50": "#ECFEFF";
|
|
923
945
|
readonly "cyan.100": "#CFFAFE";
|
|
924
946
|
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
947
|
readonly "cyan.700": "#0E7490";
|
|
930
|
-
readonly "cyan.800": "#155E75";
|
|
931
948
|
readonly "cyan.900": "#083344";
|
|
932
|
-
readonly "green.50": "#E9F7F1";
|
|
933
949
|
readonly "green.100": "#D1F0E1";
|
|
934
950
|
readonly "green.200": "#A5E1C3";
|
|
935
951
|
readonly "green.300": "#7CD2A7";
|
|
@@ -939,15 +955,9 @@ declare const tokensDark: {
|
|
|
939
955
|
readonly "green.700": "#24663E";
|
|
940
956
|
readonly "green.800": "#17492B";
|
|
941
957
|
readonly "green.900": "#082415";
|
|
942
|
-
readonly "magenta.50": "#FDF4FF";
|
|
943
958
|
readonly "magenta.100": "#FAE8FF";
|
|
944
959
|
readonly "magenta.200": "#F5D0FE";
|
|
945
|
-
readonly "magenta.300": "#F0ABFC";
|
|
946
|
-
readonly "magenta.400": "#D765E9";
|
|
947
|
-
readonly "magenta.500": "#C026D3";
|
|
948
960
|
readonly "magenta.600": "#A21CAF";
|
|
949
|
-
readonly "magenta.700": "#86198F";
|
|
950
|
-
readonly "magenta.800": "#701A75";
|
|
951
961
|
readonly "magenta.900": "#4A044E";
|
|
952
962
|
readonly "neutral.00": "#FFFFFF";
|
|
953
963
|
readonly "neutral.50": "#F9FAFC";
|
|
@@ -967,22 +977,15 @@ declare const tokensDark: {
|
|
|
967
977
|
readonly "neutral.50/6": "#F9FAFC0F";
|
|
968
978
|
readonly "neutral.50/12": "#F9FAFC1F";
|
|
969
979
|
readonly "neutral.50/18": "#F9FAFC2E";
|
|
970
|
-
readonly "neutral.50/22": "#F9FAFC38";
|
|
971
980
|
readonly "neutral.50/32": "#F9FAFC52";
|
|
972
981
|
readonly "neutral.1200/4": "#091E420A";
|
|
973
982
|
readonly "neutral.1200/8": "#091E4214";
|
|
974
983
|
readonly "neutral.1200/16": "#091E4229";
|
|
975
|
-
readonly "neutral.1200/22": "#091E4238";
|
|
976
984
|
readonly "neutral.1200/32": "#091E4252";
|
|
977
|
-
readonly "purple.50": "#F1ECF8";
|
|
978
985
|
readonly "purple.100": "#E5DCF4";
|
|
979
986
|
readonly "purple.200": "#C4B1E2";
|
|
980
|
-
readonly "purple.300": "#9570D1";
|
|
981
|
-
readonly "purple.400": "#7E51C8";
|
|
982
987
|
readonly "purple.500": "#693AB6";
|
|
983
|
-
readonly "purple.600": "#532E8F";
|
|
984
988
|
readonly "purple.700": "#412470";
|
|
985
|
-
readonly "purple.800": "#331C59";
|
|
986
989
|
readonly "purple.900": "#261542";
|
|
987
990
|
readonly "red.50": "#FFF7F7";
|
|
988
991
|
readonly "red.100": "#FFD7D7";
|
|
@@ -994,7 +997,6 @@ declare const tokensDark: {
|
|
|
994
997
|
readonly "red.700": "#911D1D";
|
|
995
998
|
readonly "red.800": "#601313";
|
|
996
999
|
readonly "red.900": "#300A0A";
|
|
997
|
-
readonly "yellow.50": "#FFFAEA";
|
|
998
1000
|
readonly "yellow.100": "#FEF1C6";
|
|
999
1001
|
readonly "yellow.200": "#FEDF88";
|
|
1000
1002
|
readonly "yellow.300": "#FFC84B";
|
|
@@ -1146,6 +1148,7 @@ declare const tokensDark: {
|
|
|
1146
1148
|
readonly lg: "1200px";
|
|
1147
1149
|
};
|
|
1148
1150
|
readonly size: {
|
|
1151
|
+
readonly "2xs": "16px";
|
|
1149
1152
|
readonly xs: "20px";
|
|
1150
1153
|
readonly sm: "24px";
|
|
1151
1154
|
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:{'blue.100':'var(--ax-colors-blue-100)','blue.200':'var(--ax-colors-blue-200)','blue.300':'var(--ax-colors-blue-300)','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.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.100':'var(--ax-colors-cyan-100)','cyan.200':'var(--ax-colors-cyan-200)','cyan.700':'var(--ax-colors-cyan-700)','cyan.900':'var(--ax-colors-cyan-900)','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.100':'var(--ax-colors-magenta-100)','magenta.200':'var(--ax-colors-magenta-200)','magenta.600':'var(--ax-colors-magenta-600)','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/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/32':'var(--ax-colors-neutral-1200-32)','purple.100':'var(--ax-colors-purple-100)','purple.200':'var(--ax-colors-purple-200)','purple.500':'var(--ax-colors-purple-500)','purple.700':'var(--ax-colors-purple-700)','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.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)',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",
|
|
@@ -109,6 +83,20 @@ const colorPalette = {
|
|
|
109
83
|
};
|
|
110
84
|
const colors = {
|
|
111
85
|
...colorPalette,
|
|
86
|
+
current: "currentColor",
|
|
87
|
+
transparent: "transparent",
|
|
88
|
+
"avatar.bg.blue": colorPalette["blue.500"],
|
|
89
|
+
"avatar.bg.cyan": colorPalette["cyan.100"],
|
|
90
|
+
"avatar.bg.green": colorPalette["green.600"],
|
|
91
|
+
"avatar.bg.magenta": colorPalette["magenta.100"],
|
|
92
|
+
"avatar.bg.purple": colorPalette["purple.100"],
|
|
93
|
+
"avatar.bg.yellow": colorPalette["yellow.300"],
|
|
94
|
+
"avatar.fg.blue": colorPalette["neutral.00"],
|
|
95
|
+
"avatar.fg.cyan": colorPalette["cyan.700"],
|
|
96
|
+
"avatar.fg.green": colorPalette["neutral.00"],
|
|
97
|
+
"avatar.fg.magenta": colorPalette["magenta.600"],
|
|
98
|
+
"avatar.fg.purple": colorPalette["purple.700"],
|
|
99
|
+
"avatar.fg.yellow": colorPalette["neutral.900"],
|
|
112
100
|
"bg.accent": colorPalette["brand.500"],
|
|
113
101
|
"bg.accent.hovered": colorPalette["brand.600"],
|
|
114
102
|
"bg.accent.light": colorPalette["brand.200"],
|
|
@@ -123,6 +111,7 @@ const colors = {
|
|
|
123
111
|
"bg.error.light": colorPalette["red.200"],
|
|
124
112
|
"bg.error.pressed": colorPalette["red.700"],
|
|
125
113
|
"bg.error.subtle": colorPalette["red.100"],
|
|
114
|
+
"bg.error.subtlest": colorPalette["red.50"],
|
|
126
115
|
"bg.information": colorPalette["blue.600"],
|
|
127
116
|
"bg.information.light": colorPalette["blue.200"],
|
|
128
117
|
"bg.information.subtle": colorPalette["blue.100"],
|
|
@@ -160,24 +149,49 @@ const colors = {
|
|
|
160
149
|
"fg.disabled": colorPalette["neutral.1200/32"],
|
|
161
150
|
"fg.error": colorPalette["red.500"],
|
|
162
151
|
"fg.error.hovered": colorPalette["red.600"],
|
|
152
|
+
"fg.error.light": colorPalette["red.300"],
|
|
163
153
|
"fg.error.strong": colorPalette["red.700"],
|
|
164
154
|
"fg.information": colorPalette["blue.500"],
|
|
155
|
+
"fg.information.light": colorPalette["blue.300"],
|
|
165
156
|
"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
157
|
"fg.secondary": colorPalette["neutral.700"],
|
|
170
158
|
"fg.success": colorPalette["green.500"],
|
|
171
159
|
"fg.success.hovered": colorPalette["green.600"],
|
|
160
|
+
"fg.success.light": colorPalette["green.300"],
|
|
172
161
|
"fg.success.strong": colorPalette["green.700"],
|
|
173
162
|
"fg.tertiary": colorPalette["neutral.600"],
|
|
174
163
|
"fg.warning": colorPalette["yellow.500"],
|
|
175
164
|
"fg.warning.hovered": colorPalette["yellow.600"],
|
|
165
|
+
"fg.warning.inverse": colorPalette["neutral.800"],
|
|
166
|
+
"fg.warning.light": colorPalette["yellow.300"],
|
|
176
167
|
"fg.warning.strong": colorPalette["yellow.700"],
|
|
177
|
-
"fg.white": colorPalette["neutral.00"]
|
|
168
|
+
"fg.white": colorPalette["neutral.00"],
|
|
169
|
+
"link.fg.default": colorPalette["brand.500"],
|
|
170
|
+
"link.fg.default.hovered": colorPalette["brand.600"],
|
|
171
|
+
"link.fg.inverse": colorPalette["neutral.00"],
|
|
172
|
+
"link.fg.subtle": colorPalette["neutral.800"],
|
|
173
|
+
"link.fg.visited": colorPalette["purple.500"],
|
|
174
|
+
"spinner.bg.default": colorPalette["neutral.1200"],
|
|
175
|
+
"spinner.bg.inverse": colorPalette["neutral.50"],
|
|
176
|
+
"spinner.fg.default": colorPalette["neutral.800"],
|
|
177
|
+
"spinner.fg.inverse": colorPalette["neutral.200"]
|
|
178
178
|
};
|
|
179
179
|
const colorsDark = {
|
|
180
180
|
...colorPalette,
|
|
181
|
+
current: "currentColor",
|
|
182
|
+
transparent: "transparent",
|
|
183
|
+
"avatar.bg.blue": colorPalette["blue.500"],
|
|
184
|
+
"avatar.bg.cyan": colorPalette["cyan.900"],
|
|
185
|
+
"avatar.bg.green": colorPalette["green.900"],
|
|
186
|
+
"avatar.bg.magenta": colorPalette["magenta.900"],
|
|
187
|
+
"avatar.bg.purple": colorPalette["purple.900"],
|
|
188
|
+
"avatar.bg.yellow": colorPalette["yellow.900"],
|
|
189
|
+
"avatar.fg.blue": colorPalette["blue.100"],
|
|
190
|
+
"avatar.fg.cyan": colorPalette["cyan.200"],
|
|
191
|
+
"avatar.fg.green": colorPalette["green.200"],
|
|
192
|
+
"avatar.fg.magenta": colorPalette["magenta.200"],
|
|
193
|
+
"avatar.fg.purple": colorPalette["purple.200"],
|
|
194
|
+
"avatar.fg.yellow": colorPalette["yellow.200"],
|
|
181
195
|
"bg.accent": colorPalette["brand.400"],
|
|
182
196
|
"bg.accent.hovered": colorPalette["brand.400"],
|
|
183
197
|
"bg.accent.light": colorPalette["brand.800"],
|
|
@@ -192,6 +206,7 @@ const colorsDark = {
|
|
|
192
206
|
"bg.error.light": colorPalette["red.700"],
|
|
193
207
|
"bg.error.pressed": colorPalette["red.600"],
|
|
194
208
|
"bg.error.subtle": colorPalette["red.800"],
|
|
209
|
+
"bg.error.subtlest": colorPalette["red.900"],
|
|
195
210
|
"bg.information": colorPalette["blue.600"],
|
|
196
211
|
"bg.information.light": colorPalette["blue.800"],
|
|
197
212
|
"bg.information.subtle": colorPalette["blue.900"],
|
|
@@ -229,21 +244,32 @@ const colorsDark = {
|
|
|
229
244
|
"fg.disabled": colorPalette["neutral.50/32"],
|
|
230
245
|
"fg.error": colorPalette["red.300"],
|
|
231
246
|
"fg.error.hovered": colorPalette["red.600"],
|
|
247
|
+
"fg.error.light": colorPalette["red.300"],
|
|
232
248
|
"fg.error.strong": colorPalette["red.200"],
|
|
233
249
|
"fg.information": colorPalette["blue.300"],
|
|
250
|
+
"fg.information.light": colorPalette["blue.300"],
|
|
234
251
|
"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
252
|
"fg.secondary": colorPalette["neutral.200"],
|
|
239
253
|
"fg.success": colorPalette["green.300"],
|
|
240
254
|
"fg.success.hovered": colorPalette["green.600"],
|
|
255
|
+
"fg.success.light": colorPalette["green.300"],
|
|
241
256
|
"fg.success.strong": colorPalette["green.200"],
|
|
242
257
|
"fg.tertiary": colorPalette["neutral.500"],
|
|
243
258
|
"fg.warning": colorPalette["yellow.300"],
|
|
244
259
|
"fg.warning.hovered": colorPalette["yellow.600"],
|
|
260
|
+
"fg.warning.inverse": colorPalette["neutral.800"],
|
|
261
|
+
"fg.warning.light": colorPalette["yellow.300"],
|
|
245
262
|
"fg.warning.strong": colorPalette["yellow.200"],
|
|
246
|
-
"fg.white": colorPalette["neutral.00"]
|
|
263
|
+
"fg.white": colorPalette["neutral.00"],
|
|
264
|
+
"link.fg.default": colorPalette["neutral.00"],
|
|
265
|
+
"link.fg.default.hovered": colorPalette["neutral.00"],
|
|
266
|
+
"link.fg.inverse": colorPalette["neutral.00"],
|
|
267
|
+
"link.fg.subtle": colorPalette["neutral.00"],
|
|
268
|
+
"link.fg.visited": colorPalette["neutral.00"],
|
|
269
|
+
"spinner.bg.default": colorPalette["neutral.50"],
|
|
270
|
+
"spinner.bg.inverse": colorPalette["neutral.50"],
|
|
271
|
+
"spinner.fg.default": colorPalette["neutral.00"],
|
|
272
|
+
"spinner.fg.inverse": colorPalette["neutral.00"]
|
|
247
273
|
};
|
|
248
274
|
|
|
249
275
|
export { colorPalette, colors, colorsDark };
|
package/dist/tokens/size.js
CHANGED