@optiaxiom/globals 3.0.0 → 3.0.2
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 +3 -6
- package/dist/cjs/index.js +593 -402
- package/dist/esm/context.js +3 -3
- package/dist/esm/fonts.js +3 -3
- 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 +175 -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 +222 -178
- package/dist/esm/tokens/duration.js +5 -4
- package/dist/esm/tokens/fontFamily.js +5 -4
- 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 +464 -467
- package/package.json +3 -3
package/dist/index.d.ts
CHANGED
|
@@ -1,536 +1,533 @@
|
|
|
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: "6px";
|
|
143
|
+
readonly md: "8px";
|
|
144
|
+
readonly lg: "12px";
|
|
145
|
+
readonly xl: "16px";
|
|
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(#ABFF44, #ABFF44)";
|
|
156
|
+
readonly "bg.accent.hovered": "light-dark(#99F141, #C5FF7E)";
|
|
157
|
+
readonly "bg.accent.light": "light-dark(#DFFFB8, #38735D)";
|
|
158
|
+
readonly "bg.accent.pressed": "light-dark(#7DDD3D, #D3FF9D)";
|
|
159
|
+
readonly "bg.accent.subtle": "light-dark(#EEFFD9, #203526)";
|
|
160
|
+
readonly "bg.avatar.neutral": "light-dark(#EFF5EB, #202320)";
|
|
161
|
+
readonly "bg.avatar.purple": "light-dark(#EDE9FE, #7C3AED)";
|
|
162
|
+
readonly "bg.default": "light-dark(#FFFFFF, #2B2E2B)";
|
|
163
|
+
readonly "bg.default.hovered": "light-dark(#5F931F14, #DDE9D20D)";
|
|
164
|
+
readonly "bg.default.inverse": "light-dark(#252825, #F9FCF8)";
|
|
165
|
+
readonly "bg.default.inverse.hovered": "light-dark(#383E38, #D2DEC2)";
|
|
166
|
+
readonly "bg.default.inverse.pressed": "light-dark(#2B2E2B, #D2DEC2)";
|
|
167
|
+
readonly "bg.default.pressed": "light-dark(#5E8B2729, #DDE9D224)";
|
|
168
|
+
readonly "bg.error": "light-dark(#A95A77, #803F3F)";
|
|
169
|
+
readonly "bg.error.hovered": "light-dark(#8F4764, #904A4A)";
|
|
170
|
+
readonly "bg.error.light": "light-dark(#FFC1D3, #593030)";
|
|
171
|
+
readonly "bg.error.pressed": "light-dark(#5D2E41, #A85C5C)";
|
|
172
|
+
readonly "bg.error.subtle": "light-dark(#FFDFE8, #3E2D2D)";
|
|
173
|
+
readonly "bg.error.subtlest": "light-dark(#FFF1F5, #372C2C)";
|
|
174
|
+
readonly "bg.information": "light-dark(#036988, #036988)";
|
|
175
|
+
readonly "bg.information.light": "light-dark(#91DBDA, #01303E)";
|
|
176
|
+
readonly "bg.information.subtle": "light-dark(#E2F5F5, #1E3140)";
|
|
177
|
+
readonly "bg.overlay": "light-dark(#393E3252, #393E3252)";
|
|
178
|
+
readonly "bg.page": "light-dark(#F9FCF8, #252825)";
|
|
179
|
+
readonly "bg.pill.default": "light-dark(#D8E4CB, #484E46)";
|
|
180
|
+
readonly "bg.pill.hovered": "light-dark(#D2DEC2, #616755)";
|
|
181
|
+
readonly "bg.secondary": "light-dark(#EFF5EB, #202320)";
|
|
182
|
+
readonly "bg.secondary.hovered": "light-dark(#EFF5EB, #DDE9D224)";
|
|
183
|
+
readonly "bg.spinner.default": "light-dark(#202320, #F6FAF3)";
|
|
184
|
+
readonly "bg.spinner.inverse": "light-dark(#F6FAF3, #F6FAF3)";
|
|
185
|
+
readonly "bg.success": "light-dark(#ABFF44, #ABFF44)";
|
|
186
|
+
readonly "bg.success.hovered": "light-dark(#197050, #80B09F)";
|
|
187
|
+
readonly "bg.success.light": "light-dark(#BCD5CC, #114C36)";
|
|
188
|
+
readonly "bg.success.subtle": "light-dark(#EEFFD9, #123810)";
|
|
189
|
+
readonly "bg.tertiary": "light-dark(#EFF5EB, #202320)";
|
|
190
|
+
readonly "bg.tertiary.hovered": "light-dark(#D2DEC2, #DDE9D224)";
|
|
191
|
+
readonly "bg.warning": "light-dark(#FFC84B, #F79008)";
|
|
192
|
+
readonly "bg.warning.hovered": "light-dark(#DC6903, #FDB022)";
|
|
193
|
+
readonly "bg.warning.light": "light-dark(#FEDF88, #7A2E0D)";
|
|
194
|
+
readonly "bg.warning.subtle": "light-dark(#FEF1C6, #3A2D1A)";
|
|
195
|
+
readonly "border.accent": "light-dark(#ABFF44, #CEFF93)";
|
|
196
|
+
readonly "border.control": "light-dark(#A1AC8D, #717863)";
|
|
197
|
+
readonly "border.control.hovered": "light-dark(#717863, #A1AC8D)";
|
|
198
|
+
readonly "border.default": "light-dark(#D8E4CB, #484E46)";
|
|
199
|
+
readonly "border.disabled": "light-dark(#4E5A3F38, #DDE9D238)";
|
|
200
|
+
readonly "border.error": "light-dark(#A95A77, #FCA5A5)";
|
|
201
|
+
readonly "border.focus": "light-dark(#197A94, #409AAB)";
|
|
202
|
+
readonly "border.focus.error": "light-dark(#E284A0, #FF99B6)";
|
|
203
|
+
readonly "border.secondary": "light-dark(#E4F0DA, #383E38)";
|
|
204
|
+
readonly "border.success": "light-dark(#5F9B85, #5F9B85)";
|
|
205
|
+
readonly "border.tertiary": "light-dark(#E4F0DA, #383E38)";
|
|
206
|
+
readonly "border.warning": "light-dark(#F79008, #F79008)";
|
|
207
|
+
readonly "fg.accent": "light-dark(#ABFF44, #ABFF44)";
|
|
208
|
+
readonly "fg.accent.hovered": "light-dark(#3AB533, #BFFF70)";
|
|
209
|
+
readonly "fg.accent.strong": "light-dark(#226B1E, #CEFF93)";
|
|
210
|
+
readonly "fg.avatar.neutral": "light-dark(#484E46, #B2BD9E)";
|
|
211
|
+
readonly "fg.avatar.purple": "light-dark(#5B21B6, #FFFFFF)";
|
|
212
|
+
readonly "fg.black": "light-dark(#202320, #202320)";
|
|
213
|
+
readonly "fg.default": "light-dark(#202320, #D2DEC2)";
|
|
214
|
+
readonly "fg.default.inverse": "light-dark(#FFFFFF, #202320)";
|
|
215
|
+
readonly "fg.disabled": "light-dark(#A1AC8D, #717863)";
|
|
216
|
+
readonly "fg.error": "light-dark(#8F4764, #FCA5A5)";
|
|
217
|
+
readonly "fg.error.hovered": "light-dark(#5D2E41, #E284A0)";
|
|
218
|
+
readonly "fg.error.light": "light-dark(#FF99B6, #A95A77)";
|
|
219
|
+
readonly "fg.error.strong": "light-dark(#5D2E41, #FCA5A5)";
|
|
220
|
+
readonly "fg.information": "light-dark(#197A94, #93C5FD)";
|
|
221
|
+
readonly "fg.information.light": "light-dark(#60B4BE, #60B4BE)";
|
|
222
|
+
readonly "fg.information.strong": "light-dark(#036988, #93C5FD)";
|
|
223
|
+
readonly "fg.link.default": "light-dark(#226B1E, #3AB533)";
|
|
224
|
+
readonly "fg.link.default.hovered": "light-dark(#123810, #7DDD3D)";
|
|
225
|
+
readonly "fg.link.inverse": "light-dark(#FFFFFF, #202320)";
|
|
226
|
+
readonly "fg.link.subtle": "light-dark(#202320, #D2DEC2)";
|
|
227
|
+
readonly "fg.link.visited": "light-dark(#6D28D9, #7C3AED)";
|
|
228
|
+
readonly "fg.secondary": "light-dark(#484E46, #B2BD9E)";
|
|
229
|
+
readonly "fg.spinner.default": "light-dark(#08251A, #D8E4CB)";
|
|
230
|
+
readonly "fg.spinner.inverse": "light-dark(#FFFFFF, #08251A)";
|
|
231
|
+
readonly "fg.success": "light-dark(#3AB533, #86EFAC)";
|
|
232
|
+
readonly "fg.success.hovered": "light-dark(#226B1E, #ABFF44)";
|
|
233
|
+
readonly "fg.success.light": "light-dark(#CEFF93, #3AB533)";
|
|
234
|
+
readonly "fg.success.strong": "light-dark(#226B1E, #ABFF44)";
|
|
235
|
+
readonly "fg.tertiary": "light-dark(#616755, #A1AC8D)";
|
|
236
|
+
readonly "fg.warning": "light-dark(#F79008, #FCD34D)";
|
|
237
|
+
readonly "fg.warning.hovered": "light-dark(#DC6903, #DC6903)";
|
|
238
|
+
readonly "fg.warning.inverse": "light-dark(#484E46, #484E46)";
|
|
239
|
+
readonly "fg.warning.light": "light-dark(#FFC84B, #DC6903)";
|
|
240
|
+
readonly "fg.warning.strong": "light-dark(#B54707, #FCD34D)";
|
|
241
|
+
readonly "fg.white": "light-dark(#FFFFFF, #D2DEC2)";
|
|
242
|
+
};
|
|
243
|
+
readonly duration: {
|
|
244
|
+
readonly sm: "150ms";
|
|
245
|
+
readonly md: "250ms";
|
|
246
|
+
readonly lg: "350ms";
|
|
247
|
+
};
|
|
248
|
+
readonly fontFamily: {
|
|
249
|
+
readonly heading: "Nudge SemiNormal, Roboto Condensed Variable, system-ui, sans-serif";
|
|
250
|
+
readonly mono: "Roboto Mono Variable, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace";
|
|
251
|
+
readonly sans: "DI Grotesk B, Roboto Variable, system-ui, sans-serif";
|
|
252
|
+
};
|
|
253
|
+
readonly fontSize: {
|
|
254
|
+
readonly xs: {
|
|
255
|
+
readonly fontSize: "10px";
|
|
256
|
+
readonly lineHeight: "14px";
|
|
151
257
|
};
|
|
152
|
-
readonly
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
readonly "bg.accent.light": "light-dark(#DFFFB8, #38735D)";
|
|
156
|
-
readonly "bg.accent.pressed": "light-dark(#7DDD3D, #D3FF9D)";
|
|
157
|
-
readonly "bg.accent.subtle": "light-dark(#EEFFD9, #203526)";
|
|
158
|
-
readonly "bg.avatar.neutral": "light-dark(#EFF5EB, #202320)";
|
|
159
|
-
readonly "bg.avatar.purple": "light-dark(#EDE9FE, #7C3AED)";
|
|
160
|
-
readonly "bg.default": "light-dark(#FFFFFF, #2B2E2B)";
|
|
161
|
-
readonly "bg.default.hovered": "light-dark(#5F931F14, #DDE9D20D)";
|
|
162
|
-
readonly "bg.default.inverse": "light-dark(#252825, #F9FCF8)";
|
|
163
|
-
readonly "bg.default.inverse.hovered": "light-dark(#383E38, #D2DEC2)";
|
|
164
|
-
readonly "bg.default.inverse.pressed": "light-dark(#2B2E2B, #D2DEC2)";
|
|
165
|
-
readonly "bg.default.pressed": "light-dark(#5E8B2729, #DDE9D224)";
|
|
166
|
-
readonly "bg.error": "light-dark(#A95A77, #803F3F)";
|
|
167
|
-
readonly "bg.error.hovered": "light-dark(#8F4764, #904A4A)";
|
|
168
|
-
readonly "bg.error.light": "light-dark(#FFC1D3, #593030)";
|
|
169
|
-
readonly "bg.error.pressed": "light-dark(#5D2E41, #A85C5C)";
|
|
170
|
-
readonly "bg.error.subtle": "light-dark(#FFDFE8, #3E2D2D)";
|
|
171
|
-
readonly "bg.error.subtlest": "light-dark(#FFF1F5, #372C2C)";
|
|
172
|
-
readonly "bg.information": "light-dark(#036988, #036988)";
|
|
173
|
-
readonly "bg.information.light": "light-dark(#91DBDA, #01303E)";
|
|
174
|
-
readonly "bg.information.subtle": "light-dark(#E2F5F5, #1E3140)";
|
|
175
|
-
readonly "bg.overlay": "light-dark(#393E3252, #393E3252)";
|
|
176
|
-
readonly "bg.page": "light-dark(#F9FCF8, #252825)";
|
|
177
|
-
readonly "bg.pill.default": "light-dark(#D8E4CB, #484E46)";
|
|
178
|
-
readonly "bg.pill.hovered": "light-dark(#D2DEC2, #616755)";
|
|
179
|
-
readonly "bg.secondary": "light-dark(#EFF5EB, #202320)";
|
|
180
|
-
readonly "bg.secondary.hovered": "light-dark(#EFF5EB, #DDE9D224)";
|
|
181
|
-
readonly "bg.spinner.default": "light-dark(#202320, #F6FAF3)";
|
|
182
|
-
readonly "bg.spinner.inverse": "light-dark(#F6FAF3, #F6FAF3)";
|
|
183
|
-
readonly "bg.success": "light-dark(#ABFF44, #ABFF44)";
|
|
184
|
-
readonly "bg.success.hovered": "light-dark(#197050, #80B09F)";
|
|
185
|
-
readonly "bg.success.light": "light-dark(#BCD5CC, #114C36)";
|
|
186
|
-
readonly "bg.success.subtle": "light-dark(#EEFFD9, #123810)";
|
|
187
|
-
readonly "bg.tertiary": "light-dark(#EFF5EB, #202320)";
|
|
188
|
-
readonly "bg.tertiary.hovered": "light-dark(#D2DEC2, #DDE9D224)";
|
|
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, #3A2D1A)";
|
|
193
|
-
readonly "border.accent": "light-dark(#ABFF44, #CEFF93)";
|
|
194
|
-
readonly "border.control": "light-dark(#A1AC8D, #717863)";
|
|
195
|
-
readonly "border.control.hovered": "light-dark(#717863, #A1AC8D)";
|
|
196
|
-
readonly "border.default": "light-dark(#D8E4CB, #484E46)";
|
|
197
|
-
readonly "border.disabled": "light-dark(#D8E4CB, #DDE9D21F)";
|
|
198
|
-
readonly "border.error": "light-dark(#A95A77, #FCA5A5)";
|
|
199
|
-
readonly "border.focus": "light-dark(#197A94, #409AAB)";
|
|
200
|
-
readonly "border.focus.error": "light-dark(#E284A0, #FF99B6)";
|
|
201
|
-
readonly "border.secondary": "light-dark(#E4F0DA, #383E38)";
|
|
202
|
-
readonly "border.success": "light-dark(#5F9B85, #5F9B85)";
|
|
203
|
-
readonly "border.tertiary": "light-dark(#E4F0DA, #383E38)";
|
|
204
|
-
readonly "border.warning": "light-dark(#F79008, #F79008)";
|
|
205
|
-
readonly "fg.accent": "light-dark(#ABFF44, #ABFF44)";
|
|
206
|
-
readonly "fg.accent.hovered": "light-dark(#3AB533, #BFFF70)";
|
|
207
|
-
readonly "fg.accent.strong": "light-dark(#226B1E, #CEFF93)";
|
|
208
|
-
readonly "fg.avatar.neutral": "light-dark(#484E46, #B2BD9E)";
|
|
209
|
-
readonly "fg.avatar.purple": "light-dark(#5B21B6, #FFFFFF)";
|
|
210
|
-
readonly "fg.black": "light-dark(#202320, #202320)";
|
|
211
|
-
readonly "fg.default": "light-dark(#202320, #D2DEC2)";
|
|
212
|
-
readonly "fg.default.inverse": "light-dark(#FFFFFF, #202320)";
|
|
213
|
-
readonly "fg.disabled": "light-dark(#A1AC8D, #717863)";
|
|
214
|
-
readonly "fg.error": "light-dark(#8F4764, #FCA5A5)";
|
|
215
|
-
readonly "fg.error.hovered": "light-dark(#5D2E41, #E284A0)";
|
|
216
|
-
readonly "fg.error.light": "light-dark(#FF99B6, #A95A77)";
|
|
217
|
-
readonly "fg.error.strong": "light-dark(#5D2E41, #FCA5A5)";
|
|
218
|
-
readonly "fg.information": "light-dark(#197A94, #93C5FD)";
|
|
219
|
-
readonly "fg.information.light": "light-dark(#60B4BE, #60B4BE)";
|
|
220
|
-
readonly "fg.information.strong": "light-dark(#036988, #93C5FD)";
|
|
221
|
-
readonly "fg.link.default": "light-dark(#226B1E, #3AB533)";
|
|
222
|
-
readonly "fg.link.default.hovered": "light-dark(#123810, #7DDD3D)";
|
|
223
|
-
readonly "fg.link.inverse": "light-dark(#FFFFFF, #202320)";
|
|
224
|
-
readonly "fg.link.subtle": "light-dark(#202320, #D2DEC2)";
|
|
225
|
-
readonly "fg.link.visited": "light-dark(#6D28D9, #7C3AED)";
|
|
226
|
-
readonly "fg.secondary": "light-dark(#484E46, #B2BD9E)";
|
|
227
|
-
readonly "fg.spinner.default": "light-dark(#08251A, #D8E4CB)";
|
|
228
|
-
readonly "fg.spinner.inverse": "light-dark(#FFFFFF, #08251A)";
|
|
229
|
-
readonly "fg.success": "light-dark(#3AB533, #86EFAC)";
|
|
230
|
-
readonly "fg.success.hovered": "light-dark(#226B1E, #ABFF44)";
|
|
231
|
-
readonly "fg.success.light": "light-dark(#CEFF93, #3AB533)";
|
|
232
|
-
readonly "fg.success.strong": "light-dark(#226B1E, #ABFF44)";
|
|
233
|
-
readonly "fg.tertiary": "light-dark(#616755, #A1AC8D)";
|
|
234
|
-
readonly "fg.warning": "light-dark(#F79008, #FCD34D)";
|
|
235
|
-
readonly "fg.warning.hovered": "light-dark(#DC6903, #DC6903)";
|
|
236
|
-
readonly "fg.warning.inverse": "light-dark(#484E46, #484E46)";
|
|
237
|
-
readonly "fg.warning.light": "light-dark(#FFC84B, #DC6903)";
|
|
238
|
-
readonly "fg.warning.strong": "light-dark(#B54707, #FCD34D)";
|
|
239
|
-
readonly "fg.white": "light-dark(#FFFFFF, #D2DEC2)";
|
|
258
|
+
readonly sm: {
|
|
259
|
+
readonly fontSize: "12px";
|
|
260
|
+
readonly lineHeight: "16px";
|
|
240
261
|
};
|
|
241
|
-
readonly
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
readonly lg: "350ms";
|
|
262
|
+
readonly md: {
|
|
263
|
+
readonly fontSize: "14px";
|
|
264
|
+
readonly lineHeight: "20px";
|
|
245
265
|
};
|
|
246
|
-
readonly
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
readonly sans: "DI Grotesk B, Roboto Variable, system-ui, sans-serif";
|
|
266
|
+
readonly lg: {
|
|
267
|
+
readonly fontSize: "16px";
|
|
268
|
+
readonly lineHeight: "24px";
|
|
250
269
|
};
|
|
251
|
-
readonly
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
readonly lineHeight: "14px";
|
|
255
|
-
};
|
|
256
|
-
readonly sm: {
|
|
257
|
-
readonly fontSize: "12px";
|
|
258
|
-
readonly lineHeight: "16px";
|
|
259
|
-
};
|
|
260
|
-
readonly md: {
|
|
261
|
-
readonly fontSize: "14px";
|
|
262
|
-
readonly lineHeight: "20px";
|
|
263
|
-
};
|
|
264
|
-
readonly lg: {
|
|
265
|
-
readonly fontSize: "16px";
|
|
266
|
-
readonly lineHeight: "24px";
|
|
267
|
-
};
|
|
268
|
-
readonly xl: {
|
|
269
|
-
readonly fontSize: "20px";
|
|
270
|
-
readonly lineHeight: "28px";
|
|
271
|
-
};
|
|
272
|
-
readonly "2xl": {
|
|
273
|
-
readonly fontSize: "24px";
|
|
274
|
-
readonly lineHeight: "32px";
|
|
275
|
-
};
|
|
276
|
-
readonly "3xl": {
|
|
277
|
-
readonly fontSize: "28px";
|
|
278
|
-
readonly lineHeight: "40px";
|
|
279
|
-
};
|
|
280
|
-
readonly "4xl": {
|
|
281
|
-
readonly fontSize: "50px";
|
|
282
|
-
readonly lineHeight: "60px";
|
|
283
|
-
};
|
|
270
|
+
readonly xl: {
|
|
271
|
+
readonly fontSize: "20px";
|
|
272
|
+
readonly lineHeight: "28px";
|
|
284
273
|
};
|
|
285
|
-
readonly
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
readonly md: "448px";
|
|
289
|
-
readonly lg: "512px";
|
|
274
|
+
readonly "2xl": {
|
|
275
|
+
readonly fontSize: "24px";
|
|
276
|
+
readonly lineHeight: "32px";
|
|
290
277
|
};
|
|
291
|
-
readonly
|
|
292
|
-
|
|
293
|
-
|
|
278
|
+
readonly "3xl": {
|
|
279
|
+
readonly fontSize: "28px";
|
|
280
|
+
readonly lineHeight: "40px";
|
|
294
281
|
};
|
|
295
|
-
readonly
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
readonly sm: "24px";
|
|
299
|
-
readonly md: "32px";
|
|
300
|
-
readonly lg: "40px";
|
|
301
|
-
readonly xl: "48px";
|
|
302
|
-
readonly "3xl": "80px";
|
|
303
|
-
};
|
|
304
|
-
readonly zIndex: {
|
|
305
|
-
readonly popover: "3000";
|
|
306
|
-
readonly toast: "3010";
|
|
307
|
-
readonly tooltip: "10000";
|
|
282
|
+
readonly "4xl": {
|
|
283
|
+
readonly fontSize: "50px";
|
|
284
|
+
readonly lineHeight: "60px";
|
|
308
285
|
};
|
|
286
|
+
};
|
|
287
|
+
readonly maxSize: {
|
|
288
|
+
readonly xs: "320px";
|
|
289
|
+
readonly sm: "384px";
|
|
290
|
+
readonly md: "448px";
|
|
291
|
+
readonly lg: "512px";
|
|
292
|
+
};
|
|
293
|
+
readonly screens: {
|
|
294
|
+
readonly sm: "600px";
|
|
295
|
+
readonly md: "900px";
|
|
296
|
+
};
|
|
297
|
+
readonly size: {
|
|
298
|
+
readonly "2xs": "16px";
|
|
299
|
+
readonly xs: "20px";
|
|
300
|
+
readonly sm: "24px";
|
|
301
|
+
readonly md: "32px";
|
|
302
|
+
readonly lg: "40px";
|
|
303
|
+
readonly xl: "48px";
|
|
304
|
+
readonly "3xl": "80px";
|
|
305
|
+
};
|
|
306
|
+
readonly zIndex: {
|
|
307
|
+
readonly popover: "3000";
|
|
308
|
+
readonly toast: "3010";
|
|
309
|
+
readonly tooltip: "10000";
|
|
310
|
+
};
|
|
309
311
|
}, CSSVarFunction>;
|
|
310
|
-
type MapLeafNodes<Obj, LeafType> = {
|
|
311
|
-
[Prop in keyof Obj]: Obj[Prop] extends Primitive ? LeafType : Obj[Prop] extends Record<number | string, any> ? MapLeafNodes<Obj[Prop], LeafType> : never;
|
|
312
|
-
};
|
|
312
|
+
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 };
|
|
313
313
|
type CSSVarFunction = `var(--${string})` | `var(--${string}, ${string})`;
|
|
314
314
|
type Primitive = boolean | null | number | string | undefined;
|
|
315
|
-
|
|
316
|
-
|
|
315
|
+
//#endregion
|
|
316
|
+
//#region src/toast-context.d.ts
|
|
317
|
+
declare const ToastProviderProvider: import("react").FC<{
|
|
317
318
|
offset: number;
|
|
318
319
|
onOpenChange: (open: boolean) => void;
|
|
319
320
|
open: boolean;
|
|
320
321
|
toastRef: RefObject<HTMLElement>;
|
|
321
|
-
} & {
|
|
322
|
+
} & {
|
|
322
323
|
children: React.ReactNode;
|
|
323
|
-
}
|
|
324
|
-
declare const useToastProviderContext: (consumerName: string) => {
|
|
324
|
+
}>, useToastProviderContext: (consumerName: string) => {
|
|
325
325
|
offset: number;
|
|
326
326
|
onOpenChange: (open: boolean) => void;
|
|
327
327
|
open: boolean;
|
|
328
328
|
toastRef: RefObject<HTMLElement>;
|
|
329
|
-
};
|
|
330
|
-
|
|
329
|
+
};
|
|
330
|
+
//#endregion
|
|
331
|
+
//#region src/toaster.d.ts
|
|
331
332
|
type ToastItem = {
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
333
|
+
id: string;
|
|
334
|
+
open: boolean;
|
|
335
|
+
ref: RefObject<HTMLElement>;
|
|
336
|
+
toast: ToastOptions & {
|
|
337
|
+
title: string;
|
|
338
|
+
};
|
|
338
339
|
};
|
|
339
340
|
type ToastOptions = {
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
341
|
+
action?: string;
|
|
342
|
+
intent?: "danger" | "information" | "neutral" | "success" | "warning";
|
|
343
|
+
onAction?: () => void;
|
|
344
|
+
/**
|
|
345
|
+
* @deprecated
|
|
346
|
+
*/
|
|
347
|
+
type?: "danger" | "information" | "neutral" | "success" | "warning";
|
|
347
348
|
};
|
|
348
349
|
type Toaster = {
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
subscribe: (onStoreChange: () => void) => () => void,
|
|
354
|
-
getSnapshot: () => ToastItem[],
|
|
355
|
-
getServerSnapshot?: () => ToastItem[]
|
|
356
|
-
];
|
|
350
|
+
clear: () => void;
|
|
351
|
+
create: (message: string, options?: ToastOptions) => string;
|
|
352
|
+
remove: (id: string) => void;
|
|
353
|
+
store: [subscribe: (onStoreChange: () => void) => () => void, getSnapshot: () => ToastItem[], getServerSnapshot?: () => ToastItem[]];
|
|
357
354
|
};
|
|
358
355
|
declare const createToaster: () => Toaster;
|
|
359
356
|
declare const toaster: Toaster;
|
|
360
|
-
|
|
357
|
+
//#endregion
|
|
358
|
+
//#region src/tokens/index.d.ts
|
|
361
359
|
declare const tokens: {
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
|
|
360
|
+
readonly borderRadius: {
|
|
361
|
+
readonly xs: "2px";
|
|
362
|
+
readonly sm: "6px";
|
|
363
|
+
readonly md: "8px";
|
|
364
|
+
readonly lg: "12px";
|
|
365
|
+
readonly xl: "16px";
|
|
366
|
+
readonly full: "9999px";
|
|
367
|
+
};
|
|
368
|
+
readonly boxShadow: {
|
|
369
|
+
readonly sm: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)";
|
|
370
|
+
readonly md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)";
|
|
371
|
+
readonly lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)";
|
|
372
|
+
readonly xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)";
|
|
373
|
+
};
|
|
374
|
+
readonly colors: {
|
|
375
|
+
readonly "bg.accent": "light-dark(#ABFF44, #ABFF44)";
|
|
376
|
+
readonly "bg.accent.hovered": "light-dark(#99F141, #C5FF7E)";
|
|
377
|
+
readonly "bg.accent.light": "light-dark(#DFFFB8, #38735D)";
|
|
378
|
+
readonly "bg.accent.pressed": "light-dark(#7DDD3D, #D3FF9D)";
|
|
379
|
+
readonly "bg.accent.subtle": "light-dark(#EEFFD9, #203526)";
|
|
380
|
+
readonly "bg.avatar.neutral": "light-dark(#EFF5EB, #202320)";
|
|
381
|
+
readonly "bg.avatar.purple": "light-dark(#EDE9FE, #7C3AED)";
|
|
382
|
+
readonly "bg.default": "light-dark(#FFFFFF, #2B2E2B)";
|
|
383
|
+
readonly "bg.default.hovered": "light-dark(#5F931F14, #DDE9D20D)";
|
|
384
|
+
readonly "bg.default.inverse": "light-dark(#252825, #F9FCF8)";
|
|
385
|
+
readonly "bg.default.inverse.hovered": "light-dark(#383E38, #D2DEC2)";
|
|
386
|
+
readonly "bg.default.inverse.pressed": "light-dark(#2B2E2B, #D2DEC2)";
|
|
387
|
+
readonly "bg.default.pressed": "light-dark(#5E8B2729, #DDE9D224)";
|
|
388
|
+
readonly "bg.error": "light-dark(#A95A77, #803F3F)";
|
|
389
|
+
readonly "bg.error.hovered": "light-dark(#8F4764, #904A4A)";
|
|
390
|
+
readonly "bg.error.light": "light-dark(#FFC1D3, #593030)";
|
|
391
|
+
readonly "bg.error.pressed": "light-dark(#5D2E41, #A85C5C)";
|
|
392
|
+
readonly "bg.error.subtle": "light-dark(#FFDFE8, #3E2D2D)";
|
|
393
|
+
readonly "bg.error.subtlest": "light-dark(#FFF1F5, #372C2C)";
|
|
394
|
+
readonly "bg.information": "light-dark(#036988, #036988)";
|
|
395
|
+
readonly "bg.information.light": "light-dark(#91DBDA, #01303E)";
|
|
396
|
+
readonly "bg.information.subtle": "light-dark(#E2F5F5, #1E3140)";
|
|
397
|
+
readonly "bg.overlay": "light-dark(#393E3252, #393E3252)";
|
|
398
|
+
readonly "bg.page": "light-dark(#F9FCF8, #252825)";
|
|
399
|
+
readonly "bg.pill.default": "light-dark(#D8E4CB, #484E46)";
|
|
400
|
+
readonly "bg.pill.hovered": "light-dark(#D2DEC2, #616755)";
|
|
401
|
+
readonly "bg.secondary": "light-dark(#EFF5EB, #202320)";
|
|
402
|
+
readonly "bg.secondary.hovered": "light-dark(#EFF5EB, #DDE9D224)";
|
|
403
|
+
readonly "bg.spinner.default": "light-dark(#202320, #F6FAF3)";
|
|
404
|
+
readonly "bg.spinner.inverse": "light-dark(#F6FAF3, #F6FAF3)";
|
|
405
|
+
readonly "bg.success": "light-dark(#ABFF44, #ABFF44)";
|
|
406
|
+
readonly "bg.success.hovered": "light-dark(#197050, #80B09F)";
|
|
407
|
+
readonly "bg.success.light": "light-dark(#BCD5CC, #114C36)";
|
|
408
|
+
readonly "bg.success.subtle": "light-dark(#EEFFD9, #123810)";
|
|
409
|
+
readonly "bg.tertiary": "light-dark(#EFF5EB, #202320)";
|
|
410
|
+
readonly "bg.tertiary.hovered": "light-dark(#D2DEC2, #DDE9D224)";
|
|
411
|
+
readonly "bg.warning": "light-dark(#FFC84B, #F79008)";
|
|
412
|
+
readonly "bg.warning.hovered": "light-dark(#DC6903, #FDB022)";
|
|
413
|
+
readonly "bg.warning.light": "light-dark(#FEDF88, #7A2E0D)";
|
|
414
|
+
readonly "bg.warning.subtle": "light-dark(#FEF1C6, #3A2D1A)";
|
|
415
|
+
readonly "border.accent": "light-dark(#ABFF44, #CEFF93)";
|
|
416
|
+
readonly "border.control": "light-dark(#A1AC8D, #717863)";
|
|
417
|
+
readonly "border.control.hovered": "light-dark(#717863, #A1AC8D)";
|
|
418
|
+
readonly "border.default": "light-dark(#D8E4CB, #484E46)";
|
|
419
|
+
readonly "border.disabled": "light-dark(#4E5A3F38, #DDE9D238)";
|
|
420
|
+
readonly "border.error": "light-dark(#A95A77, #FCA5A5)";
|
|
421
|
+
readonly "border.focus": "light-dark(#197A94, #409AAB)";
|
|
422
|
+
readonly "border.focus.error": "light-dark(#E284A0, #FF99B6)";
|
|
423
|
+
readonly "border.secondary": "light-dark(#E4F0DA, #383E38)";
|
|
424
|
+
readonly "border.success": "light-dark(#5F9B85, #5F9B85)";
|
|
425
|
+
readonly "border.tertiary": "light-dark(#E4F0DA, #383E38)";
|
|
426
|
+
readonly "border.warning": "light-dark(#F79008, #F79008)";
|
|
427
|
+
readonly "fg.accent": "light-dark(#ABFF44, #ABFF44)";
|
|
428
|
+
readonly "fg.accent.hovered": "light-dark(#3AB533, #BFFF70)";
|
|
429
|
+
readonly "fg.accent.strong": "light-dark(#226B1E, #CEFF93)";
|
|
430
|
+
readonly "fg.avatar.neutral": "light-dark(#484E46, #B2BD9E)";
|
|
431
|
+
readonly "fg.avatar.purple": "light-dark(#5B21B6, #FFFFFF)";
|
|
432
|
+
readonly "fg.black": "light-dark(#202320, #202320)";
|
|
433
|
+
readonly "fg.default": "light-dark(#202320, #D2DEC2)";
|
|
434
|
+
readonly "fg.default.inverse": "light-dark(#FFFFFF, #202320)";
|
|
435
|
+
readonly "fg.disabled": "light-dark(#A1AC8D, #717863)";
|
|
436
|
+
readonly "fg.error": "light-dark(#8F4764, #FCA5A5)";
|
|
437
|
+
readonly "fg.error.hovered": "light-dark(#5D2E41, #E284A0)";
|
|
438
|
+
readonly "fg.error.light": "light-dark(#FF99B6, #A95A77)";
|
|
439
|
+
readonly "fg.error.strong": "light-dark(#5D2E41, #FCA5A5)";
|
|
440
|
+
readonly "fg.information": "light-dark(#197A94, #93C5FD)";
|
|
441
|
+
readonly "fg.information.light": "light-dark(#60B4BE, #60B4BE)";
|
|
442
|
+
readonly "fg.information.strong": "light-dark(#036988, #93C5FD)";
|
|
443
|
+
readonly "fg.link.default": "light-dark(#226B1E, #3AB533)";
|
|
444
|
+
readonly "fg.link.default.hovered": "light-dark(#123810, #7DDD3D)";
|
|
445
|
+
readonly "fg.link.inverse": "light-dark(#FFFFFF, #202320)";
|
|
446
|
+
readonly "fg.link.subtle": "light-dark(#202320, #D2DEC2)";
|
|
447
|
+
readonly "fg.link.visited": "light-dark(#6D28D9, #7C3AED)";
|
|
448
|
+
readonly "fg.secondary": "light-dark(#484E46, #B2BD9E)";
|
|
449
|
+
readonly "fg.spinner.default": "light-dark(#08251A, #D8E4CB)";
|
|
450
|
+
readonly "fg.spinner.inverse": "light-dark(#FFFFFF, #08251A)";
|
|
451
|
+
readonly "fg.success": "light-dark(#3AB533, #86EFAC)";
|
|
452
|
+
readonly "fg.success.hovered": "light-dark(#226B1E, #ABFF44)";
|
|
453
|
+
readonly "fg.success.light": "light-dark(#CEFF93, #3AB533)";
|
|
454
|
+
readonly "fg.success.strong": "light-dark(#226B1E, #ABFF44)";
|
|
455
|
+
readonly "fg.tertiary": "light-dark(#616755, #A1AC8D)";
|
|
456
|
+
readonly "fg.warning": "light-dark(#F79008, #FCD34D)";
|
|
457
|
+
readonly "fg.warning.hovered": "light-dark(#DC6903, #DC6903)";
|
|
458
|
+
readonly "fg.warning.inverse": "light-dark(#484E46, #484E46)";
|
|
459
|
+
readonly "fg.warning.light": "light-dark(#FFC84B, #DC6903)";
|
|
460
|
+
readonly "fg.warning.strong": "light-dark(#B54707, #FCD34D)";
|
|
461
|
+
readonly "fg.white": "light-dark(#FFFFFF, #D2DEC2)";
|
|
462
|
+
};
|
|
463
|
+
readonly duration: {
|
|
464
|
+
readonly sm: "150ms";
|
|
465
|
+
readonly md: "250ms";
|
|
466
|
+
readonly lg: "350ms";
|
|
467
|
+
};
|
|
468
|
+
readonly fontFamily: {
|
|
469
|
+
readonly heading: "Nudge SemiNormal, Roboto Condensed Variable, system-ui, sans-serif";
|
|
470
|
+
readonly mono: "Roboto Mono Variable, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace";
|
|
471
|
+
readonly sans: "DI Grotesk B, Roboto Variable, system-ui, sans-serif";
|
|
472
|
+
};
|
|
473
|
+
readonly fontSize: {
|
|
474
|
+
readonly xs: {
|
|
475
|
+
readonly fontSize: "10px";
|
|
476
|
+
readonly lineHeight: "14px";
|
|
369
477
|
};
|
|
370
|
-
readonly
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
readonly lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)";
|
|
374
|
-
readonly xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)";
|
|
478
|
+
readonly sm: {
|
|
479
|
+
readonly fontSize: "12px";
|
|
480
|
+
readonly lineHeight: "16px";
|
|
375
481
|
};
|
|
376
|
-
readonly
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
readonly "bg.accent.light": "light-dark(#DFFFB8, #38735D)";
|
|
380
|
-
readonly "bg.accent.pressed": "light-dark(#7DDD3D, #D3FF9D)";
|
|
381
|
-
readonly "bg.accent.subtle": "light-dark(#EEFFD9, #203526)";
|
|
382
|
-
readonly "bg.avatar.neutral": "light-dark(#EFF5EB, #202320)";
|
|
383
|
-
readonly "bg.avatar.purple": "light-dark(#EDE9FE, #7C3AED)";
|
|
384
|
-
readonly "bg.default": "light-dark(#FFFFFF, #2B2E2B)";
|
|
385
|
-
readonly "bg.default.hovered": "light-dark(#5F931F14, #DDE9D20D)";
|
|
386
|
-
readonly "bg.default.inverse": "light-dark(#252825, #F9FCF8)";
|
|
387
|
-
readonly "bg.default.inverse.hovered": "light-dark(#383E38, #D2DEC2)";
|
|
388
|
-
readonly "bg.default.inverse.pressed": "light-dark(#2B2E2B, #D2DEC2)";
|
|
389
|
-
readonly "bg.default.pressed": "light-dark(#5E8B2729, #DDE9D224)";
|
|
390
|
-
readonly "bg.error": "light-dark(#A95A77, #803F3F)";
|
|
391
|
-
readonly "bg.error.hovered": "light-dark(#8F4764, #904A4A)";
|
|
392
|
-
readonly "bg.error.light": "light-dark(#FFC1D3, #593030)";
|
|
393
|
-
readonly "bg.error.pressed": "light-dark(#5D2E41, #A85C5C)";
|
|
394
|
-
readonly "bg.error.subtle": "light-dark(#FFDFE8, #3E2D2D)";
|
|
395
|
-
readonly "bg.error.subtlest": "light-dark(#FFF1F5, #372C2C)";
|
|
396
|
-
readonly "bg.information": "light-dark(#036988, #036988)";
|
|
397
|
-
readonly "bg.information.light": "light-dark(#91DBDA, #01303E)";
|
|
398
|
-
readonly "bg.information.subtle": "light-dark(#E2F5F5, #1E3140)";
|
|
399
|
-
readonly "bg.overlay": "light-dark(#393E3252, #393E3252)";
|
|
400
|
-
readonly "bg.page": "light-dark(#F9FCF8, #252825)";
|
|
401
|
-
readonly "bg.pill.default": "light-dark(#D8E4CB, #484E46)";
|
|
402
|
-
readonly "bg.pill.hovered": "light-dark(#D2DEC2, #616755)";
|
|
403
|
-
readonly "bg.secondary": "light-dark(#EFF5EB, #202320)";
|
|
404
|
-
readonly "bg.secondary.hovered": "light-dark(#EFF5EB, #DDE9D224)";
|
|
405
|
-
readonly "bg.spinner.default": "light-dark(#202320, #F6FAF3)";
|
|
406
|
-
readonly "bg.spinner.inverse": "light-dark(#F6FAF3, #F6FAF3)";
|
|
407
|
-
readonly "bg.success": "light-dark(#ABFF44, #ABFF44)";
|
|
408
|
-
readonly "bg.success.hovered": "light-dark(#197050, #80B09F)";
|
|
409
|
-
readonly "bg.success.light": "light-dark(#BCD5CC, #114C36)";
|
|
410
|
-
readonly "bg.success.subtle": "light-dark(#EEFFD9, #123810)";
|
|
411
|
-
readonly "bg.tertiary": "light-dark(#EFF5EB, #202320)";
|
|
412
|
-
readonly "bg.tertiary.hovered": "light-dark(#D2DEC2, #DDE9D224)";
|
|
413
|
-
readonly "bg.warning": "light-dark(#FFC84B, #F79008)";
|
|
414
|
-
readonly "bg.warning.hovered": "light-dark(#DC6903, #FDB022)";
|
|
415
|
-
readonly "bg.warning.light": "light-dark(#FEDF88, #7A2E0D)";
|
|
416
|
-
readonly "bg.warning.subtle": "light-dark(#FEF1C6, #3A2D1A)";
|
|
417
|
-
readonly "border.accent": "light-dark(#ABFF44, #CEFF93)";
|
|
418
|
-
readonly "border.control": "light-dark(#A1AC8D, #717863)";
|
|
419
|
-
readonly "border.control.hovered": "light-dark(#717863, #A1AC8D)";
|
|
420
|
-
readonly "border.default": "light-dark(#D8E4CB, #484E46)";
|
|
421
|
-
readonly "border.disabled": "light-dark(#D8E4CB, #DDE9D21F)";
|
|
422
|
-
readonly "border.error": "light-dark(#A95A77, #FCA5A5)";
|
|
423
|
-
readonly "border.focus": "light-dark(#197A94, #409AAB)";
|
|
424
|
-
readonly "border.focus.error": "light-dark(#E284A0, #FF99B6)";
|
|
425
|
-
readonly "border.secondary": "light-dark(#E4F0DA, #383E38)";
|
|
426
|
-
readonly "border.success": "light-dark(#5F9B85, #5F9B85)";
|
|
427
|
-
readonly "border.tertiary": "light-dark(#E4F0DA, #383E38)";
|
|
428
|
-
readonly "border.warning": "light-dark(#F79008, #F79008)";
|
|
429
|
-
readonly "fg.accent": "light-dark(#ABFF44, #ABFF44)";
|
|
430
|
-
readonly "fg.accent.hovered": "light-dark(#3AB533, #BFFF70)";
|
|
431
|
-
readonly "fg.accent.strong": "light-dark(#226B1E, #CEFF93)";
|
|
432
|
-
readonly "fg.avatar.neutral": "light-dark(#484E46, #B2BD9E)";
|
|
433
|
-
readonly "fg.avatar.purple": "light-dark(#5B21B6, #FFFFFF)";
|
|
434
|
-
readonly "fg.black": "light-dark(#202320, #202320)";
|
|
435
|
-
readonly "fg.default": "light-dark(#202320, #D2DEC2)";
|
|
436
|
-
readonly "fg.default.inverse": "light-dark(#FFFFFF, #202320)";
|
|
437
|
-
readonly "fg.disabled": "light-dark(#A1AC8D, #717863)";
|
|
438
|
-
readonly "fg.error": "light-dark(#8F4764, #FCA5A5)";
|
|
439
|
-
readonly "fg.error.hovered": "light-dark(#5D2E41, #E284A0)";
|
|
440
|
-
readonly "fg.error.light": "light-dark(#FF99B6, #A95A77)";
|
|
441
|
-
readonly "fg.error.strong": "light-dark(#5D2E41, #FCA5A5)";
|
|
442
|
-
readonly "fg.information": "light-dark(#197A94, #93C5FD)";
|
|
443
|
-
readonly "fg.information.light": "light-dark(#60B4BE, #60B4BE)";
|
|
444
|
-
readonly "fg.information.strong": "light-dark(#036988, #93C5FD)";
|
|
445
|
-
readonly "fg.link.default": "light-dark(#226B1E, #3AB533)";
|
|
446
|
-
readonly "fg.link.default.hovered": "light-dark(#123810, #7DDD3D)";
|
|
447
|
-
readonly "fg.link.inverse": "light-dark(#FFFFFF, #202320)";
|
|
448
|
-
readonly "fg.link.subtle": "light-dark(#202320, #D2DEC2)";
|
|
449
|
-
readonly "fg.link.visited": "light-dark(#6D28D9, #7C3AED)";
|
|
450
|
-
readonly "fg.secondary": "light-dark(#484E46, #B2BD9E)";
|
|
451
|
-
readonly "fg.spinner.default": "light-dark(#08251A, #D8E4CB)";
|
|
452
|
-
readonly "fg.spinner.inverse": "light-dark(#FFFFFF, #08251A)";
|
|
453
|
-
readonly "fg.success": "light-dark(#3AB533, #86EFAC)";
|
|
454
|
-
readonly "fg.success.hovered": "light-dark(#226B1E, #ABFF44)";
|
|
455
|
-
readonly "fg.success.light": "light-dark(#CEFF93, #3AB533)";
|
|
456
|
-
readonly "fg.success.strong": "light-dark(#226B1E, #ABFF44)";
|
|
457
|
-
readonly "fg.tertiary": "light-dark(#616755, #A1AC8D)";
|
|
458
|
-
readonly "fg.warning": "light-dark(#F79008, #FCD34D)";
|
|
459
|
-
readonly "fg.warning.hovered": "light-dark(#DC6903, #DC6903)";
|
|
460
|
-
readonly "fg.warning.inverse": "light-dark(#484E46, #484E46)";
|
|
461
|
-
readonly "fg.warning.light": "light-dark(#FFC84B, #DC6903)";
|
|
462
|
-
readonly "fg.warning.strong": "light-dark(#B54707, #FCD34D)";
|
|
463
|
-
readonly "fg.white": "light-dark(#FFFFFF, #D2DEC2)";
|
|
482
|
+
readonly md: {
|
|
483
|
+
readonly fontSize: "14px";
|
|
484
|
+
readonly lineHeight: "20px";
|
|
464
485
|
};
|
|
465
|
-
readonly
|
|
466
|
-
|
|
467
|
-
|
|
468
|
-
readonly lg: "350ms";
|
|
486
|
+
readonly lg: {
|
|
487
|
+
readonly fontSize: "16px";
|
|
488
|
+
readonly lineHeight: "24px";
|
|
469
489
|
};
|
|
470
|
-
readonly
|
|
471
|
-
|
|
472
|
-
|
|
473
|
-
readonly sans: "DI Grotesk B, Roboto Variable, system-ui, sans-serif";
|
|
490
|
+
readonly xl: {
|
|
491
|
+
readonly fontSize: "20px";
|
|
492
|
+
readonly lineHeight: "28px";
|
|
474
493
|
};
|
|
475
|
-
readonly
|
|
476
|
-
|
|
477
|
-
|
|
478
|
-
readonly lineHeight: "14px";
|
|
479
|
-
};
|
|
480
|
-
readonly sm: {
|
|
481
|
-
readonly fontSize: "12px";
|
|
482
|
-
readonly lineHeight: "16px";
|
|
483
|
-
};
|
|
484
|
-
readonly md: {
|
|
485
|
-
readonly fontSize: "14px";
|
|
486
|
-
readonly lineHeight: "20px";
|
|
487
|
-
};
|
|
488
|
-
readonly lg: {
|
|
489
|
-
readonly fontSize: "16px";
|
|
490
|
-
readonly lineHeight: "24px";
|
|
491
|
-
};
|
|
492
|
-
readonly xl: {
|
|
493
|
-
readonly fontSize: "20px";
|
|
494
|
-
readonly lineHeight: "28px";
|
|
495
|
-
};
|
|
496
|
-
readonly "2xl": {
|
|
497
|
-
readonly fontSize: "24px";
|
|
498
|
-
readonly lineHeight: "32px";
|
|
499
|
-
};
|
|
500
|
-
readonly "3xl": {
|
|
501
|
-
readonly fontSize: "28px";
|
|
502
|
-
readonly lineHeight: "40px";
|
|
503
|
-
};
|
|
504
|
-
readonly "4xl": {
|
|
505
|
-
readonly fontSize: "50px";
|
|
506
|
-
readonly lineHeight: "60px";
|
|
507
|
-
};
|
|
494
|
+
readonly "2xl": {
|
|
495
|
+
readonly fontSize: "24px";
|
|
496
|
+
readonly lineHeight: "32px";
|
|
508
497
|
};
|
|
509
|
-
readonly
|
|
510
|
-
|
|
511
|
-
|
|
512
|
-
readonly md: "448px";
|
|
513
|
-
readonly lg: "512px";
|
|
498
|
+
readonly "3xl": {
|
|
499
|
+
readonly fontSize: "28px";
|
|
500
|
+
readonly lineHeight: "40px";
|
|
514
501
|
};
|
|
515
|
-
readonly
|
|
516
|
-
|
|
517
|
-
|
|
518
|
-
};
|
|
519
|
-
readonly size: {
|
|
520
|
-
readonly "2xs": "16px";
|
|
521
|
-
readonly xs: "20px";
|
|
522
|
-
readonly sm: "24px";
|
|
523
|
-
readonly md: "32px";
|
|
524
|
-
readonly lg: "40px";
|
|
525
|
-
readonly xl: "48px";
|
|
526
|
-
readonly "3xl": "80px";
|
|
527
|
-
};
|
|
528
|
-
readonly zIndex: {
|
|
529
|
-
readonly popover: "3000";
|
|
530
|
-
readonly toast: "3010";
|
|
531
|
-
readonly tooltip: "10000";
|
|
502
|
+
readonly "4xl": {
|
|
503
|
+
readonly fontSize: "50px";
|
|
504
|
+
readonly lineHeight: "60px";
|
|
532
505
|
};
|
|
506
|
+
};
|
|
507
|
+
readonly maxSize: {
|
|
508
|
+
readonly xs: "320px";
|
|
509
|
+
readonly sm: "384px";
|
|
510
|
+
readonly md: "448px";
|
|
511
|
+
readonly lg: "512px";
|
|
512
|
+
};
|
|
513
|
+
readonly screens: {
|
|
514
|
+
readonly sm: "600px";
|
|
515
|
+
readonly md: "900px";
|
|
516
|
+
};
|
|
517
|
+
readonly size: {
|
|
518
|
+
readonly "2xs": "16px";
|
|
519
|
+
readonly xs: "20px";
|
|
520
|
+
readonly sm: "24px";
|
|
521
|
+
readonly md: "32px";
|
|
522
|
+
readonly lg: "40px";
|
|
523
|
+
readonly xl: "48px";
|
|
524
|
+
readonly "3xl": "80px";
|
|
525
|
+
};
|
|
526
|
+
readonly zIndex: {
|
|
527
|
+
readonly popover: "3000";
|
|
528
|
+
readonly toast: "3010";
|
|
529
|
+
readonly tooltip: "10000";
|
|
530
|
+
};
|
|
533
531
|
};
|
|
534
|
-
|
|
535
|
-
export { AxiomAuthContext, AxiomVersionContext, ModalProvider, ToastProviderProvider, createToaster, theme, toaster, tokens, unstable_SuggestionContext, unstable_SurfaceProvider, unstable_useSurfaceContext, useModalContext, useToastProviderContext };
|
|
536
|
-
export type { MapLeafNodes };
|
|
532
|
+
//#endregion
|
|
533
|
+
export { AxiomAuthContext, AxiomVersionContext, MapLeafNodes, ModalProvider, ToastProviderProvider, createToaster, theme, toaster, tokens, unstable_SuggestionContext, unstable_SurfaceProvider, unstable_useSurfaceContext, useModalContext, useToastProviderContext };
|