@optiaxiom/globals 0.2.0-next.2 → 0.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/index.d.ts +270 -483
  2. package/dist/theme-css.js +1 -1
  3. package/dist/toaster.js +9 -5
  4. package/dist/tokens/colors.js +200 -180
  5. package/dist/tokens/size.js +1 -0
  6. package/dist/tokens/zIndex.js +2 -1
  7. package/package.json +3 -3
package/dist/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as react from 'react';
2
- import { ReactElement } from 'react';
2
+ import { useSyncExternalStore, ReactElement } from 'react';
3
3
 
4
4
  declare const AxiomVersionContext: react.Context<string | undefined>;
5
5
 
@@ -29,170 +29,98 @@ declare const theme: MapLeafNodes<{
29
29
  readonly none: "0 0 #0000";
30
30
  };
31
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";
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";
46
+ readonly "bg.accent": "#0037FF";
47
+ readonly "bg.accent.hovered": "#002CCC";
48
+ readonly "bg.accent.light": "#B3C3FF";
49
+ readonly "bg.accent.pressed": "#002894";
50
+ readonly "bg.accent.subtle": "#F0F3FF";
51
+ readonly "bg.default": "#FFFFFF";
52
+ readonly "bg.default.inverse": "#2E3442";
53
+ readonly "bg.default.inverse.hovered": "#1C212B";
54
+ readonly "bg.default.inverse.pressed": "#1C2029";
55
+ readonly "bg.error": "#CC1616";
56
+ readonly "bg.error.hovered": "#B21313";
57
+ readonly "bg.error.light": "#FFB4B4";
58
+ readonly "bg.error.pressed": "#911D1D";
59
+ readonly "bg.error.subtle": "#FFD7D7";
60
+ readonly "bg.error.subtlest": "#FFF7F7";
61
+ readonly "bg.information": "#115DD4";
62
+ readonly "bg.information.light": "#A1C2F7";
63
+ readonly "bg.information.subtle": "#C6DBFA";
64
+ readonly "bg.overlay": "#091E4252";
65
+ readonly "bg.page": "#F9FAFC";
66
+ readonly "bg.secondary": "#F5F6FA";
67
+ readonly "bg.secondary.hovered": "#091E4214";
68
+ readonly "bg.success": "#038047";
69
+ readonly "bg.success.hovered": "#24663E";
70
+ readonly "bg.success.light": "#A5E1C3";
71
+ readonly "bg.success.subtle": "#D1F0E1";
72
+ readonly "bg.tertiary": "#DADFEB";
73
+ readonly "bg.tertiary.hovered": "#CACFDC";
74
+ readonly "bg.warning": "#F79008";
75
+ readonly "bg.warning.hovered": "#DC6903";
76
+ readonly "bg.warning.light": "#FEDF88";
77
+ readonly "bg.warning.subtle": "#FEF1C6";
78
+ readonly "border.accent": "#0037FF";
54
79
  readonly "border.active": "#868FA4";
55
- readonly "border.active.hover": "#626A81";
56
- readonly "border.brand": "#0037FF";
80
+ readonly "border.active.hovered": "#626A81";
57
81
  readonly "border.default": "#CACFDC";
82
+ readonly "border.default.hovered": "#868FA4";
58
83
  readonly "border.disabled": "#F5F6FA";
59
84
  readonly "border.error": "#CC1616";
85
+ readonly "border.focus": "#2E66F7";
60
86
  readonly "border.secondary": "#DADFEB";
61
87
  readonly "border.success": "#03A65D";
62
88
  readonly "border.tertiary": "#E9EDF5";
63
89
  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";
90
+ readonly "fg.accent": "#0037FF";
91
+ readonly "fg.accent.hovered": "#002CCC";
92
+ readonly "fg.accent.strong": "#002894";
69
93
  readonly "fg.default": "#2E3442";
70
94
  readonly "fg.default.inverse": "#FFFFFF";
71
95
  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";
96
+ readonly "fg.error": "#CC1616";
97
+ readonly "fg.error.hovered": "#B21313";
98
+ readonly "fg.error.light": "#FC8B8B";
99
+ readonly "fg.error.strong": "#911D1D";
100
+ readonly "fg.information": "#2F7AEE";
101
+ readonly "fg.information.light": "#7BAAF4";
102
+ readonly "fg.information.strong": "#0D46A0";
77
103
  readonly "fg.secondary": "#4F576E";
