@optiaxiom/globals 0.2.0-next.2 → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/index.d.ts +326 -299
  2. package/dist/theme-css.js +1 -1
  3. package/dist/toaster.js +9 -5
  4. package/dist/tokens/colors.js +164 -168
  5. package/dist/tokens/zIndex.js +2 -1
  6. 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,71 +29,84 @@ 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 "bg.accent": "#0037FF";
33
+ readonly "bg.accent.hovered": "#002CCC";
34
+ readonly "bg.accent.light": "#B3C3FF";
35
+ readonly "bg.accent.pressed": "#002894";
36
+ readonly "bg.accent.subtle": "#F0F3FF";
37
+ readonly "bg.default": "#FFFFFF";
38
+ readonly "bg.default.inverse": "#2E3442";
39
+ readonly "bg.default.inverse.hovered": "#1C212B";
40
+ readonly "bg.default.inverse.pressed": "#1C2029";
41
+ readonly "bg.error": "#CC1616";
42
+ readonly "bg.error.hovered": "#B21313";
43
+ readonly "bg.error.light": "#FFB4B4";
44
+ readonly "bg.error.pressed": "#911D1D";
45
+ readonly "bg.error.subtle": "#FFD7D7";
46
+ readonly "bg.information": "#0B77D0";
47
+ readonly "bg.information.light": "#AEDBFF";
48
+ readonly "bg.information.subtle": "#D7ECFC";
49
+ readonly "bg.overlay": "#091E4252";
50
+ readonly "bg.page": "#F9FAFC";
51
+ readonly "bg.secondary": "#F5F6FA";
52
+ readonly "bg.secondary.hovered": "#091E4214";
53
+ readonly "bg.success": "#038047";
54
+ readonly "bg.success.hovered": "#24663E";
55
+ readonly "bg.success.light": "#A5E1C3";
56
+ readonly "bg.success.subtle": "#D1F0E1";
57
+ readonly "bg.tertiary": "#DADFEB";
58
+ readonly "bg.tertiary.hovered": "#CACFDC";
59
+ readonly "bg.warning": "#F79008";
60
+ readonly "bg.warning.hovered": "#DC6903";
61
+ readonly "bg.warning.light": "#FEDF88";
62
+ readonly "bg.warning.subtle": "#FEF1C6";
63
+ readonly "border.accent": "#0037FF";
54
64
  readonly "border.active": "#868FA4";
55
- readonly "border.active.hover": "#626A81";
56
- readonly "border.brand": "#0037FF";
65
+ readonly "border.active.hovered": "#626A81";
57
66
  readonly "border.default": "#CACFDC";
67
+ readonly "border.default.hovered": "#868FA4";
58
68
  readonly "border.disabled": "#F5F6FA";
59
69
  readonly "border.error": "#CC1616";
70
+ readonly "border.focus": "#2E66F7";
60
71
  readonly "border.secondary": "#DADFEB";
61
72
  readonly "border.success": "#03A65D";
62
73
  readonly "border.tertiary": "#E9EDF5";
63
74
  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";
75
+ readonly "fg.accent": "#0037FF";
76
+ readonly "fg.accent.hovered": "#002CCC";
77
+ readonly "fg.accent.strong": "#002894";
69
78
  readonly "fg.default": "#2E3442";
70
79
  readonly "fg.default.inverse": "#FFFFFF";
71
80
  readonly "fg.disabled": "#091E4252";
72
- readonly "fg.error": "#911D1D";
73
- readonly "fg.information": "#1668AC";
81
+ readonly "fg.error": "#CC1616";
82
+ readonly "fg.error.hovered": "#B21313";
83
+ readonly "fg.error.strong": "#911D1D";
84
+ readonly "fg.information": "#2094F3";
85
+ readonly "fg.information.strong": "#095EA4";
74
86
  readonly "fg.link": "#0037FF";
75
- readonly "fg.link.hover": "#002CCC";
87
+ readonly "fg.link.hovered": "#002CCC";
76
88
  readonly "fg.link.visited": "#693AB6";
77
89
  readonly "fg.secondary": "#4F576E";
78
- readonly "fg.success": "#24663E";
90
+ readonly "fg.success": "#03A65D";
91
+ readonly "fg.success.hovered": "#038047";
92
+ readonly "fg.success.strong": "#24663E";
79
93
  readonly "fg.tertiary": "#626A81";
