@optiaxiom/globals 3.0.0-next.2 → 3.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (24) hide show
  1. package/dist/cjs/fonts.js +3 -6
  2. package/dist/cjs/index.js +593 -402
  3. package/dist/esm/context.js +3 -3
  4. package/dist/esm/fonts.js +3 -3
  5. package/dist/esm/index.js +8 -7
  6. package/dist/esm/modal-context.js +3 -3
  7. package/dist/esm/surface-context.js +36 -48
  8. package/dist/esm/theme-css.js +175 -2
  9. package/dist/esm/toast-context.js +3 -3
  10. package/dist/esm/toaster.js +56 -61
  11. package/dist/esm/tokens/borderRadius.js +9 -9
  12. package/dist/esm/tokens/boxShadow.js +6 -5
  13. package/dist/esm/tokens/colors.js +222 -178
  14. package/dist/esm/tokens/duration.js +5 -4
  15. package/dist/esm/tokens/fontFamily.js +5 -4
  16. package/dist/esm/tokens/fontSize.js +35 -35
  17. package/dist/esm/tokens/index.js +22 -22
  18. package/dist/esm/tokens/maxSize.js +7 -7
  19. package/dist/esm/tokens/rem.js +2 -1
  20. package/dist/esm/tokens/screens.js +5 -5
  21. package/dist/esm/tokens/size.js +10 -10
  22. package/dist/esm/tokens/zIndex.js +5 -4
  23. package/dist/index.d.ts +465 -464
  24. package/package.json +5 -4
package/dist/index.d.ts CHANGED
@@ -1,532 +1,533 @@
1
- import * as react from 'react';
2
- import { RefObject, ReactNode } from 'react';
1
+ import { ReactNode, RefObject } from "react";
3
2
 
4
- declare const AxiomAuthContext: 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;
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
- declare const ModalProvider: react.FC<{
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
- * Optional data associated with this surface.
32
- */
33
- data?: Record<string, unknown>;
34
- /**
35
- * The surface name (used in surface path).
36
- */
37
- name: string;
38
- /**
39
- * The surface type.
40
- */
41
- type: "action" | "cards" | "dialog" | "group" | "page" | "product" | "property" | "resource" | "tab";
42
- /**
43
- * Optional value associated with this surface.
44
- */
45
- value?: unknown;
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
- accept: (suggestionId: string) => void;
49
- executeTool: (name: string, parameters: unknown) => Promise<void> | void;
50
- metadata: Record<string, Omit<Surface, "name">>;
51
- name: string;
52
- pageViewId: string | undefined;
53
- path: string;
54
- reject: (suggestionId: string) => void;
55
- renderSuggestionValue?: (value: V) => React.ReactNode;
56
- suggestionAlert: {
57
- register: () => () => void;
58
- registered: boolean;
59
- };
60
- suggestionPopover: {
61
- register: () => () => void;
62
- registered: boolean;
63
- };
64
- suggestions: SurfaceSuggestion[];
65
- track: (interaction: SurfaceInteraction, surfaces?: Surface[]) => void;
66
- type: Surface["type"];
67
- value?: V;
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
- id?: string;
72
+ id?: string;
71
73
  } & ({
72
- checked: boolean;
73
- name: "toggled";
74
+ checked: boolean;
75
+ name: "toggled";
76
+ } | {
77
+ name: "added";
78
+ value: unknown;
74
79
  } | {
75
- name: "added";
76
- value: unknown;
80
+ name: "blurred";
77
81
  } | {
78
- name: "blurred";
82
+ name: "changed";
83
+ previousValue?: unknown;
84
+ value: unknown;
79
85
  } | {
80
- name: "changed";
81
- previousValue?: unknown;
82
- value: unknown;
86
+ name: "focused";
83
87
  } | {
84
- name: "focused";
88
+ name: "invoked";
85
89
  } | {
86
- name: "invoked";
90
+ name: "removed";
91
+ value: unknown;
87
92
  } | {
88
- name: "removed";
89
- value: unknown;
93
+ name: "requested";
94
+ value: unknown;
90
95
  } | {
91
- name: "viewed";
96
+ name: "viewed";
92
97
  });
