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