80
- readonly "fg.warning": "#B54707";
81
- readonly "outline.brand": "#6A8FFC";
82
- readonly overlay: "#091E4252";
83
- readonly surface: "#FFFFFF";
94
+ readonly "fg.warning": "#F79008";
95
+ readonly "fg.warning.hovered": "#DC6903";
96
+ readonly "fg.warning.strong": "#B54707";
97
+ readonly "fg.white": "#FFFFFF";
84
98
  readonly current: "currentColor";
85
99
  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";
100
+ readonly "blue.50": "#EDF6FF";
101
+ readonly "blue.100": "#D7ECFC";
102
+ readonly "blue.200": "#AEDBFF";
103
+ readonly "blue.300": "#85C4F7";
104
+ readonly "blue.400": "#47A7F5";
94
105
  readonly "blue.500": "#2094F3";
95
- readonly "blue.600": "#1668AC";
96
- readonly "blue.900": "#1C2B41";
106
+ readonly "blue.600": "#0B77D0";
107
+ readonly "blue.700": "#095EA4";
108
+ readonly "blue.800": "#064274";
109
+ readonly "blue.900": "#032541";
97
110
  readonly "brand.50": "#F0F3FF";
98
111
  readonly "brand.100": "#CDD8FC";
99
112
  readonly "brand.200": "#B3C3FF";