93
98
  type SurfaceSuggestion = {
94
- createdAt: string;
95
- id: string;
96
- page: string;
97
- surface: string;
99
+ createdAt: string;
100
+ id: string;
101
+ page: string;
102
+ surface: string;
98
103
  } & ({
99
- cards: Array<{
100
- data: unknown;
101
- id: string;
102
- name: string;
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
- type: "value";
109
- value: unknown;
109
+ }>;
110
+ type: "cards";
110
111
  } | {
111
- text: string;
112
- tool?: {
113
- name: string;
114
- parameters: unknown;
115
- };
116
- type: "message";
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
- add: <V = unknown>(suggestion: Extract<SurfaceSuggestion, {
121
- type: "message" | "value";
122
- }>, surface: Pick<SurfaceContextValue<V>, "accept" | "executeTool" | "reject" | "renderSuggestionValue">) => () => void;
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
- children?: ReactNode;
126
- disabled: true;
130
+ children?: ReactNode;
131
+ disabled: true;
127
132
  }) | (SurfaceContextValue<V> & {
128
- children?: ReactNode;
129
- disabled?: false;
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
- readonly borderRadius: {
135
- readonly xs: "2px";
136
- readonly sm: "6px";
137
- readonly md: "8px";
138
- readonly lg: "12px";
139
- readonly xl: "16px";
140
- readonly full: "9999px";
141
- };
142
- readonly boxShadow: {
143
- readonly sm: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)";
144
- readonly md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)";
145
- readonly lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)";
146
- readonly xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)";
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(#D8E4CB, #DDE9D21F)";
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";
147
257
  };
