@optiaxiom/globals 0.5.1 → 0.7.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.
- package/dist/context.js +1 -1
- package/dist/index.d.ts +174 -261
- package/dist/index.js +1 -1
- package/dist/theme-css.js +1 -1
- package/dist/toaster.js +27 -9
- package/dist/tokens/colors.js +93 -174
- package/dist/tokens/index.js +2 -5
- package/package.json +4 -3
package/dist/context.js
CHANGED
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
|
-
import { ReactElement, useSyncExternalStore } from 'react';
|
|
2
|
+
import { RefObject, ReactElement, useSyncExternalStore } from 'react';
|
|
3
3
|
|
|
4
4
|
declare const AxiomVersionContext: react.Context<string | undefined>;
|
|
5
5
|
|
|
@@ -17,91 +17,90 @@ declare const theme: MapLeafNodes<{
|
|
|
17
17
|
readonly lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)";
|
|
18
18
|
};
|
|
19
19
|
readonly colors: {
|
|
20
|
-
readonly "bg.accent": "#0037FF";
|
|
21
|
-
readonly "bg.accent.hovered": "#002CCC";
|
|
22
|
-
readonly "bg.accent.light": "#B3C3FF";
|
|
23
|
-
readonly "bg.accent.pressed": "#002894";
|
|
24
|
-
readonly "bg.accent.subtle": "#F0F3FF";
|
|
25
|
-
readonly "bg.avatar.neutral": "#E9EDF5";
|
|
26
|
-
readonly "bg.avatar.purple": "#E5DCF4";
|
|
27
|
-
readonly "bg.default": "#FFFFFF";
|
|
28
|
-
readonly "bg.default.hovered": "#091E420A";
|
|
29
|
-
readonly "bg.default.inverse": "#2E3442";
|
|
30
|
-
readonly "bg.default.inverse.hovered": "#1C212B";
|
|
31
|
-
readonly "bg.default.inverse.pressed": "#1C2029";
|
|
32
|
-
readonly "bg.default.pressed": "#091E4214";
|
|
33
|
-
readonly "bg.error": "#CC1616";
|
|
34
|
-
readonly "bg.error.hovered": "#B21313";
|
|
35
|
-
readonly "bg.error.light": "#FFB4B4";
|
|
36
|
-
readonly "bg.error.pressed": "#911D1D";
|
|
37
|
-
readonly "bg.error.subtle": "#FFD7D7";
|
|
38
|
-
readonly "bg.error.subtlest": "#FFF7F7";
|
|
39
|
-
readonly "bg.information": "#115DD4";
|
|
40
|
-
readonly "bg.information.light": "#A1C2F7";
|
|
41
|
-
readonly "bg.information.subtle": "#C6DBFA";
|
|
42
|
-
readonly "bg.overlay": "#091E4252";
|
|
43
|
-
readonly "bg.page": "#F9FAFC";
|
|
44
|
-
readonly "bg.secondary": "#F5F6FA";
|
|
45
|
-
readonly "bg.secondary.hovered": "#F5F6FA";
|
|
46
|
-
readonly "bg.spinner.default": "#091E42";
|
|
47
|
-
readonly "bg.spinner.inverse": "#F9FAFC";
|
|
48
|
-
readonly "bg.success": "#038047";
|
|
49
|
-
readonly "bg.success.hovered": "#24663E";
|
|
50
|
-
readonly "bg.success.light": "#A5E1C3";
|
|
51
|
-
readonly "bg.success.subtle": "#D1F0E1";
|
|
52
|
-
readonly "bg.tertiary": "#DADFEB";
|
|
53
|
-
readonly "bg.tertiary.hovered": "#CACFDC";
|
|
54
|
-
readonly "bg.warning": "#FFC84B";
|
|
55
|
-
readonly "bg.warning.hovered": "#DC6903";
|
|
56
|
-
readonly "bg.warning.light": "#FEDF88";
|
|
57
|
-
readonly "bg.warning.subtle": "#FEF1C6";
|
|
58
|
-
readonly "border.accent": "#0037FF";
|
|
59
|
-
readonly "border.
|
|
60
|
-
readonly "border.
|
|
61
|
-
readonly "border.default": "#
|
|
62
|
-
readonly "border.
|
|
63
|
-
readonly "border.
|
|
64
|
-
readonly "border.
|
|
65
|
-
readonly "border.focus": "#
|
|
66
|
-
readonly "border.
|
|
67
|
-
readonly "border.
|
|
68
|
-
readonly "border.
|
|
69
|
-
readonly "border.
|
|
70
|
-
readonly "
|
|
71
|
-
readonly "fg.accent": "#0037FF";
|
|
72
|
-
readonly "fg.accent.
|
|
73
|
-
readonly "fg.
|
|
74
|
-
readonly "fg.avatar.
|
|
75
|
-
readonly "fg.
|
|
76
|
-
readonly "fg.default": "#2E3442";
|
|
77
|
-
readonly "fg.
|
|
78
|
-
readonly "fg.
|
|
79
|
-
readonly "fg.error": "#
|
|
80
|
-
readonly "fg.error.
|
|
81
|
-
readonly "fg.error.
|
|
82
|
-
readonly "fg.
|
|
83
|
-
readonly "fg.information": "#
|
|
84
|
-
readonly "fg.information.
|
|
85
|
-
readonly "fg.
|
|
86
|
-
readonly "fg.link.default": "#
|
|
87
|
-
readonly "fg.link.
|
|
88
|
-
readonly "fg.link.
|
|
89
|
-
readonly "fg.link.
|
|
90
|
-
readonly "fg.
|
|
91
|
-
readonly "fg.
|
|
92
|
-
readonly "fg.spinner.
|
|
93
|
-
readonly "fg.
|
|
94
|
-
readonly "fg.success": "#
|
|
95
|
-
readonly "fg.success.
|
|
96
|
-
readonly "fg.success.
|
|
97
|
-
readonly "fg.
|
|
98
|
-
readonly "fg.
|
|
99
|
-
readonly "fg.warning": "#
|
|
100
|
-
readonly "fg.warning.
|
|
101
|
-
readonly "fg.warning.
|
|
102
|
-
readonly "fg.warning.
|
|
103
|
-
readonly "fg.
|
|
104
|
-
readonly "fg.white": "#FFFFFF";
|
|
20
|
+
readonly "bg.accent": "light-dark(#0037FF, #2E66F7)";
|
|
21
|
+
readonly "bg.accent.hovered": "light-dark(#002CCC, #2E66F7)";
|
|
22
|
+
readonly "bg.accent.light": "light-dark(#B3C3FF, #001666)";
|
|
23
|
+
readonly "bg.accent.pressed": "light-dark(#002894, #002CCC)";
|
|
24
|
+
readonly "bg.accent.subtle": "light-dark(#F0F3FF, #000B33)";
|
|
25
|
+
readonly "bg.avatar.neutral": "light-dark(#E9EDF5, #2E3442)";
|
|
26
|
+
readonly "bg.avatar.purple": "light-dark(#E5DCF4, #412470)";
|
|
27
|
+
readonly "bg.default": "light-dark(#FFFFFF, #1C2029)";
|
|
28
|
+
readonly "bg.default.hovered": "light-dark(#091E420A, #F9FAFC0F)";
|
|
29
|
+
readonly "bg.default.inverse": "light-dark(#2E3442, #E9EDF5)";
|
|
30
|
+
readonly "bg.default.inverse.hovered": "light-dark(#1C212B, #CACFDC)";
|
|
31
|
+
readonly "bg.default.inverse.pressed": "light-dark(#1C2029, #B8BECB)";
|
|
32
|
+
readonly "bg.default.pressed": "light-dark(#091E4214, #F9FAFC1F)";
|
|
33
|
+
readonly "bg.error": "light-dark(#CC1616, #CC1616)";
|
|
34
|
+
readonly "bg.error.hovered": "light-dark(#B21313, #F64F4F)";
|
|
35
|
+
readonly "bg.error.light": "light-dark(#FFB4B4, #911D1D)";
|
|
36
|
+
readonly "bg.error.pressed": "light-dark(#911D1D, #B21313)";
|
|
37
|
+
readonly "bg.error.subtle": "light-dark(#FFD7D7, #601313)";
|
|
38
|
+
readonly "bg.error.subtlest": "light-dark(#FFF7F7, #300A0A)";
|
|
39
|
+
readonly "bg.information": "light-dark(#115DD4, #115DD4)";
|
|
40
|
+
readonly "bg.information.light": "light-dark(#A1C2F7, #09306D)";
|
|
41
|
+
readonly "bg.information.subtle": "light-dark(#C6DBFA, #051939)";
|
|
42
|
+
readonly "bg.overlay": "light-dark(#091E4252, #F9FAFC52)";
|
|
43
|
+
readonly "bg.page": "light-dark(#F9FAFC, #171A23)";
|
|
44
|
+
readonly "bg.secondary": "light-dark(#F5F6FA, #1C212B)";
|
|
45
|
+
readonly "bg.secondary.hovered": "light-dark(#F5F6FA, #F9FAFC1F)";
|
|
46
|
+
readonly "bg.spinner.default": "light-dark(#091E42, #F9FAFC)";
|
|
47
|
+
readonly "bg.spinner.inverse": "light-dark(#F9FAFC, #F9FAFC)";
|
|
48
|
+
readonly "bg.success": "light-dark(#038047, #038047)";
|
|
49
|
+
readonly "bg.success.hovered": "light-dark(#24663E, #5AC58A)";
|
|
50
|
+
readonly "bg.success.light": "light-dark(#A5E1C3, #17492B)";
|
|
51
|
+
readonly "bg.success.subtle": "light-dark(#D1F0E1, #082415)";
|
|
52
|
+
readonly "bg.tertiary": "light-dark(#DADFEB, #4F576E)";
|
|
53
|
+
readonly "bg.tertiary.hovered": "light-dark(#CACFDC, #F9FAFC2E)";
|
|
54
|
+
readonly "bg.warning": "light-dark(#FFC84B, #F79008)";
|
|
55
|
+
readonly "bg.warning.hovered": "light-dark(#DC6903, #FDB022)";
|
|
56
|
+
readonly "bg.warning.light": "light-dark(#FEDF88, #7A2E0D)";
|
|
57
|
+
readonly "bg.warning.subtle": "light-dark(#FEF1C6, #4E1D09)";
|
|
58
|
+
readonly "border.accent": "light-dark(#0037FF, #6A8FFC)";
|
|
59
|
+
readonly "border.control": "light-dark(#838DA4, #4F576E)";
|
|
60
|
+
readonly "border.control.hovered": "light-dark(#66708C, #66708C)";
|
|
61
|
+
readonly "border.default": "light-dark(#E9EDF5, #2E3442)";
|
|
62
|
+
readonly "border.disabled": "light-dark(#F5F6FA, #2E3442)";
|
|
63
|
+
readonly "border.error": "light-dark(#CC1616, #FFB4B4)";
|
|
64
|
+
readonly "border.focus": "light-dark(#2E66F7, #6A8FFC)";
|
|
65
|
+
readonly "border.focus.error": "light-dark(#F64F4F, #FC8B8B)";
|
|
66
|
+
readonly "border.secondary": "light-dark(#DADFEB, #4F576E)";
|
|
67
|
+
readonly "border.success": "light-dark(#03A65D, #03A65D)";
|
|
68
|
+
readonly "border.tertiary": "light-dark(#CACFDC, #66708C)";
|
|
69
|
+
readonly "border.warning": "light-dark(#F79008, #F79008)";
|
|
70
|
+
readonly "fg.accent": "light-dark(#0037FF, #6A8FFC)";
|
|
71
|
+
readonly "fg.accent.hovered": "light-dark(#002CCC, #0037FF)";
|
|
72
|
+
readonly "fg.accent.strong": "light-dark(#002894, #2E66F7)";
|
|
73
|
+
readonly "fg.avatar.neutral": "light-dark(#4F576E, #E9EDF5)";
|
|
74
|
+
readonly "fg.avatar.purple": "light-dark(#412470, #E5DCF4)";
|
|
75
|
+
readonly "fg.default": "light-dark(#2E3442, #F5F6FA)";
|
|
76
|
+
readonly "fg.default.inverse": "light-dark(#FFFFFF, #2E3442)";
|
|
77
|
+
readonly "fg.disabled": "light-dark(#CACFDC, #F9FAFC52)";
|
|
78
|
+
readonly "fg.error": "light-dark(#CC1616, #FC8B8B)";
|
|
79
|
+
readonly "fg.error.hovered": "light-dark(#B21313, #B21313)";
|
|
80
|
+
readonly "fg.error.light": "light-dark(#FC8B8B, #FC8B8B)";
|
|
81
|
+
readonly "fg.error.strong": "light-dark(#911D1D, #FFB4B4)";
|
|
82
|
+
readonly "fg.information": "light-dark(#2F7AEE, #7BAAF4)";
|
|
83
|
+
readonly "fg.information.light": "light-dark(#7BAAF4, #7BAAF4)";
|
|
84
|
+
readonly "fg.information.strong": "light-dark(#0D46A0, #A1C2F7)";
|
|
85
|
+
readonly "fg.link.default": "light-dark(#0037FF, #2E66F7)";
|
|
86
|
+
readonly "fg.link.default.hovered": "light-dark(#002CCC, #B3C3FF)";
|
|
87
|
+
readonly "fg.link.inverse": "light-dark(#FFFFFF, #FFFFFF)";
|
|
88
|
+
readonly "fg.link.subtle": "light-dark(#2E3442, #2E3442)";
|
|
89
|
+
readonly "fg.link.visited": "light-dark(#532E8F, #693AB6)";
|
|
90
|
+
readonly "fg.secondary": "light-dark(#4F576E, #CACFDC)";
|
|
91
|
+
readonly "fg.spinner.default": "light-dark(#2E3442, #CACFDC)";
|
|
92
|
+
readonly "fg.spinner.inverse": "light-dark(#CACFDC, #2E3442)";
|
|
93
|
+
readonly "fg.success": "light-dark(#03A65D, #7CD2A7)";
|
|
94
|
+
readonly "fg.success.hovered": "light-dark(#038047, #038047)";
|
|
95
|
+
readonly "fg.success.light": "light-dark(#7CD2A7, #7CD2A7)";
|
|
96
|
+
readonly "fg.success.strong": "light-dark(#24663E, #A5E1C3)";
|
|
97
|
+
readonly "fg.tertiary": "light-dark(#66708C, #838DA4)";
|
|
98
|
+
readonly "fg.warning": "light-dark(#F79008, #FFC84B)";
|
|
99
|
+
readonly "fg.warning.hovered": "light-dark(#DC6903, #DC6903)";
|
|
100
|
+
readonly "fg.warning.inverse": "light-dark(#2E3442, #2E3442)";
|
|
101
|
+
readonly "fg.warning.light": "light-dark(#FFC84B, #FFC84B)";
|
|
102
|
+
readonly "fg.warning.strong": "light-dark(#B54707, #FEDF88)";
|
|
103
|
+
readonly "fg.white": "light-dark(#FFFFFF, #FFFFFF)";
|
|
105
104
|
};
|
|
106
105
|
readonly fontFamily: {
|
|
107
106
|
readonly mono: "Fira Code Variable, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace";
|
|
@@ -177,14 +176,18 @@ type CSSVarFunction = `var(--${string})` | `var(--${string}, ${number | string})
|
|
|
177
176
|
type Primitive = boolean | null | number | string | undefined;
|
|
178
177
|
|
|
179
178
|
declare const ToastContextProvider: react.FC<{
|
|
179
|
+
offset: number;
|
|
180
180
|
onOpenChange: (open: boolean) => void;
|
|
181
181
|
open: boolean;
|
|
182
|
+
toastRef: RefObject<HTMLElement>;
|
|
182
183
|
} & {
|
|
183
184
|
children: React.ReactNode;
|
|
184
185
|
}>;
|
|
185
186
|
declare const useToastContext: (consumerName: string) => {
|
|
187
|
+
offset: number;
|
|
186
188
|
onOpenChange: (open: boolean) => void;
|
|
187
189
|
open: boolean;
|
|
190
|
+
toastRef: RefObject<HTMLElement>;
|
|
188
191
|
};
|
|
189
192
|
|
|
190
193
|
type ToastOptions = {
|
|
@@ -215,91 +218,90 @@ declare const tokens: {
|
|
|
215
218
|
readonly lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)";
|
|
216
219
|
};
|
|
217
220
|
readonly colors: {
|
|
218
|
-
readonly "bg.accent": "#0037FF";
|
|
219
|
-
readonly "bg.accent.hovered": "#002CCC";
|
|
220
|
-
readonly "bg.accent.light": "#B3C3FF";
|
|
221
|
-
readonly "bg.accent.pressed": "#002894";
|
|
222
|
-
readonly "bg.accent.subtle": "#F0F3FF";
|
|
223
|
-
readonly "bg.avatar.neutral": "#E9EDF5";
|
|
224
|
-
readonly "bg.avatar.purple": "#E5DCF4";
|
|
225
|
-
readonly "bg.default": "#FFFFFF";
|
|
226
|
-
readonly "bg.default.hovered": "#091E420A";
|
|
227
|
-
readonly "bg.default.inverse": "#2E3442";
|
|
228
|
-
readonly "bg.default.inverse.hovered": "#1C212B";
|
|
229
|
-
readonly "bg.default.inverse.pressed": "#1C2029";
|
|
230
|
-
readonly "bg.default.pressed": "#091E4214";
|
|
231
|
-
readonly "bg.error": "#CC1616";
|
|
232
|
-
readonly "bg.error.hovered": "#B21313";
|
|
233
|
-
readonly "bg.error.light": "#FFB4B4";
|
|
234
|
-
readonly "bg.error.pressed": "#911D1D";
|
|
235
|
-
readonly "bg.error.subtle": "#FFD7D7";
|
|
236
|
-
readonly "bg.error.subtlest": "#FFF7F7";
|
|
237
|
-
readonly "bg.information": "#115DD4";
|
|
238
|
-
readonly "bg.information.light": "#A1C2F7";
|
|
239
|
-
readonly "bg.information.subtle": "#C6DBFA";
|
|
240
|
-
readonly "bg.overlay": "#091E4252";
|
|
241
|
-
readonly "bg.page": "#F9FAFC";
|
|
242
|
-
readonly "bg.secondary": "#F5F6FA";
|
|
243
|
-
readonly "bg.secondary.hovered": "#F5F6FA";
|
|
244
|
-
readonly "bg.spinner.default": "#091E42";
|
|
245
|
-
readonly "bg.spinner.inverse": "#F9FAFC";
|
|
246
|
-
readonly "bg.success": "#038047";
|
|
247
|
-
readonly "bg.success.hovered": "#24663E";
|
|
248
|
-
readonly "bg.success.light": "#A5E1C3";
|
|
249
|
-
readonly "bg.success.subtle": "#D1F0E1";
|
|
250
|
-
readonly "bg.tertiary": "#DADFEB";
|
|
251
|
-
readonly "bg.tertiary.hovered": "#CACFDC";
|
|
252
|
-
readonly "bg.warning": "#FFC84B";
|
|
253
|
-
readonly "bg.warning.hovered": "#DC6903";
|
|
254
|
-
readonly "bg.warning.light": "#FEDF88";
|
|
255
|
-
readonly "bg.warning.subtle": "#FEF1C6";
|
|
256
|
-
readonly "border.accent": "#0037FF";
|
|
257
|
-
readonly "border.
|
|
258
|
-
readonly "border.
|
|
259
|
-
readonly "border.default": "#
|
|
260
|
-
readonly "border.
|
|
261
|
-
readonly "border.
|
|
262
|
-
readonly "border.
|
|
263
|
-
readonly "border.focus": "#
|
|
264
|
-
readonly "border.
|
|
265
|
-
readonly "border.
|
|
266
|
-
readonly "border.
|
|
267
|
-
readonly "border.
|
|
268
|
-
readonly "
|
|
269
|
-
readonly "fg.accent": "#0037FF";
|
|
270
|
-
readonly "fg.accent.
|
|
271
|
-
readonly "fg.
|
|
272
|
-
readonly "fg.avatar.
|
|
273
|
-
readonly "fg.
|
|
274
|
-
readonly "fg.default": "#2E3442";
|
|
275
|
-
readonly "fg.
|
|
276
|
-
readonly "fg.
|
|
277
|
-
readonly "fg.error": "#
|
|
278
|
-
readonly "fg.error.
|
|
279
|
-
readonly "fg.error.
|
|
280
|
-
readonly "fg.
|
|
281
|
-
readonly "fg.information": "#
|
|
282
|
-
readonly "fg.information.
|
|
283
|
-
readonly "fg.
|
|
284
|
-
readonly "fg.link.default": "#
|
|
285
|
-
readonly "fg.link.
|
|
286
|
-
readonly "fg.link.
|
|
287
|
-
readonly "fg.link.
|
|
288
|
-
readonly "fg.
|
|
289
|
-
readonly "fg.
|
|
290
|
-
readonly "fg.spinner.
|
|
291
|
-
readonly "fg.
|
|
292
|
-
readonly "fg.success": "#
|
|
293
|
-
readonly "fg.success.
|
|
294
|
-
readonly "fg.success.
|
|
295
|
-
readonly "fg.
|
|
296
|
-
readonly "fg.
|
|
297
|
-
readonly "fg.warning": "#
|
|
298
|
-
readonly "fg.warning.
|
|
299
|
-
readonly "fg.warning.
|
|
300
|
-
readonly "fg.warning.
|
|
301
|
-
readonly "fg.
|
|
302
|
-
readonly "fg.white": "#FFFFFF";
|
|
221
|
+
readonly "bg.accent": "light-dark(#0037FF, #2E66F7)";
|
|
222
|
+
readonly "bg.accent.hovered": "light-dark(#002CCC, #2E66F7)";
|
|
223
|
+
readonly "bg.accent.light": "light-dark(#B3C3FF, #001666)";
|
|
224
|
+
readonly "bg.accent.pressed": "light-dark(#002894, #002CCC)";
|
|
225
|
+
readonly "bg.accent.subtle": "light-dark(#F0F3FF, #000B33)";
|
|
226
|
+
readonly "bg.avatar.neutral": "light-dark(#E9EDF5, #2E3442)";
|
|
227
|
+
readonly "bg.avatar.purple": "light-dark(#E5DCF4, #412470)";
|
|
228
|
+
readonly "bg.default": "light-dark(#FFFFFF, #1C2029)";
|
|
229
|
+
readonly "bg.default.hovered": "light-dark(#091E420A, #F9FAFC0F)";
|
|
230
|
+
readonly "bg.default.inverse": "light-dark(#2E3442, #E9EDF5)";
|
|
231
|
+
readonly "bg.default.inverse.hovered": "light-dark(#1C212B, #CACFDC)";
|
|
232
|
+
readonly "bg.default.inverse.pressed": "light-dark(#1C2029, #B8BECB)";
|
|
233
|
+
readonly "bg.default.pressed": "light-dark(#091E4214, #F9FAFC1F)";
|
|
234
|
+
readonly "bg.error": "light-dark(#CC1616, #CC1616)";
|
|
235
|
+
readonly "bg.error.hovered": "light-dark(#B21313, #F64F4F)";
|
|
236
|
+
readonly "bg.error.light": "light-dark(#FFB4B4, #911D1D)";
|
|
237
|
+
readonly "bg.error.pressed": "light-dark(#911D1D, #B21313)";
|
|
238
|
+
readonly "bg.error.subtle": "light-dark(#FFD7D7, #601313)";
|
|
239
|
+
readonly "bg.error.subtlest": "light-dark(#FFF7F7, #300A0A)";
|
|
240
|
+
readonly "bg.information": "light-dark(#115DD4, #115DD4)";
|
|
241
|
+
readonly "bg.information.light": "light-dark(#A1C2F7, #09306D)";
|
|
242
|
+
readonly "bg.information.subtle": "light-dark(#C6DBFA, #051939)";
|
|
243
|
+
readonly "bg.overlay": "light-dark(#091E4252, #F9FAFC52)";
|
|
244
|
+
readonly "bg.page": "light-dark(#F9FAFC, #171A23)";
|
|
245
|
+
readonly "bg.secondary": "light-dark(#F5F6FA, #1C212B)";
|
|
246
|
+
readonly "bg.secondary.hovered": "light-dark(#F5F6FA, #F9FAFC1F)";
|
|
247
|
+
readonly "bg.spinner.default": "light-dark(#091E42, #F9FAFC)";
|
|
248
|
+
readonly "bg.spinner.inverse": "light-dark(#F9FAFC, #F9FAFC)";
|
|
249
|
+
readonly "bg.success": "light-dark(#038047, #038047)";
|
|
250
|
+
readonly "bg.success.hovered": "light-dark(#24663E, #5AC58A)";
|
|
251
|
+
readonly "bg.success.light": "light-dark(#A5E1C3, #17492B)";
|
|
252
|
+
readonly "bg.success.subtle": "light-dark(#D1F0E1, #082415)";
|
|
253
|
+
readonly "bg.tertiary": "light-dark(#DADFEB, #4F576E)";
|
|
254
|
+
readonly "bg.tertiary.hovered": "light-dark(#CACFDC, #F9FAFC2E)";
|
|
255
|
+
readonly "bg.warning": "light-dark(#FFC84B, #F79008)";
|
|
256
|
+
readonly "bg.warning.hovered": "light-dark(#DC6903, #FDB022)";
|
|
257
|
+
readonly "bg.warning.light": "light-dark(#FEDF88, #7A2E0D)";
|
|
258
|
+
readonly "bg.warning.subtle": "light-dark(#FEF1C6, #4E1D09)";
|
|
259
|
+
readonly "border.accent": "light-dark(#0037FF, #6A8FFC)";
|
|
260
|
+
readonly "border.control": "light-dark(#838DA4, #4F576E)";
|
|
261
|
+
readonly "border.control.hovered": "light-dark(#66708C, #66708C)";
|
|
262
|
+
readonly "border.default": "light-dark(#E9EDF5, #2E3442)";
|
|
263
|
+
readonly "border.disabled": "light-dark(#F5F6FA, #2E3442)";
|
|
264
|
+
readonly "border.error": "light-dark(#CC1616, #FFB4B4)";
|
|
265
|
+
readonly "border.focus": "light-dark(#2E66F7, #6A8FFC)";
|
|
266
|
+
readonly "border.focus.error": "light-dark(#F64F4F, #FC8B8B)";
|
|
267
|
+
readonly "border.secondary": "light-dark(#DADFEB, #4F576E)";
|
|
268
|
+
readonly "border.success": "light-dark(#03A65D, #03A65D)";
|
|
269
|
+
readonly "border.tertiary": "light-dark(#CACFDC, #66708C)";
|
|
270
|
+
readonly "border.warning": "light-dark(#F79008, #F79008)";
|
|
271
|
+
readonly "fg.accent": "light-dark(#0037FF, #6A8FFC)";
|
|
272
|
+
readonly "fg.accent.hovered": "light-dark(#002CCC, #0037FF)";
|
|
273
|
+
readonly "fg.accent.strong": "light-dark(#002894, #2E66F7)";
|
|
274
|
+
readonly "fg.avatar.neutral": "light-dark(#4F576E, #E9EDF5)";
|
|
275
|
+
readonly "fg.avatar.purple": "light-dark(#412470, #E5DCF4)";
|
|
276
|
+
readonly "fg.default": "light-dark(#2E3442, #F5F6FA)";
|
|
277
|
+
readonly "fg.default.inverse": "light-dark(#FFFFFF, #2E3442)";
|
|
278
|
+
readonly "fg.disabled": "light-dark(#CACFDC, #F9FAFC52)";
|
|
279
|
+
readonly "fg.error": "light-dark(#CC1616, #FC8B8B)";
|
|
280
|
+
readonly "fg.error.hovered": "light-dark(#B21313, #B21313)";
|
|
281
|
+
readonly "fg.error.light": "light-dark(#FC8B8B, #FC8B8B)";
|
|
282
|
+
readonly "fg.error.strong": "light-dark(#911D1D, #FFB4B4)";
|
|
283
|
+
readonly "fg.information": "light-dark(#2F7AEE, #7BAAF4)";
|
|
284
|
+
readonly "fg.information.light": "light-dark(#7BAAF4, #7BAAF4)";
|
|
285
|
+
readonly "fg.information.strong": "light-dark(#0D46A0, #A1C2F7)";
|
|
286
|
+
readonly "fg.link.default": "light-dark(#0037FF, #2E66F7)";
|
|
287
|
+
readonly "fg.link.default.hovered": "light-dark(#002CCC, #B3C3FF)";
|
|
288
|
+
readonly "fg.link.inverse": "light-dark(#FFFFFF, #FFFFFF)";
|
|
289
|
+
readonly "fg.link.subtle": "light-dark(#2E3442, #2E3442)";
|
|
290
|
+
readonly "fg.link.visited": "light-dark(#532E8F, #693AB6)";
|
|
291
|
+
readonly "fg.secondary": "light-dark(#4F576E, #CACFDC)";
|
|
292
|
+
readonly "fg.spinner.default": "light-dark(#2E3442, #CACFDC)";
|
|
293
|
+
readonly "fg.spinner.inverse": "light-dark(#CACFDC, #2E3442)";
|
|
294
|
+
readonly "fg.success": "light-dark(#03A65D, #7CD2A7)";
|
|
295
|
+
readonly "fg.success.hovered": "light-dark(#038047, #038047)";
|
|
296
|
+
readonly "fg.success.light": "light-dark(#7CD2A7, #7CD2A7)";
|
|
297
|
+
readonly "fg.success.strong": "light-dark(#24663E, #A5E1C3)";
|
|
298
|
+
readonly "fg.tertiary": "light-dark(#66708C, #838DA4)";
|
|
299
|
+
readonly "fg.warning": "light-dark(#F79008, #FFC84B)";
|
|
300
|
+
readonly "fg.warning.hovered": "light-dark(#DC6903, #DC6903)";
|
|
301
|
+
readonly "fg.warning.inverse": "light-dark(#2E3442, #2E3442)";
|
|
302
|
+
readonly "fg.warning.light": "light-dark(#FFC84B, #FFC84B)";
|
|
303
|
+
readonly "fg.warning.strong": "light-dark(#B54707, #FEDF88)";
|
|
304
|
+
readonly "fg.white": "light-dark(#FFFFFF, #FFFFFF)";
|
|
303
305
|
};
|
|
304
306
|
readonly fontFamily: {
|
|
305
307
|
readonly mono: "Fira Code Variable, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace";
|
|
@@ -368,94 +370,5 @@ declare const tokens: {
|
|
|
368
370
|
readonly tooltip: "10000";
|
|
369
371
|
};
|
|
370
372
|
};
|
|
371
|
-
declare const tokensDark: {
|
|
372
|
-
readonly colors: {
|
|
373
|
-
readonly "bg.accent": "#2E66F7";
|
|
374
|
-
readonly "bg.accent.hovered": "#2E66F7";
|
|
375
|
-
readonly "bg.accent.light": "#001666";
|
|
376
|
-
readonly "bg.accent.pressed": "#002CCC";
|
|
377
|
-
readonly "bg.accent.subtle": "#000B33";
|
|
378
|
-
readonly "bg.avatar.neutral": "#2E3442";
|
|
379
|
-
readonly "bg.avatar.purple": "#331C59";
|
|
380
|
-
readonly "bg.default": "#1C2029";
|
|
381
|
-
readonly "bg.default.hovered": "#F9FAFC0F";
|
|
382
|
-
readonly "bg.default.inverse": "#E9EDF5";
|
|
383
|
-
readonly "bg.default.inverse.hovered": "#CACFDC";
|
|
384
|
-
readonly "bg.default.inverse.pressed": "#B8BECB";
|
|
385
|
-
readonly "bg.default.pressed": "#F9FAFC1F";
|
|
386
|
-
readonly "bg.error": "#CC1616";
|
|
387
|
-
readonly "bg.error.hovered": "#F64F4F";
|
|
388
|
-
readonly "bg.error.light": "#911D1D";
|
|
389
|
-
readonly "bg.error.pressed": "#B21313";
|
|
390
|
-
readonly "bg.error.subtle": "#601313";
|
|
391
|
-
readonly "bg.error.subtlest": "#300A0A";
|
|
392
|
-
readonly "bg.information": "#115DD4";
|
|
393
|
-
readonly "bg.information.light": "#09306D";
|
|
394
|
-
readonly "bg.information.subtle": "#051939";
|
|
395
|
-
readonly "bg.overlay": "#F9FAFC52";
|
|
396
|
-
readonly "bg.page": "#171A23";
|
|
397
|
-
readonly "bg.secondary": "#1C212B";
|
|
398
|
-
readonly "bg.secondary.hovered": "#F9FAFC1F";
|
|
399
|
-
readonly "bg.spinner.default": "#F9FAFC";
|
|
400
|
-
readonly "bg.spinner.inverse": "#F9FAFC";
|
|
401
|
-
readonly "bg.success": "#038047";
|
|
402
|
-
readonly "bg.success.hovered": "#5AC58A";
|
|
403
|
-
readonly "bg.success.light": "#17492B";
|
|
404
|
-
readonly "bg.success.subtle": "#082415";
|
|
405
|
-
readonly "bg.tertiary": "#4F576E";
|
|
406
|
-
readonly "bg.tertiary.hovered": "#F9FAFC2E";
|
|
407
|
-
readonly "bg.warning": "#F79008";
|
|
408
|
-
readonly "bg.warning.hovered": "#FDB022";
|
|
409
|
-
readonly "bg.warning.light": "#7A2E0D";
|
|
410
|
-
readonly "bg.warning.subtle": "#4E1D09";
|
|
411
|
-
readonly "border.accent": "#6A8FFC";
|
|
412
|
-
readonly "border.active": "#4F576E";
|
|
413
|
-
readonly "border.active.hovered": "#66708C";
|
|
414
|
-
readonly "border.default": "#66708C";
|
|
415
|
-
readonly "border.default.hovered": "#838DA4";
|
|
416
|
-
readonly "border.disabled": "#2E3442";
|
|
417
|
-
readonly "border.error": "#FFB4B4";
|
|
418
|
-
readonly "border.focus": "#6A8FFC";
|
|
419
|
-
readonly "border.focus.error": "#FC8B8B";
|
|
420
|
-
readonly "border.secondary": "#4F576E";
|
|
421
|
-
readonly "border.success": "#03A65D";
|
|
422
|
-
readonly "border.tertiary": "#2E3442";
|
|
423
|
-
readonly "border.warning": "#F79008";
|
|
424
|
-
readonly "fg.accent": "#6A8FFC";
|
|
425
|
-
readonly "fg.accent.hovered": "#0037FF";
|
|
426
|
-
readonly "fg.accent.strong": "#2E66F7";
|
|
427
|
-
readonly "fg.avatar.neutral": "#E9EDF5";
|
|
428
|
-
readonly "fg.avatar.purple": "#E5DCF4";
|
|
429
|
-
readonly "fg.default": "#F5F6FA";
|
|
430
|
-
readonly "fg.default.inverse": "#2E3442";
|
|
431
|
-
readonly "fg.disabled": "#F9FAFC52";
|
|
432
|
-
readonly "fg.error": "#FC8B8B";
|
|
433
|
-
readonly "fg.error.hovered": "#B21313";
|
|
434
|
-
readonly "fg.error.light": "#FC8B8B";
|
|
435
|
-
readonly "fg.error.strong": "#FFB4B4";
|
|
436
|
-
readonly "fg.information": "#7BAAF4";
|
|
437
|
-
readonly "fg.information.light": "#7BAAF4";
|
|
438
|
-
readonly "fg.information.strong": "#A1C2F7";
|
|
439
|
-
readonly "fg.link.default": "#2E66F7";
|
|
440
|
-
readonly "fg.link.default.hovered": "#B3C3FF";
|
|
441
|
-
readonly "fg.link.inverse": "#FFFFFF";
|
|
442
|
-
readonly "fg.link.subtle": "#2E3442";
|
|
443
|
-
readonly "fg.link.visited": "#693AB6";
|
|
444
|
-
readonly "fg.secondary": "#CACFDC";
|
|
445
|
-
readonly "fg.spinner.default": "#CACFDC";
|
|
446
|
-
readonly "fg.spinner.inverse": "#2E3442";
|
|
447
|
-
readonly "fg.success": "#7CD2A7";
|
|
448
|
-
readonly "fg.success.hovered": "#038047";
|
|
449
|
-
readonly "fg.success.light": "#7CD2A7";
|
|
450
|
-
readonly "fg.success.strong": "#A5E1C3";
|
|
451
|
-
readonly "fg.tertiary": "#838DA4";
|
|
452
|
-
readonly "fg.warning": "#FFC84B";
|
|
453
|
-
readonly "fg.warning.hovered": "#DC6903";
|
|
454
|
-
readonly "fg.warning.inverse": "#2E3442";
|
|
455
|
-
readonly "fg.warning.light": "#FFC84B";
|
|
456
|
-
readonly "fg.warning.strong": "#FEDF88";
|
|
457
|
-
readonly "fg.white": "#FFFFFF";
|
|
458
|
-
};
|
|
459
|
-
};
|
|
460
373
|
|
|
461
|
-
export { AxiomVersionContext, type MapLeafNodes, ToastContextProvider, createToaster, theme, toaster, tokens,
|
|
374
|
+
export { AxiomVersionContext, type MapLeafNodes, ToastContextProvider, createToaster, theme, toaster, tokens, useToastContext };
|
package/dist/index.js
CHANGED
|
@@ -2,4 +2,4 @@ export { AxiomVersionContext } from './context.js';
|
|
|
2
2
|
export { theme } from './theme-css.js';
|
|
3
3
|
export { ToastContextProvider, useToastContext } from './toast-context.js';
|
|
4
4
|
export { createToaster, toaster } from './toaster.js';
|
|
5
|
-
export { tokens
|
|
5
|
+
export { tokens } from './tokens/index.js';
|
package/dist/theme-css.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
var theme = {borderRadius:{xs:'var(--ax-borderRadius-xs)',sm:'var(--ax-borderRadius-sm)',md:'var(--ax-borderRadius-md)',lg:'var(--ax-borderRadius-lg)',full:'var(--ax-borderRadius-full)'},boxShadow:{sm:'var(--ax-boxShadow-sm)',md:'var(--ax-boxShadow-md)',lg:'var(--ax-boxShadow-lg)'},colors:{'bg.accent':'var(--ax-colors-bg-accent)','bg.accent.hovered':'var(--ax-colors-bg-accent-hovered)','bg.accent.light':'var(--ax-colors-bg-accent-light)','bg.accent.pressed':'var(--ax-colors-bg-accent-pressed)','bg.accent.subtle':'var(--ax-colors-bg-accent-subtle)','bg.avatar.neutral':'var(--ax-colors-bg-avatar-neutral)','bg.avatar.purple':'var(--ax-colors-bg-avatar-purple)','bg.default':'var(--ax-colors-bg-default)','bg.default.hovered':'var(--ax-colors-bg-default-hovered)','bg.default.inverse':'var(--ax-colors-bg-default-inverse)','bg.default.inverse.hovered':'var(--ax-colors-bg-default-inverse-hovered)','bg.default.inverse.pressed':'var(--ax-colors-bg-default-inverse-pressed)','bg.default.pressed':'var(--ax-colors-bg-default-pressed)','bg.error':'var(--ax-colors-bg-error)','bg.error.hovered':'var(--ax-colors-bg-error-hovered)','bg.error.light':'var(--ax-colors-bg-error-light)','bg.error.pressed':'var(--ax-colors-bg-error-pressed)','bg.error.subtle':'var(--ax-colors-bg-error-subtle)','bg.error.subtlest':'var(--ax-colors-bg-error-subtlest)','bg.information':'var(--ax-colors-bg-information)','bg.information.light':'var(--ax-colors-bg-information-light)','bg.information.subtle':'var(--ax-colors-bg-information-subtle)','bg.overlay':'var(--ax-colors-bg-overlay)','bg.page':'var(--ax-colors-bg-page)','bg.secondary':'var(--ax-colors-bg-secondary)','bg.secondary.hovered':'var(--ax-colors-bg-secondary-hovered)','bg.spinner.default':'var(--ax-colors-bg-spinner-default)','bg.spinner.inverse':'var(--ax-colors-bg-spinner-inverse)','bg.success':'var(--ax-colors-bg-success)','bg.success.hovered':'var(--ax-colors-bg-success-hovered)','bg.success.light':'var(--ax-colors-bg-success-light)','bg.success.subtle':'var(--ax-colors-bg-success-subtle)','bg.tertiary':'var(--ax-colors-bg-tertiary)','bg.tertiary.hovered':'var(--ax-colors-bg-tertiary-hovered)','bg.warning':'var(--ax-colors-bg-warning)','bg.warning.hovered':'var(--ax-colors-bg-warning-hovered)','bg.warning.light':'var(--ax-colors-bg-warning-light)','bg.warning.subtle':'var(--ax-colors-bg-warning-subtle)','border.accent':'var(--ax-colors-border-accent)','border.
|
|
1
|
+
var theme = {borderRadius:{xs:'var(--ax-borderRadius-xs)',sm:'var(--ax-borderRadius-sm)',md:'var(--ax-borderRadius-md)',lg:'var(--ax-borderRadius-lg)',full:'var(--ax-borderRadius-full)'},boxShadow:{sm:'var(--ax-boxShadow-sm)',md:'var(--ax-boxShadow-md)',lg:'var(--ax-boxShadow-lg)'},colors:{'bg.accent':'var(--ax-colors-bg-accent)','bg.accent.hovered':'var(--ax-colors-bg-accent-hovered)','bg.accent.light':'var(--ax-colors-bg-accent-light)','bg.accent.pressed':'var(--ax-colors-bg-accent-pressed)','bg.accent.subtle':'var(--ax-colors-bg-accent-subtle)','bg.avatar.neutral':'var(--ax-colors-bg-avatar-neutral)','bg.avatar.purple':'var(--ax-colors-bg-avatar-purple)','bg.default':'var(--ax-colors-bg-default)','bg.default.hovered':'var(--ax-colors-bg-default-hovered)','bg.default.inverse':'var(--ax-colors-bg-default-inverse)','bg.default.inverse.hovered':'var(--ax-colors-bg-default-inverse-hovered)','bg.default.inverse.pressed':'var(--ax-colors-bg-default-inverse-pressed)','bg.default.pressed':'var(--ax-colors-bg-default-pressed)','bg.error':'var(--ax-colors-bg-error)','bg.error.hovered':'var(--ax-colors-bg-error-hovered)','bg.error.light':'var(--ax-colors-bg-error-light)','bg.error.pressed':'var(--ax-colors-bg-error-pressed)','bg.error.subtle':'var(--ax-colors-bg-error-subtle)','bg.error.subtlest':'var(--ax-colors-bg-error-subtlest)','bg.information':'var(--ax-colors-bg-information)','bg.information.light':'var(--ax-colors-bg-information-light)','bg.information.subtle':'var(--ax-colors-bg-information-subtle)','bg.overlay':'var(--ax-colors-bg-overlay)','bg.page':'var(--ax-colors-bg-page)','bg.secondary':'var(--ax-colors-bg-secondary)','bg.secondary.hovered':'var(--ax-colors-bg-secondary-hovered)','bg.spinner.default':'var(--ax-colors-bg-spinner-default)','bg.spinner.inverse':'var(--ax-colors-bg-spinner-inverse)','bg.success':'var(--ax-colors-bg-success)','bg.success.hovered':'var(--ax-colors-bg-success-hovered)','bg.success.light':'var(--ax-colors-bg-success-light)','bg.success.subtle':'var(--ax-colors-bg-success-subtle)','bg.tertiary':'var(--ax-colors-bg-tertiary)','bg.tertiary.hovered':'var(--ax-colors-bg-tertiary-hovered)','bg.warning':'var(--ax-colors-bg-warning)','bg.warning.hovered':'var(--ax-colors-bg-warning-hovered)','bg.warning.light':'var(--ax-colors-bg-warning-light)','bg.warning.subtle':'var(--ax-colors-bg-warning-subtle)','border.accent':'var(--ax-colors-border-accent)','border.control':'var(--ax-colors-border-control)','border.control.hovered':'var(--ax-colors-border-control-hovered)','border.default':'var(--ax-colors-border-default)','border.disabled':'var(--ax-colors-border-disabled)','border.error':'var(--ax-colors-border-error)','border.focus':'var(--ax-colors-border-focus)','border.focus.error':'var(--ax-colors-border-focus-error)','border.secondary':'var(--ax-colors-border-secondary)','border.success':'var(--ax-colors-border-success)','border.tertiary':'var(--ax-colors-border-tertiary)','border.warning':'var(--ax-colors-border-warning)','fg.accent':'var(--ax-colors-fg-accent)','fg.accent.hovered':'var(--ax-colors-fg-accent-hovered)','fg.accent.strong':'var(--ax-colors-fg-accent-strong)','fg.avatar.neutral':'var(--ax-colors-fg-avatar-neutral)','fg.avatar.purple':'var(--ax-colors-fg-avatar-purple)','fg.default':'var(--ax-colors-fg-default)','fg.default.inverse':'var(--ax-colors-fg-default-inverse)','fg.disabled':'var(--ax-colors-fg-disabled)','fg.error':'var(--ax-colors-fg-error)','fg.error.hovered':'var(--ax-colors-fg-error-hovered)','fg.error.light':'var(--ax-colors-fg-error-light)','fg.error.strong':'var(--ax-colors-fg-error-strong)','fg.information':'var(--ax-colors-fg-information)','fg.information.light':'var(--ax-colors-fg-information-light)','fg.information.strong':'var(--ax-colors-fg-information-strong)','fg.link.default':'var(--ax-colors-fg-link-default)','fg.link.default.hovered':'var(--ax-colors-fg-link-default-hovered)','fg.link.inverse':'var(--ax-colors-fg-link-inverse)','fg.link.subtle':'var(--ax-colors-fg-link-subtle)','fg.link.visited':'var(--ax-colors-fg-link-visited)','fg.secondary':'var(--ax-colors-fg-secondary)','fg.spinner.default':'var(--ax-colors-fg-spinner-default)','fg.spinner.inverse':'var(--ax-colors-fg-spinner-inverse)','fg.success':'var(--ax-colors-fg-success)','fg.success.hovered':'var(--ax-colors-fg-success-hovered)','fg.success.light':'var(--ax-colors-fg-success-light)','fg.success.strong':'var(--ax-colors-fg-success-strong)','fg.tertiary':'var(--ax-colors-fg-tertiary)','fg.warning':'var(--ax-colors-fg-warning)','fg.warning.hovered':'var(--ax-colors-fg-warning-hovered)','fg.warning.inverse':'var(--ax-colors-fg-warning-inverse)','fg.warning.light':'var(--ax-colors-fg-warning-light)','fg.warning.strong':'var(--ax-colors-fg-warning-strong)','fg.white':'var(--ax-colors-fg-white)'},fontFamily:{mono:'var(--ax-fontFamily-mono)',sans:'var(--ax-fontFamily-sans)'},fontSize:{xs:{fontSize:'var(--ax-fontSize-xs-fontSize)',lineHeight:'var(--ax-fontSize-xs-lineHeight)'},sm:{fontSize:'var(--ax-fontSize-sm-fontSize)',lineHeight:'var(--ax-fontSize-sm-lineHeight)'},md:{fontSize:'var(--ax-fontSize-md-fontSize)',lineHeight:'var(--ax-fontSize-md-lineHeight)'},lg:{fontSize:'var(--ax-fontSize-lg-fontSize)',lineHeight:'var(--ax-fontSize-lg-lineHeight)'},xl:{fontSize:'var(--ax-fontSize-xl-fontSize)',lineHeight:'var(--ax-fontSize-xl-lineHeight)'},'2xl':{fontSize:'var(--ax-fontSize-2xl-fontSize)',lineHeight:'var(--ax-fontSize-2xl-lineHeight)'},'3xl':{fontSize:'var(--ax-fontSize-3xl-fontSize)',lineHeight:'var(--ax-fontSize-3xl-lineHeight)'},'4xl':{fontSize:'var(--ax-fontSize-4xl-fontSize)',lineHeight:'var(--ax-fontSize-4xl-lineHeight)'},'5xl':{fontSize:'var(--ax-fontSize-5xl-fontSize)',lineHeight:'var(--ax-fontSize-5xl-lineHeight)'}},maxSize:{xs:'var(--ax-maxSize-xs)',sm:'var(--ax-maxSize-sm)',md:'var(--ax-maxSize-md)',lg:'var(--ax-maxSize-lg)'},screens:{sm:'var(--ax-screens-sm)',md:'var(--ax-screens-md)'},size:{'2xs':'var(--ax-size-2xs)',xs:'var(--ax-size-xs)',sm:'var(--ax-size-sm)',md:'var(--ax-size-md)',lg:'var(--ax-size-lg)',xl:'var(--ax-size-xl)','3xl':'var(--ax-size-3xl)'},zIndex:{popover:'var(--ax-zIndex-popover)',toast:'var(--ax-zIndex-toast)',tooltip:'var(--ax-zIndex-tooltip)'}};
|
|
2
2
|
|
|
3
3
|
export { theme };
|
package/dist/toaster.js
CHANGED
|
@@ -11,6 +11,7 @@ const createToaster = () => {
|
|
|
11
11
|
listener();
|
|
12
12
|
}
|
|
13
13
|
};
|
|
14
|
+
let queue = Promise.resolve();
|
|
14
15
|
return {
|
|
15
16
|
store: [
|
|
16
17
|
(callback) => {
|
|
@@ -30,22 +31,39 @@ const createToaster = () => {
|
|
|
30
31
|
title: args[0]
|
|
31
32
|
} : args[0];
|
|
32
33
|
const id2 = genId();
|
|
33
|
-
|
|
34
|
-
|
|
34
|
+
queue = queue.then(async () => {
|
|
35
|
+
const item = {
|
|
36
|
+
id: id2,
|
|
37
|
+
open: true,
|
|
38
|
+
ref: { current: null },
|
|
39
|
+
toast
|
|
40
|
+
};
|
|
41
|
+
snapshot = [...snapshot, item];
|
|
42
|
+
emit();
|
|
43
|
+
await waitForAnimation(item.ref.current);
|
|
44
|
+
});
|
|
35
45
|
return id2;
|
|
36
46
|
},
|
|
37
47
|
remove: (id2) => {
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
setTimeout(() => {
|
|
43
|
-
snapshot = snapshot.filter((item) => item.id !== id2);
|
|
48
|
+
queue = queue.then(async () => {
|
|
49
|
+
snapshot = snapshot.map(
|
|
50
|
+
(item2) => item2.id === id2 ? { ...item2, open: false } : item2
|
|
51
|
+
);
|
|
44
52
|
emit();
|
|
45
|
-
|
|
53
|
+
const item = snapshot.find((item2) => item2.id === id2);
|
|
54
|
+
await waitForAnimation(item?.ref.current);
|
|
55
|
+
snapshot = snapshot.filter((item2) => item2.id !== id2);
|
|
56
|
+
emit();
|
|
57
|
+
});
|
|
46
58
|
}
|
|
47
59
|
};
|
|
48
60
|
};
|
|
61
|
+
const waitForAnimation = async (element) => {
|
|
62
|
+
await new Promise((resolve) => requestAnimationFrame(resolve));
|
|
63
|
+
await Promise.allSettled(
|
|
64
|
+
typeof element?.getAnimations === "function" ? element?.getAnimations().map((animation) => animation.finished) : [Promise.resolve()]
|
|
65
|
+
);
|
|
66
|
+
};
|
|
49
67
|
const toaster = createToaster();
|
|
50
68
|
|
|
51
69
|
export { createToaster, toaster };
|
package/dist/tokens/colors.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const
|
|
1
|
+
const palette = {
|
|
2
2
|
"blue.50": "#D9E7FC",
|
|
3
3
|
"blue.100": "#C6DBFA",
|
|
4
4
|
"blue.200": "#A1C2F7",
|
|
@@ -105,179 +105,98 @@ const colorPalette = {
|
|
|
105
105
|
"yellow.800": "#7A2E0D",
|
|
106
106
|
"yellow.900": "#4E1D09"
|
|
107
107
|
};
|
|
108
|
+
const ld = (a, b) => `light-dark(${a}, ${b})`;
|
|
108
109
|
const colors = {
|
|
109
|
-
"bg.accent":
|
|
110
|
-
"bg.accent.hovered":
|
|
111
|
-
"bg.accent.light":
|
|
112
|
-
"bg.accent.pressed":
|
|
113
|
-
"bg.accent.subtle":
|
|
114
|
-
"bg.avatar.neutral":
|
|
115
|
-
"bg.avatar.purple":
|
|
116
|
-
"bg.default":
|
|
117
|
-
"bg.default.hovered":
|
|
118
|
-
"bg.default.inverse":
|
|
119
|
-
"bg.default.inverse.hovered":
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
"bg.
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
"bg.
|
|
128
|
-
"bg.
|
|
129
|
-
"bg.
|
|
130
|
-
"bg.
|
|
131
|
-
"bg.
|
|
132
|
-
"bg.
|
|
133
|
-
"bg.
|
|
134
|
-
"bg.
|
|
135
|
-
"bg.
|
|
136
|
-
"bg.
|
|
137
|
-
"bg.
|
|
138
|
-
"bg.
|
|
139
|
-
"bg.
|
|
140
|
-
"bg.
|
|
141
|
-
"bg.
|
|
142
|
-
"bg.
|
|
143
|
-
"bg.
|
|
144
|
-
"bg.
|
|
145
|
-
"bg.
|
|
146
|
-
"bg.
|
|
147
|
-
"
|
|
148
|
-
"
|
|
149
|
-
"
|
|
150
|
-
"
|
|
151
|
-
"
|
|
152
|
-
"
|
|
153
|
-
"border.
|
|
154
|
-
"border.
|
|
155
|
-
"border.
|
|
156
|
-
"border.
|
|
157
|
-
"border.
|
|
158
|
-
"border.
|
|
159
|
-
"border.
|
|
160
|
-
"
|
|
161
|
-
"
|
|
162
|
-
"
|
|
163
|
-
"
|
|
164
|
-
"
|
|
165
|
-
"fg.
|
|
166
|
-
"fg.
|
|
167
|
-
"fg.
|
|
168
|
-
"fg.
|
|
169
|
-
"fg.
|
|
170
|
-
"fg.
|
|
171
|
-
"fg.
|
|
172
|
-
"fg.
|
|
173
|
-
"fg.
|
|
174
|
-
"fg.
|
|
175
|
-
"fg.
|
|
176
|
-
"fg.
|
|
177
|
-
"fg.
|
|
178
|
-
"fg.
|
|
179
|
-
"fg.
|
|
180
|
-
"fg.
|
|
181
|
-
"fg.
|
|
182
|
-
"fg.
|
|
183
|
-
"fg.
|
|
184
|
-
"fg.
|
|
185
|
-
"fg.
|
|
186
|
-
"fg.
|
|
187
|
-
"fg.
|
|
188
|
-
"fg.
|
|
189
|
-
"fg.
|
|
190
|
-
"fg.
|
|
191
|
-
"fg.
|
|
192
|
-
"fg.
|
|
193
|
-
"fg.
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
"
|
|
197
|
-
"
|
|
198
|
-
"
|
|
199
|
-
"bg.accent.pressed": colorPalette["brand.600"],
|
|
200
|
-
"bg.accent.subtle": colorPalette["brand.900"],
|
|
201
|
-
"bg.avatar.neutral": colorPalette["neutral.800"],
|
|
202
|
-
"bg.avatar.purple": colorPalette["purple.800"],
|
|
203
|
-
"bg.default": colorPalette["neutral.1000"],
|
|
204
|
-
"bg.default.hovered": colorPalette["neutral.50/6"],
|
|
205
|
-
"bg.default.inverse": colorPalette["neutral.100"],
|
|
206
|
-
"bg.default.inverse.hovered": colorPalette["neutral.200"],
|
|
207
|
-
"bg.default.inverse.pressed": colorPalette["neutral.300"],
|
|
208
|
-
"bg.default.pressed": colorPalette["neutral.50/12"],
|
|
209
|
-
"bg.error": colorPalette["red.500"],
|
|
210
|
-
"bg.error.hovered": colorPalette["red.400"],
|
|
211
|
-
"bg.error.light": colorPalette["red.700"],
|
|
212
|
-
"bg.error.pressed": colorPalette["red.600"],
|
|
213
|
-
"bg.error.subtle": colorPalette["red.800"],
|
|
214
|
-
"bg.error.subtlest": colorPalette["red.900"],
|
|
215
|
-
"bg.information": colorPalette["blue.600"],
|
|
216
|
-
"bg.information.light": colorPalette["blue.800"],
|
|
217
|
-
"bg.information.subtle": colorPalette["blue.900"],
|
|
218
|
-
"bg.overlay": colorPalette["neutral.50/32"],
|
|
219
|
-
"bg.page": colorPalette["neutral.1100"],
|
|
220
|
-
"bg.secondary": colorPalette["neutral.900"],
|
|
221
|
-
"bg.secondary.hovered": colorPalette["neutral.50/12"],
|
|
222
|
-
"bg.spinner.default": colorPalette["neutral.50"],
|
|
223
|
-
"bg.spinner.inverse": colorPalette["neutral.50"],
|
|
224
|
-
"bg.success": colorPalette["green.600"],
|
|
225
|
-
"bg.success.hovered": colorPalette["green.400"],
|
|
226
|
-
"bg.success.light": colorPalette["green.800"],
|
|
227
|
-
"bg.success.subtle": colorPalette["green.900"],
|
|
228
|
-
"bg.tertiary": colorPalette["neutral.700"],
|
|
229
|
-
"bg.tertiary.hovered": colorPalette["neutral.50/18"],
|
|
230
|
-
"bg.warning": colorPalette["yellow.500"],
|
|
231
|
-
"bg.warning.hovered": colorPalette["yellow.400"],
|
|
232
|
-
"bg.warning.light": colorPalette["yellow.800"],
|
|
233
|
-
"bg.warning.subtle": colorPalette["yellow.900"],
|
|
234
|
-
"border.accent": colorPalette["brand.300"],
|
|
235
|
-
"border.active": colorPalette["neutral.700"],
|
|
236
|
-
"border.active.hovered": colorPalette["neutral.600"],
|
|
237
|
-
"border.default": colorPalette["neutral.600"],
|
|
238
|
-
"border.default.hovered": colorPalette["neutral.500"],
|
|
239
|
-
"border.disabled": colorPalette["neutral.800"],
|
|
240
|
-
"border.error": colorPalette["red.200"],
|
|
241
|
-
"border.focus": colorPalette["brand.300"],
|
|
242
|
-
"border.focus.error": colorPalette["red.300"],
|
|
243
|
-
"border.secondary": colorPalette["neutral.700"],
|
|
244
|
-
"border.success": colorPalette["green.500"],
|
|
245
|
-
"border.tertiary": colorPalette["neutral.800"],
|
|
246
|
-
"border.warning": colorPalette["yellow.500"],
|
|
247
|
-
"fg.accent": colorPalette["brand.300"],
|
|
248
|
-
"fg.accent.hovered": colorPalette["brand.500"],
|
|
249
|
-
"fg.accent.strong": colorPalette["brand.400"],
|
|
250
|
-
"fg.avatar.neutral": colorPalette["neutral.100"],
|
|
251
|
-
"fg.avatar.purple": colorPalette["purple.100"],
|
|
252
|
-
"fg.default": colorPalette["neutral.75"],
|
|
253
|
-
"fg.default.inverse": colorPalette["neutral.800"],
|
|
254
|
-
"fg.disabled": colorPalette["neutral.50/32"],
|
|
255
|
-
"fg.error": colorPalette["red.300"],
|
|
256
|
-
"fg.error.hovered": colorPalette["red.600"],
|
|
257
|
-
"fg.error.light": colorPalette["red.300"],
|
|
258
|
-
"fg.error.strong": colorPalette["red.200"],
|
|
259
|
-
"fg.information": colorPalette["blue.300"],
|
|
260
|
-
"fg.information.light": colorPalette["blue.300"],
|
|
261
|
-
"fg.information.strong": colorPalette["blue.200"],
|
|
262
|
-
"fg.link.default": colorPalette["brand.400"],
|
|
263
|
-
"fg.link.default.hovered": colorPalette["brand.200"],
|
|
264
|
-
"fg.link.inverse": colorPalette["neutral.00"],
|
|
265
|
-
"fg.link.subtle": colorPalette["neutral.800"],
|
|
266
|
-
"fg.link.visited": colorPalette["purple.500"],
|
|
267
|
-
"fg.secondary": colorPalette["neutral.200"],
|
|
268
|
-
"fg.spinner.default": colorPalette["neutral.200"],
|
|
269
|
-
"fg.spinner.inverse": colorPalette["neutral.800"],
|
|
270
|
-
"fg.success": colorPalette["green.300"],
|
|
271
|
-
"fg.success.hovered": colorPalette["green.600"],
|
|
272
|
-
"fg.success.light": colorPalette["green.300"],
|
|
273
|
-
"fg.success.strong": colorPalette["green.200"],
|
|
274
|
-
"fg.tertiary": colorPalette["neutral.500"],
|
|
275
|
-
"fg.warning": colorPalette["yellow.300"],
|
|
276
|
-
"fg.warning.hovered": colorPalette["yellow.600"],
|
|
277
|
-
"fg.warning.inverse": colorPalette["neutral.800"],
|
|
278
|
-
"fg.warning.light": colorPalette["yellow.300"],
|
|
279
|
-
"fg.warning.strong": colorPalette["yellow.200"],
|
|
280
|
-
"fg.white": colorPalette["neutral.00"]
|
|
110
|
+
"bg.accent": ld(palette["brand.500"], palette["brand.400"]),
|
|
111
|
+
"bg.accent.hovered": ld(palette["brand.600"], palette["brand.400"]),
|
|
112
|
+
"bg.accent.light": ld(palette["brand.200"], palette["brand.800"]),
|
|
113
|
+
"bg.accent.pressed": ld(palette["brand.700"], palette["brand.600"]),
|
|
114
|
+
"bg.accent.subtle": ld(palette["brand.50"], palette["brand.900"]),
|
|
115
|
+
"bg.avatar.neutral": ld(palette["neutral.100"], palette["neutral.800"]),
|
|
116
|
+
"bg.avatar.purple": ld(palette["purple.100"], palette["purple.700"]),
|
|
117
|
+
"bg.default": ld(palette["neutral.00"], palette["neutral.1000"]),
|
|
118
|
+
"bg.default.hovered": ld(palette["neutral.1200/4"], palette["neutral.50/6"]),
|
|
119
|
+
"bg.default.inverse": ld(palette["neutral.800"], palette["neutral.100"]),
|
|
120
|
+
"bg.default.inverse.hovered": ld(
|
|
121
|
+
palette["neutral.900"],
|
|
122
|
+
palette["neutral.200"]
|
|
123
|
+
),
|
|
124
|
+
"bg.default.inverse.pressed": ld(
|
|
125
|
+
palette["neutral.1000"],
|
|
126
|
+
palette["neutral.300"]
|
|
127
|
+
),
|
|
128
|
+
"bg.default.pressed": ld(palette["neutral.1200/8"], palette["neutral.50/12"]),
|
|
129
|
+
"bg.error": ld(palette["red.500"], palette["red.500"]),
|
|
130
|
+
"bg.error.hovered": ld(palette["red.600"], palette["red.400"]),
|
|
131
|
+
"bg.error.light": ld(palette["red.200"], palette["red.700"]),
|
|
132
|
+
"bg.error.pressed": ld(palette["red.700"], palette["red.600"]),
|
|
133
|
+
"bg.error.subtle": ld(palette["red.100"], palette["red.800"]),
|
|
134
|
+
"bg.error.subtlest": ld(palette["red.50"], palette["red.900"]),
|
|
135
|
+
"bg.information": ld(palette["blue.600"], palette["blue.600"]),
|
|
136
|
+
"bg.information.light": ld(palette["blue.200"], palette["blue.800"]),
|
|
137
|
+
"bg.information.subtle": ld(palette["blue.100"], palette["blue.900"]),
|
|
138
|
+
"bg.overlay": ld(palette["neutral.1200/32"], palette["neutral.50/32"]),
|
|
139
|
+
"bg.page": ld(palette["neutral.50"], palette["neutral.1100"]),
|
|
140
|
+
"bg.secondary": ld(palette["neutral.75"], palette["neutral.900"]),
|
|
141
|
+
"bg.secondary.hovered": ld(palette["neutral.75"], palette["neutral.50/12"]),
|
|
142
|
+
"bg.spinner.default": ld(palette["neutral.1200"], palette["neutral.50"]),
|
|
143
|
+
"bg.spinner.inverse": ld(palette["neutral.50"], palette["neutral.50"]),
|
|
144
|
+
"bg.success": ld(palette["green.600"], palette["green.600"]),
|
|
145
|
+
"bg.success.hovered": ld(palette["green.700"], palette["green.400"]),
|
|
146
|
+
"bg.success.light": ld(palette["green.200"], palette["green.800"]),
|
|
147
|
+
"bg.success.subtle": ld(palette["green.100"], palette["green.900"]),
|
|
148
|
+
"bg.tertiary": ld(palette["neutral.150"], palette["neutral.700"]),
|
|
149
|
+
"bg.tertiary.hovered": ld(palette["neutral.200"], palette["neutral.50/18"]),
|
|
150
|
+
"bg.warning": ld(palette["yellow.300"], palette["yellow.500"]),
|
|
151
|
+
"bg.warning.hovered": ld(palette["yellow.600"], palette["yellow.400"]),
|
|
152
|
+
"bg.warning.light": ld(palette["yellow.200"], palette["yellow.800"]),
|
|
153
|
+
"bg.warning.subtle": ld(palette["yellow.100"], palette["yellow.900"]),
|
|
154
|
+
"border.accent": ld(palette["brand.500"], palette["brand.300"]),
|
|
155
|
+
"border.control": ld(palette["neutral.500"], palette["neutral.700"]),
|
|
156
|
+
"border.control.hovered": ld(palette["neutral.600"], palette["neutral.600"]),
|
|
157
|
+
"border.default": ld(palette["neutral.100"], palette["neutral.800"]),
|
|
158
|
+
"border.disabled": ld(palette["neutral.75"], palette["neutral.800"]),
|
|
159
|
+
"border.error": ld(palette["red.500"], palette["red.200"]),
|
|
160
|
+
"border.focus": ld(palette["brand.400"], palette["brand.300"]),
|
|
161
|
+
"border.focus.error": ld(palette["red.400"], palette["red.300"]),
|
|
162
|
+
"border.secondary": ld(palette["neutral.150"], palette["neutral.700"]),
|
|
163
|
+
"border.success": ld(palette["green.500"], palette["green.500"]),
|
|
164
|
+
"border.tertiary": ld(palette["neutral.200"], palette["neutral.600"]),
|
|
165
|
+
"border.warning": ld(palette["yellow.500"], palette["yellow.500"]),
|
|
166
|
+
"fg.accent": ld(palette["brand.500"], palette["brand.300"]),
|
|
167
|
+
"fg.accent.hovered": ld(palette["brand.600"], palette["brand.500"]),
|
|
168
|
+
"fg.accent.strong": ld(palette["brand.700"], palette["brand.400"]),
|
|
169
|
+
"fg.avatar.neutral": ld(palette["neutral.700"], palette["neutral.100"]),
|
|
170
|
+
"fg.avatar.purple": ld(palette["purple.700"], palette["purple.100"]),
|
|
171
|
+
"fg.default": ld(palette["neutral.800"], palette["neutral.75"]),
|
|
172
|
+
"fg.default.inverse": ld(palette["neutral.00"], palette["neutral.800"]),
|
|
173
|
+
"fg.disabled": ld(palette["neutral.200"], palette["neutral.50/32"]),
|
|
174
|
+
"fg.error": ld(palette["red.500"], palette["red.300"]),
|
|
175
|
+
"fg.error.hovered": ld(palette["red.600"], palette["red.600"]),
|
|
176
|
+
"fg.error.light": ld(palette["red.300"], palette["red.300"]),
|
|
177
|
+
"fg.error.strong": ld(palette["red.700"], palette["red.200"]),
|
|
178
|
+
"fg.information": ld(palette["blue.500"], palette["blue.300"]),
|
|
179
|
+
"fg.information.light": ld(palette["blue.300"], palette["blue.300"]),
|
|
180
|
+
"fg.information.strong": ld(palette["blue.700"], palette["blue.200"]),
|
|
181
|
+
"fg.link.default": ld(palette["brand.500"], palette["brand.400"]),
|
|
182
|
+
"fg.link.default.hovered": ld(palette["brand.600"], palette["brand.200"]),
|
|
183
|
+
"fg.link.inverse": ld(palette["neutral.00"], palette["neutral.00"]),
|
|
184
|
+
"fg.link.subtle": ld(palette["neutral.800"], palette["neutral.800"]),
|
|
185
|
+
"fg.link.visited": ld(palette["purple.600"], palette["purple.500"]),
|
|
186
|
+
"fg.secondary": ld(palette["neutral.700"], palette["neutral.200"]),
|
|
187
|
+
"fg.spinner.default": ld(palette["neutral.800"], palette["neutral.200"]),
|
|
188
|
+
"fg.spinner.inverse": ld(palette["neutral.200"], palette["neutral.800"]),
|
|
189
|
+
"fg.success": ld(palette["green.500"], palette["green.300"]),
|
|
190
|
+
"fg.success.hovered": ld(palette["green.600"], palette["green.600"]),
|
|
191
|
+
"fg.success.light": ld(palette["green.300"], palette["green.300"]),
|
|
192
|
+
"fg.success.strong": ld(palette["green.700"], palette["green.200"]),
|
|
193
|
+
"fg.tertiary": ld(palette["neutral.600"], palette["neutral.500"]),
|
|
194
|
+
"fg.warning": ld(palette["yellow.500"], palette["yellow.300"]),
|
|
195
|
+
"fg.warning.hovered": ld(palette["yellow.600"], palette["yellow.600"]),
|
|
196
|
+
"fg.warning.inverse": ld(palette["neutral.800"], palette["neutral.800"]),
|
|
197
|
+
"fg.warning.light": ld(palette["yellow.300"], palette["yellow.300"]),
|
|
198
|
+
"fg.warning.strong": ld(palette["yellow.700"], palette["yellow.200"]),
|
|
199
|
+
"fg.white": ld(palette["neutral.00"], palette["neutral.00"])
|
|
281
200
|
};
|
|
282
201
|
|
|
283
|
-
export { colors
|
|
202
|
+
export { colors };
|
package/dist/tokens/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { borderRadius } from './borderRadius.js';
|
|
2
2
|
import { boxShadow } from './boxShadow.js';
|
|
3
|
-
import { colors
|
|
3
|
+
import { colors } from './colors.js';
|
|
4
4
|
import { fontFamily } from './fontFamily.js';
|
|
5
5
|
import { fontSize } from './fontSize.js';
|
|
6
6
|
import { maxSize } from './maxSize.js';
|
|
@@ -19,8 +19,5 @@ const tokens = {
|
|
|
19
19
|
size,
|
|
20
20
|
zIndex
|
|
21
21
|
};
|
|
22
|
-
const tokensDark = {
|
|
23
|
-
colors: colorsDark
|
|
24
|
-
};
|
|
25
22
|
|
|
26
|
-
export { tokens
|
|
23
|
+
export { tokens };
|
package/package.json
CHANGED
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
"url": "https://github.com/optimizely-axiom/optiaxiom.git"
|
|
8
8
|
},
|
|
9
9
|
"type": "module",
|
|
10
|
-
"version": "0.
|
|
10
|
+
"version": "0.7.0",
|
|
11
11
|
"files": [
|
|
12
12
|
"dist/**",
|
|
13
13
|
"LICENSE"
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
],
|
|
28
28
|
"types": "dist/index.d.ts",
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@fontsource-variable/fira-code": "^5.1.
|
|
30
|
+
"@fontsource-variable/fira-code": "^5.1.1",
|
|
31
31
|
"@radix-ui/react-context": "^1.1.1",
|
|
32
32
|
"inter-ui": "^4.1.0"
|
|
33
33
|
},
|
|
@@ -42,6 +42,7 @@
|
|
|
42
42
|
"scripts": {
|
|
43
43
|
"build": "rm -rf dist && NODE_ENV=production rollup -c",
|
|
44
44
|
"dev": "rm -rf dist && rollup -cw",
|
|
45
|
-
"lint": "oas-lint"
|
|
45
|
+
"lint": "oas-lint",
|
|
46
|
+
"test": "vitest"
|
|
46
47
|
}
|
|
47
48
|
}
|