@optiaxiom/globals 1.1.12 → 1.1.13
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/cjs/fonts.js +2 -5
- package/dist/cjs/index.js +557 -385
- package/dist/esm/context.js +3 -3
- package/dist/esm/fonts.js +2 -2
- package/dist/esm/index.js +8 -7
- package/dist/esm/modal-context.js +3 -3
- package/dist/esm/surface-context.js +36 -48
- package/dist/esm/theme-css.js +171 -2
- package/dist/esm/toast-context.js +3 -3
- package/dist/esm/toaster.js +56 -61
- package/dist/esm/tokens/borderRadius.js +9 -9
- package/dist/esm/tokens/boxShadow.js +6 -5
- package/dist/esm/tokens/colors.js +191 -162
- package/dist/esm/tokens/duration.js +5 -4
- package/dist/esm/tokens/fontFamily.js +4 -3
- package/dist/esm/tokens/fontSize.js +35 -35
- package/dist/esm/tokens/index.js +22 -22
- package/dist/esm/tokens/maxSize.js +7 -7
- package/dist/esm/tokens/rem.js +2 -1
- package/dist/esm/tokens/screens.js +5 -5
- package/dist/esm/tokens/size.js +10 -10
- package/dist/esm/tokens/zIndex.js +5 -4
- package/dist/index.d.ts +456 -459
- package/package.json +3 -3
package/dist/index.d.ts
CHANGED
|
@@ -1,528 +1,525 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { RefObject, ReactNode } from 'react';
|
|
1
|
+
import { ReactNode, RefObject } from "react";
|
|
3
2
|
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
3
|
+
//#region src/context.d.ts
|
|
4
|
+
declare const AxiomAuthContext: import("react").Context<{
|
|
5
|
+
/**
|
|
6
|
+
* The ID of the instance the user is currently accessing.
|
|
7
|
+
*/
|
|
8
|
+
instance: string;
|
|
9
|
+
/**
|
|
10
|
+
* Callback to refresh and return a new auth token in case it becomes stale.
|
|
11
|
+
*/
|
|
12
|
+
refresh: () => Promise<string>;
|
|
13
|
+
/**
|
|
14
|
+
* The auth token of the current user session.
|
|
15
|
+
*/
|
|
16
|
+
token: string;
|
|
17
17
|
} | undefined>;
|
|
18
|
-
declare const AxiomVersionContext: react.Context<string | undefined>;
|
|
19
|
-
|
|
20
|
-
|
|
18
|
+
declare const AxiomVersionContext: import("react").Context<string | undefined>;
|
|
19
|
+
//#endregion
|
|
20
|
+
//#region src/modal-context.d.ts
|
|
21
|
+
declare const ModalProvider: import("react").FC<{
|
|
21
22
|
shardRef: RefObject<HTMLElement>;
|
|
22
|
-
} & {
|
|
23
|
+
} & {
|
|
23
24
|
children: React.ReactNode;
|
|
24
|
-
}
|
|
25
|
-
declare const useModalContext: (consumerName: string) => {
|
|
25
|
+
}>, useModalContext: (consumerName: string) => {
|
|
26
26
|
shardRef: RefObject<HTMLElement>;
|
|
27
|
-
};
|
|
28
|
-
|
|
27
|
+
};
|
|
28
|
+
//#endregion
|
|
29
|
+
//#region src/surface-context.d.ts
|
|
29
30
|
type Surface = {
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
31
|
+
/**
|
|
32
|
+
* Optional data associated with this surface.
|
|
33
|
+
*/
|
|
34
|
+
data?: Record<string, unknown>;
|
|
35
|
+
/**
|
|
36
|
+
* The surface name (used in surface path).
|
|
37
|
+
*/
|
|
38
|
+
name: string;
|
|
39
|
+
/**
|
|
40
|
+
* The surface type.
|
|
41
|
+
*/
|
|
42
|
+
type: "action" | "cards" | "dialog" | "group" | "page" | "product" | "property" | "resource" | "tab";
|
|
43
|
+
/**
|
|
44
|
+
* Optional value associated with this surface.
|
|
45
|
+
*/
|
|
46
|
+
value?: unknown;
|
|
46
47
|
};
|
|
47
48
|
type SurfaceContextValue<V = unknown> = {
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
49
|
+
accept: (suggestionId: string) => void;
|
|
50
|
+
executeTool: (name: string, parameters: unknown) => Promise<void> | void;
|
|
51
|
+
manualSuggestion?: boolean;
|
|
52
|
+
metadata: Record<string, Omit<Surface, "name">>;
|
|
53
|
+
name: string;
|
|
54
|
+
pageViewId: string | undefined;
|
|
55
|
+
path: string;
|
|
56
|
+
reject: (suggestionId: string) => void;
|
|
57
|
+
renderSuggestionValue?: (value: V) => React.ReactNode;
|
|
58
|
+
suggestionAlert: {
|
|
59
|
+
register: () => () => void;
|
|
60
|
+
registered: boolean;
|
|
61
|
+
};
|
|
62
|
+
suggestionPopover: {
|
|
63
|
+
register: () => () => void;
|
|
64
|
+
registered: boolean;
|
|
65
|
+
};
|
|
66
|
+
suggestions: SurfaceSuggestion[];
|
|
67
|
+
track: (interaction: SurfaceInteraction, surfaces?: Surface[]) => void;
|
|
68
|
+
type: Surface["type"];
|
|
69
|
+
value?: V;
|
|
69
70
|
};
|
|
70
71
|
type SurfaceInteraction = {
|
|
71
|
-
|
|
72
|
+
id?: string;
|
|
72
73
|
} & ({
|
|
73
|
-
|
|
74
|
-
|
|
74
|
+
checked: boolean;
|
|
75
|
+
name: "toggled";
|
|
75
76
|
} | {
|
|
76
|
-
|
|
77
|
-
|
|
77
|
+
name: "added";
|
|
78
|
+
value: unknown;
|
|
78
79
|
} | {
|
|
79
|
-
|
|
80
|
+
name: "blurred";
|
|
80
81
|
} | {
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
82
|
+
name: "changed";
|
|
83
|
+
previousValue?: unknown;
|
|
84
|
+
value: unknown;
|
|
84
85
|
} | {
|
|
85
|
-
|
|
86
|
+
name: "focused";
|
|
86
87
|
} | {
|
|
87
|
-
|
|
88
|
+
name: "invoked";
|
|
88
89
|
} | {
|
|
89
|
-
|
|
90
|
-
|
|
90
|
+
name: "removed";
|
|
91
|
+
value: unknown;
|
|
91
92
|
} | {
|
|
92
|
-
|
|
93
|
-
|
|
93
|
+
name: "requested";
|
|
94
|
+
value: unknown;
|
|
94
95
|
} | {
|
|
95
|
-
|
|
96
|
+
name: "viewed";
|
|
96
97
|
});
|
|
97
98
|
type SurfaceSuggestion = {
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
99
|
+
createdAt: string;
|
|
100
|
+
id: string;
|
|
101
|
+
page: string;
|
|
102
|
+
surface: string;
|
|
102
103
|
} & ({
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
reason: string;
|
|
108
|
-
}>;
|
|
109
|
-
type: "cards";
|
|
110
|
-
} | {
|
|
104
|
+
cards: Array<{
|
|
105
|
+
data: unknown;
|
|
106
|
+
id: string;
|
|
107
|
+
name: string;
|
|
111
108
|
reason: string;
|
|
112
|
-
|
|
113
|
-
|
|
109
|
+
}>;
|
|
110
|
+
type: "cards";
|
|
114
111
|
} | {
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
112
|
+
reason: string;
|
|
113
|
+
type: "value";
|
|
114
|
+
value: unknown;
|
|
115
|
+
} | {
|
|
116
|
+
text: string;
|
|
117
|
+
tool?: {
|
|
118
|
+
name: string;
|
|
119
|
+
parameters: unknown;
|
|
120
|
+
};
|
|
121
|
+
type: "message";
|
|
121
122
|
});
|
|
122
123
|
declare function useSurfaceContext(): SurfaceContextValue<unknown> | null;
|
|
123
|
-
declare const unstable_SuggestionContext: react.Context<{
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
124
|
+
declare const unstable_SuggestionContext: import("react").Context<{
|
|
125
|
+
add: <V = unknown>(suggestion: Extract<SurfaceSuggestion, {
|
|
126
|
+
type: "message" | "value";
|
|
127
|
+
}>, surface: Pick<SurfaceContextValue<V>, "accept" | "executeTool" | "reject" | "renderSuggestionValue">) => () => void;
|
|
127
128
|
} | null>;
|
|
128
129
|
declare const unstable_SurfaceProvider: <V = unknown>(props: (Partial<SurfaceContextValue<V>> & {
|
|
129
|
-
|
|
130
|
-
|
|
130
|
+
children?: ReactNode;
|
|
131
|
+
disabled: true;
|
|
131
132
|
}) | (SurfaceContextValue<V> & {
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
})) => react.FunctionComponentElement<react.ProviderProps<SurfaceContextValue<unknown> | null>>;
|
|
133
|
+
children?: ReactNode;
|
|
134
|
+
disabled?: false;
|
|
135
|
+
})) => import("react").FunctionComponentElement<import("react").ProviderProps<SurfaceContextValue<unknown> | null>>;
|
|
135
136
|
declare const unstable_useSurfaceContext: typeof useSurfaceContext;
|
|
136
|
-
|
|
137
|
+
//#endregion
|
|
138
|
+
//#region src/theme.css.d.ts
|
|
137
139
|
declare const theme: MapLeafNodes<{
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
140
|
+
readonly borderRadius: {
|
|
141
|
+
readonly xs: "2px";
|
|
142
|
+
readonly sm: "4px";
|
|
143
|
+
readonly md: "6px";
|
|
144
|
+
readonly lg: "8px";
|
|
145
|
+
readonly xl: "12px";
|
|
146
|
+
readonly full: "9999px";
|
|
147
|
+
};
|
|
148
|
+
readonly boxShadow: {
|
|
149
|
+
readonly sm: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)";
|
|
150
|
+
readonly md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)";
|
|
151
|
+
readonly lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)";
|
|
152
|
+
readonly xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)";
|
|
153
|
+
};
|
|
154
|
+
readonly colors: {
|
|
155
|
+
readonly "bg.accent": "light-dark(#0037FF, #2E66F7)";
|
|
156
|
+
readonly "bg.accent.hovered": "light-dark(#002CCC, #2E66F7)";
|
|
157
|
+
readonly "bg.accent.light": "light-dark(#B3C3FF, #001666)";
|
|
158
|
+
readonly "bg.accent.pressed": "light-dark(#002894, #002CCC)";
|
|
159
|
+
readonly "bg.accent.subtle": "light-dark(#F0F3FF, #000B33)";
|
|
160
|
+
readonly "bg.avatar.neutral": "light-dark(#E9EDF5, #2E3442)";
|
|
161
|
+
readonly "bg.avatar.purple": "light-dark(#E5DCF4, #412470)";
|
|
162
|
+
readonly "bg.default": "light-dark(#FFFFFF, #1C2029)";
|
|
163
|
+
readonly "bg.default.hovered": "light-dark(#091E420A, #F9FAFC0F)";
|
|
164
|
+
readonly "bg.default.inverse": "light-dark(#2E3442, #E9EDF5)";
|
|
165
|
+
readonly "bg.default.inverse.hovered": "light-dark(#1C212B, #CACFDC)";
|
|
166
|
+
readonly "bg.default.inverse.pressed": "light-dark(#1C2029, #B8BECB)";
|
|
167
|
+
readonly "bg.default.pressed": "light-dark(#091E4214, #F9FAFC1F)";
|
|
168
|
+
readonly "bg.error": "light-dark(#CC1616, #CC1616)";
|
|
169
|
+
readonly "bg.error.hovered": "light-dark(#B21313, #F64F4F)";
|
|
170
|
+
readonly "bg.error.light": "light-dark(#FFB4B4, #911D1D)";
|
|
171
|
+
readonly "bg.error.pressed": "light-dark(#911D1D, #B21313)";
|
|
172
|
+
readonly "bg.error.subtle": "light-dark(#FFD7D7, #601313)";
|
|
173
|
+
readonly "bg.error.subtlest": "light-dark(#FFF7F7, #300A0A)";
|
|
174
|
+
readonly "bg.information": "light-dark(#115DD4, #115DD4)";
|
|
175
|
+
readonly "bg.information.light": "light-dark(#A1C2F7, #09306D)";
|
|
176
|
+
readonly "bg.information.subtle": "light-dark(#C6DBFA, #051939)";
|
|
177
|
+
readonly "bg.overlay": "light-dark(#091E4252, #F9FAFC52)";
|
|
178
|
+
readonly "bg.page": "light-dark(#F9FAFC, #171A23)";
|
|
179
|
+
readonly "bg.secondary": "light-dark(#F5F6FA, #1C212B)";
|
|
180
|
+
readonly "bg.secondary.hovered": "light-dark(#F5F6FA, #F9FAFC1F)";
|
|
181
|
+
readonly "bg.spinner.default": "light-dark(#091E42, #F9FAFC)";
|
|
182
|
+
readonly "bg.spinner.inverse": "light-dark(#F9FAFC, #F9FAFC)";
|
|
183
|
+
readonly "bg.success": "light-dark(#038047, #038047)";
|
|
184
|
+
readonly "bg.success.hovered": "light-dark(#24663E, #5AC58A)";
|
|
185
|
+
readonly "bg.success.light": "light-dark(#A5E1C3, #17492B)";
|
|
186
|
+
readonly "bg.success.subtle": "light-dark(#D1F0E1, #082415)";
|
|
187
|
+
readonly "bg.tertiary": "light-dark(#DADFEB, #4F576E)";
|
|
188
|
+
readonly "bg.tertiary.hovered": "light-dark(#CACFDC, #F9FAFC2E)";
|
|
189
|
+
readonly "bg.warning": "light-dark(#FFC84B, #F79008)";
|
|
190
|
+
readonly "bg.warning.hovered": "light-dark(#DC6903, #FDB022)";
|
|
191
|
+
readonly "bg.warning.light": "light-dark(#FEDF88, #7A2E0D)";
|
|
192
|
+
readonly "bg.warning.subtle": "light-dark(#FEF1C6, #4E1D09)";
|
|
193
|
+
readonly "border.accent": "light-dark(#0037FF, #6A8FFC)";
|
|
194
|
+
readonly "border.control": "light-dark(#838DA4, #4F576E)";
|
|
195
|
+
readonly "border.control.hovered": "light-dark(#66708C, #66708C)";
|
|
196
|
+
readonly "border.default": "light-dark(#CACFDC, #66708C)";
|
|
197
|
+
readonly "border.disabled": "light-dark(#F5F6FA, #2E3442)";
|
|
198
|
+
readonly "border.error": "light-dark(#CC1616, #FFB4B4)";
|
|
199
|
+
readonly "border.focus": "light-dark(#2E66F7, #6A8FFC)";
|
|
200
|
+
readonly "border.focus.error": "light-dark(#F64F4F, #FC8B8B)";
|
|
201
|
+
readonly "border.secondary": "light-dark(#DADFEB, #4F576E)";
|
|
202
|
+
readonly "border.success": "light-dark(#03A65D, #03A65D)";
|
|
203
|
+
readonly "border.tertiary": "light-dark(#E9EDF5, #2E3442)";
|
|
204
|
+
readonly "border.warning": "light-dark(#F79008, #F79008)";
|
|
205
|
+
readonly "fg.accent": "light-dark(#0037FF, #6A8FFC)";
|
|
206
|
+
readonly "fg.accent.hovered": "light-dark(#002CCC, #0037FF)";
|
|
207
|
+
readonly "fg.accent.strong": "light-dark(#002894, #2E66F7)";
|
|
208
|
+
readonly "fg.avatar.neutral": "light-dark(#4F576E, #E9EDF5)";
|
|
209
|
+
readonly "fg.avatar.purple": "light-dark(#412470, #E5DCF4)";
|
|
210
|
+
readonly "fg.default": "light-dark(#2E3442, #F5F6FA)";
|
|
211
|
+
readonly "fg.default.inverse": "light-dark(#FFFFFF, #2E3442)";
|
|
212
|
+
readonly "fg.disabled": "light-dark(#838DA4, #F9FAFC52)";
|
|
213
|
+
readonly "fg.error": "light-dark(#CC1616, #FC8B8B)";
|
|
214
|
+
readonly "fg.error.hovered": "light-dark(#B21313, #B21313)";
|
|
215
|
+
readonly "fg.error.light": "light-dark(#FC8B8B, #CC1616)";
|
|
216
|
+
readonly "fg.error.strong": "light-dark(#911D1D, #FFB4B4)";
|
|
217
|
+
readonly "fg.information": "light-dark(#2F7AEE, #7BAAF4)";
|
|
218
|
+
readonly "fg.information.light": "light-dark(#7BAAF4, #2F7AEE)";
|
|
219
|
+
readonly "fg.information.strong": "light-dark(#0D46A0, #A1C2F7)";
|
|
220
|
+
readonly "fg.link.default": "light-dark(#0037FF, #2E66F7)";
|
|
221
|
+
readonly "fg.link.default.hovered": "light-dark(#002CCC, #B3C3FF)";
|
|
222
|
+
readonly "fg.link.inverse": "light-dark(#FFFFFF, #2E3442)";
|
|
223
|
+
readonly "fg.link.subtle": "light-dark(#2E3442, #F5F6FA)";
|
|
224
|
+
readonly "fg.link.visited": "light-dark(#532E8F, #693AB6)";
|
|
225
|
+
readonly "fg.secondary": "light-dark(#4F576E, #CACFDC)";
|
|
226
|
+
readonly "fg.spinner.default": "light-dark(#2E3442, #CACFDC)";
|
|
227
|
+
readonly "fg.spinner.inverse": "light-dark(#CACFDC, #2E3442)";
|
|
228
|
+
readonly "fg.success": "light-dark(#03A65D, #7CD2A7)";
|
|
229
|
+
readonly "fg.success.hovered": "light-dark(#038047, #038047)";
|
|
230
|
+
readonly "fg.success.light": "light-dark(#7CD2A7, #03A65D)";
|
|
231
|
+
readonly "fg.success.strong": "light-dark(#24663E, #A5E1C3)";
|
|
232
|
+
readonly "fg.tertiary": "light-dark(#66708C, #838DA4)";
|
|
233
|
+
readonly "fg.warning": "light-dark(#F79008, #FFC84B)";
|
|
234
|
+
readonly "fg.warning.hovered": "light-dark(#DC6903, #DC6903)";
|
|
235
|
+
readonly "fg.warning.inverse": "light-dark(#2E3442, #2E3442)";
|
|
236
|
+
readonly "fg.warning.light": "light-dark(#FFC84B, #F79008)";
|
|
237
|
+
readonly "fg.warning.strong": "light-dark(#B54707, #FEDF88)";
|
|
238
|
+
readonly "fg.white": "light-dark(#FFFFFF, #FFFFFF)";
|
|
239
|
+
};
|
|
240
|
+
readonly duration: {
|
|
241
|
+
readonly sm: "150ms";
|
|
242
|
+
readonly md: "250ms";
|
|
243
|
+
readonly lg: "350ms";
|
|
244
|
+
};
|
|
245
|
+
readonly fontFamily: {
|
|
246
|
+
readonly mono: "Fira Code Variable, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace";
|
|
247
|
+
readonly sans: "InterVariable, system-ui, sans-serif";
|
|
248
|
+
};
|
|
249
|
+
readonly fontSize: {
|
|
250
|
+
readonly xs: {
|
|
251
|
+
readonly fontSize: "10px";
|
|
252
|
+
readonly lineHeight: "14px";
|
|
151
253
|
};
|
|
152
|
-
readonly
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
readonly "bg.accent.light": "light-dark(#B3C3FF, #001666)";
|
|
156
|
-
readonly "bg.accent.pressed": "light-dark(#002894, #002CCC)";
|
|
157
|
-
readonly "bg.accent.subtle": "light-dark(#F0F3FF, #000B33)";
|
|
158
|
-
readonly "bg.avatar.neutral": "light-dark(#E9EDF5, #2E3442)";
|
|
159
|
-
readonly "bg.avatar.purple": "light-dark(#E5DCF4, #412470)";
|
|
160
|
-
readonly "bg.default": "light-dark(#FFFFFF, #1C2029)";
|
|
161
|
-
readonly "bg.default.hovered": "light-dark(#091E420A, #F9FAFC0F)";
|
|
162
|
-
readonly "bg.default.inverse": "light-dark(#2E3442, #E9EDF5)";
|
|
163
|
-
readonly "bg.default.inverse.hovered": "light-dark(#1C212B, #CACFDC)";
|
|
164
|
-
readonly "bg.default.inverse.pressed": "light-dark(#1C2029, #B8BECB)";
|
|
165
|
-
readonly "bg.default.pressed": "light-dark(#091E4214, #F9FAFC1F)";
|
|
166
|
-
readonly "bg.error": "light-dark(#CC1616, #CC1616)";
|
|
167
|
-
readonly "bg.error.hovered": "light-dark(#B21313, #F64F4F)";
|
|
168
|
-
readonly "bg.error.light": "light-dark(#FFB4B4, #911D1D)";
|
|
169
|
-
readonly "bg.error.pressed": "light-dark(#911D1D, #B21313)";
|
|
170
|
-
readonly "bg.error.subtle": "light-dark(#FFD7D7, #601313)";
|
|
171
|
-
readonly "bg.error.subtlest": "light-dark(#FFF7F7, #300A0A)";
|
|
172
|
-
readonly "bg.information": "light-dark(#115DD4, #115DD4)";
|
|
173
|
-
readonly "bg.information.light": "light-dark(#A1C2F7, #09306D)";
|
|
174
|
-
readonly "bg.information.subtle": "light-dark(#C6DBFA, #051939)";
|
|
175
|
-
readonly "bg.overlay": "light-dark(#091E4252, #F9FAFC52)";
|
|
176
|
-
readonly "bg.page": "light-dark(#F9FAFC, #171A23)";
|
|
177
|
-
readonly "bg.secondary": "light-dark(#F5F6FA, #1C212B)";
|
|
178
|
-
readonly "bg.secondary.hovered": "light-dark(#F5F6FA, #F9FAFC1F)";
|
|
179
|
-
readonly "bg.spinner.default": "light-dark(#091E42, #F9FAFC)";
|
|
180
|
-
readonly "bg.spinner.inverse": "light-dark(#F9FAFC, #F9FAFC)";
|
|
181
|
-
readonly "bg.success": "light-dark(#038047, #038047)";
|
|
182
|
-
readonly "bg.success.hovered": "light-dark(#24663E, #5AC58A)";
|
|
183
|
-
readonly "bg.success.light": "light-dark(#A5E1C3, #17492B)";
|
|
184
|
-
readonly "bg.success.subtle": "light-dark(#D1F0E1, #082415)";
|
|
185
|
-
readonly "bg.tertiary": "light-dark(#DADFEB, #4F576E)";
|
|
186
|
-
readonly "bg.tertiary.hovered": "light-dark(#CACFDC, #F9FAFC2E)";
|
|
187
|
-
readonly "bg.warning": "light-dark(#FFC84B, #F79008)";
|
|
188
|
-
readonly "bg.warning.hovered": "light-dark(#DC6903, #FDB022)";
|
|
189
|
-
readonly "bg.warning.light": "light-dark(#FEDF88, #7A2E0D)";
|
|
190
|
-
readonly "bg.warning.subtle": "light-dark(#FEF1C6, #4E1D09)";
|
|
191
|
-
readonly "border.accent": "light-dark(#0037FF, #6A8FFC)";
|
|
192
|
-
readonly "border.control": "light-dark(#838DA4, #4F576E)";
|
|
193
|
-
readonly "border.control.hovered": "light-dark(#66708C, #66708C)";
|
|
194
|
-
readonly "border.default": "light-dark(#CACFDC, #66708C)";
|
|
195
|
-
readonly "border.disabled": "light-dark(#F5F6FA, #2E3442)";
|
|
196
|
-
readonly "border.error": "light-dark(#CC1616, #FFB4B4)";
|
|
197
|
-
readonly "border.focus": "light-dark(#2E66F7, #6A8FFC)";
|
|
198
|
-
readonly "border.focus.error": "light-dark(#F64F4F, #FC8B8B)";
|
|
199
|
-
readonly "border.secondary": "light-dark(#DADFEB, #4F576E)";
|
|
200
|
-
readonly "border.success": "light-dark(#03A65D, #03A65D)";
|
|
201
|
-
readonly "border.tertiary": "light-dark(#E9EDF5, #2E3442)";
|
|
202
|
-
readonly "border.warning": "light-dark(#F79008, #F79008)";
|
|
203
|
-
readonly "fg.accent": "light-dark(#0037FF, #6A8FFC)";
|
|
204
|
-
readonly "fg.accent.hovered": "light-dark(#002CCC, #0037FF)";
|
|
205
|
-
readonly "fg.accent.strong": "light-dark(#002894, #2E66F7)";
|
|
206
|
-
readonly "fg.avatar.neutral": "light-dark(#4F576E, #E9EDF5)";
|
|
207
|
-
readonly "fg.avatar.purple": "light-dark(#412470, #E5DCF4)";
|
|
208
|
-
readonly "fg.default": "light-dark(#2E3442, #F5F6FA)";
|
|
209
|
-
readonly "fg.default.inverse": "light-dark(#FFFFFF, #2E3442)";
|
|
210
|
-
readonly "fg.disabled": "light-dark(#838DA4, #F9FAFC52)";
|
|
211
|
-
readonly "fg.error": "light-dark(#CC1616, #FC8B8B)";
|
|
212
|
-
readonly "fg.error.hovered": "light-dark(#B21313, #B21313)";
|
|
213
|
-
readonly "fg.error.light": "light-dark(#FC8B8B, #CC1616)";
|
|
214
|
-
readonly "fg.error.strong": "light-dark(#911D1D, #FFB4B4)";
|
|
215
|
-
readonly "fg.information": "light-dark(#2F7AEE, #7BAAF4)";
|
|
216
|
-
readonly "fg.information.light": "light-dark(#7BAAF4, #2F7AEE)";
|
|
217
|
-
readonly "fg.information.strong": "light-dark(#0D46A0, #A1C2F7)";
|
|
218
|
-
readonly "fg.link.default": "light-dark(#0037FF, #2E66F7)";
|
|
219
|
-
readonly "fg.link.default.hovered": "light-dark(#002CCC, #B3C3FF)";
|
|
220
|
-
readonly "fg.link.inverse": "light-dark(#FFFFFF, #2E3442)";
|
|
221
|
-
readonly "fg.link.subtle": "light-dark(#2E3442, #F5F6FA)";
|
|
222
|
-
readonly "fg.link.visited": "light-dark(#532E8F, #693AB6)";
|
|
223
|
-
readonly "fg.secondary": "light-dark(#4F576E, #CACFDC)";
|
|
224
|
-
readonly "fg.spinner.default": "light-dark(#2E3442, #CACFDC)";
|
|
225
|
-
readonly "fg.spinner.inverse": "light-dark(#CACFDC, #2E3442)";
|
|
226
|
-
readonly "fg.success": "light-dark(#03A65D, #7CD2A7)";
|
|
227
|
-
readonly "fg.success.hovered": "light-dark(#038047, #038047)";
|
|
228
|
-
readonly "fg.success.light": "light-dark(#7CD2A7, #03A65D)";
|
|
229
|
-
readonly "fg.success.strong": "light-dark(#24663E, #A5E1C3)";
|
|
230
|
-
readonly "fg.tertiary": "light-dark(#66708C, #838DA4)";
|
|
231
|
-
readonly "fg.warning": "light-dark(#F79008, #FFC84B)";
|
|
232
|
-
readonly "fg.warning.hovered": "light-dark(#DC6903, #DC6903)";
|
|
233
|
-
readonly "fg.warning.inverse": "light-dark(#2E3442, #2E3442)";
|
|
234
|
-
readonly "fg.warning.light": "light-dark(#FFC84B, #F79008)";
|
|
235
|
-
readonly "fg.warning.strong": "light-dark(#B54707, #FEDF88)";
|
|
236
|
-
readonly "fg.white": "light-dark(#FFFFFF, #FFFFFF)";
|
|
254
|
+
readonly sm: {
|
|
255
|
+
readonly fontSize: "12px";
|
|
256
|
+
readonly lineHeight: "16px";
|
|
237
257
|
};
|
|
238
|
-
readonly
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
readonly lg: "350ms";
|
|
258
|
+
readonly md: {
|
|
259
|
+
readonly fontSize: "14px";
|
|
260
|
+
readonly lineHeight: "20px";
|
|
242
261
|
};
|
|
243
|
-
readonly
|
|
244
|
-
|
|
245
|
-
|
|
262
|
+
readonly lg: {
|
|
263
|
+
readonly fontSize: "16px";
|
|
264
|
+
readonly lineHeight: "24px";
|
|
246
265
|
};
|
|
247
|
-
readonly
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
readonly lineHeight: "14px";
|
|
251
|
-
};
|
|
252
|
-
readonly sm: {
|
|
253
|
-
readonly fontSize: "12px";
|
|
254
|
-
readonly lineHeight: "16px";
|
|
255
|
-
};
|
|
256
|
-
readonly md: {
|
|
257
|
-
readonly fontSize: "14px";
|
|
258
|
-
readonly lineHeight: "20px";
|
|
259
|
-
};
|
|
260
|
-
readonly lg: {
|
|
261
|
-
readonly fontSize: "16px";
|
|
262
|
-
readonly lineHeight: "24px";
|
|
263
|
-
};
|
|
264
|
-
readonly xl: {
|
|
265
|
-
readonly fontSize: "20px";
|
|
266
|
-
readonly lineHeight: "28px";
|
|
267
|
-
};
|
|
268
|
-
readonly "2xl": {
|
|
269
|
-
readonly fontSize: "24px";
|
|
270
|
-
readonly lineHeight: "32px";
|
|
271
|
-
};
|
|
272
|
-
readonly "3xl": {
|
|
273
|
-
readonly fontSize: "28px";
|
|
274
|
-
readonly lineHeight: "40px";
|
|
275
|
-
};
|
|
276
|
-
readonly "4xl": {
|
|
277
|
-
readonly fontSize: "32px";
|
|
278
|
-
readonly lineHeight: "44px";
|
|
279
|
-
};
|
|
266
|
+
readonly xl: {
|
|
267
|
+
readonly fontSize: "20px";
|
|
268
|
+
readonly lineHeight: "28px";
|
|
280
269
|
};
|
|
281
|
-
readonly
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
readonly md: "448px";
|
|
285
|
-
readonly lg: "512px";
|
|
270
|
+
readonly "2xl": {
|
|
271
|
+
readonly fontSize: "24px";
|
|
272
|
+
readonly lineHeight: "32px";
|
|
286
273
|
};
|
|
287
|
-
readonly
|
|
288
|
-
|
|
289
|
-
|
|
274
|
+
readonly "3xl": {
|
|
275
|
+
readonly fontSize: "28px";
|
|
276
|
+
readonly lineHeight: "40px";
|
|
290
277
|
};
|
|
291
|
-
readonly
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
readonly sm: "24px";
|
|
295
|
-
readonly md: "32px";
|
|
296
|
-
readonly lg: "40px";
|
|
297
|
-
readonly xl: "48px";
|
|
298
|
-
readonly "3xl": "80px";
|
|
299
|
-
};
|
|
300
|
-
readonly zIndex: {
|
|
301
|
-
readonly popover: "3000";
|
|
302
|
-
readonly toast: "3010";
|
|
303
|
-
readonly tooltip: "10000";
|
|
278
|
+
readonly "4xl": {
|
|
279
|
+
readonly fontSize: "32px";
|
|
280
|
+
readonly lineHeight: "44px";
|
|
304
281
|
};
|
|
282
|
+
};
|
|
283
|
+
readonly maxSize: {
|
|
284
|
+
readonly xs: "320px";
|
|
285
|
+
readonly sm: "384px";
|
|
286
|
+
readonly md: "448px";
|
|
287
|
+
readonly lg: "512px";
|
|
288
|
+
};
|
|
289
|
+
readonly screens: {
|
|
290
|
+
readonly sm: "600px";
|
|
291
|
+
readonly md: "900px";
|
|
292
|
+
};
|
|
293
|
+
readonly size: {
|
|
294
|
+
readonly "2xs": "16px";
|
|
295
|
+
readonly xs: "20px";
|
|
296
|
+
readonly sm: "24px";
|
|
297
|
+
readonly md: "32px";
|
|
298
|
+
readonly lg: "40px";
|
|
299
|
+
readonly xl: "48px";
|
|
300
|
+
readonly "3xl": "80px";
|
|
301
|
+
};
|
|
302
|
+
readonly zIndex: {
|
|
303
|
+
readonly popover: "3000";
|
|
304
|
+
readonly toast: "3010";
|
|
305
|
+
readonly tooltip: "10000";
|
|
306
|
+
};
|
|
305
307
|
}, CSSVarFunction>;
|
|
306
|
-
type MapLeafNodes<Obj, LeafType> = {
|
|
307
|
-
[Prop in keyof Obj]: Obj[Prop] extends Primitive ? LeafType : Obj[Prop] extends Record<number | string, any> ? MapLeafNodes<Obj[Prop], LeafType> : never;
|
|
308
|
-
};
|
|
308
|
+
type MapLeafNodes<Obj, LeafType> = { [Prop in keyof Obj]: Obj[Prop] extends Primitive ? LeafType : Obj[Prop] extends Record<number | string, any> ? MapLeafNodes<Obj[Prop], LeafType> : never };
|
|
309
309
|
type CSSVarFunction = `var(--${string})` | `var(--${string}, ${string})`;
|
|
310
310
|
type Primitive = boolean | null | number | string | undefined;
|
|
311
|
-
|
|
312
|
-
|
|
311
|
+
//#endregion
|
|
312
|
+
//#region src/toast-context.d.ts
|
|
313
|
+
declare const ToastProviderProvider: import("react").FC<{
|
|
313
314
|
offset: number;
|
|
314
315
|
onOpenChange: (open: boolean) => void;
|
|
315
316
|
open: boolean;
|
|
316
317
|
toastRef: RefObject<HTMLElement>;
|
|
317
|
-
} & {
|
|
318
|
+
} & {
|
|
318
319
|
children: React.ReactNode;
|
|
319
|
-
}
|
|
320
|
-
declare const useToastProviderContext: (consumerName: string) => {
|
|
320
|
+
}>, useToastProviderContext: (consumerName: string) => {
|
|
321
321
|
offset: number;
|
|
322
322
|
onOpenChange: (open: boolean) => void;
|
|
323
323
|
open: boolean;
|
|
324
324
|
toastRef: RefObject<HTMLElement>;
|
|
325
|
-
};
|
|
326
|
-
|
|
325
|
+
};
|
|
326
|
+
//#endregion
|
|
327
|
+
//#region src/toaster.d.ts
|
|
327
328
|
type ToastItem = {
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
329
|
+
id: string;
|
|
330
|
+
open: boolean;
|
|
331
|
+
ref: RefObject<HTMLElement>;
|
|
332
|
+
toast: ToastOptions & {
|
|
333
|
+
title: string;
|
|
334
|
+
};
|
|
334
335
|
};
|
|
335
336
|
type ToastOptions = {
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
337
|
+
action?: string;
|
|
338
|
+
intent?: "danger" | "information" | "neutral" | "success" | "warning";
|
|
339
|
+
onAction?: () => void;
|
|
340
|
+
/**
|
|
341
|
+
* @deprecated
|
|
342
|
+
*/
|
|
343
|
+
type?: "danger" | "information" | "neutral" | "success" | "warning";
|
|
343
344
|
};
|
|
344
345
|
type Toaster = {
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
subscribe: (onStoreChange: () => void) => () => void,
|
|
350
|
-
getSnapshot: () => ToastItem[],
|
|
351
|
-
getServerSnapshot?: () => ToastItem[]
|
|
352
|
-
];
|
|
346
|
+
clear: () => void;
|
|
347
|
+
create: (message: string, options?: ToastOptions) => string;
|
|
348
|
+
remove: (id: string) => void;
|
|
349
|
+
store: [subscribe: (onStoreChange: () => void) => () => void, getSnapshot: () => ToastItem[], getServerSnapshot?: () => ToastItem[]];
|
|
353
350
|
};
|
|
354
351
|
declare const createToaster: () => Toaster;
|
|
355
352
|
declare const toaster: Toaster;
|
|
356
|
-
|
|
353
|
+
//#endregion
|
|
354
|
+
//#region src/tokens/index.d.ts
|
|
357
355
|
declare const tokens: {
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
356
|
+
readonly borderRadius: {
|
|
357
|
+
readonly xs: "2px";
|
|
358
|
+
readonly sm: "4px";
|
|
359
|
+
readonly md: "6px";
|
|
360
|
+
readonly lg: "8px";
|
|
361
|
+
readonly xl: "12px";
|
|
362
|
+
readonly full: "9999px";
|
|
363
|
+
};
|
|
364
|
+
readonly boxShadow: {
|
|
365
|
+
readonly sm: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)";
|
|
366
|
+
readonly md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)";
|
|
367
|
+
readonly lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)";
|
|
368
|
+
readonly xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)";
|
|
369
|
+
};
|
|
370
|
+
readonly colors: {
|
|
371
|
+
readonly "bg.accent": "light-dark(#0037FF, #2E66F7)";
|
|
372
|
+
readonly "bg.accent.hovered": "light-dark(#002CCC, #2E66F7)";
|
|
373
|
+
readonly "bg.accent.light": "light-dark(#B3C3FF, #001666)";
|
|
374
|
+
readonly "bg.accent.pressed": "light-dark(#002894, #002CCC)";
|
|
375
|
+
readonly "bg.accent.subtle": "light-dark(#F0F3FF, #000B33)";
|
|
376
|
+
readonly "bg.avatar.neutral": "light-dark(#E9EDF5, #2E3442)";
|
|
377
|
+
readonly "bg.avatar.purple": "light-dark(#E5DCF4, #412470)";
|
|
378
|
+
readonly "bg.default": "light-dark(#FFFFFF, #1C2029)";
|
|
379
|
+
readonly "bg.default.hovered": "light-dark(#091E420A, #F9FAFC0F)";
|
|
380
|
+
readonly "bg.default.inverse": "light-dark(#2E3442, #E9EDF5)";
|
|
381
|
+
readonly "bg.default.inverse.hovered": "light-dark(#1C212B, #CACFDC)";
|
|
382
|
+
readonly "bg.default.inverse.pressed": "light-dark(#1C2029, #B8BECB)";
|
|
383
|
+
readonly "bg.default.pressed": "light-dark(#091E4214, #F9FAFC1F)";
|
|
384
|
+
readonly "bg.error": "light-dark(#CC1616, #CC1616)";
|
|
385
|
+
readonly "bg.error.hovered": "light-dark(#B21313, #F64F4F)";
|
|
386
|
+
readonly "bg.error.light": "light-dark(#FFB4B4, #911D1D)";
|
|
387
|
+
readonly "bg.error.pressed": "light-dark(#911D1D, #B21313)";
|
|
388
|
+
readonly "bg.error.subtle": "light-dark(#FFD7D7, #601313)";
|
|
389
|
+
readonly "bg.error.subtlest": "light-dark(#FFF7F7, #300A0A)";
|
|
390
|
+
readonly "bg.information": "light-dark(#115DD4, #115DD4)";
|
|
391
|
+
readonly "bg.information.light": "light-dark(#A1C2F7, #09306D)";
|
|
392
|
+
readonly "bg.information.subtle": "light-dark(#C6DBFA, #051939)";
|
|
393
|
+
readonly "bg.overlay": "light-dark(#091E4252, #F9FAFC52)";
|
|
394
|
+
readonly "bg.page": "light-dark(#F9FAFC, #171A23)";
|
|
395
|
+
readonly "bg.secondary": "light-dark(#F5F6FA, #1C212B)";
|
|
396
|
+
readonly "bg.secondary.hovered": "light-dark(#F5F6FA, #F9FAFC1F)";
|
|
397
|
+
readonly "bg.spinner.default": "light-dark(#091E42, #F9FAFC)";
|
|
398
|
+
readonly "bg.spinner.inverse": "light-dark(#F9FAFC, #F9FAFC)";
|
|
399
|
+
readonly "bg.success": "light-dark(#038047, #038047)";
|
|
400
|
+
readonly "bg.success.hovered": "light-dark(#24663E, #5AC58A)";
|
|
401
|
+
readonly "bg.success.light": "light-dark(#A5E1C3, #17492B)";
|
|
402
|
+
readonly "bg.success.subtle": "light-dark(#D1F0E1, #082415)";
|
|
403
|
+
readonly "bg.tertiary": "light-dark(#DADFEB, #4F576E)";
|
|
404
|
+
readonly "bg.tertiary.hovered": "light-dark(#CACFDC, #F9FAFC2E)";
|
|
405
|
+
readonly "bg.warning": "light-dark(#FFC84B, #F79008)";
|
|
406
|
+
readonly "bg.warning.hovered": "light-dark(#DC6903, #FDB022)";
|
|
407
|
+
readonly "bg.warning.light": "light-dark(#FEDF88, #7A2E0D)";
|
|
408
|
+
readonly "bg.warning.subtle": "light-dark(#FEF1C6, #4E1D09)";
|
|
409
|
+
readonly "border.accent": "light-dark(#0037FF, #6A8FFC)";
|
|
410
|
+
readonly "border.control": "light-dark(#838DA4, #4F576E)";
|
|
411
|
+
readonly "border.control.hovered": "light-dark(#66708C, #66708C)";
|
|
412
|
+
readonly "border.default": "light-dark(#CACFDC, #66708C)";
|
|
413
|
+
readonly "border.disabled": "light-dark(#F5F6FA, #2E3442)";
|
|
414
|
+
readonly "border.error": "light-dark(#CC1616, #FFB4B4)";
|
|
415
|
+
readonly "border.focus": "light-dark(#2E66F7, #6A8FFC)";
|
|
416
|
+
readonly "border.focus.error": "light-dark(#F64F4F, #FC8B8B)";
|
|
417
|
+
readonly "border.secondary": "light-dark(#DADFEB, #4F576E)";
|
|
418
|
+
readonly "border.success": "light-dark(#03A65D, #03A65D)";
|
|
419
|
+
readonly "border.tertiary": "light-dark(#E9EDF5, #2E3442)";
|
|
420
|
+
readonly "border.warning": "light-dark(#F79008, #F79008)";
|
|
421
|
+
readonly "fg.accent": "light-dark(#0037FF, #6A8FFC)";
|
|
422
|
+
readonly "fg.accent.hovered": "light-dark(#002CCC, #0037FF)";
|
|
423
|
+
readonly "fg.accent.strong": "light-dark(#002894, #2E66F7)";
|
|
424
|
+
readonly "fg.avatar.neutral": "light-dark(#4F576E, #E9EDF5)";
|
|
425
|
+
readonly "fg.avatar.purple": "light-dark(#412470, #E5DCF4)";
|
|
426
|
+
readonly "fg.default": "light-dark(#2E3442, #F5F6FA)";
|
|
427
|
+
readonly "fg.default.inverse": "light-dark(#FFFFFF, #2E3442)";
|
|
428
|
+
readonly "fg.disabled": "light-dark(#838DA4, #F9FAFC52)";
|
|
429
|
+
readonly "fg.error": "light-dark(#CC1616, #FC8B8B)";
|
|
430
|
+
readonly "fg.error.hovered": "light-dark(#B21313, #B21313)";
|
|
431
|
+
readonly "fg.error.light": "light-dark(#FC8B8B, #CC1616)";
|
|
432
|
+
readonly "fg.error.strong": "light-dark(#911D1D, #FFB4B4)";
|
|
433
|
+
readonly "fg.information": "light-dark(#2F7AEE, #7BAAF4)";
|
|
434
|
+
readonly "fg.information.light": "light-dark(#7BAAF4, #2F7AEE)";
|
|
435
|
+
readonly "fg.information.strong": "light-dark(#0D46A0, #A1C2F7)";
|
|
436
|
+
readonly "fg.link.default": "light-dark(#0037FF, #2E66F7)";
|
|
437
|
+
readonly "fg.link.default.hovered": "light-dark(#002CCC, #B3C3FF)";
|
|
438
|
+
readonly "fg.link.inverse": "light-dark(#FFFFFF, #2E3442)";
|
|
439
|
+
readonly "fg.link.subtle": "light-dark(#2E3442, #F5F6FA)";
|
|
440
|
+
readonly "fg.link.visited": "light-dark(#532E8F, #693AB6)";
|
|
441
|
+
readonly "fg.secondary": "light-dark(#4F576E, #CACFDC)";
|
|
442
|
+
readonly "fg.spinner.default": "light-dark(#2E3442, #CACFDC)";
|
|
443
|
+
readonly "fg.spinner.inverse": "light-dark(#CACFDC, #2E3442)";
|
|
444
|
+
readonly "fg.success": "light-dark(#03A65D, #7CD2A7)";
|
|
445
|
+
readonly "fg.success.hovered": "light-dark(#038047, #038047)";
|
|
446
|
+
readonly "fg.success.light": "light-dark(#7CD2A7, #03A65D)";
|
|
447
|
+
readonly "fg.success.strong": "light-dark(#24663E, #A5E1C3)";
|
|
448
|
+
readonly "fg.tertiary": "light-dark(#66708C, #838DA4)";
|
|
449
|
+
readonly "fg.warning": "light-dark(#F79008, #FFC84B)";
|
|
450
|
+
readonly "fg.warning.hovered": "light-dark(#DC6903, #DC6903)";
|
|
451
|
+
readonly "fg.warning.inverse": "light-dark(#2E3442, #2E3442)";
|
|
452
|
+
readonly "fg.warning.light": "light-dark(#FFC84B, #F79008)";
|
|
453
|
+
readonly "fg.warning.strong": "light-dark(#B54707, #FEDF88)";
|
|
454
|
+
readonly "fg.white": "light-dark(#FFFFFF, #FFFFFF)";
|
|
455
|
+
};
|
|
456
|
+
readonly duration: {
|
|
457
|
+
readonly sm: "150ms";
|
|
458
|
+
readonly md: "250ms";
|
|
459
|
+
readonly lg: "350ms";
|
|
460
|
+
};
|
|
461
|
+
readonly fontFamily: {
|
|
462
|
+
readonly mono: "Fira Code Variable, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace";
|
|
463
|
+
readonly sans: "InterVariable, system-ui, sans-serif";
|
|
464
|
+
};
|
|
465
|
+
readonly fontSize: {
|
|
466
|
+
readonly xs: {
|
|
467
|
+
readonly fontSize: "10px";
|
|
468
|
+
readonly lineHeight: "14px";
|
|
365
469
|
};
|
|
366
|
-
readonly
|
|
367
|
-
|
|
368
|
-
|
|
369
|
-
readonly lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)";
|
|
370
|
-
readonly xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)";
|
|
470
|
+
readonly sm: {
|
|
471
|
+
readonly fontSize: "12px";
|
|
472
|
+
readonly lineHeight: "16px";
|
|
371
473
|
};
|
|
372
|
-
readonly
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
readonly "bg.accent.light": "light-dark(#B3C3FF, #001666)";
|
|
376
|
-
readonly "bg.accent.pressed": "light-dark(#002894, #002CCC)";
|
|
377
|
-
readonly "bg.accent.subtle": "light-dark(#F0F3FF, #000B33)";
|
|
378
|
-
readonly "bg.avatar.neutral": "light-dark(#E9EDF5, #2E3442)";
|
|
379
|
-
readonly "bg.avatar.purple": "light-dark(#E5DCF4, #412470)";
|
|
380
|
-
readonly "bg.default": "light-dark(#FFFFFF, #1C2029)";
|
|
381
|
-
readonly "bg.default.hovered": "light-dark(#091E420A, #F9FAFC0F)";
|
|
382
|
-
readonly "bg.default.inverse": "light-dark(#2E3442, #E9EDF5)";
|
|
383
|
-
readonly "bg.default.inverse.hovered": "light-dark(#1C212B, #CACFDC)";
|
|
384
|
-
readonly "bg.default.inverse.pressed": "light-dark(#1C2029, #B8BECB)";
|
|
385
|
-
readonly "bg.default.pressed": "light-dark(#091E4214, #F9FAFC1F)";
|
|
386
|
-
readonly "bg.error": "light-dark(#CC1616, #CC1616)";
|
|
387
|
-
readonly "bg.error.hovered": "light-dark(#B21313, #F64F4F)";
|
|
388
|
-
readonly "bg.error.light": "light-dark(#FFB4B4, #911D1D)";
|
|
389
|
-
readonly "bg.error.pressed": "light-dark(#911D1D, #B21313)";
|
|
390
|
-
readonly "bg.error.subtle": "light-dark(#FFD7D7, #601313)";
|
|
391
|
-
readonly "bg.error.subtlest": "light-dark(#FFF7F7, #300A0A)";
|
|
392
|
-
readonly "bg.information": "light-dark(#115DD4, #115DD4)";
|
|
393
|
-
readonly "bg.information.light": "light-dark(#A1C2F7, #09306D)";
|
|
394
|
-
readonly "bg.information.subtle": "light-dark(#C6DBFA, #051939)";
|
|
395
|
-
readonly "bg.overlay": "light-dark(#091E4252, #F9FAFC52)";
|
|
396
|
-
readonly "bg.page": "light-dark(#F9FAFC, #171A23)";
|
|
397
|
-
readonly "bg.secondary": "light-dark(#F5F6FA, #1C212B)";
|
|
398
|
-
readonly "bg.secondary.hovered": "light-dark(#F5F6FA, #F9FAFC1F)";
|
|
399
|
-
readonly "bg.spinner.default": "light-dark(#091E42, #F9FAFC)";
|
|
400
|
-
readonly "bg.spinner.inverse": "light-dark(#F9FAFC, #F9FAFC)";
|
|
401
|
-
readonly "bg.success": "light-dark(#038047, #038047)";
|
|
402
|
-
readonly "bg.success.hovered": "light-dark(#24663E, #5AC58A)";
|
|
403
|
-
readonly "bg.success.light": "light-dark(#A5E1C3, #17492B)";
|
|
404
|
-
readonly "bg.success.subtle": "light-dark(#D1F0E1, #082415)";
|
|
405
|
-
readonly "bg.tertiary": "light-dark(#DADFEB, #4F576E)";
|
|
406
|
-
readonly "bg.tertiary.hovered": "light-dark(#CACFDC, #F9FAFC2E)";
|
|
407
|
-
readonly "bg.warning": "light-dark(#FFC84B, #F79008)";
|
|
408
|
-
readonly "bg.warning.hovered": "light-dark(#DC6903, #FDB022)";
|
|
409
|
-
readonly "bg.warning.light": "light-dark(#FEDF88, #7A2E0D)";
|
|
410
|
-
readonly "bg.warning.subtle": "light-dark(#FEF1C6, #4E1D09)";
|
|
411
|
-
readonly "border.accent": "light-dark(#0037FF, #6A8FFC)";
|
|
412
|
-
readonly "border.control": "light-dark(#838DA4, #4F576E)";
|
|
413
|
-
readonly "border.control.hovered": "light-dark(#66708C, #66708C)";
|
|
414
|
-
readonly "border.default": "light-dark(#CACFDC, #66708C)";
|
|
415
|
-
readonly "border.disabled": "light-dark(#F5F6FA, #2E3442)";
|
|
416
|
-
readonly "border.error": "light-dark(#CC1616, #FFB4B4)";
|
|
417
|
-
readonly "border.focus": "light-dark(#2E66F7, #6A8FFC)";
|
|
418
|
-
readonly "border.focus.error": "light-dark(#F64F4F, #FC8B8B)";
|
|
419
|
-
readonly "border.secondary": "light-dark(#DADFEB, #4F576E)";
|
|
420
|
-
readonly "border.success": "light-dark(#03A65D, #03A65D)";
|
|
421
|
-
readonly "border.tertiary": "light-dark(#E9EDF5, #2E3442)";
|
|
422
|
-
readonly "border.warning": "light-dark(#F79008, #F79008)";
|
|
423
|
-
readonly "fg.accent": "light-dark(#0037FF, #6A8FFC)";
|
|
424
|
-
readonly "fg.accent.hovered": "light-dark(#002CCC, #0037FF)";
|
|
425
|
-
readonly "fg.accent.strong": "light-dark(#002894, #2E66F7)";
|
|
426
|
-
readonly "fg.avatar.neutral": "light-dark(#4F576E, #E9EDF5)";
|
|
427
|
-
readonly "fg.avatar.purple": "light-dark(#412470, #E5DCF4)";
|
|
428
|
-
readonly "fg.default": "light-dark(#2E3442, #F5F6FA)";
|
|
429
|
-
readonly "fg.default.inverse": "light-dark(#FFFFFF, #2E3442)";
|
|
430
|
-
readonly "fg.disabled": "light-dark(#838DA4, #F9FAFC52)";
|
|
431
|
-
readonly "fg.error": "light-dark(#CC1616, #FC8B8B)";
|
|
432
|
-
readonly "fg.error.hovered": "light-dark(#B21313, #B21313)";
|
|
433
|
-
readonly "fg.error.light": "light-dark(#FC8B8B, #CC1616)";
|
|
434
|
-
readonly "fg.error.strong": "light-dark(#911D1D, #FFB4B4)";
|
|
435
|
-
readonly "fg.information": "light-dark(#2F7AEE, #7BAAF4)";
|
|
436
|
-
readonly "fg.information.light": "light-dark(#7BAAF4, #2F7AEE)";
|
|
437
|
-
readonly "fg.information.strong": "light-dark(#0D46A0, #A1C2F7)";
|
|
438
|
-
readonly "fg.link.default": "light-dark(#0037FF, #2E66F7)";
|
|
439
|
-
readonly "fg.link.default.hovered": "light-dark(#002CCC, #B3C3FF)";
|
|
440
|
-
readonly "fg.link.inverse": "light-dark(#FFFFFF, #2E3442)";
|
|
441
|
-
readonly "fg.link.subtle": "light-dark(#2E3442, #F5F6FA)";
|
|
442
|
-
readonly "fg.link.visited": "light-dark(#532E8F, #693AB6)";
|
|
443
|
-
readonly "fg.secondary": "light-dark(#4F576E, #CACFDC)";
|
|
444
|
-
readonly "fg.spinner.default": "light-dark(#2E3442, #CACFDC)";
|
|
445
|
-
readonly "fg.spinner.inverse": "light-dark(#CACFDC, #2E3442)";
|
|
446
|
-
readonly "fg.success": "light-dark(#03A65D, #7CD2A7)";
|
|
447
|
-
readonly "fg.success.hovered": "light-dark(#038047, #038047)";
|
|
448
|
-
readonly "fg.success.light": "light-dark(#7CD2A7, #03A65D)";
|
|
449
|
-
readonly "fg.success.strong": "light-dark(#24663E, #A5E1C3)";
|
|
450
|
-
readonly "fg.tertiary": "light-dark(#66708C, #838DA4)";
|
|
451
|
-
readonly "fg.warning": "light-dark(#F79008, #FFC84B)";
|
|
452
|
-
readonly "fg.warning.hovered": "light-dark(#DC6903, #DC6903)";
|
|
453
|
-
readonly "fg.warning.inverse": "light-dark(#2E3442, #2E3442)";
|
|
454
|
-
readonly "fg.warning.light": "light-dark(#FFC84B, #F79008)";
|
|
455
|
-
readonly "fg.warning.strong": "light-dark(#B54707, #FEDF88)";
|
|
456
|
-
readonly "fg.white": "light-dark(#FFFFFF, #FFFFFF)";
|
|
474
|
+
readonly md: {
|
|
475
|
+
readonly fontSize: "14px";
|
|
476
|
+
readonly lineHeight: "20px";
|
|
457
477
|
};
|
|
458
|
-
readonly
|
|
459
|
-
|
|
460
|
-
|
|
461
|
-
readonly lg: "350ms";
|
|
478
|
+
readonly lg: {
|
|
479
|
+
readonly fontSize: "16px";
|
|
480
|
+
readonly lineHeight: "24px";
|
|
462
481
|
};
|
|
463
|
-
readonly
|
|
464
|
-
|
|
465
|
-
|
|
482
|
+
readonly xl: {
|
|
483
|
+
readonly fontSize: "20px";
|
|
484
|
+
readonly lineHeight: "28px";
|
|
466
485
|
};
|
|
467
|
-
readonly
|
|
468
|
-
|
|
469
|
-
|
|
470
|
-
readonly lineHeight: "14px";
|
|
471
|
-
};
|
|
472
|
-
readonly sm: {
|
|
473
|
-
readonly fontSize: "12px";
|
|
474
|
-
readonly lineHeight: "16px";
|
|
475
|
-
};
|
|
476
|
-
readonly md: {
|
|
477
|
-
readonly fontSize: "14px";
|
|
478
|
-
readonly lineHeight: "20px";
|
|
479
|
-
};
|
|
480
|
-
readonly lg: {
|
|
481
|
-
readonly fontSize: "16px";
|
|
482
|
-
readonly lineHeight: "24px";
|
|
483
|
-
};
|
|
484
|
-
readonly xl: {
|
|
485
|
-
readonly fontSize: "20px";
|
|
486
|
-
readonly lineHeight: "28px";
|
|
487
|
-
};
|
|
488
|
-
readonly "2xl": {
|
|
489
|
-
readonly fontSize: "24px";
|
|
490
|
-
readonly lineHeight: "32px";
|
|
491
|
-
};
|
|
492
|
-
readonly "3xl": {
|
|
493
|
-
readonly fontSize: "28px";
|
|
494
|
-
readonly lineHeight: "40px";
|
|
495
|
-
};
|
|
496
|
-
readonly "4xl": {
|
|
497
|
-
readonly fontSize: "32px";
|
|
498
|
-
readonly lineHeight: "44px";
|
|
499
|
-
};
|
|
486
|
+
readonly "2xl": {
|
|
487
|
+
readonly fontSize: "24px";
|
|
488
|
+
readonly lineHeight: "32px";
|
|
500
489
|
};
|
|
501
|
-
readonly
|
|
502
|
-
|
|
503
|
-
|
|
504
|
-
readonly md: "448px";
|
|
505
|
-
readonly lg: "512px";
|
|
490
|
+
readonly "3xl": {
|
|
491
|
+
readonly fontSize: "28px";
|
|
492
|
+
readonly lineHeight: "40px";
|
|
506
493
|
};
|
|
507
|
-
readonly
|
|
508
|
-
|
|
509
|
-
|
|
510
|
-
};
|
|
511
|
-
readonly size: {
|
|
512
|
-
readonly "2xs": "16px";
|
|
513
|
-
readonly xs: "20px";
|
|
514
|
-
readonly sm: "24px";
|
|
515
|
-
readonly md: "32px";
|
|
516
|
-
readonly lg: "40px";
|
|
517
|
-
readonly xl: "48px";
|
|
518
|
-
readonly "3xl": "80px";
|
|
519
|
-
};
|
|
520
|
-
readonly zIndex: {
|
|
521
|
-
readonly popover: "3000";
|
|
522
|
-
readonly toast: "3010";
|
|
523
|
-
readonly tooltip: "10000";
|
|
494
|
+
readonly "4xl": {
|
|
495
|
+
readonly fontSize: "32px";
|
|
496
|
+
readonly lineHeight: "44px";
|
|
524
497
|
};
|
|
498
|
+
};
|
|
499
|
+
readonly maxSize: {
|
|
500
|
+
readonly xs: "320px";
|
|
501
|
+
readonly sm: "384px";
|
|
502
|
+
readonly md: "448px";
|
|
503
|
+
readonly lg: "512px";
|
|
504
|
+
};
|
|
505
|
+
readonly screens: {
|
|
506
|
+
readonly sm: "600px";
|
|
507
|
+
readonly md: "900px";
|
|
508
|
+
};
|
|
509
|
+
readonly size: {
|
|
510
|
+
readonly "2xs": "16px";
|
|
511
|
+
readonly xs: "20px";
|
|
512
|
+
readonly sm: "24px";
|
|
513
|
+
readonly md: "32px";
|
|
514
|
+
readonly lg: "40px";
|
|
515
|
+
readonly xl: "48px";
|
|
516
|
+
readonly "3xl": "80px";
|
|
517
|
+
};
|
|
518
|
+
readonly zIndex: {
|
|
519
|
+
readonly popover: "3000";
|
|
520
|
+
readonly toast: "3010";
|
|
521
|
+
readonly tooltip: "10000";
|
|
522
|
+
};
|
|
525
523
|
};
|
|
526
|
-
|
|
527
|
-
export { AxiomAuthContext, AxiomVersionContext, ModalProvider, ToastProviderProvider, createToaster, theme, toaster, tokens, unstable_SuggestionContext, unstable_SurfaceProvider, unstable_useSurfaceContext, useModalContext, useToastProviderContext };
|
|
528
|
-
export type { MapLeafNodes };
|
|
524
|
+
//#endregion
|
|
525
|
+
export { AxiomAuthContext, AxiomVersionContext, MapLeafNodes, ModalProvider, ToastProviderProvider, createToaster, theme, toaster, tokens, unstable_SuggestionContext, unstable_SurfaceProvider, unstable_useSurfaceContext, useModalContext, useToastProviderContext };
|