148
- readonly colors: {
149
- readonly "bg.accent": "light-dark(#ABFF44, #ABFF44)";
150
- readonly "bg.accent.hovered": "light-dark(#99F141, #C5FF7E)";
151
- readonly "bg.accent.light": "light-dark(#DFFFB8, #38735D)";
152
- readonly "bg.accent.pressed": "light-dark(#7DDD3D, #D3FF9D)";
153
- readonly "bg.accent.subtle": "light-dark(#EEFFD9, #203526)";
154
- readonly "bg.avatar.neutral": "light-dark(#EFF5EB, #202320)";
155
- readonly "bg.avatar.purple": "light-dark(#EDE9FE, #7C3AED)";
156
- readonly "bg.default": "light-dark(#FFFFFF, #2B2E2B)";
157
- readonly "bg.default.hovered": "light-dark(#5F931F14, #DDE9D20D)";
158
- readonly "bg.default.inverse": "light-dark(#252825, #F9FCF8)";
159
- readonly "bg.default.inverse.hovered": "light-dark(#383E38, #D2DEC2)";
160
- readonly "bg.default.inverse.pressed": "light-dark(#2B2E2B, #D2DEC2)";
161
- readonly "bg.default.pressed": "light-dark(#5E8B2729, #DDE9D224)";
162
- readonly "bg.error": "light-dark(#A95A77, #803F3F)";
163
- readonly "bg.error.hovered": "light-dark(#8F4764, #904A4A)";
164
- readonly "bg.error.light": "light-dark(#FFC1D3, #593030)";
165
- readonly "bg.error.pressed": "light-dark(#5D2E41, #A85C5C)";
166
- readonly "bg.error.subtle": "light-dark(#FFDFE8, #3E2D2D)";
167
- readonly "bg.error.subtlest": "light-dark(#FFF1F5, #372C2C)";
168
- readonly "bg.information": "light-dark(#036988, #036988)";
169
- readonly "bg.information.light": "light-dark(#91DBDA, #01303E)";
170
- readonly "bg.information.subtle": "light-dark(#E2F5F5, #1E3140)";
171
- readonly "bg.overlay": "light-dark(#393E3252, #393E3252)";
172
- readonly "bg.page": "light-dark(#F9FCF8, #252825)";
173
- readonly "bg.pill.default": "light-dark(#D8E4CB, #484E46)";
174
- readonly "bg.pill.hovered": "light-dark(#D2DEC2, #616755)";
175
- readonly "bg.secondary": "light-dark(#EFF5EB, #202320)";
176
- readonly "bg.secondary.hovered": "light-dark(#EFF5EB, #DDE9D224)";
177
- readonly "bg.spinner.default": "light-dark(#202320, #F6FAF3)";
178
- readonly "bg.spinner.inverse": "light-dark(#F6FAF3, #F6FAF3)";
179
- readonly "bg.success": "light-dark(#ABFF44, #ABFF44)";
180
- readonly "bg.success.hovered": "light-dark(#197050, #80B09F)";
181
- readonly "bg.success.light": "light-dark(#BCD5CC, #114C36)";
182
- readonly "bg.success.subtle": "light-dark(#EEFFD9, #123810)";
183
- readonly "bg.tertiary": "light-dark(#EFF5EB, #202320)";
184
- readonly "bg.tertiary.hovered": "light-dark(#D2DEC2, #DDE9D224)";
185
- readonly "bg.warning": "light-dark(#FFC84B, #F79008)";
186
- readonly "bg.warning.hovered": "light-dark(#DC6903, #FDB022)";
187
- readonly "bg.warning.light": "light-dark(#FEDF88, #7A2E0D)";
188
- readonly "bg.warning.subtle": "light-dark(#FEF1C6, #3A2D1A)";
189
- readonly "border.accent": "light-dark(#ABFF44, #CEFF93)";
190
- readonly "border.control": "light-dark(#A1AC8D, #717863)";
191
- readonly "border.control.hovered": "light-dark(#717863, #A1AC8D)";
192
- readonly "border.default": "light-dark(#D8E4CB, #484E46)";
193
- readonly "border.disabled": "light-dark(#D8E4CB, #DDE9D21F)";
194
- readonly "border.error": "light-dark(#A95A77, #FCA5A5)";
195
- readonly "border.focus": "light-dark(#197A94, #409AAB)";
196
- readonly "border.focus.error": "light-dark(#E284A0, #FF99B6)";
197
- readonly "border.secondary": "light-dark(#E4F0DA, #383E38)";
198
- readonly "border.success": "light-dark(#5F9B85, #5F9B85)";
199
- readonly "border.tertiary": "light-dark(#E4F0DA, #383E38)";
200
- readonly "border.warning": "light-dark(#F79008, #F79008)";
201
- readonly "fg.accent": "light-dark(#ABFF44, #ABFF44)";
202
- readonly "fg.accent.hovered": "light-dark(#3AB533, #BFFF70)";
203
- readonly "fg.accent.strong": "light-dark(#226B1E, #CEFF93)";
204
- readonly "fg.avatar.neutral": "light-dark(#484E46, #B2BD9E)";
205
- readonly "fg.avatar.purple": "light-dark(#5B21B6, #FFFFFF)";
206
- readonly "fg.black": "light-dark(#202320, #202320)";
207
- readonly "fg.default": "light-dark(#202320, #D2DEC2)";
208
- readonly "fg.default.inverse": "light-dark(#FFFFFF, #202320)";
209
- readonly "fg.disabled": "light-dark(#A1AC8D, #717863)";
210
- readonly "fg.error": "light-dark(#8F4764, #FCA5A5)";
211
- readonly "fg.error.hovered": "light-dark(#5D2E41, #E284A0)";
212
- readonly "fg.error.light": "light-dark(#FF99B6, #A95A77)";
213
- readonly "fg.error.strong": "light-dark(#5D2E41, #FCA5A5)";
214
- readonly "fg.information": "light-dark(#197A94, #93C5FD)";
215
- readonly "fg.information.light": "light-dark(#60B4BE, #60B4BE)";
216
- readonly "fg.information.strong": "light-dark(#036988, #93C5FD)";
217
- readonly "fg.link.default": "light-dark(#226B1E, #3AB533)";
218
- readonly "fg.link.default.hovered": "light-dark(#123810, #7DDD3D)";
219
- readonly "fg.link.inverse": "light-dark(#FFFFFF, #202320)";
220
- readonly "fg.link.subtle": "light-dark(#202320, #D2DEC2)";
221
- readonly "fg.link.visited": "light-dark(#6D28D9, #7C3AED)";
222
- readonly "fg.secondary": "light-dark(#484E46, #B2BD9E)";
223
- readonly "fg.spinner.default": "light-dark(#08251A, #D8E4CB)";
224
- readonly "fg.spinner.inverse": "light-dark(#FFFFFF, #08251A)";
225
- readonly "fg.success": "light-dark(#3AB533, #86EFAC)";
226
- readonly "fg.success.hovered": "light-dark(#226B1E, #ABFF44)";
227
- readonly "fg.success.light": "light-dark(#CEFF93, #3AB533)";
228
- readonly "fg.success.strong": "light-dark(#226B1E, #ABFF44)";
229
- readonly "fg.tertiary": "light-dark(#616755, #A1AC8D)";
230
- readonly "fg.warning": "light-dark(#F79008, #FCD34D)";
231
- readonly "fg.warning.hovered": "light-dark(#DC6903, #DC6903)";
232
- readonly "fg.warning.inverse": "light-dark(#484E46, #484E46)";
233
- readonly "fg.warning.light": "light-dark(#FFC84B, #DC6903)";
234
- readonly "fg.warning.strong": "light-dark(#B54707, #FCD34D)";
235
- readonly "fg.white": "light-dark(#FFFFFF, #D2DEC2)";
258
+ readonly sm: {
259
+ readonly fontSize: "12px";
260
+ readonly lineHeight: "16px";
236
261
  };
237
- readonly duration: {
238
- readonly sm: "150ms";
239
- readonly md: "250ms";
240
- readonly lg: "350ms";
262
+ readonly md: {
263
+ readonly fontSize: "14px";
264
+ readonly lineHeight: "20px";
241
265
  };
242
- readonly fontFamily: {
243
- readonly heading: "Nudge Semicondensed, Roboto Condensed Variable, system-ui, sans-serif";
244
- readonly mono: "Roboto Mono Variable, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace";
245
- readonly sans: "DI Grotesk B, Roboto Variable, system-ui, sans-serif";
266
+ readonly lg: {
267
+ readonly fontSize: "16px";
268
+ readonly lineHeight: "24px";
246
269
  };
247
- readonly fontSize: {
248
- readonly xs: {
249
- readonly fontSize: "10px";
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: "50px";
278
- readonly lineHeight: "60px";
279
- };
270
+ readonly xl: {
271
+ readonly fontSize: "20px";
272
+ readonly lineHeight: "28px";
280
273
  };
281
- readonly maxSize: {
282
- readonly xs: "320px";
283
- readonly sm: "384px";
284
- readonly md: "448px";
285
- readonly lg: "512px";
274
+ readonly "2xl": {
275
+ readonly fontSize: "24px";
276
+ readonly lineHeight: "32px";
286
277
  };
287
- readonly screens: {
288
- readonly sm: "600px";
289
- readonly md: "900px";
278
+ readonly "3xl": {
279
+ readonly fontSize: "28px";
280
+ readonly lineHeight: "40px";
290
281
  };
291
- readonly size: {
292
- readonly "2xs": "16px";
293
- readonly xs: "20px";
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";
282
+ readonly "4xl": {
283
+ readonly fontSize: "50px";
284
+ readonly lineHeight: "60px";
304
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
+ };
305
311
  }, 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
- };
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 };
309
313
  type CSSVarFunction = `var(--${string})` | `var(--${string}, ${string})`;
310
314
  type Primitive = boolean | null | number | string | undefined;
311
-
312
- declare const ToastProviderProvider: react.FC<{
315
+ //#endregion
316
+ //#region src/toast-context.d.ts
317
+ declare const ToastProviderProvider: import("react").FC<{
313
318
  offset: number;
314
319
  onOpenChange: (open: boolean) => void;
315
320
  open: boolean;
316
321
  toastRef: RefObject<HTMLElement>;
317
- } & {
322
+ } & {
318
323
  children: React.ReactNode;
319
- }>;
320
- declare const useToastProviderContext: (consumerName: string) => {
324
+ }>, useToastProviderContext: (consumerName: string) => {
321
325
  offset: number;
322
326
  onOpenChange: (open: boolean) => void;
323
327
  open: boolean;
324
328
  toastRef: RefObject<HTMLElement>;
325
- };
326
-
329
+ };
330
+ //#endregion
331
+ //#region src/toaster.d.ts
327
332
  type ToastItem = {
328
- id: string;
329
- open: boolean;
330
- ref: RefObject<HTMLElement>;
331
- toast: ToastOptions & {
332
- title: string;
333
- };
333
+ id: string;
334
+ open: boolean;
335
+ ref: RefObject<HTMLElement>;
336
+ toast: ToastOptions & {
337
+ title: string;
338
+ };
334
339
  };
335
340
  type ToastOptions = {
336
- action?: string;
337
- intent?: "danger" | "information" | "neutral" | "success" | "warning";
338
- onAction?: () => void;
339
- /**
340
- * @deprecated
341
- */
342
- type?: "danger" | "information" | "neutral" | "success" | "warning";
341
+ action?: string;
342
+ intent?: "danger" | "information" | "neutral" | "success" | "warning";
343
+ onAction?: () => void;
344
+ /**
345
+ * @deprecated
346
+ */
347
+ type?: "danger" | "information" | "neutral" | "success" | "warning";
343
348
  };
344
349
  type Toaster = {
345
- clear: () => void;
346
- create: (message: string, options?: ToastOptions) => string;
347
- remove: (id: string) => void;
348
- store: [
349
- subscribe: (onStoreChange: () => void) => () => void,
350
- getSnapshot: () => ToastItem[],
351
- getServerSnapshot?: () => ToastItem[]
352
- ];
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[]];
353
354
  };
354
355
  declare const createToaster: () => Toaster;
355
356
  declare const toaster: Toaster;
356
-
357
+ //#endregion
358
+ //#region src/tokens/index.d.ts
357
359
  declare const tokens: {
358
- readonly borderRadius: {
359
- readonly xs: "2px";
360
- readonly sm: "6px";
361
- readonly md: "8px";
362
- readonly lg: "12px";
363
- readonly xl: "16px";
364
- readonly full: "9999px";
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(#D8E4CB, #DDE9D21F)";
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";
365
477
  };
366
- readonly boxShadow: {
367
- readonly sm: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)";
368
- readonly md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)";
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)";
478
+ readonly sm: {
479
+ readonly fontSize: "12px";
480
+ readonly lineHeight: "16px";
371
481
  };
372
- readonly colors: {
373
- readonly "bg.accent": "light-dark(#ABFF44, #ABFF44)";
374
- readonly "bg.accent.hovered": "light-dark(#99F141, #C5FF7E)";
375
- readonly "bg.accent.light": "light-dark(#DFFFB8, #38735D)";
376
- readonly "bg.accent.pressed": "light-dark(#7DDD3D, #D3FF9D)";
377
- readonly "bg.accent.subtle": "light-dark(#EEFFD9, #203526)";
378
- readonly "bg.avatar.neutral": "light-dark(#EFF5EB, #202320)";
379
- readonly "bg.avatar.purple": "light-dark(#EDE9FE, #7C3AED)";
380
- readonly "bg.default": "light-dark(#FFFFFF, #2B2E2B)";
381
- readonly "bg.default.hovered": "light-dark(#5F931F14, #DDE9D20D)";
382
- readonly "bg.default.inverse": "light-dark(#252825, #F9FCF8)";
383
- readonly "bg.default.inverse.hovered": "light-dark(#383E38, #D2DEC2)";
384
- readonly "bg.default.inverse.pressed": "light-dark(#2B2E2B, #D2DEC2)";
385
- readonly "bg.default.pressed": "light-dark(#5E8B2729, #DDE9D224)";
386
- readonly "bg.error": "light-dark(#A95A77, #803F3F)";
387
- readonly "bg.error.hovered": "light-dark(#8F4764, #904A4A)";
388
- readonly "bg.error.light": "light-dark(#FFC1D3, #593030)";
389
- readonly "bg.error.pressed": "light-dark(#5D2E41, #A85C5C)";
390
- readonly "bg.error.subtle": "light-dark(#FFDFE8, #3E2D2D)";
391
- readonly "bg.error.subtlest": "light-dark(#FFF1F5, #372C2C)";
392
- readonly "bg.information": "light-dark(#036988, #036988)";
393
- readonly "bg.information.light": "light-dark(#91DBDA, #01303E)";
394
- readonly "bg.information.subtle": "light-dark(#E2F5F5, #1E3140)";
395
- readonly "bg.overlay": "light-dark(#393E3252, #393E3252)";
396
- readonly "bg.page": "light-dark(#F9FCF8, #252825)";
397
- readonly "bg.pill.default": "light-dark(#D8E4CB, #484E46)";
398
- readonly "bg.pill.hovered": "light-dark(#D2DEC2, #616755)";
399
- readonly "bg.secondary": "light-dark(#EFF5EB, #202320)";
400
- readonly "bg.secondary.hovered": "light-dark(#EFF5EB, #DDE9D224)";
401
- readonly "bg.spinner.default": "light-dark(#202320, #F6FAF3)";
402
- readonly "bg.spinner.inverse": "light-dark(#F6FAF3, #F6FAF3)";
403
- readonly "bg.success": "light-dark(#ABFF44, #ABFF44)";
404
- readonly "bg.success.hovered": "light-dark(#197050, #80B09F)";
405
- readonly "bg.success.light": "light-dark(#BCD5CC, #114C36)";
406
- readonly "bg.success.subtle": "light-dark(#EEFFD9, #123810)";
407
- readonly "bg.tertiary": "light-dark(#EFF5EB, #202320)";
408
- readonly "bg.tertiary.hovered": "light-dark(#D2DEC2, #DDE9D224)";
409
- readonly "bg.warning": "light-dark(#FFC84B, #F79008)";
410
- readonly "bg.warning.hovered": "light-dark(#DC6903, #FDB022)";
411
- readonly "bg.warning.light": "light-dark(#FEDF88, #7A2E0D)";
412
- readonly "bg.warning.subtle": "light-dark(#FEF1C6, #3A2D1A)";
413
- readonly "border.accent": "light-dark(#ABFF44, #CEFF93)";
414
- readonly "border.control": "light-dark(#A1AC8D, #717863)";
415
- readonly "border.control.hovered": "light-dark(#717863, #A1AC8D)";
416
- readonly "border.default": "light-dark(#D8E4CB, #484E46)";
417
- readonly "border.disabled": "light-dark(#D8E4CB, #DDE9D21F)";
418
- readonly "border.error": "light-dark(#A95A77, #FCA5A5)";
419
- readonly "border.focus": "light-dark(#197A94, #409AAB)";
420
- readonly "border.focus.error": "light-dark(#E284A0, #FF99B6)";
421
- readonly "border.secondary": "light-dark(#E4F0DA, #383E38)";
422
- readonly "border.success": "light-dark(#5F9B85, #5F9B85)";
423
- readonly "border.tertiary": "light-dark(#E4F0DA, #383E38)";
424
- readonly "border.warning": "light-dark(#F79008, #F79008)";
425
- readonly "fg.accent": "light-dark(#ABFF44, #ABFF44)";
426
- readonly "fg.accent.hovered": "light-dark(#3AB533, #BFFF70)";
427
- readonly "fg.accent.strong": "light-dark(#226B1E, #CEFF93)";
428
- readonly "fg.avatar.neutral": "light-dark(#484E46, #B2BD9E)";
429
- readonly "fg.avatar.purple": "light-dark(#5B21B6, #FFFFFF)";
430
- readonly "fg.black": "light-dark(#202320, #202320)";
431
- readonly "fg.default": "light-dark(#202320, #D2DEC2)";
432
- readonly "fg.default.inverse": "light-dark(#FFFFFF, #202320)";
433
- readonly "fg.disabled": "light-dark(#A1AC8D, #717863)";
434
- readonly "fg.error": "light-dark(#8F4764, #FCA5A5)";
435
- readonly "fg.error.hovered": "light-dark(#5D2E41, #E284A0)";
436
- readonly "fg.error.light": "light-dark(#FF99B6, #A95A77)";
437
- readonly "fg.error.strong": "light-dark(#5D2E41, #FCA5A5)";
438
- readonly "fg.information": "light-dark(#197A94, #93C5FD)";
439
- readonly "fg.information.light": "light-dark(#60B4BE, #60B4BE)";
440
- readonly "fg.information.strong": "light-dark(#036988, #93C5FD)";
441
- readonly "fg.link.default": "light-dark(#226B1E, #3AB533)";
442
- readonly "fg.link.default.hovered": "light-dark(#123810, #7DDD3D)";
443
- readonly "fg.link.inverse": "light-dark(#FFFFFF, #202320)";
444
- readonly "fg.link.subtle": "light-dark(#202320, #D2DEC2)";
445
- readonly "fg.link.visited": "light-dark(#6D28D9, #7C3AED)";
446
- readonly "fg.secondary": "light-dark(#484E46, #B2BD9E)";
447
- readonly "fg.spinner.default": "light-dark(#08251A, #D8E4CB)";
448
- readonly "fg.spinner.inverse": "light-dark(#FFFFFF, #08251A)";
449
- readonly "fg.success": "light-dark(#3AB533, #86EFAC)";
450
- readonly "fg.success.hovered": "light-dark(#226B1E, #ABFF44)";
451
- readonly "fg.success.light": "light-dark(#CEFF93, #3AB533)";
452
- readonly "fg.success.strong": "light-dark(#226B1E, #ABFF44)";
453
- readonly "fg.tertiary": "light-dark(#616755, #A1AC8D)";
454
- readonly "fg.warning": "light-dark(#F79008, #FCD34D)";
455
- readonly "fg.warning.hovered": "light-dark(#DC6903, #DC6903)";
456
- readonly "fg.warning.inverse": "light-dark(#484E46, #484E46)";
457
- readonly "fg.warning.light": "light-dark(#FFC84B, #DC6903)";
458
- readonly "fg.warning.strong": "light-dark(#B54707, #FCD34D)";
459
- readonly "fg.white": "light-dark(#FFFFFF, #D2DEC2)";
482
+ readonly md: {
483
+ readonly fontSize: "14px";
484
+ readonly lineHeight: "20px";
460
485
  };
461
- readonly duration: {
462
- readonly sm: "150ms";
463
- readonly md: "250ms";
464
- readonly lg: "350ms";
486
+ readonly lg: {
487
+ readonly fontSize: "16px";
488
+ readonly lineHeight: "24px";
465
489
  };
466
- readonly fontFamily: {
467
- readonly heading: "Nudge Semicondensed, Roboto Condensed Variable, system-ui, sans-serif";
468
- readonly mono: "Roboto Mono Variable, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace";
469
- readonly sans: "DI Grotesk B, Roboto Variable, system-ui, sans-serif";
490
+ readonly xl: {
491
+ readonly fontSize: "20px";
492
+ readonly lineHeight: "28px";
470
493
  };
471
- readonly fontSize: {
472
- readonly xs: {
473
- readonly fontSize: "10px";
474
- readonly lineHeight: "14px";
475
- };
476
- readonly sm: {
477
- readonly fontSize: "12px";
478
- readonly lineHeight: "16px";
479
- };
480
- readonly md: {
481
- readonly fontSize: "14px";
482
- readonly lineHeight: "20px";
483
- };
484
- readonly lg: {
485
- readonly fontSize: "16px";
486
- readonly lineHeight: "24px";
487
- };
488
- readonly xl: {
489
- readonly fontSize: "20px";
490
- readonly lineHeight: "28px";
491
- };
492
- readonly "2xl": {
493
- readonly fontSize: "24px";
494
- readonly lineHeight: "32px";
495
- };
496
- readonly "3xl": {
497
- readonly fontSize: "28px";
498
- readonly lineHeight: "40px";
499
- };
500
- readonly "4xl": {
501
- readonly fontSize: "50px";
502
- readonly lineHeight: "60px";
503
- };
494
+ readonly "2xl": {
495
+ readonly fontSize: "24px";
496
+ readonly lineHeight: "32px";
504
497
  };
505
- readonly maxSize: {
506
- readonly xs: "320px";
507
- readonly sm: "384px";
508
- readonly md: "448px";
509
- readonly lg: "512px";
498
+ readonly "3xl": {
499
+ readonly fontSize: "28px";
500
+ readonly lineHeight: "40px";
510
501
  };
511
- readonly screens: {
512
- readonly sm: "600px";
513
- readonly md: "900px";
514
- };
515
- readonly size: {
516
- readonly "2xs": "16px";
517
- readonly xs: "20px";
518
- readonly sm: "24px";
519
- readonly md: "32px";
520
- readonly lg: "40px";
521
- readonly xl: "48px";
522
- readonly "3xl": "80px";
523
- };
524
- readonly zIndex: {
525
- readonly popover: "3000";
526
- readonly toast: "3010";
527
- readonly tooltip: "10000";
502
+ readonly "4xl": {
503
+ readonly fontSize: "50px";
504
+ readonly lineHeight: "60px";
528
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
+ };
529
531
  };
530
-
531
- export { AxiomAuthContext, AxiomVersionContext, ModalProvider, ToastProviderProvider, createToaster, theme, toaster, tokens, unstable_SuggestionContext, unstable_SurfaceProvider, unstable_useSurfaceContext, useModalContext, useToastProviderContext };
532
- export type { MapLeafNodes };
532
+ //#endregion
533
+ export { AxiomAuthContext, AxiomVersionContext, MapLeafNodes, ModalProvider, ToastProviderProvider, createToaster, theme, toaster, tokens, unstable_SuggestionContext, unstable_SurfaceProvider, unstable_useSurfaceContext, useModalContext, useToastProviderContext };