@lets-events/react 12.10.15 → 12.10.17
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/.turbo/turbo-build.log +7 -7
- package/CHANGELOG.md +12 -0
- package/dist/index.d.mts +448 -437
- package/dist/index.d.ts +448 -437
- package/dist/index.js +10 -10
- package/dist/index.mjs +10 -10
- package/package.json +1 -1
- package/src/components/Badge.tsx +15 -6
- package/src/components/Button/index.tsx +3 -1
- package/src/components/Card.tsx +14 -7
- package/src/components/Flex.tsx +4 -4
- package/src/components/Text.tsx +4 -3
package/dist/index.d.mts
CHANGED
|
@@ -4,10 +4,11 @@ import { FontAwesomeIconProps } from '@fortawesome/react-fontawesome';
|
|
|
4
4
|
import PropTypes from 'prop-types';
|
|
5
5
|
import * as _stitches_react_types_styled_component from '@stitches/react/types/styled-component';
|
|
6
6
|
import * as _stitches_react_types_css_util from '@stitches/react/types/css-util';
|
|
7
|
-
import * as
|
|
8
|
-
import
|
|
7
|
+
import * as react from 'react';
|
|
8
|
+
import react__default, { ElementType, ReactNode, CSSProperties, ButtonHTMLAttributes, ComponentProps, MouseEvent, HTMLAttributes, JSX } from 'react';
|
|
9
9
|
import * as _radix_ui_themes from '@radix-ui/themes';
|
|
10
10
|
import { TextField as TextField$1, RadioGroup as RadioGroup$1, CheckboxGroup as CheckboxGroup$1, DropdownMenu as DropdownMenu$1, AlertDialog, Switch as Switch$1 } from '@radix-ui/themes';
|
|
11
|
+
import { CSS } from '@stitches/react';
|
|
11
12
|
import { Colors } from '@lets-events/tokens';
|
|
12
13
|
import { MaskOptions, format, unformat } from '@react-input/mask';
|
|
13
14
|
import { Dialog } from 'radix-ui';
|
|
@@ -30,6 +31,385 @@ declare const Icon: {
|
|
|
30
31
|
};
|
|
31
32
|
};
|
|
32
33
|
|
|
34
|
+
declare const config: {
|
|
35
|
+
prefix: "";
|
|
36
|
+
media: {
|
|
37
|
+
md: "(max-width: 690px)";
|
|
38
|
+
};
|
|
39
|
+
theme: {
|
|
40
|
+
colors: {
|
|
41
|
+
brand50: string;
|
|
42
|
+
brand100: string;
|
|
43
|
+
brand200: string;
|
|
44
|
+
brand300: string;
|
|
45
|
+
brand400: string;
|
|
46
|
+
brand500: string;
|
|
47
|
+
brand600: string;
|
|
48
|
+
brand700: string;
|
|
49
|
+
brand800: string;
|
|
50
|
+
brand900: string;
|
|
51
|
+
brand950: string;
|
|
52
|
+
blue50: string;
|
|
53
|
+
blue100: string;
|
|
54
|
+
blue200: string;
|
|
55
|
+
blue300: string;
|
|
56
|
+
blue400: string;
|
|
57
|
+
blue500: string;
|
|
58
|
+
blue600: string;
|
|
59
|
+
blue700: string;
|
|
60
|
+
blue800: string;
|
|
61
|
+
blue900: string;
|
|
62
|
+
blue950: string;
|
|
63
|
+
red50: string;
|
|
64
|
+
red100: string;
|
|
65
|
+
red200: string;
|
|
66
|
+
red300: string;
|
|
67
|
+
red400: string;
|
|
68
|
+
red500: string;
|
|
69
|
+
red600: string;
|
|
70
|
+
red700: string;
|
|
71
|
+
red800: string;
|
|
72
|
+
red900: string;
|
|
73
|
+
red950: string;
|
|
74
|
+
purple50: string;
|
|
75
|
+
purple100: string;
|
|
76
|
+
purple200: string;
|
|
77
|
+
purple300: string;
|
|
78
|
+
purple400: string;
|
|
79
|
+
purple500: string;
|
|
80
|
+
purple600: string;
|
|
81
|
+
purple700: string;
|
|
82
|
+
purple800: string;
|
|
83
|
+
purple900: string;
|
|
84
|
+
purple950: string;
|
|
85
|
+
yellow50: string;
|
|
86
|
+
yellow100: string;
|
|
87
|
+
yellow200: string;
|
|
88
|
+
yellow300: string;
|
|
89
|
+
yellow400: string;
|
|
90
|
+
yellow500: string;
|
|
91
|
+
yellow600: string;
|
|
92
|
+
yellow700: string;
|
|
93
|
+
yellow800: string;
|
|
94
|
+
yellow900: string;
|
|
95
|
+
yellow950: string;
|
|
96
|
+
dark50: string;
|
|
97
|
+
dark100: string;
|
|
98
|
+
dark200: string;
|
|
99
|
+
dark300: string;
|
|
100
|
+
dark400: string;
|
|
101
|
+
dark500: string;
|
|
102
|
+
dark600: string;
|
|
103
|
+
dark700: string;
|
|
104
|
+
dark800: string;
|
|
105
|
+
dark900: string;
|
|
106
|
+
dark950: string;
|
|
107
|
+
neutral50: string;
|
|
108
|
+
neutral100: string;
|
|
109
|
+
neutral200: string;
|
|
110
|
+
neutral300: string;
|
|
111
|
+
neutral400: string;
|
|
112
|
+
neutral500: string;
|
|
113
|
+
neutral600: string;
|
|
114
|
+
neutral700: string;
|
|
115
|
+
neutral800: string;
|
|
116
|
+
neutral900: string;
|
|
117
|
+
neutral950: string;
|
|
118
|
+
green50: string;
|
|
119
|
+
green100: string;
|
|
120
|
+
green200: string;
|
|
121
|
+
green300: string;
|
|
122
|
+
green400: string;
|
|
123
|
+
green500: string;
|
|
124
|
+
green600: string;
|
|
125
|
+
green700: string;
|
|
126
|
+
green800: string;
|
|
127
|
+
green900: string;
|
|
128
|
+
green950: string;
|
|
129
|
+
grey50: string;
|
|
130
|
+
grey100: string;
|
|
131
|
+
grey200: string;
|
|
132
|
+
grey300: string;
|
|
133
|
+
grey400: string;
|
|
134
|
+
grey500: string;
|
|
135
|
+
grey600: string;
|
|
136
|
+
grey700: string;
|
|
137
|
+
grey800: string;
|
|
138
|
+
grey900: string;
|
|
139
|
+
grey950: string;
|
|
140
|
+
error50: string;
|
|
141
|
+
error100: string;
|
|
142
|
+
error200: string;
|
|
143
|
+
error300: string;
|
|
144
|
+
error400: string;
|
|
145
|
+
error500: string;
|
|
146
|
+
error600: string;
|
|
147
|
+
error700: string;
|
|
148
|
+
error800: string;
|
|
149
|
+
error900: string;
|
|
150
|
+
error950: string;
|
|
151
|
+
success50: string;
|
|
152
|
+
success100: string;
|
|
153
|
+
success200: string;
|
|
154
|
+
success300: string;
|
|
155
|
+
success400: string;
|
|
156
|
+
success500: string;
|
|
157
|
+
success600: string;
|
|
158
|
+
success700: string;
|
|
159
|
+
success800: string;
|
|
160
|
+
success900: string;
|
|
161
|
+
success950: string;
|
|
162
|
+
warning50: string;
|
|
163
|
+
warning100: string;
|
|
164
|
+
warning200: string;
|
|
165
|
+
warning300: string;
|
|
166
|
+
warning400: string;
|
|
167
|
+
warning500: string;
|
|
168
|
+
warning600: string;
|
|
169
|
+
warning700: string;
|
|
170
|
+
warning800: string;
|
|
171
|
+
warning900: string;
|
|
172
|
+
warning950: string;
|
|
173
|
+
info50: string;
|
|
174
|
+
info100: string;
|
|
175
|
+
info200: string;
|
|
176
|
+
info300: string;
|
|
177
|
+
info400: string;
|
|
178
|
+
info500: string;
|
|
179
|
+
info600: string;
|
|
180
|
+
info700: string;
|
|
181
|
+
info800: string;
|
|
182
|
+
info900: string;
|
|
183
|
+
info950: string;
|
|
184
|
+
};
|
|
185
|
+
fontSizes: {
|
|
186
|
+
2: string;
|
|
187
|
+
4: string;
|
|
188
|
+
6: string;
|
|
189
|
+
8: string;
|
|
190
|
+
10: string;
|
|
191
|
+
12: string;
|
|
192
|
+
13: string;
|
|
193
|
+
14: string;
|
|
194
|
+
16: string;
|
|
195
|
+
18: string;
|
|
196
|
+
20: string;
|
|
197
|
+
22: string;
|
|
198
|
+
24: string;
|
|
199
|
+
32: string;
|
|
200
|
+
36: string;
|
|
201
|
+
40: string;
|
|
202
|
+
48: string;
|
|
203
|
+
56: string;
|
|
204
|
+
64: string;
|
|
205
|
+
72: string;
|
|
206
|
+
80: string;
|
|
207
|
+
xs: string;
|
|
208
|
+
sm: string;
|
|
209
|
+
md: string;
|
|
210
|
+
lg: string;
|
|
211
|
+
'2xl': string;
|
|
212
|
+
'3xl': string;
|
|
213
|
+
'4xl': string;
|
|
214
|
+
full: string;
|
|
215
|
+
};
|
|
216
|
+
fonts: {
|
|
217
|
+
default: string;
|
|
218
|
+
};
|
|
219
|
+
fontWeights: {
|
|
220
|
+
regular: string;
|
|
221
|
+
medium: string;
|
|
222
|
+
semibold: string;
|
|
223
|
+
bold: string;
|
|
224
|
+
};
|
|
225
|
+
lineHeights: {
|
|
226
|
+
smaller: string;
|
|
227
|
+
shorter: string;
|
|
228
|
+
short: string;
|
|
229
|
+
base: string;
|
|
230
|
+
tall: string;
|
|
231
|
+
};
|
|
232
|
+
radii: {
|
|
233
|
+
'3xs': string;
|
|
234
|
+
'2xs': string;
|
|
235
|
+
xs: string;
|
|
236
|
+
sm: string;
|
|
237
|
+
md: string;
|
|
238
|
+
lg: string;
|
|
239
|
+
xl: string;
|
|
240
|
+
'2xl': string;
|
|
241
|
+
'3xl': string;
|
|
242
|
+
'4xl': string;
|
|
243
|
+
'5xl': string;
|
|
244
|
+
'6xl': string;
|
|
245
|
+
'7xl': string;
|
|
246
|
+
'8xl': string;
|
|
247
|
+
'9xl': string;
|
|
248
|
+
'10xl': string;
|
|
249
|
+
'11xl': string;
|
|
250
|
+
'12xl': string;
|
|
251
|
+
'13xl': string;
|
|
252
|
+
'14xl': string;
|
|
253
|
+
full: string;
|
|
254
|
+
};
|
|
255
|
+
space: {
|
|
256
|
+
2: string;
|
|
257
|
+
4: string;
|
|
258
|
+
6: string;
|
|
259
|
+
8: string;
|
|
260
|
+
10: string;
|
|
261
|
+
12: string;
|
|
262
|
+
13: string;
|
|
263
|
+
14: string;
|
|
264
|
+
16: string;
|
|
265
|
+
18: string;
|
|
266
|
+
20: string;
|
|
267
|
+
22: string;
|
|
268
|
+
24: string;
|
|
269
|
+
32: string;
|
|
270
|
+
36: string;
|
|
271
|
+
40: string;
|
|
272
|
+
48: string;
|
|
273
|
+
56: string;
|
|
274
|
+
64: string;
|
|
275
|
+
72: string;
|
|
276
|
+
80: string;
|
|
277
|
+
full: string;
|
|
278
|
+
};
|
|
279
|
+
};
|
|
280
|
+
themeMap: {
|
|
281
|
+
height: "space";
|
|
282
|
+
width: "space";
|
|
283
|
+
gap: "space";
|
|
284
|
+
gridGap: "space";
|
|
285
|
+
columnGap: "space";
|
|
286
|
+
gridColumnGap: "space";
|
|
287
|
+
rowGap: "space";
|
|
288
|
+
gridRowGap: "space";
|
|
289
|
+
inset: "space";
|
|
290
|
+
insetBlock: "space";
|
|
291
|
+
insetBlockEnd: "space";
|
|
292
|
+
insetBlockStart: "space";
|
|
293
|
+
insetInline: "space";
|
|
294
|
+
insetInlineEnd: "space";
|
|
295
|
+
insetInlineStart: "space";
|
|
296
|
+
margin: "space";
|
|
297
|
+
marginTop: "space";
|
|
298
|
+
marginRight: "space";
|
|
299
|
+
marginBottom: "space";
|
|
300
|
+
marginLeft: "space";
|
|
301
|
+
marginBlock: "space";
|
|
302
|
+
marginBlockEnd: "space";
|
|
303
|
+
marginBlockStart: "space";
|
|
304
|
+
marginInline: "space";
|
|
305
|
+
marginInlineEnd: "space";
|
|
306
|
+
marginInlineStart: "space";
|
|
307
|
+
padding: "space";
|
|
308
|
+
paddingTop: "space";
|
|
309
|
+
paddingRight: "space";
|
|
310
|
+
paddingBottom: "space";
|
|
311
|
+
paddingLeft: "space";
|
|
312
|
+
paddingBlock: "space";
|
|
313
|
+
paddingBlockEnd: "space";
|
|
314
|
+
paddingBlockStart: "space";
|
|
315
|
+
paddingInline: "space";
|
|
316
|
+
paddingInlineEnd: "space";
|
|
317
|
+
paddingInlineStart: "space";
|
|
318
|
+
scrollMargin: "space";
|
|
319
|
+
scrollMarginTop: "space";
|
|
320
|
+
scrollMarginRight: "space";
|
|
321
|
+
scrollMarginBottom: "space";
|
|
322
|
+
scrollMarginLeft: "space";
|
|
323
|
+
scrollMarginBlock: "space";
|
|
324
|
+
scrollMarginBlockEnd: "space";
|
|
325
|
+
scrollMarginBlockStart: "space";
|
|
326
|
+
scrollMarginInline: "space";
|
|
327
|
+
scrollMarginInlineEnd: "space";
|
|
328
|
+
scrollMarginInlineStart: "space";
|
|
329
|
+
scrollPadding: "space";
|
|
330
|
+
scrollPaddingTop: "space";
|
|
331
|
+
scrollPaddingRight: "space";
|
|
332
|
+
scrollPaddingBottom: "space";
|
|
333
|
+
scrollPaddingLeft: "space";
|
|
334
|
+
scrollPaddingBlock: "space";
|
|
335
|
+
scrollPaddingBlockEnd: "space";
|
|
336
|
+
scrollPaddingBlockStart: "space";
|
|
337
|
+
scrollPaddingInline: "space";
|
|
338
|
+
scrollPaddingInlineEnd: "space";
|
|
339
|
+
scrollPaddingInlineStart: "space";
|
|
340
|
+
top: "space";
|
|
341
|
+
right: "space";
|
|
342
|
+
bottom: "space";
|
|
343
|
+
left: "space";
|
|
344
|
+
fontSize: "fontSizes";
|
|
345
|
+
background: "colors";
|
|
346
|
+
backgroundColor: "colors";
|
|
347
|
+
backgroundImage: "colors";
|
|
348
|
+
borderImage: "colors";
|
|
349
|
+
border: "colors";
|
|
350
|
+
borderBlock: "colors";
|
|
351
|
+
borderBlockEnd: "colors";
|
|
352
|
+
borderBlockStart: "colors";
|
|
353
|
+
borderBottom: "colors";
|
|
354
|
+
borderBottomColor: "colors";
|
|
355
|
+
borderColor: "colors";
|
|
356
|
+
borderInline: "colors";
|
|
357
|
+
borderInlineEnd: "colors";
|
|
358
|
+
borderInlineStart: "colors";
|
|
359
|
+
borderLeft: "colors";
|
|
360
|
+
borderLeftColor: "colors";
|
|
361
|
+
borderRight: "colors";
|
|
362
|
+
borderRightColor: "colors";
|
|
363
|
+
borderTop: "colors";
|
|
364
|
+
borderTopColor: "colors";
|
|
365
|
+
caretColor: "colors";
|
|
366
|
+
color: "colors";
|
|
367
|
+
columnRuleColor: "colors";
|
|
368
|
+
outline: "colors";
|
|
369
|
+
outlineColor: "colors";
|
|
370
|
+
fill: "colors";
|
|
371
|
+
stroke: "colors";
|
|
372
|
+
textDecorationColor: "colors";
|
|
373
|
+
fontFamily: "fonts";
|
|
374
|
+
fontWeight: "fontWeights";
|
|
375
|
+
lineHeight: "lineHeights";
|
|
376
|
+
letterSpacing: "letterSpacings";
|
|
377
|
+
blockSize: "sizes";
|
|
378
|
+
minBlockSize: "sizes";
|
|
379
|
+
maxBlockSize: "sizes";
|
|
380
|
+
inlineSize: "sizes";
|
|
381
|
+
minInlineSize: "sizes";
|
|
382
|
+
maxInlineSize: "sizes";
|
|
383
|
+
minWidth: "sizes";
|
|
384
|
+
maxWidth: "sizes";
|
|
385
|
+
minHeight: "sizes";
|
|
386
|
+
maxHeight: "sizes";
|
|
387
|
+
flexBasis: "sizes";
|
|
388
|
+
gridTemplateColumns: "sizes";
|
|
389
|
+
gridTemplateRows: "sizes";
|
|
390
|
+
borderWidth: "borderWidths";
|
|
391
|
+
borderTopWidth: "borderWidths";
|
|
392
|
+
borderLeftWidth: "borderWidths";
|
|
393
|
+
borderRightWidth: "borderWidths";
|
|
394
|
+
borderBottomWidth: "borderWidths";
|
|
395
|
+
borderStyle: "borderStyles";
|
|
396
|
+
borderTopStyle: "borderStyles";
|
|
397
|
+
borderLeftStyle: "borderStyles";
|
|
398
|
+
borderRightStyle: "borderStyles";
|
|
399
|
+
borderBottomStyle: "borderStyles";
|
|
400
|
+
borderRadius: "radii";
|
|
401
|
+
borderTopLeftRadius: "radii";
|
|
402
|
+
borderTopRightRadius: "radii";
|
|
403
|
+
borderBottomRightRadius: "radii";
|
|
404
|
+
borderBottomLeftRadius: "radii";
|
|
405
|
+
boxShadow: "shadows";
|
|
406
|
+
textShadow: "shadows";
|
|
407
|
+
transition: "transitions";
|
|
408
|
+
zIndex: "zIndices";
|
|
409
|
+
};
|
|
410
|
+
utils: {};
|
|
411
|
+
};
|
|
412
|
+
|
|
33
413
|
declare const typographyValues: {
|
|
34
414
|
displayLarge: {
|
|
35
415
|
fontSize: string;
|
|
@@ -172,7 +552,7 @@ declare const typographyValues: {
|
|
|
172
552
|
};
|
|
173
553
|
};
|
|
174
554
|
|
|
175
|
-
declare const TextStyle: _stitches_react_types_styled_component.StyledComponent<
|
|
555
|
+
declare const TextStyle: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<_radix_ui_themes.TextProps & react.RefAttributes<HTMLSpanElement>>, {
|
|
176
556
|
typography?: "tooltip" | "displayLarge" | "displayMedium" | "displaySmall" | "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headline7" | "headline8" | "bodyXL" | "bodyL" | "bodyM" | "bodyS" | "bodyXS" | "bodyXXS" | "badgeLarge" | "badgeMedium" | "badgeSmall" | "badgeExtraSmall" | "popoversRegular" | "captionLarge" | "captionMedium" | "captionSmall" | "buttonLarge" | "buttonMedium" | "buttonSmall" | "buttonExtraSmall" | "labelLarge" | "labelMedium" | "labelSmall" | "labelExtraSmall" | undefined;
|
|
177
557
|
fontWeight?: "bold" | "medium" | "regular" | "semibold" | undefined;
|
|
178
558
|
}, {
|
|
@@ -566,394 +946,10 @@ type TextProps = {
|
|
|
566
946
|
"aria-hidden"?: boolean | "true" | "false";
|
|
567
947
|
className?: string;
|
|
568
948
|
style?: CSSProperties;
|
|
569
|
-
css?:
|
|
949
|
+
css?: CSS<typeof config>;
|
|
570
950
|
};
|
|
571
951
|
declare function Text({ color, ...props }: TextProps): react_jsx_runtime.JSX.Element;
|
|
572
952
|
|
|
573
|
-
declare const ButtonStyled: _stitches_react_types_styled_component.StyledComponent<React$1.ForwardRefExoticComponent<_radix_ui_themes.ButtonProps & React$1.RefAttributes<HTMLButtonElement>>, {
|
|
574
|
-
color?: "info" | "warning" | "purple" | "white" | "brand" | "error" | "success" | "neutral" | undefined;
|
|
575
|
-
size?: "medium" | "small" | "large" | "extraSmall" | undefined;
|
|
576
|
-
variant?: "text" | "toggle" | "contained" | "outlined" | "menuDropdownItem" | "menuDropdownItemDelete" | undefined;
|
|
577
|
-
fontWeight?: "bold" | "medium" | "regular" | "semibold" | undefined;
|
|
578
|
-
textAlign?: "left" | "right" | "center" | undefined;
|
|
579
|
-
outlinedBgColor?: "transparent" | "neutral" | undefined;
|
|
580
|
-
radii?: "full" | undefined;
|
|
581
|
-
isCircle?: boolean | "true" | undefined;
|
|
582
|
-
}, {
|
|
583
|
-
md: "(max-width: 690px)";
|
|
584
|
-
}, _stitches_react_types_css_util.CSS<{
|
|
585
|
-
md: "(max-width: 690px)";
|
|
586
|
-
}, {
|
|
587
|
-
colors: {
|
|
588
|
-
brand50: string;
|
|
589
|
-
brand100: string;
|
|
590
|
-
brand200: string;
|
|
591
|
-
brand300: string;
|
|
592
|
-
brand400: string;
|
|
593
|
-
brand500: string;
|
|
594
|
-
brand600: string;
|
|
595
|
-
brand700: string;
|
|
596
|
-
brand800: string;
|
|
597
|
-
brand900: string;
|
|
598
|
-
brand950: string;
|
|
599
|
-
blue50: string;
|
|
600
|
-
blue100: string;
|
|
601
|
-
blue200: string;
|
|
602
|
-
blue300: string;
|
|
603
|
-
blue400: string;
|
|
604
|
-
blue500: string;
|
|
605
|
-
blue600: string;
|
|
606
|
-
blue700: string;
|
|
607
|
-
blue800: string;
|
|
608
|
-
blue900: string;
|
|
609
|
-
blue950: string;
|
|
610
|
-
red50: string;
|
|
611
|
-
red100: string;
|
|
612
|
-
red200: string;
|
|
613
|
-
red300: string;
|
|
614
|
-
red400: string;
|
|
615
|
-
red500: string;
|
|
616
|
-
red600: string;
|
|
617
|
-
red700: string;
|
|
618
|
-
red800: string;
|
|
619
|
-
red900: string;
|
|
620
|
-
red950: string;
|
|
621
|
-
purple50: string;
|
|
622
|
-
purple100: string;
|
|
623
|
-
purple200: string;
|
|
624
|
-
purple300: string;
|
|
625
|
-
purple400: string;
|
|
626
|
-
purple500: string;
|
|
627
|
-
purple600: string;
|
|
628
|
-
purple700: string;
|
|
629
|
-
purple800: string;
|
|
630
|
-
purple900: string;
|
|
631
|
-
purple950: string;
|
|
632
|
-
yellow50: string;
|
|
633
|
-
yellow100: string;
|
|
634
|
-
yellow200: string;
|
|
635
|
-
yellow300: string;
|
|
636
|
-
yellow400: string;
|
|
637
|
-
yellow500: string;
|
|
638
|
-
yellow600: string;
|
|
639
|
-
yellow700: string;
|
|
640
|
-
yellow800: string;
|
|
641
|
-
yellow900: string;
|
|
642
|
-
yellow950: string;
|
|
643
|
-
dark50: string;
|
|
644
|
-
dark100: string;
|
|
645
|
-
dark200: string;
|
|
646
|
-
dark300: string;
|
|
647
|
-
dark400: string;
|
|
648
|
-
dark500: string;
|
|
649
|
-
dark600: string;
|
|
650
|
-
dark700: string;
|
|
651
|
-
dark800: string;
|
|
652
|
-
dark900: string;
|
|
653
|
-
dark950: string;
|
|
654
|
-
neutral50: string;
|
|
655
|
-
neutral100: string;
|
|
656
|
-
neutral200: string;
|
|
657
|
-
neutral300: string;
|
|
658
|
-
neutral400: string;
|
|
659
|
-
neutral500: string;
|
|
660
|
-
neutral600: string;
|
|
661
|
-
neutral700: string;
|
|
662
|
-
neutral800: string;
|
|
663
|
-
neutral900: string;
|
|
664
|
-
neutral950: string;
|
|
665
|
-
green50: string;
|
|
666
|
-
green100: string;
|
|
667
|
-
green200: string;
|
|
668
|
-
green300: string;
|
|
669
|
-
green400: string;
|
|
670
|
-
green500: string;
|
|
671
|
-
green600: string;
|
|
672
|
-
green700: string;
|
|
673
|
-
green800: string;
|
|
674
|
-
green900: string;
|
|
675
|
-
green950: string;
|
|
676
|
-
grey50: string;
|
|
677
|
-
grey100: string;
|
|
678
|
-
grey200: string;
|
|
679
|
-
grey300: string;
|
|
680
|
-
grey400: string;
|
|
681
|
-
grey500: string;
|
|
682
|
-
grey600: string;
|
|
683
|
-
grey700: string;
|
|
684
|
-
grey800: string;
|
|
685
|
-
grey900: string;
|
|
686
|
-
grey950: string;
|
|
687
|
-
error50: string;
|
|
688
|
-
error100: string;
|
|
689
|
-
error200: string;
|
|
690
|
-
error300: string;
|
|
691
|
-
error400: string;
|
|
692
|
-
error500: string;
|
|
693
|
-
error600: string;
|
|
694
|
-
error700: string;
|
|
695
|
-
error800: string;
|
|
696
|
-
error900: string;
|
|
697
|
-
error950: string;
|
|
698
|
-
success50: string;
|
|
699
|
-
success100: string;
|
|
700
|
-
success200: string;
|
|
701
|
-
success300: string;
|
|
702
|
-
success400: string;
|
|
703
|
-
success500: string;
|
|
704
|
-
success600: string;
|
|
705
|
-
success700: string;
|
|
706
|
-
success800: string;
|
|
707
|
-
success900: string;
|
|
708
|
-
success950: string;
|
|
709
|
-
warning50: string;
|
|
710
|
-
warning100: string;
|
|
711
|
-
warning200: string;
|
|
712
|
-
warning300: string;
|
|
713
|
-
warning400: string;
|
|
714
|
-
warning500: string;
|
|
715
|
-
warning600: string;
|
|
716
|
-
warning700: string;
|
|
717
|
-
warning800: string;
|
|
718
|
-
warning900: string;
|
|
719
|
-
warning950: string;
|
|
720
|
-
info50: string;
|
|
721
|
-
info100: string;
|
|
722
|
-
info200: string;
|
|
723
|
-
info300: string;
|
|
724
|
-
info400: string;
|
|
725
|
-
info500: string;
|
|
726
|
-
info600: string;
|
|
727
|
-
info700: string;
|
|
728
|
-
info800: string;
|
|
729
|
-
info900: string;
|
|
730
|
-
info950: string;
|
|
731
|
-
};
|
|
732
|
-
fontSizes: {
|
|
733
|
-
2: string;
|
|
734
|
-
4: string;
|
|
735
|
-
6: string;
|
|
736
|
-
8: string;
|
|
737
|
-
10: string;
|
|
738
|
-
12: string;
|
|
739
|
-
13: string;
|
|
740
|
-
14: string;
|
|
741
|
-
16: string;
|
|
742
|
-
18: string;
|
|
743
|
-
20: string;
|
|
744
|
-
22: string;
|
|
745
|
-
24: string;
|
|
746
|
-
32: string;
|
|
747
|
-
36: string;
|
|
748
|
-
40: string;
|
|
749
|
-
48: string;
|
|
750
|
-
56: string;
|
|
751
|
-
64: string;
|
|
752
|
-
72: string;
|
|
753
|
-
80: string;
|
|
754
|
-
xs: string;
|
|
755
|
-
sm: string;
|
|
756
|
-
md: string;
|
|
757
|
-
lg: string;
|
|
758
|
-
'2xl': string;
|
|
759
|
-
'3xl': string;
|
|
760
|
-
'4xl': string;
|
|
761
|
-
full: string;
|
|
762
|
-
};
|
|
763
|
-
fonts: {
|
|
764
|
-
default: string;
|
|
765
|
-
};
|
|
766
|
-
fontWeights: {
|
|
767
|
-
regular: string;
|
|
768
|
-
medium: string;
|
|
769
|
-
semibold: string;
|
|
770
|
-
bold: string;
|
|
771
|
-
};
|
|
772
|
-
lineHeights: {
|
|
773
|
-
smaller: string;
|
|
774
|
-
shorter: string;
|
|
775
|
-
short: string;
|
|
776
|
-
base: string;
|
|
777
|
-
tall: string;
|
|
778
|
-
};
|
|
779
|
-
radii: {
|
|
780
|
-
'3xs': string;
|
|
781
|
-
'2xs': string;
|
|
782
|
-
xs: string;
|
|
783
|
-
sm: string;
|
|
784
|
-
md: string;
|
|
785
|
-
lg: string;
|
|
786
|
-
xl: string;
|
|
787
|
-
'2xl': string;
|
|
788
|
-
'3xl': string;
|
|
789
|
-
'4xl': string;
|
|
790
|
-
'5xl': string;
|
|
791
|
-
'6xl': string;
|
|
792
|
-
'7xl': string;
|
|
793
|
-
'8xl': string;
|
|
794
|
-
'9xl': string;
|
|
795
|
-
'10xl': string;
|
|
796
|
-
'11xl': string;
|
|
797
|
-
'12xl': string;
|
|
798
|
-
'13xl': string;
|
|
799
|
-
'14xl': string;
|
|
800
|
-
full: string;
|
|
801
|
-
};
|
|
802
|
-
space: {
|
|
803
|
-
2: string;
|
|
804
|
-
4: string;
|
|
805
|
-
6: string;
|
|
806
|
-
8: string;
|
|
807
|
-
10: string;
|
|
808
|
-
12: string;
|
|
809
|
-
13: string;
|
|
810
|
-
14: string;
|
|
811
|
-
16: string;
|
|
812
|
-
18: string;
|
|
813
|
-
20: string;
|
|
814
|
-
22: string;
|
|
815
|
-
24: string;
|
|
816
|
-
32: string;
|
|
817
|
-
36: string;
|
|
818
|
-
40: string;
|
|
819
|
-
48: string;
|
|
820
|
-
56: string;
|
|
821
|
-
64: string;
|
|
822
|
-
72: string;
|
|
823
|
-
80: string;
|
|
824
|
-
full: string;
|
|
825
|
-
};
|
|
826
|
-
}, {
|
|
827
|
-
height: "space";
|
|
828
|
-
width: "space";
|
|
829
|
-
gap: "space";
|
|
830
|
-
gridGap: "space";
|
|
831
|
-
columnGap: "space";
|
|
832
|
-
gridColumnGap: "space";
|
|
833
|
-
rowGap: "space";
|
|
834
|
-
gridRowGap: "space";
|
|
835
|
-
inset: "space";
|
|
836
|
-
insetBlock: "space";
|
|
837
|
-
insetBlockEnd: "space";
|
|
838
|
-
insetBlockStart: "space";
|
|
839
|
-
insetInline: "space";
|
|
840
|
-
insetInlineEnd: "space";
|
|
841
|
-
insetInlineStart: "space";
|
|
842
|
-
margin: "space";
|
|
843
|
-
marginTop: "space";
|
|
844
|
-
marginRight: "space";
|
|
845
|
-
marginBottom: "space";
|
|
846
|
-
marginLeft: "space";
|
|
847
|
-
marginBlock: "space";
|
|
848
|
-
marginBlockEnd: "space";
|
|
849
|
-
marginBlockStart: "space";
|
|
850
|
-
marginInline: "space";
|
|
851
|
-
marginInlineEnd: "space";
|
|
852
|
-
marginInlineStart: "space";
|
|
853
|
-
padding: "space";
|
|
854
|
-
paddingTop: "space";
|
|
855
|
-
paddingRight: "space";
|
|
856
|
-
paddingBottom: "space";
|
|
857
|
-
paddingLeft: "space";
|
|
858
|
-
paddingBlock: "space";
|
|
859
|
-
paddingBlockEnd: "space";
|
|
860
|
-
paddingBlockStart: "space";
|
|
861
|
-
paddingInline: "space";
|
|
862
|
-
paddingInlineEnd: "space";
|
|
863
|
-
paddingInlineStart: "space";
|
|
864
|
-
scrollMargin: "space";
|
|
865
|
-
scrollMarginTop: "space";
|
|
866
|
-
scrollMarginRight: "space";
|
|
867
|
-
scrollMarginBottom: "space";
|
|
868
|
-
scrollMarginLeft: "space";
|
|
869
|
-
scrollMarginBlock: "space";
|
|
870
|
-
scrollMarginBlockEnd: "space";
|
|
871
|
-
scrollMarginBlockStart: "space";
|
|
872
|
-
scrollMarginInline: "space";
|
|
873
|
-
scrollMarginInlineEnd: "space";
|
|
874
|
-
scrollMarginInlineStart: "space";
|
|
875
|
-
scrollPadding: "space";
|
|
876
|
-
scrollPaddingTop: "space";
|
|
877
|
-
scrollPaddingRight: "space";
|
|
878
|
-
scrollPaddingBottom: "space";
|
|
879
|
-
scrollPaddingLeft: "space";
|
|
880
|
-
scrollPaddingBlock: "space";
|
|
881
|
-
scrollPaddingBlockEnd: "space";
|
|
882
|
-
scrollPaddingBlockStart: "space";
|
|
883
|
-
scrollPaddingInline: "space";
|
|
884
|
-
scrollPaddingInlineEnd: "space";
|
|
885
|
-
scrollPaddingInlineStart: "space";
|
|
886
|
-
top: "space";
|
|
887
|
-
right: "space";
|
|
888
|
-
bottom: "space";
|
|
889
|
-
left: "space";
|
|
890
|
-
fontSize: "fontSizes";
|
|
891
|
-
background: "colors";
|
|
892
|
-
backgroundColor: "colors";
|
|
893
|
-
backgroundImage: "colors";
|
|
894
|
-
borderImage: "colors";
|
|
895
|
-
border: "colors";
|
|
896
|
-
borderBlock: "colors";
|
|
897
|
-
borderBlockEnd: "colors";
|
|
898
|
-
borderBlockStart: "colors";
|
|
899
|
-
borderBottom: "colors";
|
|
900
|
-
borderBottomColor: "colors";
|
|
901
|
-
borderColor: "colors";
|
|
902
|
-
borderInline: "colors";
|
|
903
|
-
borderInlineEnd: "colors";
|
|
904
|
-
borderInlineStart: "colors";
|
|
905
|
-
borderLeft: "colors";
|
|
906
|
-
borderLeftColor: "colors";
|
|
907
|
-
borderRight: "colors";
|
|
908
|
-
borderRightColor: "colors";
|
|
909
|
-
borderTop: "colors";
|
|
910
|
-
borderTopColor: "colors";
|
|
911
|
-
caretColor: "colors";
|
|
912
|
-
color: "colors";
|
|
913
|
-
columnRuleColor: "colors";
|
|
914
|
-
outline: "colors";
|
|
915
|
-
outlineColor: "colors";
|
|
916
|
-
fill: "colors";
|
|
917
|
-
stroke: "colors";
|
|
918
|
-
textDecorationColor: "colors";
|
|
919
|
-
fontFamily: "fonts";
|
|
920
|
-
fontWeight: "fontWeights";
|
|
921
|
-
lineHeight: "lineHeights";
|
|
922
|
-
letterSpacing: "letterSpacings";
|
|
923
|
-
blockSize: "sizes";
|
|
924
|
-
minBlockSize: "sizes";
|
|
925
|
-
maxBlockSize: "sizes";
|
|
926
|
-
inlineSize: "sizes";
|
|
927
|
-
minInlineSize: "sizes";
|
|
928
|
-
maxInlineSize: "sizes";
|
|
929
|
-
minWidth: "sizes";
|
|
930
|
-
maxWidth: "sizes";
|
|
931
|
-
minHeight: "sizes";
|
|
932
|
-
maxHeight: "sizes";
|
|
933
|
-
flexBasis: "sizes";
|
|
934
|
-
gridTemplateColumns: "sizes";
|
|
935
|
-
gridTemplateRows: "sizes";
|
|
936
|
-
borderWidth: "borderWidths";
|
|
937
|
-
borderTopWidth: "borderWidths";
|
|
938
|
-
borderLeftWidth: "borderWidths";
|
|
939
|
-
borderRightWidth: "borderWidths";
|
|
940
|
-
borderBottomWidth: "borderWidths";
|
|
941
|
-
borderStyle: "borderStyles";
|
|
942
|
-
borderTopStyle: "borderStyles";
|
|
943
|
-
borderLeftStyle: "borderStyles";
|
|
944
|
-
borderRightStyle: "borderStyles";
|
|
945
|
-
borderBottomStyle: "borderStyles";
|
|
946
|
-
borderRadius: "radii";
|
|
947
|
-
borderTopLeftRadius: "radii";
|
|
948
|
-
borderTopRightRadius: "radii";
|
|
949
|
-
borderBottomRightRadius: "radii";
|
|
950
|
-
borderBottomLeftRadius: "radii";
|
|
951
|
-
boxShadow: "shadows";
|
|
952
|
-
textShadow: "shadows";
|
|
953
|
-
transition: "transitions";
|
|
954
|
-
zIndex: "zIndices";
|
|
955
|
-
}, {}>>;
|
|
956
|
-
|
|
957
953
|
type TextAlign = "center" | "left" | "right";
|
|
958
954
|
interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
959
955
|
color?: "brand" | "purple" | "error" | "info" | "success" | "warning" | "neutral" | "white";
|
|
@@ -969,11 +965,11 @@ interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
|
969
965
|
children?: ReactNode;
|
|
970
966
|
className?: string;
|
|
971
967
|
style?: CSSProperties;
|
|
972
|
-
css?:
|
|
968
|
+
css?: CSS<typeof config>;
|
|
973
969
|
}
|
|
974
970
|
declare function Button({ asChild, children, loading, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
|
|
975
971
|
|
|
976
|
-
declare const ButtonItemStyled: _stitches_react_types_styled_component.StyledComponent<
|
|
972
|
+
declare const ButtonItemStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<_radix_ui_themes.ButtonProps & react.RefAttributes<HTMLButtonElement>>, {
|
|
977
973
|
active?: boolean | "true" | undefined;
|
|
978
974
|
}, {
|
|
979
975
|
md: "(max-width: 690px)";
|
|
@@ -1349,7 +1345,7 @@ declare const ButtonItemStyled: _stitches_react_types_styled_component.StyledCom
|
|
|
1349
1345
|
transition: "transitions";
|
|
1350
1346
|
zIndex: "zIndices";
|
|
1351
1347
|
}, {}>>;
|
|
1352
|
-
declare const ButtonGroupStyled: _stitches_react_types_styled_component.StyledComponent<
|
|
1348
|
+
declare const ButtonGroupStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<_radix_ui_themes.FlexProps & react.RefAttributes<HTMLDivElement>>, {
|
|
1353
1349
|
color?: "blue" | "green" | "purple" | "red" | "brand" | "neutral" | undefined;
|
|
1354
1350
|
variant?: "text" | "contained" | "outlined" | undefined;
|
|
1355
1351
|
typography?: "buttonLarge" | "buttonMedium" | "buttonSmall" | "buttonExtraSmall" | undefined;
|
|
@@ -1734,7 +1730,7 @@ type ButtonGroupProps = ComponentProps<typeof ButtonGroupStyled>;
|
|
|
1734
1730
|
declare function ButtonItem({ children, active, ...props }: ButtonItemProps): react_jsx_runtime.JSX.Element;
|
|
1735
1731
|
declare function ButtonGroup({ children, ...props }: ButtonGroupProps): react_jsx_runtime.JSX.Element;
|
|
1736
1732
|
|
|
1737
|
-
declare const AvatarStyled: _stitches_react_types_styled_component.StyledComponent<
|
|
1733
|
+
declare const AvatarStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<_radix_ui_themes.AvatarProps & react.RefAttributes<HTMLImageElement>>, {
|
|
1738
1734
|
size?: "xs" | "sm" | "md" | "xl" | "lg" | undefined;
|
|
1739
1735
|
radii?: "full" | undefined;
|
|
1740
1736
|
variant?: "without-image" | "with-image" | undefined;
|
|
@@ -2119,7 +2115,7 @@ type AvatarProps = ComponentProps<typeof AvatarStyled> & {
|
|
|
2119
2115
|
};
|
|
2120
2116
|
declare function Avatar({ asChild, ...props }: AvatarProps): react_jsx_runtime.JSX.Element;
|
|
2121
2117
|
|
|
2122
|
-
declare const TextFieldStyled: _stitches_react_types_styled_component.StyledComponent<
|
|
2118
|
+
declare const TextFieldStyled: _stitches_react_types_styled_component.StyledComponent<react__default.ForwardRefExoticComponent<TextField$1.RootProps & react__default.RefAttributes<HTMLInputElement>>, {
|
|
2123
2119
|
color?: "default" | "error" | undefined;
|
|
2124
2120
|
typography?: "tooltip" | "displayLarge" | "displayMedium" | "displaySmall" | "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headline7" | "headline8" | "bodyXL" | "bodyL" | "bodyM" | "bodyS" | "bodyXS" | "bodyXXS" | "badgeLarge" | "badgeMedium" | "badgeSmall" | "badgeExtraSmall" | "popoversRegular" | "captionLarge" | "captionMedium" | "captionSmall" | "buttonLarge" | "buttonMedium" | "buttonSmall" | "buttonExtraSmall" | "labelLarge" | "labelMedium" | "labelSmall" | "labelExtraSmall" | undefined;
|
|
2125
2121
|
fontWeight?: "bold" | "medium" | "regular" | "semibold" | undefined;
|
|
@@ -2499,7 +2495,7 @@ declare const TextFieldStyled: _stitches_react_types_styled_component.StyledComp
|
|
|
2499
2495
|
transition: "transitions";
|
|
2500
2496
|
zIndex: "zIndices";
|
|
2501
2497
|
}, {}>>;
|
|
2502
|
-
declare const TextFieldSlotStyled: _stitches_react_types_styled_component.StyledComponent<
|
|
2498
|
+
declare const TextFieldSlotStyled: _stitches_react_types_styled_component.StyledComponent<react__default.ForwardRefExoticComponent<TextField$1.SlotProps & react__default.RefAttributes<HTMLDivElement>>, {
|
|
2503
2499
|
typography?: "tooltip" | "displayLarge" | "displayMedium" | "displaySmall" | "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headline7" | "headline8" | "bodyXL" | "bodyL" | "bodyM" | "bodyS" | "bodyXS" | "bodyXXS" | "badgeLarge" | "badgeMedium" | "badgeSmall" | "badgeExtraSmall" | "popoversRegular" | "captionLarge" | "captionMedium" | "captionSmall" | "buttonLarge" | "buttonMedium" | "buttonSmall" | "buttonExtraSmall" | "labelLarge" | "labelMedium" | "labelSmall" | "labelExtraSmall" | undefined;
|
|
2504
2500
|
fontWeight?: "bold" | "medium" | "regular" | "semibold" | undefined;
|
|
2505
2501
|
textAlign?: "left" | "right" | "center" | undefined;
|
|
@@ -2880,7 +2876,7 @@ declare const TextFieldSlotStyled: _stitches_react_types_styled_component.Styled
|
|
|
2880
2876
|
type TextFieldProps = ComponentProps<typeof TextFieldStyled> & {
|
|
2881
2877
|
addon?: ReactNode;
|
|
2882
2878
|
placeholder?: string;
|
|
2883
|
-
children?:
|
|
2879
|
+
children?: react__default.ReactNode;
|
|
2884
2880
|
isValid?: boolean;
|
|
2885
2881
|
name?: string;
|
|
2886
2882
|
maxLength?: number;
|
|
@@ -2892,7 +2888,7 @@ type TextFieldProps = ComponentProps<typeof TextFieldStyled> & {
|
|
|
2892
2888
|
};
|
|
2893
2889
|
type TextFieldSlotProps = Omit<ComponentProps<typeof TextFieldStyled>, "color"> & {
|
|
2894
2890
|
placeholder?: string;
|
|
2895
|
-
children?:
|
|
2891
|
+
children?: react__default.ReactNode;
|
|
2896
2892
|
position?: "flex-start" | "flex-end";
|
|
2897
2893
|
onClick?: () => void;
|
|
2898
2894
|
color?: "error" | "success" | undefined;
|
|
@@ -2902,10 +2898,10 @@ type TextFieldSlotProps = Omit<ComponentProps<typeof TextFieldStyled>, "color">
|
|
|
2902
2898
|
};
|
|
2903
2899
|
declare const maskFormat: typeof format;
|
|
2904
2900
|
declare const maskUnformat: typeof unformat;
|
|
2905
|
-
declare const TextField:
|
|
2901
|
+
declare const TextField: react__default.ForwardRefExoticComponent<Omit<TextFieldProps, "ref"> & react__default.RefAttributes<HTMLInputElement>>;
|
|
2906
2902
|
declare function TextFieldSlot({ children, position, onClick, typography, fontWeight, textAlign, ...props }: TextFieldSlotProps): react_jsx_runtime.JSX.Element;
|
|
2907
2903
|
|
|
2908
|
-
declare const RadioGroupStyled: _stitches_react_types_styled_component.StyledComponent<
|
|
2904
|
+
declare const RadioGroupStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<RadioGroup$1.RootProps & react.RefAttributes<HTMLDivElement>>, {
|
|
2909
2905
|
color?: "blue" | "error" | "success" | undefined;
|
|
2910
2906
|
disabled?: boolean | "false" | "true" | undefined;
|
|
2911
2907
|
typography?: "labelLarge" | "labelMedium" | "labelSmall" | "labelExtraSmall" | undefined;
|
|
@@ -3299,7 +3295,7 @@ type RadioItemProps = {
|
|
|
3299
3295
|
declare function RadioGroup({ children, disabled, ...props }: RadioGroupProps): react_jsx_runtime.JSX.Element;
|
|
3300
3296
|
declare function RadioItem({ children, ...props }: RadioItemProps): react_jsx_runtime.JSX.Element;
|
|
3301
3297
|
|
|
3302
|
-
declare const CheckboxGroupStyled: _stitches_react_types_styled_component.StyledComponent<
|
|
3298
|
+
declare const CheckboxGroupStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<CheckboxGroup$1.RootProps & react.RefAttributes<HTMLDivElement>>, {
|
|
3303
3299
|
color?: "blue" | "error" | "success" | undefined;
|
|
3304
3300
|
disabled?: boolean | "false" | "true" | undefined;
|
|
3305
3301
|
typography?: "labelLarge" | "labelMedium" | "labelSmall" | "labelExtraSmall" | undefined;
|
|
@@ -3678,7 +3674,7 @@ declare const CheckboxGroupStyled: _stitches_react_types_styled_component.Styled
|
|
|
3678
3674
|
transition: "transitions";
|
|
3679
3675
|
zIndex: "zIndices";
|
|
3680
3676
|
}, {}>>;
|
|
3681
|
-
declare const StyledItem: _stitches_react_types_styled_component.StyledComponent<
|
|
3677
|
+
declare const StyledItem: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<CheckboxGroup$1.ItemProps & react.RefAttributes<HTMLButtonElement>>, {}, {
|
|
3682
3678
|
md: "(max-width: 690px)";
|
|
3683
3679
|
}, _stitches_react_types_css_util.CSS<{
|
|
3684
3680
|
md: "(max-width: 690px)";
|
|
@@ -4104,7 +4100,7 @@ type DropdownMenuItemProps = {
|
|
|
4104
4100
|
declare function DropdownMenu({ children, placeholder, typography, color, fontWeight, open: controlledOpen, onOpenChange, defaultOpen, ...props }: DropdownMenuProps): react_jsx_runtime.JSX.Element;
|
|
4105
4101
|
declare function DropdownMenuItem({ children, typography, fontWeight, value, onSelect, onClick, ...props }: DropdownMenuItemProps): react_jsx_runtime.JSX.Element;
|
|
4106
4102
|
|
|
4107
|
-
declare const BadgeStyled: _stitches_react_types_styled_component.StyledComponent<
|
|
4103
|
+
declare const BadgeStyled: _stitches_react_types_styled_component.StyledComponent<react__default.ForwardRefExoticComponent<_radix_ui_themes.BadgeProps & react__default.RefAttributes<HTMLSpanElement>>, {
|
|
4108
4104
|
color?: "blue" | "green" | "grey" | "orange" | "pink" | "purple" | "red" | "yellow" | "dark" | "light" | "primary" | "disable" | undefined;
|
|
4109
4105
|
size?: "xs" | "sm" | "md" | "xl" | undefined;
|
|
4110
4106
|
fontWeight?: "bold" | "medium" | "regular" | "semibold" | undefined;
|
|
@@ -4483,10 +4479,19 @@ declare const BadgeStyled: _stitches_react_types_styled_component.StyledComponen
|
|
|
4483
4479
|
transition: "transitions";
|
|
4484
4480
|
zIndex: "zIndices";
|
|
4485
4481
|
}, {}>>;
|
|
4486
|
-
type BadgeProps =
|
|
4482
|
+
type BadgeProps = {
|
|
4487
4483
|
as?: ElementType;
|
|
4484
|
+
asChild?: boolean;
|
|
4485
|
+
color?: "primary" | "dark" | "light" | "red" | "green" | "yellow" | "orange" | "blue" | "pink" | "purple" | "grey" | "disable";
|
|
4486
|
+
size?: "xs" | "sm" | "md" | "xl";
|
|
4487
|
+
fontWeight?: "regular" | "medium" | "semibold" | "bold";
|
|
4488
|
+
radii?: "full";
|
|
4488
4489
|
icon?: boolean;
|
|
4489
|
-
children:
|
|
4490
|
+
children: ReactNode;
|
|
4491
|
+
id?: string;
|
|
4492
|
+
className?: string;
|
|
4493
|
+
style?: CSSProperties;
|
|
4494
|
+
css?: CSS<typeof config>;
|
|
4490
4495
|
};
|
|
4491
4496
|
declare function Badge({ asChild, children, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
|
|
4492
4497
|
|
|
@@ -4502,7 +4507,7 @@ declare function Modal({ children, title, trigger, zIndex, maxWidth, ...props }:
|
|
|
4502
4507
|
type MenuDropdownProps = HTMLAttributes<HTMLDivElement> & {
|
|
4503
4508
|
children: ReactNode;
|
|
4504
4509
|
isOpen: boolean;
|
|
4505
|
-
setIsOpen:
|
|
4510
|
+
setIsOpen: react__default.Dispatch<react__default.SetStateAction<boolean>>;
|
|
4506
4511
|
};
|
|
4507
4512
|
declare function MenuDropdown({ children, isOpen, setIsOpen, }: MenuDropdownProps): react_jsx_runtime.JSX.Element;
|
|
4508
4513
|
|
|
@@ -4886,7 +4891,7 @@ declare const CalendarStyled: _stitches_react_types_styled_component.StyledCompo
|
|
|
4886
4891
|
type CalendarProps = ComponentProps<typeof CalendarStyled> & {
|
|
4887
4892
|
calendarLayout?: "label" | "dropdown" | "dropdown-months" | "dropdown-years";
|
|
4888
4893
|
selected: Date | undefined;
|
|
4889
|
-
setSelected:
|
|
4894
|
+
setSelected: react__default.Dispatch<react__default.SetStateAction<Date | undefined>>;
|
|
4890
4895
|
position?: "top" | "bottom" | "top-right" | "bottom-right";
|
|
4891
4896
|
action?: boolean;
|
|
4892
4897
|
actionText?: string;
|
|
@@ -4907,7 +4912,7 @@ type DateRange = {
|
|
|
4907
4912
|
type DoubleCalendarProps = ComponentProps<typeof CalendarStyled> & {
|
|
4908
4913
|
calendarLayout?: "label" | "dropdown" | "dropdown-months" | "dropdown-years";
|
|
4909
4914
|
selected: DateRange;
|
|
4910
|
-
setSelected:
|
|
4915
|
+
setSelected: react__default.Dispatch<react__default.SetStateAction<DateRange>>;
|
|
4911
4916
|
position?: "top" | "bottom" | "top-right" | "bottom-right";
|
|
4912
4917
|
action?: boolean;
|
|
4913
4918
|
simpleAction?: boolean;
|
|
@@ -7939,7 +7944,7 @@ declare const TimePickerIconButton: _stitches_react_types_styled_component.Style
|
|
|
7939
7944
|
}, {}>>;
|
|
7940
7945
|
type TimePickerProps = {
|
|
7941
7946
|
selected: string | undefined;
|
|
7942
|
-
setSelected:
|
|
7947
|
+
setSelected: react__default.Dispatch<react__default.SetStateAction<string | undefined>>;
|
|
7943
7948
|
position?: "bottom" | "top" | "top-right" | "bottom-right";
|
|
7944
7949
|
hasError?: boolean;
|
|
7945
7950
|
expand?: boolean;
|
|
@@ -7947,7 +7952,7 @@ type TimePickerProps = {
|
|
|
7947
7952
|
};
|
|
7948
7953
|
declare function TimePicker({ selected, setSelected, position, hasError, expand, disabled, }: TimePickerProps): react_jsx_runtime.JSX.Element;
|
|
7949
7954
|
|
|
7950
|
-
declare const AlertDialogSimpleStyled: _stitches_react_types_styled_component.StyledComponent<
|
|
7955
|
+
declare const AlertDialogSimpleStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<AlertDialog.ContentProps & react.RefAttributes<HTMLDivElement>>, {
|
|
7951
7956
|
color?: "info" | "warning" | "error" | "success" | undefined;
|
|
7952
7957
|
}, {
|
|
7953
7958
|
md: "(max-width: 690px)";
|
|
@@ -8323,7 +8328,7 @@ declare const AlertDialogSimpleStyled: _stitches_react_types_styled_component.St
|
|
|
8323
8328
|
transition: "transitions";
|
|
8324
8329
|
zIndex: "zIndices";
|
|
8325
8330
|
}, {}>>;
|
|
8326
|
-
declare const AlertDialogCompleteStyled: _stitches_react_types_styled_component.StyledComponent<
|
|
8331
|
+
declare const AlertDialogCompleteStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<AlertDialog.ContentProps & react.RefAttributes<HTMLDivElement>>, {
|
|
8327
8332
|
color?: undefined;
|
|
8328
8333
|
}, {
|
|
8329
8334
|
md: "(max-width: 690px)";
|
|
@@ -8699,7 +8704,7 @@ declare const AlertDialogCompleteStyled: _stitches_react_types_styled_component.
|
|
|
8699
8704
|
transition: "transitions";
|
|
8700
8705
|
zIndex: "zIndices";
|
|
8701
8706
|
}, {}>>;
|
|
8702
|
-
declare const AlertDialogDescriptionStyled: _stitches_react_types_styled_component.StyledComponent<
|
|
8707
|
+
declare const AlertDialogDescriptionStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<AlertDialog.DescriptionProps & react.RefAttributes<HTMLParagraphElement>>, {}, {
|
|
8703
8708
|
md: "(max-width: 690px)";
|
|
8704
8709
|
}, _stitches_react_types_css_util.CSS<{
|
|
8705
8710
|
md: "(max-width: 690px)";
|
|
@@ -9073,7 +9078,7 @@ declare const AlertDialogDescriptionStyled: _stitches_react_types_styled_compone
|
|
|
9073
9078
|
transition: "transitions";
|
|
9074
9079
|
zIndex: "zIndices";
|
|
9075
9080
|
}, {}>>;
|
|
9076
|
-
declare const AlertDialogTitleStyled: _stitches_react_types_styled_component.StyledComponent<
|
|
9081
|
+
declare const AlertDialogTitleStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<AlertDialog.TitleProps & react.RefAttributes<HTMLHeadingElement>>, {}, {
|
|
9077
9082
|
md: "(max-width: 690px)";
|
|
9078
9083
|
}, _stitches_react_types_css_util.CSS<{
|
|
9079
9084
|
md: "(max-width: 690px)";
|
|
@@ -10588,7 +10593,7 @@ type AlertProps = {
|
|
|
10588
10593
|
};
|
|
10589
10594
|
declare function Alert({ color, trigger, completAlert, simpleAlert, ...props }: AlertProps): react_jsx_runtime.JSX.Element;
|
|
10590
10595
|
|
|
10591
|
-
declare const SwitchStyled: _stitches_react_types_styled_component.StyledComponent<
|
|
10596
|
+
declare const SwitchStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<_radix_ui_themes.SwitchProps & react.RefAttributes<HTMLButtonElement>>, {
|
|
10592
10597
|
color?: "brand" | undefined;
|
|
10593
10598
|
size?: "sm" | "md" | "lg" | undefined;
|
|
10594
10599
|
}, {
|
|
@@ -11346,29 +11351,29 @@ declare const StepStyled: _stitches_react_types_styled_component.StyledComponent
|
|
|
11346
11351
|
zIndex: "zIndices";
|
|
11347
11352
|
}, {}>>;
|
|
11348
11353
|
type StepProps = ComponentProps<typeof StepStyled> & {
|
|
11349
|
-
children:
|
|
11354
|
+
children: react__default.ReactNode;
|
|
11350
11355
|
defaultValue: number;
|
|
11351
11356
|
};
|
|
11352
11357
|
declare function Step({ children, defaultValue, ...props }: StepProps): react_jsx_runtime.JSX.Element;
|
|
11353
11358
|
declare function StepTrigger({ value, children, currentStep, ...props }: {
|
|
11354
11359
|
value: number;
|
|
11355
|
-
children:
|
|
11360
|
+
children: react__default.ReactNode | string;
|
|
11356
11361
|
currentStep?: number;
|
|
11357
11362
|
onClick: () => void;
|
|
11358
11363
|
}): react_jsx_runtime.JSX.Element;
|
|
11359
11364
|
declare function StepContent({ value, children, ...props }: {
|
|
11360
11365
|
value: number;
|
|
11361
|
-
children:
|
|
11366
|
+
children: react__default.ReactNode;
|
|
11362
11367
|
}): react_jsx_runtime.JSX.Element;
|
|
11363
11368
|
declare function StepList({ children, currentStep, ...props }: {
|
|
11364
|
-
children:
|
|
11369
|
+
children: react__default.ReactNode;
|
|
11365
11370
|
currentStep: number;
|
|
11366
11371
|
}): react_jsx_runtime.JSX.Element;
|
|
11367
11372
|
declare function StepWrapper({ children, ...props }: {
|
|
11368
|
-
children:
|
|
11373
|
+
children: react__default.ReactNode;
|
|
11369
11374
|
}): react_jsx_runtime.JSX.Element;
|
|
11370
11375
|
|
|
11371
|
-
declare const CardStyled: _stitches_react_types_styled_component.StyledComponent<
|
|
11376
|
+
declare const CardStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<_radix_ui_themes.CardProps & react.RefAttributes<HTMLDivElement>>, {
|
|
11372
11377
|
color?: "warning" | "error" | "primary" | "disable" | undefined;
|
|
11373
11378
|
boxShadow?: boolean | "false" | "true" | undefined;
|
|
11374
11379
|
}, {
|
|
@@ -11745,15 +11750,22 @@ declare const CardStyled: _stitches_react_types_styled_component.StyledComponent
|
|
|
11745
11750
|
transition: "transitions";
|
|
11746
11751
|
zIndex: "zIndices";
|
|
11747
11752
|
}, {}>>;
|
|
11748
|
-
type CardProps =
|
|
11749
|
-
children: React__default.ReactNode;
|
|
11753
|
+
type CardProps = {
|
|
11750
11754
|
as?: ElementType;
|
|
11755
|
+
asChild?: boolean;
|
|
11756
|
+
color?: "primary" | "disable" | "error" | "warning";
|
|
11757
|
+
boxShadow?: boolean;
|
|
11751
11758
|
padding?: string;
|
|
11752
11759
|
radius?: string;
|
|
11760
|
+
children: ReactNode;
|
|
11761
|
+
id?: string;
|
|
11762
|
+
className?: string;
|
|
11763
|
+
style?: CSSProperties;
|
|
11764
|
+
css?: CSS<typeof config>;
|
|
11753
11765
|
};
|
|
11754
11766
|
declare function Card({ asChild, children, padding, radius, ...props }: CardProps): react_jsx_runtime.JSX.Element;
|
|
11755
11767
|
|
|
11756
|
-
declare const TextareaFieldStyle: _stitches_react_types_styled_component.StyledComponent<
|
|
11768
|
+
declare const TextareaFieldStyle: _stitches_react_types_styled_component.StyledComponent<react__default.ForwardRefExoticComponent<_radix_ui_themes.TextAreaProps & react__default.RefAttributes<HTMLTextAreaElement>>, {
|
|
11757
11769
|
typography?: "tooltip" | "displayLarge" | "displayMedium" | "displaySmall" | "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headline7" | "headline8" | "bodyXL" | "bodyL" | "bodyM" | "bodyS" | "bodyXS" | "bodyXXS" | "badgeLarge" | "badgeMedium" | "badgeSmall" | "badgeExtraSmall" | "popoversRegular" | "captionLarge" | "captionMedium" | "captionSmall" | "buttonLarge" | "buttonMedium" | "buttonSmall" | "buttonExtraSmall" | "labelLarge" | "labelMedium" | "labelSmall" | "labelExtraSmall" | undefined;
|
|
11758
11770
|
}, {
|
|
11759
11771
|
md: "(max-width: 690px)";
|
|
@@ -12509,7 +12521,7 @@ type TextareaFieldProps = Omit<ComponentProps<typeof TextareaFieldStyle>, "color
|
|
|
12509
12521
|
maxLength?: number;
|
|
12510
12522
|
top?: string;
|
|
12511
12523
|
};
|
|
12512
|
-
declare const TextareaField:
|
|
12524
|
+
declare const TextareaField: react__default.ForwardRefExoticComponent<Omit<TextareaFieldProps, "ref"> & react__default.RefAttributes<HTMLTextAreaElement>>;
|
|
12513
12525
|
|
|
12514
12526
|
type ToastType = 'success' | 'error' | 'warning' | 'info';
|
|
12515
12527
|
interface ToastConfig {
|
|
@@ -12554,10 +12566,10 @@ declare function ToastProvider({ children, defaultDuration, maxToasts, swipeDire
|
|
|
12554
12566
|
|
|
12555
12567
|
declare const useToast: () => ToastContextType;
|
|
12556
12568
|
|
|
12557
|
-
declare const TooltipProvider:
|
|
12558
|
-
declare const TooltipRoot:
|
|
12559
|
-
declare const TooltipTrigger:
|
|
12560
|
-
declare const TooltipContent: _stitches_react_types_styled_component.StyledComponent<
|
|
12569
|
+
declare const TooltipProvider: react.FC<TooltipPrimitive.TooltipProviderProps>;
|
|
12570
|
+
declare const TooltipRoot: react.FC<TooltipPrimitive.TooltipProps>;
|
|
12571
|
+
declare const TooltipTrigger: react.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & react.RefAttributes<HTMLButtonElement>>;
|
|
12572
|
+
declare const TooltipContent: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<TooltipPrimitive.TooltipContentProps & react.RefAttributes<HTMLDivElement>>, {}, {
|
|
12561
12573
|
md: "(max-width: 690px)";
|
|
12562
12574
|
}, _stitches_react_types_css_util.CSS<{
|
|
12563
12575
|
md: "(max-width: 690px)";
|
|
@@ -12932,14 +12944,14 @@ declare const TooltipContent: _stitches_react_types_styled_component.StyledCompo
|
|
|
12932
12944
|
zIndex: "zIndices";
|
|
12933
12945
|
}, {}>>;
|
|
12934
12946
|
interface TooltipProps {
|
|
12935
|
-
children:
|
|
12936
|
-
content:
|
|
12947
|
+
children: react.ReactNode;
|
|
12948
|
+
content: react.ReactNode;
|
|
12937
12949
|
delayDuration?: number;
|
|
12938
12950
|
side?: "top" | "right" | "bottom" | "left";
|
|
12939
12951
|
}
|
|
12940
12952
|
declare function Tooltip({ children, content, delayDuration, side, }: TooltipProps): react_jsx_runtime.JSX.Element;
|
|
12941
12953
|
|
|
12942
|
-
declare const FlexStyled: _stitches_react_types_styled_component.StyledComponent<
|
|
12954
|
+
declare const FlexStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<_radix_ui_themes.FlexProps & react.RefAttributes<HTMLDivElement>>, {
|
|
12943
12955
|
display?: "flex" | "inline-flex" | undefined;
|
|
12944
12956
|
align?: "end" | "stretch" | "center" | "start" | "baseline" | undefined;
|
|
12945
12957
|
justify?: "end" | "center" | "start" | "between" | "around" | "evenly" | undefined;
|
|
@@ -13321,8 +13333,7 @@ declare const FlexStyled: _stitches_react_types_styled_component.StyledComponent
|
|
|
13321
13333
|
transition: "transitions";
|
|
13322
13334
|
zIndex: "zIndices";
|
|
13323
13335
|
}, {}>>;
|
|
13324
|
-
type
|
|
13325
|
-
type GapValue = NonNullable<StitchesFlexProps['gap']>;
|
|
13336
|
+
type GapValue = NonNullable<ComponentProps<typeof FlexStyled>['gap']>;
|
|
13326
13337
|
type FlexProps = {
|
|
13327
13338
|
as?: ElementType;
|
|
13328
13339
|
children: ReactNode;
|
|
@@ -13335,7 +13346,7 @@ type FlexProps = {
|
|
|
13335
13346
|
gapY?: Exclude<GapValue, 0 | '0'>;
|
|
13336
13347
|
className?: string;
|
|
13337
13348
|
style?: CSSProperties;
|
|
13338
|
-
css?:
|
|
13349
|
+
css?: CSS<typeof config>;
|
|
13339
13350
|
};
|
|
13340
13351
|
declare function Flex({ children, ...props }: FlexProps): react_jsx_runtime.JSX.Element;
|
|
13341
13352
|
|
|
@@ -13739,7 +13750,7 @@ type MultiSelectProps = ComponentProps<typeof StyledTrigger> & {
|
|
|
13739
13750
|
showMoreButtonLabel?: string;
|
|
13740
13751
|
showMoreButtonOnClick?: () => void;
|
|
13741
13752
|
};
|
|
13742
|
-
declare const MultiSelect:
|
|
13753
|
+
declare const MultiSelect: react__default.ForwardRefExoticComponent<Omit<MultiSelectProps, "ref"> & react__default.RefAttributes<HTMLDivElement>>;
|
|
13743
13754
|
|
|
13744
13755
|
declare const Divider: _stitches_react_types_styled_component.StyledComponent<"div", {}, {
|
|
13745
13756
|
md: "(max-width: 690px)";
|
|
@@ -14128,9 +14139,9 @@ interface ToggleElementProps {
|
|
|
14128
14139
|
}
|
|
14129
14140
|
declare function ToggleElement({ children, label, openedLabel, defaultOpen, open, hideButtonWhenOpen, buttonProps, onOpenChange, }: ToggleElementProps): react_jsx_runtime.JSX.Element;
|
|
14130
14141
|
|
|
14131
|
-
declare const Box:
|
|
14142
|
+
declare const Box: react.ForwardRefExoticComponent<_radix_ui_themes.BoxProps & react.RefAttributes<HTMLDivElement>>;
|
|
14132
14143
|
|
|
14133
|
-
declare const GridStyled: _stitches_react_types_styled_component.StyledComponent<
|
|
14144
|
+
declare const GridStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<_radix_ui_themes.GridProps & react.RefAttributes<HTMLDivElement>>, {
|
|
14134
14145
|
display?: "grid" | "inline-grid" | undefined;
|
|
14135
14146
|
align?: "end" | "stretch" | "center" | "start" | undefined;
|
|
14136
14147
|
justify?: "end" | "center" | "start" | "between" | undefined;
|
|
@@ -14521,7 +14532,7 @@ type GridProps = ComponentProps<typeof GridStyled> & {
|
|
|
14521
14532
|
};
|
|
14522
14533
|
declare function Grid({ children, ...props }: GridProps): react_jsx_runtime.JSX.Element;
|
|
14523
14534
|
|
|
14524
|
-
declare const ContainerStyled: _stitches_react_types_styled_component.StyledComponent<
|
|
14535
|
+
declare const ContainerStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<_radix_ui_themes.ContainerProps & react.RefAttributes<HTMLDivElement>>, {
|
|
14525
14536
|
size?: "xs" | "sm" | "md" | "xl" | "lg" | "xxl" | "responsive" | undefined;
|
|
14526
14537
|
display?: "initial" | "none" | undefined;
|
|
14527
14538
|
align?: "left" | "right" | "center" | undefined;
|
|
@@ -14905,7 +14916,7 @@ type ContainerProps = ComponentProps<typeof ContainerStyled> & {
|
|
|
14905
14916
|
};
|
|
14906
14917
|
declare function Container({ children, ...props }: ContainerProps): react_jsx_runtime.JSX.Element;
|
|
14907
14918
|
|
|
14908
|
-
declare const SectionStyled: _stitches_react_types_styled_component.StyledComponent<
|
|
14919
|
+
declare const SectionStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<_radix_ui_themes.SectionProps & react.RefAttributes<HTMLDivElement>>, {
|
|
14909
14920
|
size?: "xs" | "sm" | "md" | "xl" | "lg" | "xxl" | "responsive" | undefined;
|
|
14910
14921
|
display?: "initial" | "none" | undefined;
|
|
14911
14922
|
}, {
|