@optiaxiom/globals 0.2.0-next.1 → 0.2.0-next.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 +1175 -1
- package/dist/index.js +2 -0
- package/dist/theme-css.js +3 -0
- package/dist/tokens/borderRadius.js +13 -0
- package/dist/tokens/borderWidth.js +8 -0
- package/dist/tokens/boxShadow.js +11 -0
- package/dist/tokens/colors.js +253 -0
- package/dist/tokens/fontFamily.js +6 -0
- package/dist/tokens/fontSize.js +50 -0
- package/dist/tokens/index.js +37 -0
- package/dist/tokens/letterSpacing.js +10 -0
- package/dist/tokens/lineHeight.js +8 -0
- package/dist/tokens/margins.js +25 -0
- package/dist/tokens/maxSize.js +13 -0
- package/dist/tokens/rem.js +3 -0
- package/dist/tokens/screens.js +9 -0
- package/dist/tokens/size.js +53 -0
- package/dist/tokens/spacing.js +25 -0
- package/dist/tokens/zIndex.js +13 -0
- package/package.json +6 -1
package/dist/index.d.ts
CHANGED
|
@@ -3,6 +3,401 @@ import { ReactElement } from 'react';
|
|
|
3
3
|
|
|
4
4
|
declare const AxiomVersionContext: react.Context<string | undefined>;
|
|
5
5
|
|
|
6
|
+
declare const theme: MapLeafNodes<{
|
|
7
|
+
readonly borderRadius: {
|
|
8
|
+
readonly xs: "2px";
|
|
9
|
+
readonly sm: "4px";
|
|
10
|
+
readonly md: "6px";
|
|
11
|
+
readonly lg: "8px";
|
|
12
|
+
readonly xl: "12px";
|
|
13
|
+
readonly full: "9999px";
|
|
14
|
+
readonly none: "0";
|
|
15
|
+
};
|
|
16
|
+
readonly borderWidth: {
|
|
17
|
+
readonly "0": "0";
|
|
18
|
+
readonly "1": "1px";
|
|
19
|
+
readonly "2": "2px";
|
|
20
|
+
readonly "4": "4px";
|
|
21
|
+
};
|
|
22
|
+
readonly boxShadow: {
|
|
23
|
+
readonly xs: "0 1px 2px 0 rgb(0 0 0 / 0.05)";
|
|
24
|
+
readonly sm: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)";
|
|
25
|
+
readonly md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)";
|
|
26
|
+
readonly lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)";
|
|
27
|
+
readonly xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)";
|
|
28
|
+
readonly inner: "inset 0 0 6px 0 rgb(0 0 0 / 0.1);";
|
|
29
|
+
readonly none: "0 0 #0000";
|
|
30
|
+
};
|
|
31
|
+
readonly colors: {
|
|
32
|
+
readonly "bg.brand": "#F0F3FF";
|
|
33
|
+
readonly "bg.brand.solid": "#0037FF";
|
|
34
|
+
readonly "bg.brand.solid.hover": "#002CCC";
|
|
35
|
+
readonly "bg.disabled": "#091E422E";
|
|
36
|
+
readonly "bg.discovery": "#F1ECF8";
|
|
37
|
+
readonly "bg.error": "#FFF7F7";
|
|
38
|
+
readonly "bg.error.solid": "#CC1616";
|
|
39
|
+
readonly "bg.error.solid.hover": "#B21313";
|
|
40
|
+
readonly "bg.information": "#E7F3FE";
|
|
41
|
+
readonly "bg.information.solid": "#1668AC";
|
|
42
|
+
readonly "bg.input.disabled": "#091E420A";
|
|
43
|
+
readonly "bg.neutral": "#F5F6FA";
|
|
44
|
+
readonly "bg.neutral.inverse": "#2E3442";
|
|
45
|
+
readonly "bg.neutral.inverse.hover": "#262B37";
|
|
46
|
+
readonly "bg.neutral.solid": "#CACFDC";
|
|
47
|
+
readonly "bg.neutral.solid.hover": "#b8becb";
|
|
48
|
+
readonly "bg.success": "#E9F7F1";
|
|
49
|
+
readonly "bg.success.solid": "#03A65D";
|
|
50
|
+
readonly "bg.success.solid.hover": "#038047";
|
|
51
|
+
readonly "bg.warning": "#FFFAEA";
|
|
52
|
+
readonly "bg.warning.solid": "#F79008";
|
|
53
|
+
readonly "bg.warning.solid.hover": "#DC6903";
|
|
54
|
+
readonly "border.active": "#868FA4";
|
|
55
|
+
readonly "border.active.hover": "#626A81";
|
|
56
|
+
readonly "border.brand": "#0037FF";
|
|
57
|
+
readonly "border.default": "#CACFDC";
|
|
58
|
+
readonly "border.disabled": "#F5F6FA";
|
|
59
|
+
readonly "border.error": "#CC1616";
|
|
60
|
+
readonly "border.secondary": "#DADFEB";
|
|
61
|
+
readonly "border.success": "#03A65D";
|
|
62
|
+
readonly "border.tertiary": "#E9EDF5";
|
|
63
|
+
readonly "border.warning": "#F79008";
|
|
64
|
+
readonly "fg.accent.blue": "#2094F3";
|
|
65
|
+
readonly "fg.accent.magenta": "#81046A";
|
|
66
|
+
readonly "fg.accent.purple": "#4A297F";
|
|
67
|
+
readonly "fg.accent.red": "#CC1616";
|
|
68
|
+
readonly "fg.brand": "#002894";
|
|
69
|
+
readonly "fg.default": "#2E3442";
|
|
70
|
+
readonly "fg.default.inverse": "#FFFFFF";
|
|
71
|
+
readonly "fg.disabled": "#091E4252";
|
|
72
|
+
readonly "fg.error": "#911D1D";
|
|
73
|
+
readonly "fg.information": "#1668AC";
|
|
74
|
+
readonly "fg.link": "#0037FF";
|
|
75
|
+
readonly "fg.link.hover": "#002CCC";
|
|
76
|
+
readonly "fg.link.visited": "#693AB6";
|
|
77
|
+
readonly "fg.secondary": "#4F576E";
|
|
78
|
+
readonly "fg.success": "#24663E";
|
|
79
|
+
readonly "fg.tertiary": "#626A81";
|
|
80
|
+
readonly "fg.warning": "#B54707";
|
|
81
|
+
readonly "outline.brand": "#6A8FFC";
|
|
82
|
+
readonly overlay: "#091E4252";
|
|
83
|
+
readonly surface: "#FFFFFF";
|
|
84
|
+
readonly current: "currentColor";
|
|
85
|
+
readonly transparent: "transparent";
|
|
86
|
+
readonly black: "#000000";
|
|
87
|
+
readonly white: "#FFFFFF";
|
|
88
|
+
readonly "aqua.50": "#E5F7FB";
|
|
89
|
+
readonly "aqua.200": "#9AE5EF";
|
|
90
|
+
readonly "aqua.500": "#00BDD6";
|
|
91
|
+
readonly "aqua.600": "#007A8A";
|
|
92
|
+
readonly "blue.50": "#E7F3FE";
|
|
93
|
+
readonly "blue.200": "#A8D5FA";
|
|
94
|
+
readonly "blue.500": "#2094F3";
|
|
95
|
+
readonly "blue.600": "#1668AC";
|
|
96
|
+
readonly "blue.900": "#1C2B41";
|
|
97
|
+
readonly "brand.50": "#F0F3FF";
|
|
98
|
+
readonly "brand.100": "#CDD8FC";
|
|
99
|
+
readonly "brand.200": "#B3C3FF";
|
|
100
|
+
readonly "brand.300": "#6A8FFC";
|
|
101
|
+
readonly "brand.400": "#2E66F7";
|
|
102
|
+
readonly "brand.500": "#0037FF";
|
|
103
|
+
readonly "brand.600": "#002CCC";
|
|
104
|
+
readonly "brand.700": "#002894";
|
|
105
|
+
readonly "brand.800": "#001666";
|
|
106
|
+
readonly "brand.900": "#000B33";
|
|
107
|
+
readonly "dark.50": "#d9d9d9";
|
|
108
|
+
readonly "dark.200": "#9e9e9e";
|
|
109
|
+
readonly "dark.500": "#707070";
|
|
110
|
+
readonly "dark.600": "#080736";
|
|
111
|
+
readonly "gray.50": "#f9fafb";
|
|
112
|
+
readonly "gray.100": "#f3f4f6";
|
|
113
|
+
readonly "gray.200": "#e5e7eb";
|
|
114
|
+
readonly "gray.300": "#d1d5db";
|
|
115
|
+
readonly "gray.400": "#9ca3af";
|
|
116
|
+
readonly "gray.500": "#6b7280";
|
|
117
|
+
readonly "gray.600": "#4b5563";
|
|
118
|
+
readonly "gray.700": "#374151";
|
|
119
|
+
readonly "gray.800": "#1f2937";
|
|
120
|
+
readonly "gray.900": "#111827";
|
|
121
|
+
readonly "green.50": "#E9F7F1";
|
|
122
|
+
readonly "green.100": "#D1F0E1";
|
|
123
|
+
readonly "green.200": "#A5E1C3";
|
|
124
|
+
readonly "green.300": "#7CD2A7";
|
|
125
|
+
readonly "green.400": "#5AC58A";
|
|
126
|
+
readonly "green.500": "#03A65D";
|
|
127
|
+
readonly "green.600": "#038047";
|
|
128
|
+
readonly "green.700": "#24663E";
|
|
129
|
+
readonly "green.800": "#17492B";
|
|
130
|
+
readonly "green.900": "#082415";
|
|
131
|
+
readonly "magenta.50": "#F8E7F5";
|
|
132
|
+
readonly "magenta.200": "#E39CD6";
|
|
133
|
+
readonly "magenta.500": "#B80597";
|
|
134
|
+
readonly "magenta.600": "#81046A";
|
|
135
|
+
readonly "neutral.50": "#F9FAFC";
|
|
136
|
+
readonly "neutral.75": "#F5F6FA";
|
|
137
|
+
readonly "neutral.100": "#E9EDF5";
|
|
138
|
+
readonly "neutral.150": "#DADFEB";
|
|
139
|
+
readonly "neutral.200": "#CACFDC";
|
|
140
|
+
readonly "neutral.300": "#b8becb";
|
|
141
|
+
readonly "neutral.500": "#868FA4";
|
|
142
|
+
readonly "neutral.600": "#626A81";
|
|
143
|
+
readonly "neutral.700": "#4F576E";
|
|
144
|
+
readonly "neutral.800": "#2E3442";
|
|
145
|
+
readonly "neutral.900": "#262B37";
|
|
146
|
+
readonly "neutral.1000": "#1C2029";
|
|
147
|
+
readonly "neutral.1100": "#171A23";
|
|
148
|
+
readonly "neutral.1200": "#091E42";
|
|
149
|
+
readonly "neutral.50/6": "#F9FAFC0F";
|
|
150
|
+
readonly "neutral.50/32": "#F9FAFC52";
|
|
151
|
+
readonly "neutral.1200/4": "#091E420A";
|
|
152
|
+
readonly "neutral.1200/12": "#091E421F";
|
|
153
|
+
readonly "neutral.1200/18": "#091E422E";
|
|
154
|
+
readonly "neutral.1200/22": "#091E4238";
|
|
155
|
+
readonly "neutral.1200/32": "#091E4252";
|
|
156
|
+
readonly "orange.50": "#fff5e5";
|
|
157
|
+
readonly "orange.200": "#ffd699";
|
|
158
|
+
readonly "orange.500": "#ff9900";
|
|
159
|
+
readonly "orange.600": "#a36200";
|
|
160
|
+
readonly "purple.50": "#F1ECF8";
|
|
161
|
+
readonly "purple.200": "#C4B1E2";
|
|
162
|
+
readonly "purple.500": "#693AB6";
|
|
163
|
+
readonly "purple.600": "#4A297F";
|
|
164
|
+
readonly "purple.900": "#2B273F";
|
|
165
|
+
readonly "red.50": "#FFF7F7";
|
|
166
|
+
readonly "red.100": "#FCD6D6";
|
|
167
|
+
readonly "red.200": "#F9ACAC";
|
|
168
|
+
readonly "red.300": "#FC8B8B";
|
|
169
|
+
readonly "red.400": "#E31818";
|
|
170
|
+
readonly "red.500": "#CC1616";
|
|
171
|
+
readonly "red.600": "#B21313";
|
|
172
|
+
readonly "red.700": "#911D1D";
|
|
173
|
+
readonly "red.800": "#601313";
|
|
174
|
+
readonly "red.900": "#300A0A";
|
|
175
|
+
readonly "slate.50": "#f8fafc";
|
|
176
|
+
readonly "slate.100": "#f1f5f9";
|
|
177
|
+
readonly "slate.200": "#e2e8f0";
|
|
178
|
+
readonly "slate.300": "#cbd5e1";
|
|
179
|
+
readonly "slate.400": "#94a3b8";
|
|
180
|
+
readonly "slate.500": "#64748b";
|
|
181
|
+
readonly "slate.600": "#475569";
|
|
182
|
+
readonly "slate.700": "#334155";
|
|
183
|
+
readonly "slate.800": "#1e293b";
|
|
184
|
+
readonly "slate.900": "#0f172a";
|
|
185
|
+
readonly "slate.950": "#020617";
|
|
186
|
+
readonly "yellow.50": "#FFFAEA";
|
|
187
|
+
readonly "yellow.100": "#FEF1C6";
|
|
188
|
+
readonly "yellow.200": "#FEDF88";
|
|
189
|
+
readonly "yellow.300": "#FFC84B";
|
|
190
|
+
readonly "yellow.400": "#FDB022";
|
|
191
|
+
readonly "yellow.500": "#F79008";
|
|
192
|
+
readonly "yellow.600": "#DC6903";
|
|
193
|
+
readonly "yellow.700": "#B54707";
|
|
194
|
+
readonly "yellow.800": "#7A2E0D";
|
|
195
|
+
readonly "yellow.900": "#4E1D09";
|
|
196
|
+
};
|
|
197
|
+
readonly fontFamily: {
|
|
198
|
+
readonly mono: "Fira Code Variable, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace";
|
|
199
|
+
readonly sans: "InterVariable, system-ui, sans-serif";
|
|
200
|
+
};
|
|
201
|
+
readonly fontSize: {
|
|
202
|
+
readonly xs: {
|
|
203
|
+
readonly fontSize: "10px";
|
|
204
|
+
readonly lineHeight: "14px";
|
|
205
|
+
};
|
|
206
|
+
readonly sm: {
|
|
207
|
+
readonly fontSize: "12px";
|
|
208
|
+
readonly lineHeight: "16px";
|
|
209
|
+
};
|
|
210
|
+
readonly md: {
|
|
211
|
+
readonly fontSize: "14px";
|
|
212
|
+
readonly lineHeight: "20px";
|
|
213
|
+
};
|
|
214
|
+
readonly lg: {
|
|
215
|
+
readonly fontSize: "16px";
|
|
216
|
+
readonly lineHeight: "24px";
|
|
217
|
+
};
|
|
218
|
+
readonly xl: {
|
|
219
|
+
readonly fontSize: "18px";
|
|
220
|
+
readonly lineHeight: "28px";
|
|
221
|
+
};
|
|
222
|
+
readonly "2xl": {
|
|
223
|
+
readonly fontSize: "20px";
|
|
224
|
+
readonly lineHeight: "28px";
|
|
225
|
+
};
|
|
226
|
+
readonly "3xl": {
|
|
227
|
+
readonly fontSize: "24px";
|
|
228
|
+
readonly lineHeight: "32px";
|
|
229
|
+
};
|
|
230
|
+
readonly "4xl": {
|
|
231
|
+
readonly fontSize: "30px";
|
|
232
|
+
readonly lineHeight: "36px";
|
|
233
|
+
};
|
|
234
|
+
readonly "5xl": {
|
|
235
|
+
readonly fontSize: "36px";
|
|
236
|
+
readonly lineHeight: "40px";
|
|
237
|
+
};
|
|
238
|
+
readonly "6xl": {
|
|
239
|
+
readonly fontSize: "48px";
|
|
240
|
+
readonly lineHeight: "1";
|
|
241
|
+
};
|
|
242
|
+
readonly "7xl": {
|
|
243
|
+
readonly fontSize: "60px";
|
|
244
|
+
readonly lineHeight: "1";
|
|
245
|
+
};
|
|
246
|
+
};
|
|
247
|
+
readonly letterSpacing: {
|
|
248
|
+
readonly tighter: "-0.05em";
|
|
249
|
+
readonly tight: "-0.025em";
|
|
250
|
+
readonly normal: "0";
|
|
251
|
+
readonly wide: "0.025em";
|
|
252
|
+
readonly wider: "0.05em";
|
|
253
|
+
readonly widest: "0.1em";
|
|
254
|
+
};
|
|
255
|
+
readonly lineHeight: {
|
|
256
|
+
readonly none: "1";
|
|
257
|
+
readonly tight: "1.25";
|
|
258
|
+
readonly normal: "1.5";
|
|
259
|
+
readonly loose: "2";
|
|
260
|
+
};
|
|
261
|
+
readonly margins: {
|
|
262
|
+
readonly "-xs": "-8px";
|
|
263
|
+
readonly "-sm": "-12px";
|
|
264
|
+
readonly "-md": "-16px";
|
|
265
|
+
readonly "-lg": "-24px";
|
|
266
|
+
readonly "-xl": "-32px";
|
|
267
|
+
readonly "-2": "-2px";
|
|
268
|
+
readonly "-4": "-4px";
|
|
269
|
+
readonly "-6": "-6px";
|
|
270
|
+
readonly "-8": "-8px";
|
|
271
|
+
readonly "-10": "-10px";
|
|
272
|
+
readonly "-12": "-12px";
|
|
273
|
+
readonly "-16": "-16px";
|
|
274
|
+
readonly "-24": "-24px";
|
|
275
|
+
readonly "-32": "-32px";
|
|
276
|
+
readonly "-48": "-48px";
|
|
277
|
+
readonly "-64": "-64px";
|
|
278
|
+
readonly "-80": "-80px";
|
|
279
|
+
readonly xs: "8px";
|
|
280
|
+
readonly sm: "12px";
|
|
281
|
+
readonly md: "16px";
|
|
282
|
+
readonly lg: "24px";
|
|
283
|
+
readonly xl: "32px";
|
|
284
|
+
readonly "0": "0";
|
|
285
|
+
readonly "2": "2px";
|
|
286
|
+
readonly "4": "4px";
|
|
287
|
+
readonly "6": "6px";
|
|
288
|
+
readonly "8": "8px";
|
|
289
|
+
readonly "10": "10px";
|
|
290
|
+
readonly "12": "12px";
|
|
291
|
+
readonly "16": "16px";
|
|
292
|
+
readonly "20": "20px";
|
|
293
|
+
readonly "24": "24px";
|
|
294
|
+
readonly "32": "32px";
|
|
295
|
+
readonly "48": "48px";
|
|
296
|
+
readonly "64": "64px";
|
|
297
|
+
readonly "80": "80px";
|
|
298
|
+
};
|
|
299
|
+
readonly maxSize: {
|
|
300
|
+
readonly xs: "320px";
|
|
301
|
+
readonly sm: "384px";
|
|
302
|
+
readonly md: "448px";
|
|
303
|
+
readonly lg: "512px";
|
|
304
|
+
readonly xl: "576px";
|
|
305
|
+
readonly "2xl": "672px";
|
|
306
|
+
readonly full: "100%";
|
|
307
|
+
};
|
|
308
|
+
readonly screens: {
|
|
309
|
+
readonly sm: "600px";
|
|
310
|
+
readonly md: "900px";
|
|
311
|
+
readonly lg: "1200px";
|
|
312
|
+
};
|
|
313
|
+
readonly size: {
|
|
314
|
+
readonly xs: "20px";
|
|
315
|
+
readonly sm: "24px";
|
|
316
|
+
readonly md: "32px";
|
|
317
|
+
readonly lg: "40px";
|
|
318
|
+
readonly xl: "48px";
|
|
319
|
+
readonly "5xl": "80px";
|
|
320
|
+
readonly "0": "0";
|
|
321
|
+
readonly "1": "1px";
|
|
322
|
+
readonly "2": "2px";
|
|
323
|
+
readonly "4": "4px";
|
|
324
|
+
readonly "6": "6px";
|
|
325
|
+
readonly "8": "8px";
|
|
326
|
+
readonly "12": "12px";
|
|
327
|
+
readonly "16": "16px";
|
|
328
|
+
readonly "20": "20px";
|
|
329
|
+
readonly "24": "24px";
|
|
330
|
+
readonly "32": "32px";
|
|
331
|
+
readonly "40": "40px";
|
|
332
|
+
readonly "48": "48px";
|
|
333
|
+
readonly "56": "56px";
|
|
334
|
+
readonly "64": "64px";
|
|
335
|
+
readonly "80": "80px";
|
|
336
|
+
readonly "96": "96px";
|
|
337
|
+
readonly "112": "112px";
|
|
338
|
+
readonly "128": "128px";
|
|
339
|
+
readonly "144": "144px";
|
|
340
|
+
readonly "160": "160px";
|
|
341
|
+
readonly "176": "176px";
|
|
342
|
+
readonly "192": "192px";
|
|
343
|
+
readonly "208": "208px";
|
|
344
|
+
readonly "224": "224px";
|
|
345
|
+
readonly "240": "240px";
|
|
346
|
+
readonly "256": "256px";
|
|
347
|
+
readonly "288": "288px";
|
|
348
|
+
readonly "320": "320px";
|
|
349
|
+
readonly "384": "384px";
|
|
350
|
+
readonly "1/2": "50%";
|
|
351
|
+
readonly "1/3": "33.333333%";
|
|
352
|
+
readonly "2/3": "66.666666%";
|
|
353
|
+
readonly "1/4": "25%";
|
|
354
|
+
readonly "2/4": "50%";
|
|
355
|
+
readonly "3/4": "75%";
|
|
356
|
+
readonly auto: "auto";
|
|
357
|
+
readonly fit: "fit-content";
|
|
358
|
+
readonly full: "100%";
|
|
359
|
+
readonly max: "max-content";
|
|
360
|
+
readonly min: "min-content";
|
|
361
|
+
};
|
|
362
|
+
readonly spacing: {
|
|
363
|
+
readonly xs: "8px";
|
|
364
|
+
readonly sm: "12px";
|
|
365
|
+
readonly md: "16px";
|
|
366
|
+
readonly lg: "24px";
|
|
367
|
+
readonly xl: "32px";
|
|
368
|
+
readonly "0": "0";
|
|
369
|
+
readonly "2": "2px";
|
|
370
|
+
readonly "4": "4px";
|
|
371
|
+
readonly "6": "6px";
|
|
372
|
+
readonly "8": "8px";
|
|
373
|
+
readonly "10": "10px";
|
|
374
|
+
readonly "12": "12px";
|
|
375
|
+
readonly "16": "16px";
|
|
376
|
+
readonly "20": "20px";
|
|
377
|
+
readonly "24": "24px";
|
|
378
|
+
readonly "32": "32px";
|
|
379
|
+
readonly "48": "48px";
|
|
380
|
+
readonly "64": "64px";
|
|
381
|
+
readonly "80": "80px";
|
|
382
|
+
};
|
|
383
|
+
readonly zIndex: {
|
|
384
|
+
readonly "0": "0";
|
|
385
|
+
readonly "10": "10";
|
|
386
|
+
readonly "20": "20";
|
|
387
|
+
readonly "30": "30";
|
|
388
|
+
readonly "40": "40";
|
|
389
|
+
readonly "50": "50";
|
|
390
|
+
readonly auto: "auto";
|
|
391
|
+
readonly popover: "3000";
|
|
392
|
+
readonly toast: "3010";
|
|
393
|
+
};
|
|
394
|
+
}, CSSVarFunction>;
|
|
395
|
+
type CSSVarFunction = `var(--${string})` | `var(--${string}, ${number | string})`;
|
|
396
|
+
type Primitive = boolean | null | number | string | undefined;
|
|
397
|
+
type MapLeafNodes<Obj, LeafType> = {
|
|
398
|
+
[Prop in keyof Obj]: Obj[Prop] extends Primitive ? LeafType : Obj[Prop] extends Record<number | string, any> ? MapLeafNodes<Obj[Prop], LeafType> : never;
|
|
399
|
+
};
|
|
400
|
+
|
|
6
401
|
type ToastElement = ReactElement;
|
|
7
402
|
type ToastItem = {
|
|
8
403
|
id: string;
|
|
@@ -28,4 +423,783 @@ declare const toaster: {
|
|
|
28
423
|
remove: (id: string) => void;
|
|
29
424
|
};
|
|
30
425
|
|
|
31
|
-
|
|
426
|
+
declare const tokens: {
|
|
427
|
+
readonly borderRadius: {
|
|
428
|
+
readonly xs: "2px";
|
|
429
|
+
readonly sm: "4px";
|
|
430
|
+
readonly md: "6px";
|
|
431
|
+
readonly lg: "8px";
|
|
432
|
+
readonly xl: "12px";
|
|
433
|
+
readonly full: "9999px";
|
|
434
|
+
readonly none: "0";
|
|
435
|
+
};
|
|
436
|
+
readonly borderWidth: {
|
|
437
|
+
readonly "0": "0";
|
|
438
|
+
readonly "1": "1px";
|
|
439
|
+
readonly "2": "2px";
|
|
440
|
+
readonly "4": "4px";
|
|
441
|
+
};
|
|
442
|
+
readonly boxShadow: {
|
|
443
|
+
readonly xs: "0 1px 2px 0 rgb(0 0 0 / 0.05)";
|
|
444
|
+
readonly sm: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)";
|
|
445
|
+
readonly md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)";
|
|
446
|
+
readonly lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)";
|
|
447
|
+
readonly xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)";
|
|
448
|
+
readonly inner: "inset 0 0 6px 0 rgb(0 0 0 / 0.1);";
|
|
449
|
+
readonly none: "0 0 #0000";
|
|
450
|
+
};
|
|
451
|
+
readonly colors: {
|
|
452
|
+
readonly "bg.brand": "#F0F3FF";
|
|
453
|
+
readonly "bg.brand.solid": "#0037FF";
|
|
454
|
+
readonly "bg.brand.solid.hover": "#002CCC";
|
|
455
|
+
readonly "bg.disabled": "#091E422E";
|
|
456
|
+
readonly "bg.discovery": "#F1ECF8";
|
|
457
|
+
readonly "bg.error": "#FFF7F7";
|
|
458
|
+
readonly "bg.error.solid": "#CC1616";
|
|
459
|
+
readonly "bg.error.solid.hover": "#B21313";
|
|
460
|
+
readonly "bg.information": "#E7F3FE";
|
|
461
|
+
readonly "bg.information.solid": "#1668AC";
|
|
462
|
+
readonly "bg.input.disabled": "#091E420A";
|
|
463
|
+
readonly "bg.neutral": "#F5F6FA";
|
|
464
|
+
readonly "bg.neutral.inverse": "#2E3442";
|
|
465
|
+
readonly "bg.neutral.inverse.hover": "#262B37";
|
|
466
|
+
readonly "bg.neutral.solid": "#CACFDC";
|
|
467
|
+
readonly "bg.neutral.solid.hover": "#b8becb";
|
|
468
|
+
readonly "bg.success": "#E9F7F1";
|
|
469
|
+
readonly "bg.success.solid": "#03A65D";
|
|
470
|
+
readonly "bg.success.solid.hover": "#038047";
|
|
471
|
+
readonly "bg.warning": "#FFFAEA";
|
|
472
|
+
readonly "bg.warning.solid": "#F79008";
|
|
473
|
+
readonly "bg.warning.solid.hover": "#DC6903";
|
|
474
|
+
readonly "border.active": "#868FA4";
|
|
475
|
+
readonly "border.active.hover": "#626A81";
|
|
476
|
+
readonly "border.brand": "#0037FF";
|
|
477
|
+
readonly "border.default": "#CACFDC";
|
|
478
|
+
readonly "border.disabled": "#F5F6FA";
|
|
479
|
+
readonly "border.error": "#CC1616";
|
|
480
|
+
readonly "border.secondary": "#DADFEB";
|
|
481
|
+
readonly "border.success": "#03A65D";
|
|
482
|
+
readonly "border.tertiary": "#E9EDF5";
|
|
483
|
+
readonly "border.warning": "#F79008";
|
|
484
|
+
readonly "fg.accent.blue": "#2094F3";
|
|
485
|
+
readonly "fg.accent.magenta": "#81046A";
|
|
486
|
+
readonly "fg.accent.purple": "#4A297F";
|
|
487
|
+
readonly "fg.accent.red": "#CC1616";
|
|
488
|
+
readonly "fg.brand": "#002894";
|
|
489
|
+
readonly "fg.default": "#2E3442";
|
|
490
|
+
readonly "fg.default.inverse": "#FFFFFF";
|
|
491
|
+
readonly "fg.disabled": "#091E4252";
|
|
492
|
+
readonly "fg.error": "#911D1D";
|
|
493
|
+
readonly "fg.information": "#1668AC";
|
|
494
|
+
readonly "fg.link": "#0037FF";
|
|
495
|
+
readonly "fg.link.hover": "#002CCC";
|
|
496
|
+
readonly "fg.link.visited": "#693AB6";
|
|
497
|
+
readonly "fg.secondary": "#4F576E";
|
|
498
|
+
readonly "fg.success": "#24663E";
|
|
499
|
+
readonly "fg.tertiary": "#626A81";
|
|
500
|
+
readonly "fg.warning": "#B54707";
|
|
501
|
+
readonly "outline.brand": "#6A8FFC";
|
|
502
|
+
readonly overlay: "#091E4252";
|
|
503
|
+
readonly surface: "#FFFFFF";
|
|
504
|
+
readonly current: "currentColor";
|
|
505
|
+
readonly transparent: "transparent";
|
|
506
|
+
readonly black: "#000000";
|
|
507
|
+
readonly white: "#FFFFFF";
|
|
508
|
+
readonly "aqua.50": "#E5F7FB";
|
|
509
|
+
readonly "aqua.200": "#9AE5EF";
|
|
510
|
+
readonly "aqua.500": "#00BDD6";
|
|
511
|
+
readonly "aqua.600": "#007A8A";
|
|
512
|
+
readonly "blue.50": "#E7F3FE";
|
|
513
|
+
readonly "blue.200": "#A8D5FA";
|
|
514
|
+
readonly "blue.500": "#2094F3";
|
|
515
|
+
readonly "blue.600": "#1668AC";
|
|
516
|
+
readonly "blue.900": "#1C2B41";
|
|
517
|
+
readonly "brand.50": "#F0F3FF";
|
|
518
|
+
readonly "brand.100": "#CDD8FC";
|
|
519
|
+
readonly "brand.200": "#B3C3FF";
|
|
520
|
+
readonly "brand.300": "#6A8FFC";
|
|
521
|
+
readonly "brand.400": "#2E66F7";
|
|
522
|
+
readonly "brand.500": "#0037FF";
|
|
523
|
+
readonly "brand.600": "#002CCC";
|
|
524
|
+
readonly "brand.700": "#002894";
|
|
525
|
+
readonly "brand.800": "#001666";
|
|
526
|
+
readonly "brand.900": "#000B33";
|
|
527
|
+
readonly "dark.50": "#d9d9d9";
|
|
528
|
+
readonly "dark.200": "#9e9e9e";
|
|
529
|
+
readonly "dark.500": "#707070";
|
|
530
|
+
readonly "dark.600": "#080736";
|
|
531
|
+
readonly "gray.50": "#f9fafb";
|
|
532
|
+
readonly "gray.100": "#f3f4f6";
|
|
533
|
+
readonly "gray.200": "#e5e7eb";
|
|
534
|
+
readonly "gray.300": "#d1d5db";
|
|
535
|
+
readonly "gray.400": "#9ca3af";
|
|
536
|
+
readonly "gray.500": "#6b7280";
|
|
537
|
+
readonly "gray.600": "#4b5563";
|
|
538
|
+
readonly "gray.700": "#374151";
|
|
539
|
+
readonly "gray.800": "#1f2937";
|
|
540
|
+
readonly "gray.900": "#111827";
|
|
541
|
+
readonly "green.50": "#E9F7F1";
|
|
542
|
+
readonly "green.100": "#D1F0E1";
|
|
543
|
+
readonly "green.200": "#A5E1C3";
|
|
544
|
+
readonly "green.300": "#7CD2A7";
|
|
545
|
+
readonly "green.400": "#5AC58A";
|
|
546
|
+
readonly "green.500": "#03A65D";
|
|
547
|
+
readonly "green.600": "#038047";
|
|
548
|
+
readonly "green.700": "#24663E";
|
|
549
|
+
readonly "green.800": "#17492B";
|
|
550
|
+
readonly "green.900": "#082415";
|
|
551
|
+
readonly "magenta.50": "#F8E7F5";
|
|
552
|
+
readonly "magenta.200": "#E39CD6";
|
|
553
|
+
readonly "magenta.500": "#B80597";
|
|
554
|
+
readonly "magenta.600": "#81046A";
|
|
555
|
+
readonly "neutral.50": "#F9FAFC";
|
|
556
|
+
readonly "neutral.75": "#F5F6FA";
|
|
557
|
+
readonly "neutral.100": "#E9EDF5";
|
|
558
|
+
readonly "neutral.150": "#DADFEB";
|
|
559
|
+
readonly "neutral.200": "#CACFDC";
|
|
560
|
+
readonly "neutral.300": "#b8becb";
|
|
561
|
+
readonly "neutral.500": "#868FA4";
|
|
562
|
+
readonly "neutral.600": "#626A81";
|
|
563
|
+
readonly "neutral.700": "#4F576E";
|
|
564
|
+
readonly "neutral.800": "#2E3442";
|
|
565
|
+
readonly "neutral.900": "#262B37";
|
|
566
|
+
readonly "neutral.1000": "#1C2029";
|
|
567
|
+
readonly "neutral.1100": "#171A23";
|
|
568
|
+
readonly "neutral.1200": "#091E42";
|
|
569
|
+
readonly "neutral.50/6": "#F9FAFC0F";
|
|
570
|
+
readonly "neutral.50/32": "#F9FAFC52";
|
|
571
|
+
readonly "neutral.1200/4": "#091E420A";
|
|
572
|
+
readonly "neutral.1200/12": "#091E421F";
|
|
573
|
+
readonly "neutral.1200/18": "#091E422E";
|
|
574
|
+
readonly "neutral.1200/22": "#091E4238";
|
|
575
|
+
readonly "neutral.1200/32": "#091E4252";
|
|
576
|
+
readonly "orange.50": "#fff5e5";
|
|
577
|
+
readonly "orange.200": "#ffd699";
|
|
578
|
+
readonly "orange.500": "#ff9900";
|
|
579
|
+
readonly "orange.600": "#a36200";
|
|
580
|
+
readonly "purple.50": "#F1ECF8";
|
|
581
|
+
readonly "purple.200": "#C4B1E2";
|
|
582
|
+
readonly "purple.500": "#693AB6";
|
|
583
|
+
readonly "purple.600": "#4A297F";
|
|
584
|
+
readonly "purple.900": "#2B273F";
|
|
585
|
+
readonly "red.50": "#FFF7F7";
|
|
586
|
+
readonly "red.100": "#FCD6D6";
|
|
587
|
+
readonly "red.200": "#F9ACAC";
|
|
588
|
+
readonly "red.300": "#FC8B8B";
|
|
589
|
+
readonly "red.400": "#E31818";
|
|
590
|
+
readonly "red.500": "#CC1616";
|
|
591
|
+
readonly "red.600": "#B21313";
|
|
592
|
+
readonly "red.700": "#911D1D";
|
|
593
|
+
readonly "red.800": "#601313";
|
|
594
|
+
readonly "red.900": "#300A0A";
|
|
595
|
+
readonly "slate.50": "#f8fafc";
|
|
596
|
+
readonly "slate.100": "#f1f5f9";
|
|
597
|
+
readonly "slate.200": "#e2e8f0";
|
|
598
|
+
readonly "slate.300": "#cbd5e1";
|
|
599
|
+
readonly "slate.400": "#94a3b8";
|
|
600
|
+
readonly "slate.500": "#64748b";
|
|
601
|
+
readonly "slate.600": "#475569";
|
|
602
|
+
readonly "slate.700": "#334155";
|
|
603
|
+
readonly "slate.800": "#1e293b";
|
|
604
|
+
readonly "slate.900": "#0f172a";
|
|
605
|
+
readonly "slate.950": "#020617";
|
|
606
|
+
readonly "yellow.50": "#FFFAEA";
|
|
607
|
+
readonly "yellow.100": "#FEF1C6";
|
|
608
|
+
readonly "yellow.200": "#FEDF88";
|
|
609
|
+
readonly "yellow.300": "#FFC84B";
|
|
610
|
+
readonly "yellow.400": "#FDB022";
|
|
611
|
+
readonly "yellow.500": "#F79008";
|
|
612
|
+
readonly "yellow.600": "#DC6903";
|
|
613
|
+
readonly "yellow.700": "#B54707";
|
|
614
|
+
readonly "yellow.800": "#7A2E0D";
|
|
615
|
+
readonly "yellow.900": "#4E1D09";
|
|
616
|
+
};
|
|
617
|
+
readonly fontFamily: {
|
|
618
|
+
readonly mono: "Fira Code Variable, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace";
|
|
619
|
+
readonly sans: "InterVariable, system-ui, sans-serif";
|
|
620
|
+
};
|
|
621
|
+
readonly fontSize: {
|
|
622
|
+
readonly xs: {
|
|
623
|
+
readonly fontSize: "10px";
|
|
624
|
+
readonly lineHeight: "14px";
|
|
625
|
+
};
|
|
626
|
+
readonly sm: {
|
|
627
|
+
readonly fontSize: "12px";
|
|
628
|
+
readonly lineHeight: "16px";
|
|
629
|
+
};
|
|
630
|
+
readonly md: {
|
|
631
|
+
readonly fontSize: "14px";
|
|
632
|
+
readonly lineHeight: "20px";
|
|
633
|
+
};
|
|
634
|
+
readonly lg: {
|
|
635
|
+
readonly fontSize: "16px";
|
|
636
|
+
readonly lineHeight: "24px";
|
|
637
|
+
};
|
|
638
|
+
readonly xl: {
|
|
639
|
+
readonly fontSize: "18px";
|
|
640
|
+
readonly lineHeight: "28px";
|
|
641
|
+
};
|
|
642
|
+
readonly "2xl": {
|
|
643
|
+
readonly fontSize: "20px";
|
|
644
|
+
readonly lineHeight: "28px";
|
|
645
|
+
};
|
|
646
|
+
readonly "3xl": {
|
|
647
|
+
readonly fontSize: "24px";
|
|
648
|
+
readonly lineHeight: "32px";
|
|
649
|
+
};
|
|
650
|
+
readonly "4xl": {
|
|
651
|
+
readonly fontSize: "30px";
|
|
652
|
+
readonly lineHeight: "36px";
|
|
653
|
+
};
|
|
654
|
+
readonly "5xl": {
|
|
655
|
+
readonly fontSize: "36px";
|
|
656
|
+
readonly lineHeight: "40px";
|
|
657
|
+
};
|
|
658
|
+
readonly "6xl": {
|
|
659
|
+
readonly fontSize: "48px";
|
|
660
|
+
readonly lineHeight: "1";
|
|
661
|
+
};
|
|
662
|
+
readonly "7xl": {
|
|
663
|
+
readonly fontSize: "60px";
|
|
664
|
+
readonly lineHeight: "1";
|
|
665
|
+
};
|
|
666
|
+
};
|
|
667
|
+
readonly letterSpacing: {
|
|
668
|
+
readonly tighter: "-0.05em";
|
|
669
|
+
readonly tight: "-0.025em";
|
|
670
|
+
readonly normal: "0";
|
|
671
|
+
readonly wide: "0.025em";
|
|
672
|
+
readonly wider: "0.05em";
|
|
673
|
+
readonly widest: "0.1em";
|
|
674
|
+
};
|
|
675
|
+
readonly lineHeight: {
|
|
676
|
+
readonly none: "1";
|
|
677
|
+
readonly tight: "1.25";
|
|
678
|
+
readonly normal: "1.5";
|
|
679
|
+
readonly loose: "2";
|
|
680
|
+
};
|
|
681
|
+
readonly margins: {
|
|
682
|
+
readonly "-xs": "-8px";
|
|
683
|
+
readonly "-sm": "-12px";
|
|
684
|
+
readonly "-md": "-16px";
|
|
685
|
+
readonly "-lg": "-24px";
|
|
686
|
+
readonly "-xl": "-32px";
|
|
687
|
+
readonly "-2": "-2px";
|
|
688
|
+
readonly "-4": "-4px";
|
|
689
|
+
readonly "-6": "-6px";
|
|
690
|
+
readonly "-8": "-8px";
|
|
691
|
+
readonly "-10": "-10px";
|
|
692
|
+
readonly "-12": "-12px";
|
|
693
|
+
readonly "-16": "-16px";
|
|
694
|
+
readonly "-24": "-24px";
|
|
695
|
+
readonly "-32": "-32px";
|
|
696
|
+
readonly "-48": "-48px";
|
|
697
|
+
readonly "-64": "-64px";
|
|
698
|
+
readonly "-80": "-80px";
|
|
699
|
+
readonly xs: "8px";
|
|
700
|
+
readonly sm: "12px";
|
|
701
|
+
readonly md: "16px";
|
|
702
|
+
readonly lg: "24px";
|
|
703
|
+
readonly xl: "32px";
|
|
704
|
+
readonly "0": "0";
|
|
705
|
+
readonly "2": "2px";
|
|
706
|
+
readonly "4": "4px";
|
|
707
|
+
readonly "6": "6px";
|
|
708
|
+
readonly "8": "8px";
|
|
709
|
+
readonly "10": "10px";
|
|
710
|
+
readonly "12": "12px";
|
|
711
|
+
readonly "16": "16px";
|
|
712
|
+
readonly "20": "20px";
|
|
713
|
+
readonly "24": "24px";
|
|
714
|
+
readonly "32": "32px";
|
|
715
|
+
readonly "48": "48px";
|
|
716
|
+
readonly "64": "64px";
|
|
717
|
+
readonly "80": "80px";
|
|
718
|
+
};
|
|
719
|
+
readonly maxSize: {
|
|
720
|
+
readonly xs: "320px";
|
|
721
|
+
readonly sm: "384px";
|
|
722
|
+
readonly md: "448px";
|
|
723
|
+
readonly lg: "512px";
|
|
724
|
+
readonly xl: "576px";
|
|
725
|
+
readonly "2xl": "672px";
|
|
726
|
+
readonly full: "100%";
|
|
727
|
+
};
|
|
728
|
+
readonly screens: {
|
|
729
|
+
readonly sm: "600px";
|
|
730
|
+
readonly md: "900px";
|
|
731
|
+
readonly lg: "1200px";
|
|
732
|
+
};
|
|
733
|
+
readonly size: {
|
|
734
|
+
readonly xs: "20px";
|
|
735
|
+
readonly sm: "24px";
|
|
736
|
+
readonly md: "32px";
|
|
737
|
+
readonly lg: "40px";
|
|
738
|
+
readonly xl: "48px";
|
|
739
|
+
readonly "5xl": "80px";
|
|
740
|
+
readonly "0": "0";
|
|
741
|
+
readonly "1": "1px";
|
|
742
|
+
readonly "2": "2px";
|
|
743
|
+
readonly "4": "4px";
|
|
744
|
+
readonly "6": "6px";
|
|
745
|
+
readonly "8": "8px";
|
|
746
|
+
readonly "12": "12px";
|
|
747
|
+
readonly "16": "16px";
|
|
748
|
+
readonly "20": "20px";
|
|
749
|
+
readonly "24": "24px";
|
|
750
|
+
readonly "32": "32px";
|
|
751
|
+
readonly "40": "40px";
|
|
752
|
+
readonly "48": "48px";
|
|
753
|
+
readonly "56": "56px";
|
|
754
|
+
readonly "64": "64px";
|
|
755
|
+
readonly "80": "80px";
|
|
756
|
+
readonly "96": "96px";
|
|
757
|
+
readonly "112": "112px";
|
|
758
|
+
readonly "128": "128px";
|
|
759
|
+
readonly "144": "144px";
|
|
760
|
+
readonly "160": "160px";
|
|
761
|
+
readonly "176": "176px";
|
|
762
|
+
readonly "192": "192px";
|
|
763
|
+
readonly "208": "208px";
|
|
764
|
+
readonly "224": "224px";
|
|
765
|
+
readonly "240": "240px";
|
|
766
|
+
readonly "256": "256px";
|
|
767
|
+
readonly "288": "288px";
|
|
768
|
+
readonly "320": "320px";
|
|
769
|
+
readonly "384": "384px";
|
|
770
|
+
readonly "1/2": "50%";
|
|
771
|
+
readonly "1/3": "33.333333%";
|
|
772
|
+
readonly "2/3": "66.666666%";
|
|
773
|
+
readonly "1/4": "25%";
|
|
774
|
+
readonly "2/4": "50%";
|
|
775
|
+
readonly "3/4": "75%";
|
|
776
|
+
readonly auto: "auto";
|
|
777
|
+
readonly fit: "fit-content";
|
|
778
|
+
readonly full: "100%";
|
|
779
|
+
readonly max: "max-content";
|
|
780
|
+
readonly min: "min-content";
|
|
781
|
+
};
|
|
782
|
+
readonly spacing: {
|
|
783
|
+
readonly xs: "8px";
|
|
784
|
+
readonly sm: "12px";
|
|
785
|
+
readonly md: "16px";
|
|
786
|
+
readonly lg: "24px";
|
|
787
|
+
readonly xl: "32px";
|
|
788
|
+
readonly "0": "0";
|
|
789
|
+
readonly "2": "2px";
|
|
790
|
+
readonly "4": "4px";
|
|
791
|
+
readonly "6": "6px";
|
|
792
|
+
readonly "8": "8px";
|
|
793
|
+
readonly "10": "10px";
|
|
794
|
+
readonly "12": "12px";
|
|
795
|
+
readonly "16": "16px";
|
|
796
|
+
readonly "20": "20px";
|
|
797
|
+
readonly "24": "24px";
|
|
798
|
+
readonly "32": "32px";
|
|
799
|
+
readonly "48": "48px";
|
|
800
|
+
readonly "64": "64px";
|
|
801
|
+
readonly "80": "80px";
|
|
802
|
+
};
|
|
803
|
+
readonly zIndex: {
|
|
804
|
+
readonly "0": "0";
|
|
805
|
+
readonly "10": "10";
|
|
806
|
+
readonly "20": "20";
|
|
807
|
+
readonly "30": "30";
|
|
808
|
+
readonly "40": "40";
|
|
809
|
+
readonly "50": "50";
|
|
810
|
+
readonly auto: "auto";
|
|
811
|
+
readonly popover: "3000";
|
|
812
|
+
readonly toast: "3010";
|
|
813
|
+
};
|
|
814
|
+
};
|
|
815
|
+
declare const tokensDark: {
|
|
816
|
+
readonly colors: {
|
|
817
|
+
readonly "bg.brand": "#F0F3FF";
|
|
818
|
+
readonly "bg.brand.solid": "#0037FF";
|
|
819
|
+
readonly "bg.brand.solid.hover": "#002CCC";
|
|
820
|
+
readonly "bg.disabled": "#1C2029";
|
|
821
|
+
readonly "bg.discovery": "#2B273F";
|
|
822
|
+
readonly "bg.error": "#FFF7F7";
|
|
823
|
+
readonly "bg.error.solid": "#CC1616";
|
|
824
|
+
readonly "bg.error.solid.hover": "#B21313";
|
|
825
|
+
readonly "bg.information": "#1C2B41";
|
|
826
|
+
readonly "bg.information.solid": "#1668AC";
|
|
827
|
+
readonly "bg.input.disabled": "#091E420A";
|
|
828
|
+
readonly "bg.neutral": "#1e293b";
|
|
829
|
+
readonly "bg.neutral.inverse": "#E9EDF5";
|
|
830
|
+
readonly "bg.neutral.inverse.hover": "#CACFDC";
|
|
831
|
+
readonly "bg.neutral.solid": "#E9EDF5";
|
|
832
|
+
readonly "bg.neutral.solid.hover": "#2E3442";
|
|
833
|
+
readonly "bg.success": "#082415";
|
|
834
|
+
readonly "bg.success.solid": "#03A65D";
|
|
835
|
+
readonly "bg.success.solid.hover": "#038047";
|
|
836
|
+
readonly "bg.warning": "#FFFAEA";
|
|
837
|
+
readonly "bg.warning.solid": "#F79008";
|
|
838
|
+
readonly "bg.warning.solid.hover": "#DC6903";
|
|
839
|
+
readonly "border.active": "#868FA4";
|
|
840
|
+
readonly "border.active.hover": "#626A81";
|
|
841
|
+
readonly "border.brand": "#0037FF";
|
|
842
|
+
readonly "border.default": "#1f2937";
|
|
843
|
+
readonly "border.disabled": "#F5F6FA";
|
|
844
|
+
readonly "border.error": "#CC1616";
|
|
845
|
+
readonly "border.secondary": "#DADFEB";
|
|
846
|
+
readonly "border.success": "#03A65D";
|
|
847
|
+
readonly "border.tertiary": "#262B37";
|
|
848
|
+
readonly "border.warning": "#F79008";
|
|
849
|
+
readonly "fg.accent.blue": "#A8D5FA";
|
|
850
|
+
readonly "fg.accent.magenta": "#E39CD6";
|
|
851
|
+
readonly "fg.accent.purple": "#C4B1E2";
|
|
852
|
+
readonly "fg.accent.red": "#F9ACAC";
|
|
853
|
+
readonly "fg.brand": "#0037FF";
|
|
854
|
+
readonly "fg.default": "#f3f4f6";
|
|
855
|
+
readonly "fg.default.inverse": "#262B37";
|
|
856
|
+
readonly "fg.disabled": "#868FA4";
|
|
857
|
+
readonly "fg.error": "#CC1616";
|
|
858
|
+
readonly "fg.information": "#1668AC";
|
|
859
|
+
readonly "fg.link": "#FFFFFF";
|
|
860
|
+
readonly "fg.link.hover": "#FFFFFF";
|
|
861
|
+
readonly "fg.link.visited": "#C4B1E2";
|
|
862
|
+
readonly "fg.secondary": "#94a3b8";
|
|
863
|
+
readonly "fg.success": "#A5E1C3";
|
|
864
|
+
readonly "fg.tertiary": "#626A81";
|
|
865
|
+
readonly "fg.warning": "#F79008";
|
|
866
|
+
readonly "outline.brand": "#6A8FFC";
|
|
867
|
+
readonly overlay: "#F9FAFC52";
|
|
868
|
+
readonly surface: "#111827";
|
|
869
|
+
readonly current: "currentColor";
|
|
870
|
+
readonly transparent: "transparent";
|
|
871
|
+
readonly black: "#000000";
|
|
872
|
+
readonly white: "#FFFFFF";
|
|
873
|
+
readonly "aqua.50": "#E5F7FB";
|
|
874
|
+
readonly "aqua.200": "#9AE5EF";
|
|
875
|
+
readonly "aqua.500": "#00BDD6";
|
|
876
|
+
readonly "aqua.600": "#007A8A";
|
|
877
|
+
readonly "blue.50": "#E7F3FE";
|
|
878
|
+
readonly "blue.200": "#A8D5FA";
|
|
879
|
+
readonly "blue.500": "#2094F3";
|
|
880
|
+
readonly "blue.600": "#1668AC";
|
|
881
|
+
readonly "blue.900": "#1C2B41";
|
|
882
|
+
readonly "brand.50": "#F0F3FF";
|
|
883
|
+
readonly "brand.100": "#CDD8FC";
|
|
884
|
+
readonly "brand.200": "#B3C3FF";
|
|
885
|
+
readonly "brand.300": "#6A8FFC";
|
|
886
|
+
readonly "brand.400": "#2E66F7";
|
|
887
|
+
readonly "brand.500": "#0037FF";
|
|
888
|
+
readonly "brand.600": "#002CCC";
|
|
889
|
+
readonly "brand.700": "#002894";
|
|
890
|
+
readonly "brand.800": "#001666";
|
|
891
|
+
readonly "brand.900": "#000B33";
|
|
892
|
+
readonly "dark.50": "#d9d9d9";
|
|
893
|
+
readonly "dark.200": "#9e9e9e";
|
|
894
|
+
readonly "dark.500": "#707070";
|
|
895
|
+
readonly "dark.600": "#080736";
|
|
896
|
+
readonly "gray.50": "#f9fafb";
|
|
897
|
+
readonly "gray.100": "#f3f4f6";
|
|
898
|
+
readonly "gray.200": "#e5e7eb";
|
|
899
|
+
readonly "gray.300": "#d1d5db";
|
|
900
|
+
readonly "gray.400": "#9ca3af";
|
|
901
|
+
readonly "gray.500": "#6b7280";
|
|
902
|
+
readonly "gray.600": "#4b5563";
|
|
903
|
+
readonly "gray.700": "#374151";
|
|
904
|
+
readonly "gray.800": "#1f2937";
|
|
905
|
+
readonly "gray.900": "#111827";
|
|
906
|
+
readonly "green.50": "#E9F7F1";
|
|
907
|
+
readonly "green.100": "#D1F0E1";
|
|
908
|
+
readonly "green.200": "#A5E1C3";
|
|
909
|
+
readonly "green.300": "#7CD2A7";
|
|
910
|
+
readonly "green.400": "#5AC58A";
|
|
911
|
+
readonly "green.500": "#03A65D";
|
|
912
|
+
readonly "green.600": "#038047";
|
|
913
|
+
readonly "green.700": "#24663E";
|
|
914
|
+
readonly "green.800": "#17492B";
|
|
915
|
+
readonly "green.900": "#082415";
|
|
916
|
+
readonly "magenta.50": "#F8E7F5";
|
|
917
|
+
readonly "magenta.200": "#E39CD6";
|
|
918
|
+
readonly "magenta.500": "#B80597";
|
|
919
|
+
readonly "magenta.600": "#81046A";
|
|
920
|
+
readonly "neutral.50": "#F9FAFC";
|
|
921
|
+
readonly "neutral.75": "#F5F6FA";
|
|
922
|
+
readonly "neutral.100": "#E9EDF5";
|
|
923
|
+
readonly "neutral.150": "#DADFEB";
|
|
924
|
+
readonly "neutral.200": "#CACFDC";
|
|
925
|
+
readonly "neutral.300": "#b8becb";
|
|
926
|
+
readonly "neutral.500": "#868FA4";
|
|
927
|
+
readonly "neutral.600": "#626A81";
|
|
928
|
+
readonly "neutral.700": "#4F576E";
|
|
929
|
+
readonly "neutral.800": "#2E3442";
|
|
930
|
+
readonly "neutral.900": "#262B37";
|
|
931
|
+
readonly "neutral.1000": "#1C2029";
|
|
932
|
+
readonly "neutral.1100": "#171A23";
|
|
933
|
+
readonly "neutral.1200": "#091E42";
|
|
934
|
+
readonly "neutral.50/6": "#F9FAFC0F";
|
|
935
|
+
readonly "neutral.50/32": "#F9FAFC52";
|
|
936
|
+
readonly "neutral.1200/4": "#091E420A";
|
|
937
|
+
readonly "neutral.1200/12": "#091E421F";
|
|
938
|
+
readonly "neutral.1200/18": "#091E422E";
|
|
939
|
+
readonly "neutral.1200/22": "#091E4238";
|
|
940
|
+
readonly "neutral.1200/32": "#091E4252";
|
|
941
|
+
readonly "orange.50": "#fff5e5";
|
|
942
|
+
readonly "orange.200": "#ffd699";
|
|
943
|
+
readonly "orange.500": "#ff9900";
|
|
944
|
+
readonly "orange.600": "#a36200";
|
|
945
|
+
readonly "purple.50": "#F1ECF8";
|
|
946
|
+
readonly "purple.200": "#C4B1E2";
|
|
947
|
+
readonly "purple.500": "#693AB6";
|
|
948
|
+
readonly "purple.600": "#4A297F";
|
|
949
|
+
readonly "purple.900": "#2B273F";
|
|
950
|
+
readonly "red.50": "#FFF7F7";
|
|
951
|
+
readonly "red.100": "#FCD6D6";
|
|
952
|
+
readonly "red.200": "#F9ACAC";
|
|
953
|
+
readonly "red.300": "#FC8B8B";
|
|
954
|
+
readonly "red.400": "#E31818";
|
|
955
|
+
readonly "red.500": "#CC1616";
|
|
956
|
+
readonly "red.600": "#B21313";
|
|
957
|
+
readonly "red.700": "#911D1D";
|
|
958
|
+
readonly "red.800": "#601313";
|
|
959
|
+
readonly "red.900": "#300A0A";
|
|
960
|
+
readonly "slate.50": "#f8fafc";
|
|
961
|
+
readonly "slate.100": "#f1f5f9";
|
|
962
|
+
readonly "slate.200": "#e2e8f0";
|
|
963
|
+
readonly "slate.300": "#cbd5e1";
|
|
964
|
+
readonly "slate.400": "#94a3b8";
|
|
965
|
+
readonly "slate.500": "#64748b";
|
|
966
|
+
readonly "slate.600": "#475569";
|
|
967
|
+
readonly "slate.700": "#334155";
|
|
968
|
+
readonly "slate.800": "#1e293b";
|
|
969
|
+
readonly "slate.900": "#0f172a";
|
|
970
|
+
readonly "slate.950": "#020617";
|
|
971
|
+
readonly "yellow.50": "#FFFAEA";
|
|
972
|
+
readonly "yellow.100": "#FEF1C6";
|
|
973
|
+
readonly "yellow.200": "#FEDF88";
|
|
974
|
+
readonly "yellow.300": "#FFC84B";
|
|
975
|
+
readonly "yellow.400": "#FDB022";
|
|
976
|
+
readonly "yellow.500": "#F79008";
|
|
977
|
+
readonly "yellow.600": "#DC6903";
|
|
978
|
+
readonly "yellow.700": "#B54707";
|
|
979
|
+
readonly "yellow.800": "#7A2E0D";
|
|
980
|
+
readonly "yellow.900": "#4E1D09";
|
|
981
|
+
};
|
|
982
|
+
readonly borderRadius: {
|
|
983
|
+
readonly xs: "2px";
|
|
984
|
+
readonly sm: "4px";
|
|
985
|
+
readonly md: "6px";
|
|
986
|
+
readonly lg: "8px";
|
|
987
|
+
readonly xl: "12px";
|
|
988
|
+
readonly full: "9999px";
|
|
989
|
+
readonly none: "0";
|
|
990
|
+
};
|
|
991
|
+
readonly borderWidth: {
|
|
992
|
+
readonly "0": "0";
|
|
993
|
+
readonly "1": "1px";
|
|
994
|
+
readonly "2": "2px";
|
|
995
|
+
readonly "4": "4px";
|
|
996
|
+
};
|
|
997
|
+
readonly boxShadow: {
|
|
998
|
+
readonly xs: "0 1px 2px 0 rgb(0 0 0 / 0.05)";
|
|
999
|
+
readonly sm: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)";
|
|
1000
|
+
readonly md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)";
|
|
1001
|
+
readonly lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)";
|
|
1002
|
+
readonly xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)";
|
|
1003
|
+
readonly inner: "inset 0 0 6px 0 rgb(0 0 0 / 0.1);";
|
|
1004
|
+
readonly none: "0 0 #0000";
|
|
1005
|
+
};
|
|
1006
|
+
readonly fontFamily: {
|
|
1007
|
+
readonly mono: "Fira Code Variable, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace";
|
|
1008
|
+
readonly sans: "InterVariable, system-ui, sans-serif";
|
|
1009
|
+
};
|
|
1010
|
+
readonly fontSize: {
|
|
1011
|
+
readonly xs: {
|
|
1012
|
+
readonly fontSize: "10px";
|
|
1013
|
+
readonly lineHeight: "14px";
|
|
1014
|
+
};
|
|
1015
|
+
readonly sm: {
|
|
1016
|
+
readonly fontSize: "12px";
|
|
1017
|
+
readonly lineHeight: "16px";
|
|
1018
|
+
};
|
|
1019
|
+
readonly md: {
|
|
1020
|
+
readonly fontSize: "14px";
|
|
1021
|
+
readonly lineHeight: "20px";
|
|
1022
|
+
};
|
|
1023
|
+
readonly lg: {
|
|
1024
|
+
readonly fontSize: "16px";
|
|
1025
|
+
readonly lineHeight: "24px";
|
|
1026
|
+
};
|
|
1027
|
+
readonly xl: {
|
|
1028
|
+
readonly fontSize: "18px";
|
|
1029
|
+
readonly lineHeight: "28px";
|
|
1030
|
+
};
|
|
1031
|
+
readonly "2xl": {
|
|
1032
|
+
readonly fontSize: "20px";
|
|
1033
|
+
readonly lineHeight: "28px";
|
|
1034
|
+
};
|
|
1035
|
+
readonly "3xl": {
|
|
1036
|
+
readonly fontSize: "24px";
|
|
1037
|
+
readonly lineHeight: "32px";
|
|
1038
|
+
};
|
|
1039
|
+
readonly "4xl": {
|
|
1040
|
+
readonly fontSize: "30px";
|
|
1041
|
+
readonly lineHeight: "36px";
|
|
1042
|
+
};
|
|
1043
|
+
readonly "5xl": {
|
|
1044
|
+
readonly fontSize: "36px";
|
|
1045
|
+
readonly lineHeight: "40px";
|
|
1046
|
+
};
|
|
1047
|
+
readonly "6xl": {
|
|
1048
|
+
readonly fontSize: "48px";
|
|
1049
|
+
readonly lineHeight: "1";
|
|
1050
|
+
};
|
|
1051
|
+
readonly "7xl": {
|
|
1052
|
+
readonly fontSize: "60px";
|
|
1053
|
+
readonly lineHeight: "1";
|
|
1054
|
+
};
|
|
1055
|
+
};
|
|
1056
|
+
readonly letterSpacing: {
|
|
1057
|
+
readonly tighter: "-0.05em";
|
|
1058
|
+
readonly tight: "-0.025em";
|
|
1059
|
+
readonly normal: "0";
|
|
1060
|
+
readonly wide: "0.025em";
|
|
1061
|
+
readonly wider: "0.05em";
|
|
1062
|
+
readonly widest: "0.1em";
|
|
1063
|
+
};
|
|
1064
|
+
readonly lineHeight: {
|
|
1065
|
+
readonly none: "1";
|
|
1066
|
+
readonly tight: "1.25";
|
|
1067
|
+
readonly normal: "1.5";
|
|
1068
|
+
readonly loose: "2";
|
|
1069
|
+
};
|
|
1070
|
+
readonly margins: {
|
|
1071
|
+
readonly "-xs": "-8px";
|
|
1072
|
+
readonly "-sm": "-12px";
|
|
1073
|
+
readonly "-md": "-16px";
|
|
1074
|
+
readonly "-lg": "-24px";
|
|
1075
|
+
readonly "-xl": "-32px";
|
|
1076
|
+
readonly "-2": "-2px";
|
|
1077
|
+
readonly "-4": "-4px";
|
|
1078
|
+
readonly "-6": "-6px";
|
|
1079
|
+
readonly "-8": "-8px";
|
|
1080
|
+
readonly "-10": "-10px";
|
|
1081
|
+
readonly "-12": "-12px";
|
|
1082
|
+
readonly "-16": "-16px";
|
|
1083
|
+
readonly "-24": "-24px";
|
|
1084
|
+
readonly "-32": "-32px";
|
|
1085
|
+
readonly "-48": "-48px";
|
|
1086
|
+
readonly "-64": "-64px";
|
|
1087
|
+
readonly "-80": "-80px";
|
|
1088
|
+
readonly xs: "8px";
|
|
1089
|
+
readonly sm: "12px";
|
|
1090
|
+
readonly md: "16px";
|
|
1091
|
+
readonly lg: "24px";
|
|
1092
|
+
readonly xl: "32px";
|
|
1093
|
+
readonly "0": "0";
|
|
1094
|
+
readonly "2": "2px";
|
|
1095
|
+
readonly "4": "4px";
|
|
1096
|
+
readonly "6": "6px";
|
|
1097
|
+
readonly "8": "8px";
|
|
1098
|
+
readonly "10": "10px";
|
|
1099
|
+
readonly "12": "12px";
|
|
1100
|
+
readonly "16": "16px";
|
|
1101
|
+
readonly "20": "20px";
|
|
1102
|
+
readonly "24": "24px";
|
|
1103
|
+
readonly "32": "32px";
|
|
1104
|
+
readonly "48": "48px";
|
|
1105
|
+
readonly "64": "64px";
|
|
1106
|
+
readonly "80": "80px";
|
|
1107
|
+
};
|
|
1108
|
+
readonly maxSize: {
|
|
1109
|
+
readonly xs: "320px";
|
|
1110
|
+
readonly sm: "384px";
|
|
1111
|
+
readonly md: "448px";
|
|
1112
|
+
readonly lg: "512px";
|
|
1113
|
+
readonly xl: "576px";
|
|
1114
|
+
readonly "2xl": "672px";
|
|
1115
|
+
readonly full: "100%";
|
|
1116
|
+
};
|
|
1117
|
+
readonly screens: {
|
|
1118
|
+
readonly sm: "600px";
|
|
1119
|
+
readonly md: "900px";
|
|
1120
|
+
readonly lg: "1200px";
|
|
1121
|
+
};
|
|
1122
|
+
readonly size: {
|
|
1123
|
+
readonly xs: "20px";
|
|
1124
|
+
readonly sm: "24px";
|
|
1125
|
+
readonly md: "32px";
|
|
1126
|
+
readonly lg: "40px";
|
|
1127
|
+
readonly xl: "48px";
|
|
1128
|
+
readonly "5xl": "80px";
|
|
1129
|
+
readonly "0": "0";
|
|
1130
|
+
readonly "1": "1px";
|
|
1131
|
+
readonly "2": "2px";
|
|
1132
|
+
readonly "4": "4px";
|
|
1133
|
+
readonly "6": "6px";
|
|
1134
|
+
readonly "8": "8px";
|
|
1135
|
+
readonly "12": "12px";
|
|
1136
|
+
readonly "16": "16px";
|
|
1137
|
+
readonly "20": "20px";
|
|
1138
|
+
readonly "24": "24px";
|
|
1139
|
+
readonly "32": "32px";
|
|
1140
|
+
readonly "40": "40px";
|
|
1141
|
+
readonly "48": "48px";
|
|
1142
|
+
readonly "56": "56px";
|
|
1143
|
+
readonly "64": "64px";
|
|
1144
|
+
readonly "80": "80px";
|
|
1145
|
+
readonly "96": "96px";
|
|
1146
|
+
readonly "112": "112px";
|
|
1147
|
+
readonly "128": "128px";
|
|
1148
|
+
readonly "144": "144px";
|
|
1149
|
+
readonly "160": "160px";
|
|
1150
|
+
readonly "176": "176px";
|
|
1151
|
+
readonly "192": "192px";
|
|
1152
|
+
readonly "208": "208px";
|
|
1153
|
+
readonly "224": "224px";
|
|
1154
|
+
readonly "240": "240px";
|
|
1155
|
+
readonly "256": "256px";
|
|
1156
|
+
readonly "288": "288px";
|
|
1157
|
+
readonly "320": "320px";
|
|
1158
|
+
readonly "384": "384px";
|
|
1159
|
+
readonly "1/2": "50%";
|
|
1160
|
+
readonly "1/3": "33.333333%";
|
|
1161
|
+
readonly "2/3": "66.666666%";
|
|
1162
|
+
readonly "1/4": "25%";
|
|
1163
|
+
readonly "2/4": "50%";
|
|
1164
|
+
readonly "3/4": "75%";
|
|
1165
|
+
readonly auto: "auto";
|
|
1166
|
+
readonly fit: "fit-content";
|
|
1167
|
+
readonly full: "100%";
|
|
1168
|
+
readonly max: "max-content";
|
|
1169
|
+
readonly min: "min-content";
|
|
1170
|
+
};
|
|
1171
|
+
readonly spacing: {
|
|
1172
|
+
readonly xs: "8px";
|
|
1173
|
+
readonly sm: "12px";
|
|
1174
|
+
readonly md: "16px";
|
|
1175
|
+
readonly lg: "24px";
|
|
1176
|
+
readonly xl: "32px";
|
|
1177
|
+
readonly "0": "0";
|
|
1178
|
+
readonly "2": "2px";
|
|
1179
|
+
readonly "4": "4px";
|
|
1180
|
+
readonly "6": "6px";
|
|
1181
|
+
readonly "8": "8px";
|
|
1182
|
+
readonly "10": "10px";
|
|
1183
|
+
readonly "12": "12px";
|
|
1184
|
+
readonly "16": "16px";
|
|
1185
|
+
readonly "20": "20px";
|
|
1186
|
+
readonly "24": "24px";
|
|
1187
|
+
readonly "32": "32px";
|
|
1188
|
+
readonly "48": "48px";
|
|
1189
|
+
readonly "64": "64px";
|
|
1190
|
+
readonly "80": "80px";
|
|
1191
|
+
};
|
|
1192
|
+
readonly zIndex: {
|
|
1193
|
+
readonly "0": "0";
|
|
1194
|
+
readonly "10": "10";
|
|
1195
|
+
readonly "20": "20";
|
|
1196
|
+
readonly "30": "30";
|
|
1197
|
+
readonly "40": "40";
|
|
1198
|
+
readonly "50": "50";
|
|
1199
|
+
readonly auto: "auto";
|
|
1200
|
+
readonly popover: "3000";
|
|
1201
|
+
readonly toast: "3010";
|
|
1202
|
+
};
|
|
1203
|
+
};
|
|
1204
|
+
|
|
1205
|
+
export { AxiomVersionContext, type MapLeafNodes, createToaster, theme, toaster, tokens, tokensDark };
|