78
- readonly "fg.success": "#24663E";
104
+ readonly "fg.success": "#03A65D";
105
+ readonly "fg.success.hovered": "#038047";
106
+ readonly "fg.success.light": "#7CD2A7";
107
+ readonly "fg.success.strong": "#24663E";
79
108
  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";
109
+ readonly "fg.warning": "#F79008";
110
+ readonly "fg.warning.hovered": "#DC6903";
111
+ readonly "fg.warning.inverse": "#2E3442";
112
+ readonly "fg.warning.light": "#FFC84B";
113
+ readonly "fg.warning.strong": "#B54707";
114
+ readonly "fg.white": "#FFFFFF";
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";
196
124
  };
197
125
  readonly fontFamily: {
198
126
  readonly mono: "Fira Code Variable, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace";
@@ -311,6 +239,7 @@ declare const theme: MapLeafNodes<{
311
239
  readonly lg: "1200px";
312
240
  };
313
241
  readonly size: {
242
+ readonly "2xs": "16px";
314
243
  readonly xs: "20px";
315
244
  readonly sm: "24px";
316
245
  readonly md: "32px";
@@ -390,6 +319,7 @@ declare const theme: MapLeafNodes<{
390
319
  readonly auto: "auto";
391
320
  readonly popover: "3000";
392
321
  readonly toast: "3010";
322
+ readonly tooltip: "10000";
393
323
  };
394
324
  }, CSSVarFunction>;
395
325
  type CSSVarFunction = `var(--${string})` | `var(--${string}, ${number | string})`;
@@ -398,30 +328,27 @@ type MapLeafNodes<Obj, LeafType> = {
398
328
  [Prop in keyof Obj]: Obj[Prop] extends Primitive ? LeafType : Obj[Prop] extends Record<number | string, any> ? MapLeafNodes<Obj[Prop], LeafType> : never;
399
329
  };
400
330
 
401
- type ToastElement = ReactElement;
402
331
  type ToastItem = {
403
332
  id: string;
404
333
  open: boolean;
405
- toast: ToastElement;
406
- };
407
- declare const createToaster: () => {
408
- store: {
409
- getServerSnapshot: () => ToastItem[];
410
- getSnapshot: () => ToastItem[];
411
- subscribe: (callback: () => void) => () => boolean;
412
- };
413
- create: (toast: ToastElement) => string;
414
- remove: (id: string) => void;
334
+ toast: {
335
+ action?: {
336
+ altText: string;
337
+ label: string;
338
+ onClick: () => void;
339
+ };
340
+ title: string;
341
+ type?: "danger" | "neutral" | "success" | "warning";
342
+ } | ReactElement;
415
343
  };
416
- declare const toaster: {
417
- store: {
418
- getServerSnapshot: () => ToastItem[];
419
- getSnapshot: () => ToastItem[];
420
- subscribe: (callback: () => void) => () => boolean;
421
- };
422
- create: (toast: ToastElement) => string;
344
+ type Toaster = {
345
+ clear: () => void;
346
+ create: (toast: ToastItem["toast"]) => string;
423
347
  remove: (id: string) => void;
348
+ store: Parameters<typeof useSyncExternalStore<ToastItem[]>>;
424
349
  };
350
+ declare const createToaster: () => Toaster;
351
+ declare const toaster: Toaster;
425
352
 
426
353
  declare const tokens: {
427
354
  readonly borderRadius: {
@@ -449,170 +376,98 @@ declare const tokens: {
449
376
  readonly none: "0 0 #0000";
450
377
  };
451
378
  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";
379
+ readonly current: "currentColor";
380
+ readonly transparent: "transparent";
381
+ readonly "avatar.bg.blue": "#2F7AEE";
382
+ readonly "avatar.bg.cyan": "#CFFAFE";
383
+ readonly "avatar.bg.green": "#038047";
384
+ readonly "avatar.bg.magenta": "#FAE8FF";
385
+ readonly "avatar.bg.purple": "#E5DCF4";
386
+ readonly "avatar.bg.yellow": "#FFC84B";
387
+ readonly "avatar.fg.blue": "#FFFFFF";
388
+ readonly "avatar.fg.cyan": "#0E7490";
389
+ readonly "avatar.fg.green": "#FFFFFF";
390
+ readonly "avatar.fg.magenta": "#A21CAF";
391
+ readonly "avatar.fg.purple": "#412470";
392
+ readonly "avatar.fg.yellow": "#1C212B";
393
+ readonly "bg.accent": "#0037FF";
394
+ readonly "bg.accent.hovered": "#002CCC";
395
+ readonly "bg.accent.light": "#B3C3FF";
396
+ readonly "bg.accent.pressed": "#002894";
397
+ readonly "bg.accent.subtle": "#F0F3FF";
398
+ readonly "bg.default": "#FFFFFF";
399
+ readonly "bg.default.inverse": "#2E3442";
400
+ readonly "bg.default.inverse.hovered": "#1C212B";
401
+ readonly "bg.default.inverse.pressed": "#1C2029";
402
+ readonly "bg.error": "#CC1616";
403
+ readonly "bg.error.hovered": "#B21313";
404
+ readonly "bg.error.light": "#FFB4B4";
405
+ readonly "bg.error.pressed": "#911D1D";
406
+ readonly "bg.error.subtle": "#FFD7D7";
407
+ readonly "bg.error.subtlest": "#FFF7F7";
408
+ readonly "bg.information": "#115DD4";
409
+ readonly "bg.information.light": "#A1C2F7";
410
+ readonly "bg.information.subtle": "#C6DBFA";
411
+ readonly "bg.overlay": "#091E4252";
412
+ readonly "bg.page": "#F9FAFC";
413
+ readonly "bg.secondary": "#F5F6FA";
414
+ readonly "bg.secondary.hovered": "#091E4214";
415
+ readonly "bg.success": "#038047";
416
+ readonly "bg.success.hovered": "#24663E";
417
+ readonly "bg.success.light": "#A5E1C3";
418
+ readonly "bg.success.subtle": "#D1F0E1";
419
+ readonly "bg.tertiary": "#DADFEB";
420
+ readonly "bg.tertiary.hovered": "#CACFDC";
421
+ readonly "bg.warning": "#F79008";
422
+ readonly "bg.warning.hovered": "#DC6903";
423
+ readonly "bg.warning.light": "#FEDF88";
424
+ readonly "bg.warning.subtle": "#FEF1C6";
425
+ readonly "border.accent": "#0037FF";
474
426
  readonly "border.active": "#868FA4";
475
- readonly "border.active.hover": "#626A81";
476
- readonly "border.brand": "#0037FF";
427
+ readonly "border.active.hovered": "#626A81";
477
428
  readonly "border.default": "#CACFDC";
429
+ readonly "border.default.hovered": "#868FA4";
478
430
  readonly "border.disabled": "#F5F6FA";
479
431
  readonly "border.error": "#CC1616";
432
+ readonly "border.focus": "#2E66F7";
480
433
  readonly "border.secondary": "#DADFEB";
481
434
  readonly "border.success": "#03A65D";
482
435
  readonly "border.tertiary": "#E9EDF5";
483
436
  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";
437
+ readonly "fg.accent": "#0037FF";
438
+ readonly "fg.accent.hovered": "#002CCC";
439
+ readonly "fg.accent.strong": "#002894";
489
440
  readonly "fg.default": "#2E3442";
490
441
  readonly "fg.default.inverse": "#FFFFFF";
491
442
  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";
443
+ readonly "fg.error": "#CC1616";
444
+ readonly "fg.error.hovered": "#B21313";
445
+ readonly "fg.error.light": "#FC8B8B";
446
+ readonly "fg.error.strong": "#911D1D";
447
+ readonly "fg.information": "#2F7AEE";
448
+ readonly "fg.information.light": "#7BAAF4";
449
+ readonly "fg.information.strong": "#0D46A0";
497
450
  readonly "fg.secondary": "#4F576E";
498
- readonly "fg.success": "#24663E";
451
+ readonly "fg.success": "#03A65D";
452
+ readonly "fg.success.hovered": "#038047";
453
+ readonly "fg.success.light": "#7CD2A7";
454
+ readonly "fg.success.strong": "#24663E";
499
455
  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";
456
+ readonly "fg.warning": "#F79008";
457
+ readonly "fg.warning.hovered": "#DC6903";
458
+ readonly "fg.warning.inverse": "#2E3442";
459
+ readonly "fg.warning.light": "#FFC84B";
460
+ readonly "fg.warning.strong": "#B54707";
461
+ readonly "fg.white": "#FFFFFF";
462
+ readonly "link.fg.default": "#0037FF";
463
+ readonly "link.fg.default.hovered": "#002CCC";
464
+ readonly "link.fg.inverse": "#FFFFFF";
465
+ readonly "link.fg.subtle": "#2E3442";
466
+ readonly "link.fg.visited": "#693AB6";
467
+ readonly "spinner.bg.default": "#091E42";
468
+ readonly "spinner.bg.inverse": "#F9FAFC";
469
+ readonly "spinner.fg.default": "#2E3442";
470
+ readonly "spinner.fg.inverse": "#CACFDC";
616
471
  };
617
472
  readonly fontFamily: {
618
473
  readonly mono: "Fira Code Variable, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace";
@@ -731,6 +586,7 @@ declare const tokens: {
731
586
  readonly lg: "1200px";
732
587
  };
733
588
  readonly size: {
589
+ readonly "2xs": "16px";
734
590
  readonly xs: "20px";
735
591
  readonly sm: "24px";
736
592
  readonly md: "32px";
@@ -810,174 +666,103 @@ declare const tokens: {
810
666
  readonly auto: "auto";
811
667
  readonly popover: "3000";
812
668
  readonly toast: "3010";
669
+ readonly tooltip: "10000";
813
670
  };
814
671
  };
815
672
  declare const tokensDark: {
816
673
  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
674
  readonly current: "currentColor";
870
675
  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";
676
+ readonly "avatar.bg.blue": "#2F7AEE";
677
+ readonly "avatar.bg.cyan": "#083344";
678
+ readonly "avatar.bg.green": "#082415";
679
+ readonly "avatar.bg.magenta": "#4A044E";
680
+ readonly "avatar.bg.purple": "#261542";
681
+ readonly "avatar.bg.yellow": "#4E1D09";
682
+ readonly "avatar.fg.blue": "#C6DBFA";
683
+ readonly "avatar.fg.cyan": "#99F0F9";
684
+ readonly "avatar.fg.green": "#A5E1C3";
685
+ readonly "avatar.fg.magenta": "#F5D0FE";
686
+ readonly "avatar.fg.purple": "#C4B1E2";
687
+ readonly "avatar.fg.yellow": "#FEDF88";
688
+ readonly "bg.accent": "#2E66F7";
689
+ readonly "bg.accent.hovered": "#2E66F7";
690
+ readonly "bg.accent.light": "#001666";
691
+ readonly "bg.accent.pressed": "#002CCC";
692
+ readonly "bg.accent.subtle": "#000B33";
693
+ readonly "bg.default": "#1C2029";
694
+ readonly "bg.default.inverse": "#E9EDF5";
695
+ readonly "bg.default.inverse.hovered": "#CACFDC";
696
+ readonly "bg.default.inverse.pressed": "#B8BECB";
697
+ readonly "bg.error": "#CC1616";
698
+ readonly "bg.error.hovered": "#F64F4F";
699
+ readonly "bg.error.light": "#911D1D";
700
+ readonly "bg.error.pressed": "#B21313";
701
+ readonly "bg.error.subtle": "#601313";
702
+ readonly "bg.error.subtlest": "#300A0A";
703
+ readonly "bg.information": "#115DD4";
704
+ readonly "bg.information.light": "#09306D";
705
+ readonly "bg.information.subtle": "#051939";
706
+ readonly "bg.overlay": "#F9FAFC52";
707
+ readonly "bg.page": "#171A23";
708
+ readonly "bg.secondary": "#1C212B";
709
+ readonly "bg.secondary.hovered": "#F9FAFC1F";
710
+ readonly "bg.success": "#038047";
711
+ readonly "bg.success.hovered": "#5AC58A";
712
+ readonly "bg.success.light": "#17492B";
713
+ readonly "bg.success.subtle": "#082415";
714
+ readonly "bg.tertiary": "#4F576E";
715
+ readonly "bg.tertiary.hovered": "#F9FAFC2E";
716
+ readonly "bg.warning": "#F79008";
717
+ readonly "bg.warning.hovered": "#FDB022";
718
+ readonly "bg.warning.light": "#7A2E0D";
719
+ readonly "bg.warning.subtle": "#4E1D09";
720
+ readonly "border.accent": "#6A8FFC";
721
+ readonly "border.active": "#4F576E";
722
+ readonly "border.active.hovered": "#626A81";
723
+ readonly "border.default": "#626A81";
724
+ readonly "border.default.hovered": "#868FA4";
725
+ readonly "border.disabled": "#2E3442";
726
+ readonly "border.error": "#FFB4B4";
727
+ readonly "border.focus": "#6A8FFC";
728
+ readonly "border.secondary": "#4F576E";
729
+ readonly "border.success": "#03A65D";
730
+ readonly "border.tertiary": "#2E3442";
731
+ readonly "border.warning": "#F79008";
732
+ readonly "fg.accent": "#6A8FFC";
733
+ readonly "fg.accent.hovered": "#0037FF";
734
+ readonly "fg.accent.strong": "#2E66F7";
735
+ readonly "fg.default": "#F5F6FA";
736
+ readonly "fg.default.inverse": "#2E3442";
737
+ readonly "fg.disabled": "#F9FAFC52";
738
+ readonly "fg.error": "#FC8B8B";
739
+ readonly "fg.error.hovered": "#B21313";
740
+ readonly "fg.error.light": "#FC8B8B";
741
+ readonly "fg.error.strong": "#FFB4B4";
742
+ readonly "fg.information": "#7BAAF4";
743
+ readonly "fg.information.light": "#7BAAF4";
744
+ readonly "fg.information.strong": "#A1C2F7";
745
+ readonly "fg.secondary": "#CACFDC";
746
+ readonly "fg.success": "#7CD2A7";
747
+ readonly "fg.success.hovered": "#038047";
748
+ readonly "fg.success.light": "#7CD2A7";
749
+ readonly "fg.success.strong": "#A5E1C3";
750
+ readonly "fg.tertiary": "#868FA4";
751
+ readonly "fg.warning": "#FFC84B";
752
+ readonly "fg.warning.hovered": "#DC6903";
753
+ readonly "fg.warning.inverse": "#2E3442";
754
+ readonly "fg.warning.light": "#FFC84B";
755
+ readonly "fg.warning.strong": "#FEDF88";
756
+ readonly "fg.white": "#FFFFFF";
757
+ readonly "link.fg.default": "#FFFFFF";
758
+ readonly "link.fg.default.hovered": "#FFFFFF";
759
+ readonly "link.fg.inverse": "#FFFFFF";
760
+ readonly "link.fg.subtle": "#FFFFFF";
761
+ readonly "link.fg.visited": "#FFFFFF";
762
+ readonly "spinner.bg.default": "#F9FAFC";
763
+ readonly "spinner.bg.inverse": "#F9FAFC";
764
+ readonly "spinner.fg.default": "#FFFFFF";
765
+ readonly "spinner.fg.inverse": "#FFFFFF";
981
766
  };
982
767
  readonly borderRadius: {
983
768
  readonly xs: "2px";
@@ -1120,6 +905,7 @@ declare const tokensDark: {
1120
905
  readonly lg: "1200px";
1121
906
  };
1122
907
  readonly size: {
908
+ readonly "2xs": "16px";
1123
909
  readonly xs: "20px";
1124
910
  readonly sm: "24px";
1125
911
  readonly md: "32px";
@@ -1199,6 +985,7 @@ declare const tokensDark: {
1199
985
  readonly auto: "auto";
1200
986
  readonly popover: "3000";
1201
987
  readonly toast: "3010";
988
+ readonly tooltip: "10000";
1202
989
  };
1203
990
  };
1204
991