@@ -104,20 +117,16 @@ declare const theme: MapLeafNodes<{
104
117
  readonly "brand.700": "#002894";
105
118
  readonly "brand.800": "#001666";
106
119
  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";
120
+ readonly "cyan.50": "#ECFEFF";
121
+ readonly "cyan.100": "#CFFAFE";
122
+ readonly "cyan.200": "#99F0F9";
123
+ readonly "cyan.300": "#67E8F9";
124
+ readonly "cyan.400": "#22D3EE";
125
+ readonly "cyan.500": "#06B6D4";
126
+ readonly "cyan.600": "#0891B2";
127
+ readonly "cyan.700": "#0E7490";
128
+ readonly "cyan.800": "#155E75";
129
+ readonly "cyan.900": "#083344";
121
130
  readonly "green.50": "#E9F7F1";
122
131
  readonly "green.100": "#D1F0E1";
123
132
  readonly "green.200": "#A5E1C3";
@@ -128,61 +137,61 @@ declare const theme: MapLeafNodes<{
128
137
  readonly "green.700": "#24663E";
129
138
  readonly "green.800": "#17492B";
130
139
  readonly "green.900": "#082415";
131
- readonly "magenta.50": "#F8E7F5";
132
- readonly "magenta.200": "#E39CD6";
133
- readonly "magenta.500": "#B80597";
134
- readonly "magenta.600": "#81046A";
140
+ readonly "magenta.50": "#FDF4FF";
141
+ readonly "magenta.100": "#FAE8FF";
142
+ readonly "magenta.200": "#F5D0FE";
143
+ readonly "magenta.300": "#F0ABFC";
144
+ readonly "magenta.400": "#D765E9";
145
+ readonly "magenta.500": "#C026D3";
146
+ readonly "magenta.600": "#A21CAF";
147
+ readonly "magenta.700": "#86198F";
148
+ readonly "magenta.800": "#701A75";
149
+ readonly "magenta.900": "#4A044E";
150
+ readonly "neutral.00": "#FFFFFF";
135
151
  readonly "neutral.50": "#F9FAFC";
136
152
  readonly "neutral.75": "#F5F6FA";
137
153
  readonly "neutral.100": "#E9EDF5";
138
154
  readonly "neutral.150": "#DADFEB";
139
155
  readonly "neutral.200": "#CACFDC";
140
- readonly "neutral.300": "#b8becb";
156
+ readonly "neutral.300": "#B8BECB";
141
157
  readonly "neutral.500": "#868FA4";
142
158
  readonly "neutral.600": "#626A81";
143
159
  readonly "neutral.700": "#4F576E";
144
160
  readonly "neutral.800": "#2E3442";
145
- readonly "neutral.900": "#262B37";
161
+ readonly "neutral.900": "#1C212B";
146
162
  readonly "neutral.1000": "#1C2029";
147
163
  readonly "neutral.1100": "#171A23";
148
164
  readonly "neutral.1200": "#091E42";
149
165
  readonly "neutral.50/6": "#F9FAFC0F";
166
+ readonly "neutral.50/12": "#F9FAFC1F";
167
+ readonly "neutral.50/18": "#F9FAFC2E";
168
+ readonly "neutral.50/22": "#F9FAFC38";
150
169
  readonly "neutral.50/32": "#F9FAFC52";
151
170
  readonly "neutral.1200/4": "#091E420A";
152
- readonly "neutral.1200/12": "#091E421F";
153
- readonly "neutral.1200/18": "#091E422E";
171
+ readonly "neutral.1200/8": "#091E4214";
172
+ readonly "neutral.1200/16": "#091E4229";
154
173
  readonly "neutral.1200/22": "#091E4238";
155
174
  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
175
  readonly "purple.50": "#F1ECF8";
176
+ readonly "purple.100": "#E5DCF4";
161
177
  readonly "purple.200": "#C4B1E2";
178
+ readonly "purple.300": "#9570D1";
179
+ readonly "purple.400": "#7E51C8";
162
180
  readonly "purple.500": "#693AB6";
163
- readonly "purple.600": "#4A297F";
164
- readonly "purple.900": "#2B273F";
181
+ readonly "purple.600": "#532E8F";
182
+ readonly "purple.700": "#412470";
183
+ readonly "purple.800": "#331C59";
184
+ readonly "purple.900": "#261542";
165
185
  readonly "red.50": "#FFF7F7";
166
- readonly "red.100": "#FCD6D6";
167
- readonly "red.200": "#F9ACAC";
186
+ readonly "red.100": "#FFD7D7";
187
+ readonly "red.200": "#FFB4B4";
168
188
  readonly "red.300": "#FC8B8B";
169
- readonly "red.400": "#E31818";
189
+ readonly "red.400": "#F64F4F";
170
190
  readonly "red.500": "#CC1616";
171
191
  readonly "red.600": "#B21313";
172
192
  readonly "red.700": "#911D1D";
173
193
  readonly "red.800": "#601313";
174
194
  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
195
  readonly "yellow.50": "#FFFAEA";
187
196
  readonly "yellow.100": "#FEF1C6";
188
197
  readonly "yellow.200": "#FEDF88";
@@ -390,6 +399,7 @@ declare const theme: MapLeafNodes<{
390
399
  readonly auto: "auto";
391
400
  readonly popover: "3000";
392
401
  readonly toast: "3010";
402
+ readonly tooltip: "10000";
393
403
  };
394
404
  }, CSSVarFunction>;
395
405
  type CSSVarFunction = `var(--${string})` | `var(--${string}, ${number | string})`;
@@ -398,30 +408,27 @@ type MapLeafNodes<Obj, LeafType> = {
398
408
  [Prop in keyof Obj]: Obj[Prop] extends Primitive ? LeafType : Obj[Prop] extends Record<number | string, any> ? MapLeafNodes<Obj[Prop], LeafType> : never;
399
409
  };
400
410
 
401
- type ToastElement = ReactElement;
402
411
  type ToastItem = {
403
412
  id: string;
404
413
  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;
414
+ toast: {
415
+ action?: {
416
+ altText: string;
417
+ label: string;
418
+ onClick: () => void;
419
+ };
420
+ title: string;
421
+ type?: "danger" | "neutral" | "success" | "warning";
422
+ } | ReactElement;
415
423
  };
416
- declare const toaster: {
417
- store: {
418
- getServerSnapshot: () => ToastItem[];
419
- getSnapshot: () => ToastItem[];
420
- subscribe: (callback: () => void) => () => boolean;
421
- };
422
- create: (toast: ToastElement) => string;
424
+ type Toaster = {
425
+ clear: () => void;
426
+ create: (toast: ToastItem["toast"]) => string;
423
427
  remove: (id: string) => void;
428
+ store: Parameters<typeof useSyncExternalStore<ToastItem[]>>;
424
429
  };
430
+ declare const createToaster: () => Toaster;
431
+ declare const toaster: Toaster;
425
432
 
426
433
  declare const tokens: {
427
434
  readonly borderRadius: {
@@ -449,71 +456,84 @@ declare const tokens: {
449
456
  readonly none: "0 0 #0000";
450
457
  };
451
458
  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";
459
+ readonly "bg.accent": "#0037FF";
460
+ readonly "bg.accent.hovered": "#002CCC";
461
+ readonly "bg.accent.light": "#B3C3FF";
462
+ readonly "bg.accent.pressed": "#002894";
463
+ readonly "bg.accent.subtle": "#F0F3FF";
464
+ readonly "bg.default": "#FFFFFF";
465
+ readonly "bg.default.inverse": "#2E3442";
466
+ readonly "bg.default.inverse.hovered": "#1C212B";
467
+ readonly "bg.default.inverse.pressed": "#1C2029";
468
+ readonly "bg.error": "#CC1616";
469
+ readonly "bg.error.hovered": "#B21313";
470
+ readonly "bg.error.light": "#FFB4B4";
471
+ readonly "bg.error.pressed": "#911D1D";
472
+ readonly "bg.error.subtle": "#FFD7D7";
473
+ readonly "bg.information": "#0B77D0";
474
+ readonly "bg.information.light": "#AEDBFF";
475
+ readonly "bg.information.subtle": "#D7ECFC";
476
+ readonly "bg.overlay": "#091E4252";
477
+ readonly "bg.page": "#F9FAFC";
478
+ readonly "bg.secondary": "#F5F6FA";
479
+ readonly "bg.secondary.hovered": "#091E4214";
480
+ readonly "bg.success": "#038047";
481
+ readonly "bg.success.hovered": "#24663E";
482
+ readonly "bg.success.light": "#A5E1C3";
483
+ readonly "bg.success.subtle": "#D1F0E1";
484
+ readonly "bg.tertiary": "#DADFEB";
485
+ readonly "bg.tertiary.hovered": "#CACFDC";
486
+ readonly "bg.warning": "#F79008";
487
+ readonly "bg.warning.hovered": "#DC6903";
488
+ readonly "bg.warning.light": "#FEDF88";
489
+ readonly "bg.warning.subtle": "#FEF1C6";
490
+ readonly "border.accent": "#0037FF";
474
491
  readonly "border.active": "#868FA4";
475
- readonly "border.active.hover": "#626A81";
476
- readonly "border.brand": "#0037FF";
492
+ readonly "border.active.hovered": "#626A81";
477
493
  readonly "border.default": "#CACFDC";
494
+ readonly "border.default.hovered": "#868FA4";
478
495
  readonly "border.disabled": "#F5F6FA";
479
496
  readonly "border.error": "#CC1616";
497
+ readonly "border.focus": "#2E66F7";
480
498
  readonly "border.secondary": "#DADFEB";
481
499
  readonly "border.success": "#03A65D";
482
500
  readonly "border.tertiary": "#E9EDF5";
483
501
  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";
502
+ readonly "fg.accent": "#0037FF";
503
+ readonly "fg.accent.hovered": "#002CCC";
504
+ readonly "fg.accent.strong": "#002894";
489
505
  readonly "fg.default": "#2E3442";
490
506
  readonly "fg.default.inverse": "#FFFFFF";
491
507
  readonly "fg.disabled": "#091E4252";
492
- readonly "fg.error": "#911D1D";
493
- readonly "fg.information": "#1668AC";
508
+ readonly "fg.error": "#CC1616";
509
+ readonly "fg.error.hovered": "#B21313";
510
+ readonly "fg.error.strong": "#911D1D";
511
+ readonly "fg.information": "#2094F3";
512
+ readonly "fg.information.strong": "#095EA4";
494
513
  readonly "fg.link": "#0037FF";
495
- readonly "fg.link.hover": "#002CCC";
514
+ readonly "fg.link.hovered": "#002CCC";
496
515
  readonly "fg.link.visited": "#693AB6";
497
516
  readonly "fg.secondary": "#4F576E";
498
- readonly "fg.success": "#24663E";
517
+ readonly "fg.success": "#03A65D";
518
+ readonly "fg.success.hovered": "#038047";
519
+ readonly "fg.success.strong": "#24663E";
499
520
  readonly "fg.tertiary": "#626A81";
500
- readonly "fg.warning": "#B54707";
501
- readonly "outline.brand": "#6A8FFC";
502
- readonly overlay: "#091E4252";
503
- readonly surface: "#FFFFFF";
521
+ readonly "fg.warning": "#F79008";
522
+ readonly "fg.warning.hovered": "#DC6903";
523
+ readonly "fg.warning.strong": "#B54707";
524
+ readonly "fg.white": "#FFFFFF";
504
525
  readonly current: "currentColor";
505
526
  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";
527
+ readonly "blue.50": "#EDF6FF";
528
+ readonly "blue.100": "#D7ECFC";
529
+ readonly "blue.200": "#AEDBFF";
530
+ readonly "blue.300": "#85C4F7";
531
+ readonly "blue.400": "#47A7F5";
514
532
  readonly "blue.500": "#2094F3";
515
- readonly "blue.600": "#1668AC";
516
- readonly "blue.900": "#1C2B41";
533
+ readonly "blue.600": "#0B77D0";
534
+ readonly "blue.700": "#095EA4";
535
+ readonly "blue.800": "#064274";
536
+ readonly "blue.900": "#032541";
517
537
  readonly "brand.50": "#F0F3FF";
518
538
  readonly "brand.100": "#CDD8FC";
519
539
  readonly "brand.200": "#B3C3FF";
@@ -524,20 +544,16 @@ declare const tokens: {
524
544
  readonly "brand.700": "#002894";
525
545
  readonly "brand.800": "#001666";
526
546
  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";
547
+ readonly "cyan.50": "#ECFEFF";
548
+ readonly "cyan.100": "#CFFAFE";
549
+ readonly "cyan.200": "#99F0F9";
550
+ readonly "cyan.300": "#67E8F9";
551
+ readonly "cyan.400": "#22D3EE";
552
+ readonly "cyan.500": "#06B6D4";
553
+ readonly "cyan.600": "#0891B2";
554
+ readonly "cyan.700": "#0E7490";
555
+ readonly "cyan.800": "#155E75";
556
+ readonly "cyan.900": "#083344";
541
557
  readonly "green.50": "#E9F7F1";
542
558
  readonly "green.100": "#D1F0E1";
543
559
  readonly "green.200": "#A5E1C3";
@@ -548,61 +564,61 @@ declare const tokens: {
548
564
  readonly "green.700": "#24663E";
549
565
  readonly "green.800": "#17492B";
550
566
  readonly "green.900": "#082415";
551
- readonly "magenta.50": "#F8E7F5";
552
- readonly "magenta.200": "#E39CD6";
553
- readonly "magenta.500": "#B80597";
554
- readonly "magenta.600": "#81046A";
567
+ readonly "magenta.50": "#FDF4FF";
568
+ readonly "magenta.100": "#FAE8FF";
569
+ readonly "magenta.200": "#F5D0FE";
570
+ readonly "magenta.300": "#F0ABFC";
571
+ readonly "magenta.400": "#D765E9";
572
+ readonly "magenta.500": "#C026D3";
573
+ readonly "magenta.600": "#A21CAF";
574
+ readonly "magenta.700": "#86198F";
575
+ readonly "magenta.800": "#701A75";
576
+ readonly "magenta.900": "#4A044E";
577
+ readonly "neutral.00": "#FFFFFF";
555
578
  readonly "neutral.50": "#F9FAFC";
556
579
  readonly "neutral.75": "#F5F6FA";
557
580
  readonly "neutral.100": "#E9EDF5";
558
581
  readonly "neutral.150": "#DADFEB";
559
582
  readonly "neutral.200": "#CACFDC";
560
- readonly "neutral.300": "#b8becb";
583
+ readonly "neutral.300": "#B8BECB";
561
584
  readonly "neutral.500": "#868FA4";
562
585
  readonly "neutral.600": "#626A81";
563
586
  readonly "neutral.700": "#4F576E";
564
587
  readonly "neutral.800": "#2E3442";
565
- readonly "neutral.900": "#262B37";
588
+ readonly "neutral.900": "#1C212B";
566
589
  readonly "neutral.1000": "#1C2029";
567
590
  readonly "neutral.1100": "#171A23";
568
591
  readonly "neutral.1200": "#091E42";
569
592
  readonly "neutral.50/6": "#F9FAFC0F";
593
+ readonly "neutral.50/12": "#F9FAFC1F";
594
+ readonly "neutral.50/18": "#F9FAFC2E";
595
+ readonly "neutral.50/22": "#F9FAFC38";
570
596
  readonly "neutral.50/32": "#F9FAFC52";
571
597
  readonly "neutral.1200/4": "#091E420A";
572
- readonly "neutral.1200/12": "#091E421F";
573
- readonly "neutral.1200/18": "#091E422E";
598
+ readonly "neutral.1200/8": "#091E4214";
599
+ readonly "neutral.1200/16": "#091E4229";
574
600
  readonly "neutral.1200/22": "#091E4238";
575
601
  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
602
  readonly "purple.50": "#F1ECF8";
603
+ readonly "purple.100": "#E5DCF4";
581
604
  readonly "purple.200": "#C4B1E2";
605
+ readonly "purple.300": "#9570D1";
606
+ readonly "purple.400": "#7E51C8";
582
607
  readonly "purple.500": "#693AB6";
583
- readonly "purple.600": "#4A297F";
584
- readonly "purple.900": "#2B273F";
608
+ readonly "purple.600": "#532E8F";
609
+ readonly "purple.700": "#412470";
610
+ readonly "purple.800": "#331C59";
611
+ readonly "purple.900": "#261542";
585
612
  readonly "red.50": "#FFF7F7";
586
- readonly "red.100": "#FCD6D6";
587
- readonly "red.200": "#F9ACAC";
613
+ readonly "red.100": "#FFD7D7";
614
+ readonly "red.200": "#FFB4B4";
588
615
  readonly "red.300": "#FC8B8B";
589
- readonly "red.400": "#E31818";
616
+ readonly "red.400": "#F64F4F";
590
617
  readonly "red.500": "#CC1616";
591
618
  readonly "red.600": "#B21313";
592
619
  readonly "red.700": "#911D1D";
593
620
  readonly "red.800": "#601313";
594
621
  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
622
  readonly "yellow.50": "#FFFAEA";
607
623
  readonly "yellow.100": "#FEF1C6";
608
624
  readonly "yellow.200": "#FEDF88";
@@ -810,75 +826,89 @@ declare const tokens: {
810
826
  readonly auto: "auto";
811
827
  readonly popover: "3000";
812
828
  readonly toast: "3010";
829
+ readonly tooltip: "10000";
813
830
  };
814
831
  };
815
832
  declare const tokensDark: {
816
833
  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";
834
+ readonly "bg.accent": "#2E66F7";
835
+ readonly "bg.accent.hovered": "#2E66F7";
836
+ readonly "bg.accent.light": "#001666";
837
+ readonly "bg.accent.pressed": "#002CCC";
838
+ readonly "bg.accent.subtle": "#000B33";
839
+ readonly "bg.default": "#1C2029";
840
+ readonly "bg.default.inverse": "#E9EDF5";
841
+ readonly "bg.default.inverse.hovered": "#CACFDC";
842
+ readonly "bg.default.inverse.pressed": "#B8BECB";
843
+ readonly "bg.error": "#CC1616";
844
+ readonly "bg.error.hovered": "#F64F4F";
845
+ readonly "bg.error.light": "#911D1D";
846
+ readonly "bg.error.pressed": "#B21313";
847
+ readonly "bg.error.subtle": "#601313";
848
+ readonly "bg.information": "#0B77D0";
849
+ readonly "bg.information.light": "#064274";
850
+ readonly "bg.information.subtle": "#032541";
851
+ readonly "bg.overlay": "#F9FAFC52";
852
+ readonly "bg.page": "#171A23";
853
+ readonly "bg.secondary": "#1C212B";
854
+ readonly "bg.secondary.hovered": "#F9FAFC1F";
855
+ readonly "bg.success": "#038047";
856
+ readonly "bg.success.hovered": "#5AC58A";
857
+ readonly "bg.success.light": "#17492B";
858
+ readonly "bg.success.subtle": "#082415";
859
+ readonly "bg.tertiary": "#4F576E";
860
+ readonly "bg.tertiary.hovered": "#F9FAFC2E";
861
+ readonly "bg.warning": "#F79008";
862
+ readonly "bg.warning.hovered": "#FDB022";
863
+ readonly "bg.warning.light": "#7A2E0D";
864
+ readonly "bg.warning.subtle": "#4E1D09";
865
+ readonly "border.accent": "#6A8FFC";
866
+ readonly "border.active": "#4F576E";
867
+ readonly "border.active.hovered": "#626A81";
868
+ readonly "border.default": "#626A81";
869
+ readonly "border.default.hovered": "#868FA4";
870
+ readonly "border.disabled": "#2E3442";
871
+ readonly "border.error": "#FFB4B4";
872
+ readonly "border.focus": "#6A8FFC";
873
+ readonly "border.secondary": "#4F576E";
846
874
  readonly "border.success": "#03A65D";
847
- readonly "border.tertiary": "#262B37";
875
+ readonly "border.tertiary": "#2E3442";
848
876
  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";
877
+ readonly "fg.accent": "#6A8FFC";
878
+ readonly "fg.accent.hovered": "#0037FF";
879
+ readonly "fg.accent.strong": "#2E66F7";
880
+ readonly "fg.default": "#F5F6FA";
881
+ readonly "fg.default.inverse": "#2E3442";
882
+ readonly "fg.disabled": "#F9FAFC52";
883
+ readonly "fg.error": "#FC8B8B";
884
+ readonly "fg.error.hovered": "#B21313";
885
+ readonly "fg.error.strong": "#FFB4B4";
886
+ readonly "fg.information": "#85C4F7";
887
+ readonly "fg.information.strong": "#AEDBFF";
888
+ readonly "fg.link": "#6A8FFC";
889
+ readonly "fg.link.hovered": "#0037FF";
890
+ readonly "fg.link.visited": "#6A8FFC";
891
+ readonly "fg.secondary": "#CACFDC";
892
+ readonly "fg.success": "#7CD2A7";
893
+ readonly "fg.success.hovered": "#038047";
894
+ readonly "fg.success.strong": "#A5E1C3";
895
+ readonly "fg.tertiary": "#868FA4";
896
+ readonly "fg.warning": "#FFC84B";
897
+ readonly "fg.warning.hovered": "#DC6903";
898
+ readonly "fg.warning.strong": "#FEDF88";
899
+ readonly "fg.white": "#FFFFFF";
869
900
  readonly current: "currentColor";
870
901
  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";
902
+ readonly "blue.50": "#EDF6FF";
903
+ readonly "blue.100": "#D7ECFC";
904
+ readonly "blue.200": "#AEDBFF";
905
+ readonly "blue.300": "#85C4F7";
906
+ readonly "blue.400": "#47A7F5";
879
907
  readonly "blue.500": "#2094F3";
880
- readonly "blue.600": "#1668AC";
881
- readonly "blue.900": "#1C2B41";
908
+ readonly "blue.600": "#0B77D0";
909
+ readonly "blue.700": "#095EA4";
910
+ readonly "blue.800": "#064274";
911
+ readonly "blue.900": "#032541";
882
912
  readonly "brand.50": "#F0F3FF";
883
913
  readonly "brand.100": "#CDD8FC";
884
914
  readonly "brand.200": "#B3C3FF";
@@ -889,20 +919,16 @@ declare const tokensDark: {
889
919
  readonly "brand.700": "#002894";
890
920
  readonly "brand.800": "#001666";
891
921
  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";
922
+ readonly "cyan.50": "#ECFEFF";
923
+ readonly "cyan.100": "#CFFAFE";
924
+ readonly "cyan.200": "#99F0F9";
925
+ readonly "cyan.300": "#67E8F9";
926
+ readonly "cyan.400": "#22D3EE";
927
+ readonly "cyan.500": "#06B6D4";
928
+ readonly "cyan.600": "#0891B2";
929
+ readonly "cyan.700": "#0E7490";
930
+ readonly "cyan.800": "#155E75";
931
+ readonly "cyan.900": "#083344";
906
932
  readonly "green.50": "#E9F7F1";
907
933
  readonly "green.100": "#D1F0E1";
908
934
  readonly "green.200": "#A5E1C3";
@@ -913,61 +939,61 @@ declare const tokensDark: {
913
939
  readonly "green.700": "#24663E";
914
940
  readonly "green.800": "#17492B";
915
941
  readonly "green.900": "#082415";
916
- readonly "magenta.50": "#F8E7F5";
917
- readonly "magenta.200": "#E39CD6";
918
- readonly "magenta.500": "#B80597";
919
- readonly "magenta.600": "#81046A";
942
+ readonly "magenta.50": "#FDF4FF";
943
+ readonly "magenta.100": "#FAE8FF";
944
+ readonly "magenta.200": "#F5D0FE";
945
+ readonly "magenta.300": "#F0ABFC";
946
+ readonly "magenta.400": "#D765E9";
947
+ readonly "magenta.500": "#C026D3";
948
+ readonly "magenta.600": "#A21CAF";
949
+ readonly "magenta.700": "#86198F";
950
+ readonly "magenta.800": "#701A75";
951
+ readonly "magenta.900": "#4A044E";
952
+ readonly "neutral.00": "#FFFFFF";
920
953
  readonly "neutral.50": "#F9FAFC";
921
954
  readonly "neutral.75": "#F5F6FA";
922
955
  readonly "neutral.100": "#E9EDF5";
923
956
  readonly "neutral.150": "#DADFEB";
924
957
  readonly "neutral.200": "#CACFDC";
925
- readonly "neutral.300": "#b8becb";
958
+ readonly "neutral.300": "#B8BECB";
926
959
  readonly "neutral.500": "#868FA4";
927
960
  readonly "neutral.600": "#626A81";
928
961
  readonly "neutral.700": "#4F576E";
929
962
  readonly "neutral.800": "#2E3442";
930
- readonly "neutral.900": "#262B37";
963
+ readonly "neutral.900": "#1C212B";
931
964
  readonly "neutral.1000": "#1C2029";
932
965
  readonly "neutral.1100": "#171A23";
933
966
  readonly "neutral.1200": "#091E42";
934
967
  readonly "neutral.50/6": "#F9FAFC0F";
968
+ readonly "neutral.50/12": "#F9FAFC1F";
969
+ readonly "neutral.50/18": "#F9FAFC2E";
970
+ readonly "neutral.50/22": "#F9FAFC38";
935
971
  readonly "neutral.50/32": "#F9FAFC52";
936
972
  readonly "neutral.1200/4": "#091E420A";
937
- readonly "neutral.1200/12": "#091E421F";
938
- readonly "neutral.1200/18": "#091E422E";
973
+ readonly "neutral.1200/8": "#091E4214";
974
+ readonly "neutral.1200/16": "#091E4229";
939
975
  readonly "neutral.1200/22": "#091E4238";
940
976
  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
977
  readonly "purple.50": "#F1ECF8";
978
+ readonly "purple.100": "#E5DCF4";
946
979
  readonly "purple.200": "#C4B1E2";
980
+ readonly "purple.300": "#9570D1";
981
+ readonly "purple.400": "#7E51C8";
947
982
  readonly "purple.500": "#693AB6";
948
- readonly "purple.600": "#4A297F";
949
- readonly "purple.900": "#2B273F";
983
+ readonly "purple.600": "#532E8F";
984
+ readonly "purple.700": "#412470";
985
+ readonly "purple.800": "#331C59";
986
+ readonly "purple.900": "#261542";
950
987
  readonly "red.50": "#FFF7F7";
951
- readonly "red.100": "#FCD6D6";
952
- readonly "red.200": "#F9ACAC";
988
+ readonly "red.100": "#FFD7D7";
989
+ readonly "red.200": "#FFB4B4";
953
990
  readonly "red.300": "#FC8B8B";
954
- readonly "red.400": "#E31818";
991
+ readonly "red.400": "#F64F4F";
955
992
  readonly "red.500": "#CC1616";
956
993
  readonly "red.600": "#B21313";
957
994
  readonly "red.700": "#911D1D";
958
995
  readonly "red.800": "#601313";
959
996
  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
997
  readonly "yellow.50": "#FFFAEA";
972
998
  readonly "yellow.100": "#FEF1C6";
973
999
  readonly "yellow.200": "#FEDF88";
@@ -1199,6 +1225,7 @@ declare const tokensDark: {
1199
1225
  readonly auto: "auto";
1200
1226
  readonly popover: "3000";
1201
1227
  readonly toast: "3010";
1228
+ readonly tooltip: "10000";
1202
1229
  };
1203
1230
  };
1204
1231