@clickpalm/react 1.3.13 → 1.3.15

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 (4) hide show
  1. package/package.json +61 -61
  2. package/dist/index.d.ts +0 -4149
  3. package/dist/index.js +0 -4445
  4. package/dist/index.mjs +0 -4378
package/dist/index.d.ts DELETED
@@ -1,4149 +0,0 @@
1
- import * as _stitches_react_types_theme from '@stitches/react/types/theme';
2
- import * as _stitches_react_types_css from '@stitches/react/types/css';
3
- import * as _stitches_react_types_styled_component from '@stitches/react/types/styled-component';
4
- import * as _stitches_react_types_stitches from '@stitches/react/types/stitches';
5
- import * as _stitches_react_types_css_util from '@stitches/react/types/css-util';
6
- import * as react from 'react';
7
- import react__default, { ComponentProps, ComponentPropsWithoutRef, ElementType, ReactNode, InputHTMLAttributes, CSSProperties, SVGProps } from 'react';
8
- import * as _stitches_react_types_util from '@stitches/react/types/util';
9
- import * as react_jsx_runtime from 'react/jsx-runtime';
10
- import * as Avatar$1 from '@radix-ui/react-avatar';
11
- import * as Checkbox$1 from '@radix-ui/react-checkbox';
12
- import { VariantProps, CSS } from '@stitches/react';
13
- import * as Progress from '@radix-ui/react-progress';
14
- import * as DropdownMenu from '@radix-ui/react-dropdown-menu';
15
- import * as CustomSelect from '@radix-ui/react-select';
16
- import * as OneTimePasswordField from '@radix-ui/react-one-time-password-field';
17
-
18
- declare const styled: <Type extends _stitches_react_types_util.Function | react.ComponentType<any> | keyof JSX.IntrinsicElements, Composers extends (string | _stitches_react_types_util.Function | react.ComponentType<any> | {
19
- [name: string]: unknown;
20
- })[], CSS = _stitches_react_types_css_util.CSS<{
21
- sm: "(min-width: 375px)";
22
- md: "(min-width: 768px)";
23
- lg: "(min-width: 1024px)";
24
- }, {
25
- colors: {
26
- white: string;
27
- black: string;
28
- gray_background: string;
29
- gray_light: string;
30
- gray_mid: string;
31
- gray_dark: string;
32
- clickpalm_light: string;
33
- clickpalm_mid: string;
34
- clickpalm_dark: string;
35
- clickpalm_superDark: string;
36
- ignite_light: string;
37
- ignite_dark: string;
38
- success: string;
39
- success_dark: string;
40
- warning: string;
41
- warning_dark: string;
42
- danger: string;
43
- danger_dark: string;
44
- };
45
- fontSizes: {
46
- xxs: string;
47
- xs: string;
48
- sm: string;
49
- md: string;
50
- lg: string;
51
- xl: string;
52
- '2xl': string;
53
- '4xl': string;
54
- '5xl': string;
55
- '6xl': string;
56
- '7xl': string;
57
- '8xl': string;
58
- '9xl': string;
59
- };
60
- fontWeights: {
61
- regular: string;
62
- medium: string;
63
- bold: string;
64
- };
65
- fonts: {
66
- default: string;
67
- code: string;
68
- };
69
- lineHeights: {
70
- regular: string;
71
- shorter: string;
72
- short: string;
73
- base: string;
74
- tall: string;
75
- };
76
- radii: {
77
- px: string;
78
- xs: string;
79
- sm: string;
80
- md: string;
81
- lg: string;
82
- full: string;
83
- };
84
- space: {
85
- 1: string;
86
- 2: string;
87
- 3: string;
88
- 4: string;
89
- 5: string;
90
- 6: string;
91
- 7: string;
92
- 8: string;
93
- 10: string;
94
- 11: string;
95
- 12: string;
96
- 14: string;
97
- 16: string;
98
- 19: string;
99
- 20: string;
100
- 22: string;
101
- 40: string;
102
- 64: string;
103
- 80: string;
104
- };
105
- }, {
106
- height: "space";
107
- width: "space";
108
- gap: "space";
109
- gridGap: "space";
110
- columnGap: "space";
111
- gridColumnGap: "space";
112
- rowGap: "space";
113
- gridRowGap: "space";
114
- inset: "space";
115
- insetBlock: "space";
116
- insetBlockEnd: "space";
117
- insetBlockStart: "space";
118
- insetInline: "space";
119
- insetInlineEnd: "space";
120
- insetInlineStart: "space";
121
- margin: "space";
122
- marginTop: "space";
123
- marginRight: "space";
124
- marginBottom: "space";
125
- marginLeft: "space";
126
- marginBlock: "space";
127
- marginBlockEnd: "space";
128
- marginBlockStart: "space";
129
- marginInline: "space";
130
- marginInlineEnd: "space";
131
- marginInlineStart: "space";
132
- padding: "space";
133
- paddingTop: "space";
134
- paddingRight: "space";
135
- paddingBottom: "space";
136
- paddingLeft: "space";
137
- paddingBlock: "space";
138
- paddingBlockEnd: "space";
139
- paddingBlockStart: "space";
140
- paddingInline: "space";
141
- paddingInlineEnd: "space";
142
- paddingInlineStart: "space";
143
- scrollMargin: "space";
144
- scrollMarginTop: "space";
145
- scrollMarginRight: "space";
146
- scrollMarginBottom: "space";
147
- scrollMarginLeft: "space";
148
- scrollMarginBlock: "space";
149
- scrollMarginBlockEnd: "space";
150
- scrollMarginBlockStart: "space";
151
- scrollMarginInline: "space";
152
- scrollMarginInlineEnd: "space";
153
- scrollMarginInlineStart: "space";
154
- scrollPadding: "space";
155
- scrollPaddingTop: "space";
156
- scrollPaddingRight: "space";
157
- scrollPaddingBottom: "space";
158
- scrollPaddingLeft: "space";
159
- scrollPaddingBlock: "space";
160
- scrollPaddingBlockEnd: "space";
161
- scrollPaddingBlockStart: "space";
162
- scrollPaddingInline: "space";
163
- scrollPaddingInlineEnd: "space";
164
- scrollPaddingInlineStart: "space";
165
- top: "space";
166
- right: "space";
167
- bottom: "space";
168
- left: "space";
169
- fontSize: "fontSizes";
170
- background: "colors";
171
- backgroundColor: "colors";
172
- backgroundImage: "colors";
173
- borderImage: "colors";
174
- border: "colors";
175
- borderBlock: "colors";
176
- borderBlockEnd: "colors";
177
- borderBlockStart: "colors";
178
- borderBottom: "colors";
179
- borderBottomColor: "colors";
180
- borderColor: "colors";
181
- borderInline: "colors";
182
- borderInlineEnd: "colors";
183
- borderInlineStart: "colors";
184
- borderLeft: "colors";
185
- borderLeftColor: "colors";
186
- borderRight: "colors";
187
- borderRightColor: "colors";
188
- borderTop: "colors";
189
- borderTopColor: "colors";
190
- caretColor: "colors";
191
- color: "colors";
192
- columnRuleColor: "colors";
193
- outline: "colors";
194
- outlineColor: "colors";
195
- fill: "colors";
196
- stroke: "colors";
197
- textDecorationColor: "colors";
198
- fontFamily: "fonts";
199
- fontWeight: "fontWeights";
200
- lineHeight: "lineHeights";
201
- letterSpacing: "letterSpacings";
202
- blockSize: "sizes";
203
- minBlockSize: "sizes";
204
- maxBlockSize: "sizes";
205
- inlineSize: "sizes";
206
- minInlineSize: "sizes";
207
- maxInlineSize: "sizes";
208
- minWidth: "sizes";
209
- maxWidth: "sizes";
210
- minHeight: "sizes";
211
- maxHeight: "sizes";
212
- flexBasis: "sizes";
213
- gridTemplateColumns: "sizes";
214
- gridTemplateRows: "sizes";
215
- borderWidth: "borderWidths";
216
- borderTopWidth: "borderWidths";
217
- borderLeftWidth: "borderWidths";
218
- borderRightWidth: "borderWidths";
219
- borderBottomWidth: "borderWidths";
220
- borderStyle: "borderStyles";
221
- borderTopStyle: "borderStyles";
222
- borderLeftStyle: "borderStyles";
223
- borderRightStyle: "borderStyles";
224
- borderBottomStyle: "borderStyles";
225
- borderRadius: "radii";
226
- borderTopLeftRadius: "radii";
227
- borderTopRightRadius: "radii";
228
- borderBottomRightRadius: "radii";
229
- borderBottomLeftRadius: "radii";
230
- boxShadow: "shadows";
231
- textShadow: "shadows";
232
- transition: "transitions";
233
- zIndex: "zIndices";
234
- }, {}>>(type: Type, ...composers: { [K in keyof Composers]: string extends Composers[K] ? Composers[K] : Composers[K] extends string | _stitches_react_types_util.Function | react.ComponentType<any> ? Composers[K] : _stitches_react_types_stitches.RemoveIndex<CSS> & {
235
- variants?: {
236
- [x: string]: {
237
- [x: string]: CSS;
238
- [x: number]: CSS;
239
- };
240
- } | undefined;
241
- compoundVariants?: (("variants" extends keyof Composers[K] ? Composers[K][keyof Composers[K] & "variants"] extends infer T ? { [Name in keyof T]?: _stitches_react_types_util.String | _stitches_react_types_util.Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name]> | undefined; } : never : _stitches_react_types_util.WideObject) & {
242
- css: CSS;
243
- })[] | undefined;
244
- defaultVariants?: ("variants" extends keyof Composers[K] ? Composers[K][keyof Composers[K] & "variants"] extends infer T_1 ? { [Name_1 in keyof T_1]?: _stitches_react_types_util.String | _stitches_react_types_util.Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name_1]> | undefined; } : never : _stitches_react_types_util.WideObject) | undefined;
245
- } & CSS & (Composers[K] extends infer T_2 ? { [K2 in keyof T_2]: K2 extends "compoundVariants" | "defaultVariants" | "variants" ? unknown : K2 extends keyof CSS ? CSS[K2] : unknown; } : never); }) => _stitches_react_types_styled_component.StyledComponent<Type, _stitches_react_types_styled_component.StyledComponentProps<Composers>, {
246
- sm: "(min-width: 375px)";
247
- md: "(min-width: 768px)";
248
- lg: "(min-width: 1024px)";
249
- }, _stitches_react_types_css_util.CSS<{
250
- sm: "(min-width: 375px)";
251
- md: "(min-width: 768px)";
252
- lg: "(min-width: 1024px)";
253
- }, {
254
- colors: {
255
- white: string;
256
- black: string;
257
- gray_background: string;
258
- gray_light: string;
259
- gray_mid: string;
260
- gray_dark: string;
261
- clickpalm_light: string;
262
- clickpalm_mid: string;
263
- clickpalm_dark: string;
264
- clickpalm_superDark: string;
265
- ignite_light: string;
266
- ignite_dark: string;
267
- success: string;
268
- success_dark: string;
269
- warning: string;
270
- warning_dark: string;
271
- danger: string;
272
- danger_dark: string;
273
- };
274
- fontSizes: {
275
- xxs: string;
276
- xs: string;
277
- sm: string;
278
- md: string;
279
- lg: string;
280
- xl: string;
281
- '2xl': string;
282
- '4xl': string;
283
- '5xl': string;
284
- '6xl': string;
285
- '7xl': string;
286
- '8xl': string;
287
- '9xl': string;
288
- };
289
- fontWeights: {
290
- regular: string;
291
- medium: string;
292
- bold: string;
293
- };
294
- fonts: {
295
- default: string;
296
- code: string;
297
- };
298
- lineHeights: {
299
- regular: string;
300
- shorter: string;
301
- short: string;
302
- base: string;
303
- tall: string;
304
- };
305
- radii: {
306
- px: string;
307
- xs: string;
308
- sm: string;
309
- md: string;
310
- lg: string;
311
- full: string;
312
- };
313
- space: {
314
- 1: string;
315
- 2: string;
316
- 3: string;
317
- 4: string;
318
- 5: string;
319
- 6: string;
320
- 7: string;
321
- 8: string;
322
- 10: string;
323
- 11: string;
324
- 12: string;
325
- 14: string;
326
- 16: string;
327
- 19: string;
328
- 20: string;
329
- 22: string;
330
- 40: string;
331
- 64: string;
332
- 80: string;
333
- };
334
- }, {
335
- height: "space";
336
- width: "space";
337
- gap: "space";
338
- gridGap: "space";
339
- columnGap: "space";
340
- gridColumnGap: "space";
341
- rowGap: "space";
342
- gridRowGap: "space";
343
- inset: "space";
344
- insetBlock: "space";
345
- insetBlockEnd: "space";
346
- insetBlockStart: "space";
347
- insetInline: "space";
348
- insetInlineEnd: "space";
349
- insetInlineStart: "space";
350
- margin: "space";
351
- marginTop: "space";
352
- marginRight: "space";
353
- marginBottom: "space";
354
- marginLeft: "space";
355
- marginBlock: "space";
356
- marginBlockEnd: "space";
357
- marginBlockStart: "space";
358
- marginInline: "space";
359
- marginInlineEnd: "space";
360
- marginInlineStart: "space";
361
- padding: "space";
362
- paddingTop: "space";
363
- paddingRight: "space";
364
- paddingBottom: "space";
365
- paddingLeft: "space";
366
- paddingBlock: "space";
367
- paddingBlockEnd: "space";
368
- paddingBlockStart: "space";
369
- paddingInline: "space";
370
- paddingInlineEnd: "space";
371
- paddingInlineStart: "space";
372
- scrollMargin: "space";
373
- scrollMarginTop: "space";
374
- scrollMarginRight: "space";
375
- scrollMarginBottom: "space";
376
- scrollMarginLeft: "space";
377
- scrollMarginBlock: "space";
378
- scrollMarginBlockEnd: "space";
379
- scrollMarginBlockStart: "space";
380
- scrollMarginInline: "space";
381
- scrollMarginInlineEnd: "space";
382
- scrollMarginInlineStart: "space";
383
- scrollPadding: "space";
384
- scrollPaddingTop: "space";
385
- scrollPaddingRight: "space";
386
- scrollPaddingBottom: "space";
387
- scrollPaddingLeft: "space";
388
- scrollPaddingBlock: "space";
389
- scrollPaddingBlockEnd: "space";
390
- scrollPaddingBlockStart: "space";
391
- scrollPaddingInline: "space";
392
- scrollPaddingInlineEnd: "space";
393
- scrollPaddingInlineStart: "space";
394
- top: "space";
395
- right: "space";
396
- bottom: "space";
397
- left: "space";
398
- fontSize: "fontSizes";
399
- background: "colors";
400
- backgroundColor: "colors";
401
- backgroundImage: "colors";
402
- borderImage: "colors";
403
- border: "colors";
404
- borderBlock: "colors";
405
- borderBlockEnd: "colors";
406
- borderBlockStart: "colors";
407
- borderBottom: "colors";
408
- borderBottomColor: "colors";
409
- borderColor: "colors";
410
- borderInline: "colors";
411
- borderInlineEnd: "colors";
412
- borderInlineStart: "colors";
413
- borderLeft: "colors";
414
- borderLeftColor: "colors";
415
- borderRight: "colors";
416
- borderRightColor: "colors";
417
- borderTop: "colors";
418
- borderTopColor: "colors";
419
- caretColor: "colors";
420
- color: "colors";
421
- columnRuleColor: "colors";
422
- outline: "colors";
423
- outlineColor: "colors";
424
- fill: "colors";
425
- stroke: "colors";
426
- textDecorationColor: "colors";
427
- fontFamily: "fonts";
428
- fontWeight: "fontWeights";
429
- lineHeight: "lineHeights";
430
- letterSpacing: "letterSpacings";
431
- blockSize: "sizes";
432
- minBlockSize: "sizes";
433
- maxBlockSize: "sizes";
434
- inlineSize: "sizes";
435
- minInlineSize: "sizes";
436
- maxInlineSize: "sizes";
437
- minWidth: "sizes";
438
- maxWidth: "sizes";
439
- minHeight: "sizes";
440
- maxHeight: "sizes";
441
- flexBasis: "sizes";
442
- gridTemplateColumns: "sizes";
443
- gridTemplateRows: "sizes";
444
- borderWidth: "borderWidths";
445
- borderTopWidth: "borderWidths";
446
- borderLeftWidth: "borderWidths";
447
- borderRightWidth: "borderWidths";
448
- borderBottomWidth: "borderWidths";
449
- borderStyle: "borderStyles";
450
- borderTopStyle: "borderStyles";
451
- borderLeftStyle: "borderStyles";
452
- borderRightStyle: "borderStyles";
453
- borderBottomStyle: "borderStyles";
454
- borderRadius: "radii";
455
- borderTopLeftRadius: "radii";
456
- borderTopRightRadius: "radii";
457
- borderBottomRightRadius: "radii";
458
- borderBottomLeftRadius: "radii";
459
- boxShadow: "shadows";
460
- textShadow: "shadows";
461
- transition: "transitions";
462
- zIndex: "zIndices";
463
- }, {}>>;
464
- declare const css: <Composers extends (string | _stitches_react_types_util.Function | react.JSXElementConstructor<any> | react.ExoticComponent<any> | {
465
- [name: string]: unknown;
466
- })[], CSS = _stitches_react_types_css_util.CSS<{
467
- sm: "(min-width: 375px)";
468
- md: "(min-width: 768px)";
469
- lg: "(min-width: 1024px)";
470
- }, {
471
- colors: {
472
- white: string;
473
- black: string;
474
- gray_background: string;
475
- gray_light: string;
476
- gray_mid: string;
477
- gray_dark: string;
478
- clickpalm_light: string;
479
- clickpalm_mid: string;
480
- clickpalm_dark: string;
481
- clickpalm_superDark: string;
482
- ignite_light: string;
483
- ignite_dark: string;
484
- success: string;
485
- success_dark: string;
486
- warning: string;
487
- warning_dark: string;
488
- danger: string;
489
- danger_dark: string;
490
- };
491
- fontSizes: {
492
- xxs: string;
493
- xs: string;
494
- sm: string;
495
- md: string;
496
- lg: string;
497
- xl: string;
498
- '2xl': string;
499
- '4xl': string;
500
- '5xl': string;
501
- '6xl': string;
502
- '7xl': string;
503
- '8xl': string;
504
- '9xl': string;
505
- };
506
- fontWeights: {
507
- regular: string;
508
- medium: string;
509
- bold: string;
510
- };
511
- fonts: {
512
- default: string;
513
- code: string;
514
- };
515
- lineHeights: {
516
- regular: string;
517
- shorter: string;
518
- short: string;
519
- base: string;
520
- tall: string;
521
- };
522
- radii: {
523
- px: string;
524
- xs: string;
525
- sm: string;
526
- md: string;
527
- lg: string;
528
- full: string;
529
- };
530
- space: {
531
- 1: string;
532
- 2: string;
533
- 3: string;
534
- 4: string;
535
- 5: string;
536
- 6: string;
537
- 7: string;
538
- 8: string;
539
- 10: string;
540
- 11: string;
541
- 12: string;
542
- 14: string;
543
- 16: string;
544
- 19: string;
545
- 20: string;
546
- 22: string;
547
- 40: string;
548
- 64: string;
549
- 80: string;
550
- };
551
- }, {
552
- height: "space";
553
- width: "space";
554
- gap: "space";
555
- gridGap: "space";
556
- columnGap: "space";
557
- gridColumnGap: "space";
558
- rowGap: "space";
559
- gridRowGap: "space";
560
- inset: "space";
561
- insetBlock: "space";
562
- insetBlockEnd: "space";
563
- insetBlockStart: "space";
564
- insetInline: "space";
565
- insetInlineEnd: "space";
566
- insetInlineStart: "space";
567
- margin: "space";
568
- marginTop: "space";
569
- marginRight: "space";
570
- marginBottom: "space";
571
- marginLeft: "space";
572
- marginBlock: "space";
573
- marginBlockEnd: "space";
574
- marginBlockStart: "space";
575
- marginInline: "space";
576
- marginInlineEnd: "space";
577
- marginInlineStart: "space";
578
- padding: "space";
579
- paddingTop: "space";
580
- paddingRight: "space";
581
- paddingBottom: "space";
582
- paddingLeft: "space";
583
- paddingBlock: "space";
584
- paddingBlockEnd: "space";
585
- paddingBlockStart: "space";
586
- paddingInline: "space";
587
- paddingInlineEnd: "space";
588
- paddingInlineStart: "space";
589
- scrollMargin: "space";
590
- scrollMarginTop: "space";
591
- scrollMarginRight: "space";
592
- scrollMarginBottom: "space";
593
- scrollMarginLeft: "space";
594
- scrollMarginBlock: "space";
595
- scrollMarginBlockEnd: "space";
596
- scrollMarginBlockStart: "space";
597
- scrollMarginInline: "space";
598
- scrollMarginInlineEnd: "space";
599
- scrollMarginInlineStart: "space";
600
- scrollPadding: "space";
601
- scrollPaddingTop: "space";
602
- scrollPaddingRight: "space";
603
- scrollPaddingBottom: "space";
604
- scrollPaddingLeft: "space";
605
- scrollPaddingBlock: "space";
606
- scrollPaddingBlockEnd: "space";
607
- scrollPaddingBlockStart: "space";
608
- scrollPaddingInline: "space";
609
- scrollPaddingInlineEnd: "space";
610
- scrollPaddingInlineStart: "space";
611
- top: "space";
612
- right: "space";
613
- bottom: "space";
614
- left: "space";
615
- fontSize: "fontSizes";
616
- background: "colors";
617
- backgroundColor: "colors";
618
- backgroundImage: "colors";
619
- borderImage: "colors";
620
- border: "colors";
621
- borderBlock: "colors";
622
- borderBlockEnd: "colors";
623
- borderBlockStart: "colors";
624
- borderBottom: "colors";
625
- borderBottomColor: "colors";
626
- borderColor: "colors";
627
- borderInline: "colors";
628
- borderInlineEnd: "colors";
629
- borderInlineStart: "colors";
630
- borderLeft: "colors";
631
- borderLeftColor: "colors";
632
- borderRight: "colors";
633
- borderRightColor: "colors";
634
- borderTop: "colors";
635
- borderTopColor: "colors";
636
- caretColor: "colors";
637
- color: "colors";
638
- columnRuleColor: "colors";
639
- outline: "colors";
640
- outlineColor: "colors";
641
- fill: "colors";
642
- stroke: "colors";
643
- textDecorationColor: "colors";
644
- fontFamily: "fonts";
645
- fontWeight: "fontWeights";
646
- lineHeight: "lineHeights";
647
- letterSpacing: "letterSpacings";
648
- blockSize: "sizes";
649
- minBlockSize: "sizes";
650
- maxBlockSize: "sizes";
651
- inlineSize: "sizes";
652
- minInlineSize: "sizes";
653
- maxInlineSize: "sizes";
654
- minWidth: "sizes";
655
- maxWidth: "sizes";
656
- minHeight: "sizes";
657
- maxHeight: "sizes";
658
- flexBasis: "sizes";
659
- gridTemplateColumns: "sizes";
660
- gridTemplateRows: "sizes";
661
- borderWidth: "borderWidths";
662
- borderTopWidth: "borderWidths";
663
- borderLeftWidth: "borderWidths";
664
- borderRightWidth: "borderWidths";
665
- borderBottomWidth: "borderWidths";
666
- borderStyle: "borderStyles";
667
- borderTopStyle: "borderStyles";
668
- borderLeftStyle: "borderStyles";
669
- borderRightStyle: "borderStyles";
670
- borderBottomStyle: "borderStyles";
671
- borderRadius: "radii";
672
- borderTopLeftRadius: "radii";
673
- borderTopRightRadius: "radii";
674
- borderBottomRightRadius: "radii";
675
- borderBottomLeftRadius: "radii";
676
- boxShadow: "shadows";
677
- textShadow: "shadows";
678
- transition: "transitions";
679
- zIndex: "zIndices";
680
- }, {}>>(...composers: { [K in keyof Composers]: string extends Composers[K] ? Composers[K] : Composers[K] extends string | _stitches_react_types_util.Function | react.JSXElementConstructor<any> | react.ExoticComponent<any> ? Composers[K] : _stitches_react_types_stitches.RemoveIndex<CSS> & {
681
- variants?: {
682
- [x: string]: {
683
- [x: string]: CSS;
684
- [x: number]: CSS;
685
- };
686
- } | undefined;
687
- compoundVariants?: (("variants" extends keyof Composers[K] ? Composers[K][keyof Composers[K] & "variants"] extends infer T ? { [Name in keyof T]?: _stitches_react_types_util.String | _stitches_react_types_util.Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name]> | undefined; } : never : _stitches_react_types_util.WideObject) & {
688
- css: CSS;
689
- })[] | undefined;
690
- defaultVariants?: ("variants" extends keyof Composers[K] ? Composers[K][keyof Composers[K] & "variants"] extends infer T_1 ? { [Name_1 in keyof T_1]?: _stitches_react_types_util.String | _stitches_react_types_util.Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name_1]> | undefined; } : never : _stitches_react_types_util.WideObject) | undefined;
691
- } & CSS & (Composers[K] extends infer T_2 ? { [K2 in keyof T_2]: K2 extends "compoundVariants" | "defaultVariants" | "variants" ? unknown : K2 extends keyof CSS ? CSS[K2] : unknown; } : never); }) => _stitches_react_types_styled_component.CssComponent<_stitches_react_types_styled_component.StyledComponentType<Composers>, _stitches_react_types_styled_component.StyledComponentProps<Composers>, {
692
- sm: "(min-width: 375px)";
693
- md: "(min-width: 768px)";
694
- lg: "(min-width: 1024px)";
695
- }, CSS>;
696
- declare const globalCss: <Styles extends {
697
- [K: string]: any;
698
- }>(...styles: ({
699
- '@import'?: unknown;
700
- '@font-face'?: unknown;
701
- } & { [K in keyof Styles]: K extends "@import" ? string | string[] : K extends "@font-face" ? _stitches_react_types_css.AtRule.FontFace | _stitches_react_types_css.AtRule.FontFace[] : K extends `@keyframes ${string}` ? {
702
- [x: string]: _stitches_react_types_css_util.CSS<{
703
- sm: "(min-width: 375px)";
704
- md: "(min-width: 768px)";
705
- lg: "(min-width: 1024px)";
706
- }, {
707
- colors: {
708
- white: string;
709
- black: string;
710
- gray_background: string;
711
- gray_light: string;
712
- gray_mid: string;
713
- gray_dark: string;
714
- clickpalm_light: string;
715
- clickpalm_mid: string;
716
- clickpalm_dark: string;
717
- clickpalm_superDark: string;
718
- ignite_light: string;
719
- ignite_dark: string;
720
- success: string;
721
- success_dark: string;
722
- warning: string;
723
- warning_dark: string;
724
- danger: string;
725
- danger_dark: string;
726
- };
727
- fontSizes: {
728
- xxs: string;
729
- xs: string;
730
- sm: string;
731
- md: string;
732
- lg: string;
733
- xl: string;
734
- '2xl': string;
735
- '4xl': string;
736
- '5xl': string;
737
- '6xl': string;
738
- '7xl': string;
739
- '8xl': string;
740
- '9xl': string;
741
- };
742
- fontWeights: {
743
- regular: string;
744
- medium: string;
745
- bold: string;
746
- };
747
- fonts: {
748
- default: string;
749
- code: string;
750
- };
751
- lineHeights: {
752
- regular: string;
753
- shorter: string;
754
- short: string;
755
- base: string;
756
- tall: string;
757
- };
758
- radii: {
759
- px: string;
760
- xs: string;
761
- sm: string;
762
- md: string;
763
- lg: string;
764
- full: string;
765
- };
766
- space: {
767
- 1: string;
768
- 2: string;
769
- 3: string;
770
- 4: string;
771
- 5: string;
772
- 6: string;
773
- 7: string;
774
- 8: string;
775
- 10: string;
776
- 11: string;
777
- 12: string;
778
- 14: string;
779
- 16: string;
780
- 19: string;
781
- 20: string;
782
- 22: string;
783
- 40: string;
784
- 64: string;
785
- 80: string;
786
- };
787
- }, {
788
- height: "space";
789
- width: "space";
790
- gap: "space";
791
- gridGap: "space";
792
- columnGap: "space";
793
- gridColumnGap: "space";
794
- rowGap: "space";
795
- gridRowGap: "space";
796
- inset: "space";
797
- insetBlock: "space";
798
- insetBlockEnd: "space";
799
- insetBlockStart: "space";
800
- insetInline: "space";
801
- insetInlineEnd: "space";
802
- insetInlineStart: "space";
803
- margin: "space";
804
- marginTop: "space";
805
- marginRight: "space";
806
- marginBottom: "space";
807
- marginLeft: "space";
808
- marginBlock: "space";
809
- marginBlockEnd: "space";
810
- marginBlockStart: "space";
811
- marginInline: "space";
812
- marginInlineEnd: "space";
813
- marginInlineStart: "space";
814
- padding: "space";
815
- paddingTop: "space";
816
- paddingRight: "space";
817
- paddingBottom: "space";
818
- paddingLeft: "space";
819
- paddingBlock: "space";
820
- paddingBlockEnd: "space";
821
- paddingBlockStart: "space";
822
- paddingInline: "space";
823
- paddingInlineEnd: "space";
824
- paddingInlineStart: "space";
825
- scrollMargin: "space";
826
- scrollMarginTop: "space";
827
- scrollMarginRight: "space";
828
- scrollMarginBottom: "space";
829
- scrollMarginLeft: "space";
830
- scrollMarginBlock: "space";
831
- scrollMarginBlockEnd: "space";
832
- scrollMarginBlockStart: "space";
833
- scrollMarginInline: "space";
834
- scrollMarginInlineEnd: "space";
835
- scrollMarginInlineStart: "space";
836
- scrollPadding: "space";
837
- scrollPaddingTop: "space";
838
- scrollPaddingRight: "space";
839
- scrollPaddingBottom: "space";
840
- scrollPaddingLeft: "space";
841
- scrollPaddingBlock: "space";
842
- scrollPaddingBlockEnd: "space";
843
- scrollPaddingBlockStart: "space";
844
- scrollPaddingInline: "space";
845
- scrollPaddingInlineEnd: "space";
846
- scrollPaddingInlineStart: "space";
847
- top: "space";
848
- right: "space";
849
- bottom: "space";
850
- left: "space";
851
- fontSize: "fontSizes";
852
- background: "colors";
853
- backgroundColor: "colors";
854
- backgroundImage: "colors";
855
- borderImage: "colors";
856
- border: "colors";
857
- borderBlock: "colors";
858
- borderBlockEnd: "colors";
859
- borderBlockStart: "colors";
860
- borderBottom: "colors";
861
- borderBottomColor: "colors";
862
- borderColor: "colors";
863
- borderInline: "colors";
864
- borderInlineEnd: "colors";
865
- borderInlineStart: "colors";
866
- borderLeft: "colors";
867
- borderLeftColor: "colors";
868
- borderRight: "colors";
869
- borderRightColor: "colors";
870
- borderTop: "colors";
871
- borderTopColor: "colors";
872
- caretColor: "colors";
873
- color: "colors";
874
- columnRuleColor: "colors";
875
- outline: "colors";
876
- outlineColor: "colors";
877
- fill: "colors";
878
- stroke: "colors";
879
- textDecorationColor: "colors";
880
- fontFamily: "fonts";
881
- fontWeight: "fontWeights";
882
- lineHeight: "lineHeights";
883
- letterSpacing: "letterSpacings";
884
- blockSize: "sizes";
885
- minBlockSize: "sizes";
886
- maxBlockSize: "sizes";
887
- inlineSize: "sizes";
888
- minInlineSize: "sizes";
889
- maxInlineSize: "sizes";
890
- minWidth: "sizes";
891
- maxWidth: "sizes";
892
- minHeight: "sizes";
893
- maxHeight: "sizes";
894
- flexBasis: "sizes";
895
- gridTemplateColumns: "sizes";
896
- gridTemplateRows: "sizes";
897
- borderWidth: "borderWidths";
898
- borderTopWidth: "borderWidths";
899
- borderLeftWidth: "borderWidths";
900
- borderRightWidth: "borderWidths";
901
- borderBottomWidth: "borderWidths";
902
- borderStyle: "borderStyles";
903
- borderTopStyle: "borderStyles";
904
- borderLeftStyle: "borderStyles";
905
- borderRightStyle: "borderStyles";
906
- borderBottomStyle: "borderStyles";
907
- borderRadius: "radii";
908
- borderTopLeftRadius: "radii";
909
- borderTopRightRadius: "radii";
910
- borderBottomRightRadius: "radii";
911
- borderBottomLeftRadius: "radii";
912
- boxShadow: "shadows";
913
- textShadow: "shadows";
914
- transition: "transitions";
915
- zIndex: "zIndices";
916
- }, {}>;
917
- } : K extends `@property ${string}` ? _stitches_react_types_css.AtRule.Property : _stitches_react_types_css_util.CSS<{
918
- sm: "(min-width: 375px)";
919
- md: "(min-width: 768px)";
920
- lg: "(min-width: 1024px)";
921
- }, {
922
- colors: {
923
- white: string;
924
- black: string;
925
- gray_background: string;
926
- gray_light: string;
927
- gray_mid: string;
928
- gray_dark: string;
929
- clickpalm_light: string;
930
- clickpalm_mid: string;
931
- clickpalm_dark: string;
932
- clickpalm_superDark: string;
933
- ignite_light: string;
934
- ignite_dark: string;
935
- success: string;
936
- success_dark: string;
937
- warning: string;
938
- warning_dark: string;
939
- danger: string;
940
- danger_dark: string;
941
- };
942
- fontSizes: {
943
- xxs: string;
944
- xs: string;
945
- sm: string;
946
- md: string;
947
- lg: string;
948
- xl: string;
949
- '2xl': string;
950
- '4xl': string;
951
- '5xl': string;
952
- '6xl': string;
953
- '7xl': string;
954
- '8xl': string;
955
- '9xl': string;
956
- };
957
- fontWeights: {
958
- regular: string;
959
- medium: string;
960
- bold: string;
961
- };
962
- fonts: {
963
- default: string;
964
- code: string;
965
- };
966
- lineHeights: {
967
- regular: string;
968
- shorter: string;
969
- short: string;
970
- base: string;
971
- tall: string;
972
- };
973
- radii: {
974
- px: string;
975
- xs: string;
976
- sm: string;
977
- md: string;
978
- lg: string;
979
- full: string;
980
- };
981
- space: {
982
- 1: string;
983
- 2: string;
984
- 3: string;
985
- 4: string;
986
- 5: string;
987
- 6: string;
988
- 7: string;
989
- 8: string;
990
- 10: string;
991
- 11: string;
992
- 12: string;
993
- 14: string;
994
- 16: string;
995
- 19: string;
996
- 20: string;
997
- 22: string;
998
- 40: string;
999
- 64: string;
1000
- 80: string;
1001
- };
1002
- }, {
1003
- height: "space";
1004
- width: "space";
1005
- gap: "space";
1006
- gridGap: "space";
1007
- columnGap: "space";
1008
- gridColumnGap: "space";
1009
- rowGap: "space";
1010
- gridRowGap: "space";
1011
- inset: "space";
1012
- insetBlock: "space";
1013
- insetBlockEnd: "space";
1014
- insetBlockStart: "space";
1015
- insetInline: "space";
1016
- insetInlineEnd: "space";
1017
- insetInlineStart: "space";
1018
- margin: "space";
1019
- marginTop: "space";
1020
- marginRight: "space";
1021
- marginBottom: "space";
1022
- marginLeft: "space";
1023
- marginBlock: "space";
1024
- marginBlockEnd: "space";
1025
- marginBlockStart: "space";
1026
- marginInline: "space";
1027
- marginInlineEnd: "space";
1028
- marginInlineStart: "space";
1029
- padding: "space";
1030
- paddingTop: "space";
1031
- paddingRight: "space";
1032
- paddingBottom: "space";
1033
- paddingLeft: "space";
1034
- paddingBlock: "space";
1035
- paddingBlockEnd: "space";
1036
- paddingBlockStart: "space";
1037
- paddingInline: "space";
1038
- paddingInlineEnd: "space";
1039
- paddingInlineStart: "space";
1040
- scrollMargin: "space";
1041
- scrollMarginTop: "space";
1042
- scrollMarginRight: "space";
1043
- scrollMarginBottom: "space";
1044
- scrollMarginLeft: "space";
1045
- scrollMarginBlock: "space";
1046
- scrollMarginBlockEnd: "space";
1047
- scrollMarginBlockStart: "space";
1048
- scrollMarginInline: "space";
1049
- scrollMarginInlineEnd: "space";
1050
- scrollMarginInlineStart: "space";
1051
- scrollPadding: "space";
1052
- scrollPaddingTop: "space";
1053
- scrollPaddingRight: "space";
1054
- scrollPaddingBottom: "space";
1055
- scrollPaddingLeft: "space";
1056
- scrollPaddingBlock: "space";
1057
- scrollPaddingBlockEnd: "space";
1058
- scrollPaddingBlockStart: "space";
1059
- scrollPaddingInline: "space";
1060
- scrollPaddingInlineEnd: "space";
1061
- scrollPaddingInlineStart: "space";
1062
- top: "space";
1063
- right: "space";
1064
- bottom: "space";
1065
- left: "space";
1066
- fontSize: "fontSizes";
1067
- background: "colors";
1068
- backgroundColor: "colors";
1069
- backgroundImage: "colors";
1070
- borderImage: "colors";
1071
- border: "colors";
1072
- borderBlock: "colors";
1073
- borderBlockEnd: "colors";
1074
- borderBlockStart: "colors";
1075
- borderBottom: "colors";
1076
- borderBottomColor: "colors";
1077
- borderColor: "colors";
1078
- borderInline: "colors";
1079
- borderInlineEnd: "colors";
1080
- borderInlineStart: "colors";
1081
- borderLeft: "colors";
1082
- borderLeftColor: "colors";
1083
- borderRight: "colors";
1084
- borderRightColor: "colors";
1085
- borderTop: "colors";
1086
- borderTopColor: "colors";
1087
- caretColor: "colors";
1088
- color: "colors";
1089
- columnRuleColor: "colors";
1090
- outline: "colors";
1091
- outlineColor: "colors";
1092
- fill: "colors";
1093
- stroke: "colors";
1094
- textDecorationColor: "colors";
1095
- fontFamily: "fonts";
1096
- fontWeight: "fontWeights";
1097
- lineHeight: "lineHeights";
1098
- letterSpacing: "letterSpacings";
1099
- blockSize: "sizes";
1100
- minBlockSize: "sizes";
1101
- maxBlockSize: "sizes";
1102
- inlineSize: "sizes";
1103
- minInlineSize: "sizes";
1104
- maxInlineSize: "sizes";
1105
- minWidth: "sizes";
1106
- maxWidth: "sizes";
1107
- minHeight: "sizes";
1108
- maxHeight: "sizes";
1109
- flexBasis: "sizes";
1110
- gridTemplateColumns: "sizes";
1111
- gridTemplateRows: "sizes";
1112
- borderWidth: "borderWidths";
1113
- borderTopWidth: "borderWidths";
1114
- borderLeftWidth: "borderWidths";
1115
- borderRightWidth: "borderWidths";
1116
- borderBottomWidth: "borderWidths";
1117
- borderStyle: "borderStyles";
1118
- borderTopStyle: "borderStyles";
1119
- borderLeftStyle: "borderStyles";
1120
- borderRightStyle: "borderStyles";
1121
- borderBottomStyle: "borderStyles";
1122
- borderRadius: "radii";
1123
- borderTopLeftRadius: "radii";
1124
- borderTopRightRadius: "radii";
1125
- borderBottomRightRadius: "radii";
1126
- borderBottomLeftRadius: "radii";
1127
- boxShadow: "shadows";
1128
- textShadow: "shadows";
1129
- transition: "transitions";
1130
- zIndex: "zIndices";
1131
- }, {}>; })[]) => () => string;
1132
- declare const keyframes: (style: {
1133
- [offset: string]: _stitches_react_types_css_util.CSS<{
1134
- sm: "(min-width: 375px)";
1135
- md: "(min-width: 768px)";
1136
- lg: "(min-width: 1024px)";
1137
- }, {
1138
- colors: {
1139
- white: string;
1140
- black: string;
1141
- gray_background: string;
1142
- gray_light: string;
1143
- gray_mid: string;
1144
- gray_dark: string;
1145
- clickpalm_light: string;
1146
- clickpalm_mid: string;
1147
- clickpalm_dark: string;
1148
- clickpalm_superDark: string;
1149
- ignite_light: string;
1150
- ignite_dark: string;
1151
- success: string;
1152
- success_dark: string;
1153
- warning: string;
1154
- warning_dark: string;
1155
- danger: string;
1156
- danger_dark: string;
1157
- };
1158
- fontSizes: {
1159
- xxs: string;
1160
- xs: string;
1161
- sm: string;
1162
- md: string;
1163
- lg: string;
1164
- xl: string;
1165
- '2xl': string;
1166
- '4xl': string;
1167
- '5xl': string;
1168
- '6xl': string;
1169
- '7xl': string;
1170
- '8xl': string;
1171
- '9xl': string;
1172
- };
1173
- fontWeights: {
1174
- regular: string;
1175
- medium: string;
1176
- bold: string;
1177
- };
1178
- fonts: {
1179
- default: string;
1180
- code: string;
1181
- };
1182
- lineHeights: {
1183
- regular: string;
1184
- shorter: string;
1185
- short: string;
1186
- base: string;
1187
- tall: string;
1188
- };
1189
- radii: {
1190
- px: string;
1191
- xs: string;
1192
- sm: string;
1193
- md: string;
1194
- lg: string;
1195
- full: string;
1196
- };
1197
- space: {
1198
- 1: string;
1199
- 2: string;
1200
- 3: string;
1201
- 4: string;
1202
- 5: string;
1203
- 6: string;
1204
- 7: string;
1205
- 8: string;
1206
- 10: string;
1207
- 11: string;
1208
- 12: string;
1209
- 14: string;
1210
- 16: string;
1211
- 19: string;
1212
- 20: string;
1213
- 22: string;
1214
- 40: string;
1215
- 64: string;
1216
- 80: string;
1217
- };
1218
- }, {
1219
- height: "space";
1220
- width: "space";
1221
- gap: "space";
1222
- gridGap: "space";
1223
- columnGap: "space";
1224
- gridColumnGap: "space";
1225
- rowGap: "space";
1226
- gridRowGap: "space";
1227
- inset: "space";
1228
- insetBlock: "space";
1229
- insetBlockEnd: "space";
1230
- insetBlockStart: "space";
1231
- insetInline: "space";
1232
- insetInlineEnd: "space";
1233
- insetInlineStart: "space";
1234
- margin: "space";
1235
- marginTop: "space";
1236
- marginRight: "space";
1237
- marginBottom: "space";
1238
- marginLeft: "space";
1239
- marginBlock: "space";
1240
- marginBlockEnd: "space";
1241
- marginBlockStart: "space";
1242
- marginInline: "space";
1243
- marginInlineEnd: "space";
1244
- marginInlineStart: "space";
1245
- padding: "space";
1246
- paddingTop: "space";
1247
- paddingRight: "space";
1248
- paddingBottom: "space";
1249
- paddingLeft: "space";
1250
- paddingBlock: "space";
1251
- paddingBlockEnd: "space";
1252
- paddingBlockStart: "space";
1253
- paddingInline: "space";
1254
- paddingInlineEnd: "space";
1255
- paddingInlineStart: "space";
1256
- scrollMargin: "space";
1257
- scrollMarginTop: "space";
1258
- scrollMarginRight: "space";
1259
- scrollMarginBottom: "space";
1260
- scrollMarginLeft: "space";
1261
- scrollMarginBlock: "space";
1262
- scrollMarginBlockEnd: "space";
1263
- scrollMarginBlockStart: "space";
1264
- scrollMarginInline: "space";
1265
- scrollMarginInlineEnd: "space";
1266
- scrollMarginInlineStart: "space";
1267
- scrollPadding: "space";
1268
- scrollPaddingTop: "space";
1269
- scrollPaddingRight: "space";
1270
- scrollPaddingBottom: "space";
1271
- scrollPaddingLeft: "space";
1272
- scrollPaddingBlock: "space";
1273
- scrollPaddingBlockEnd: "space";
1274
- scrollPaddingBlockStart: "space";
1275
- scrollPaddingInline: "space";
1276
- scrollPaddingInlineEnd: "space";
1277
- scrollPaddingInlineStart: "space";
1278
- top: "space";
1279
- right: "space";
1280
- bottom: "space";
1281
- left: "space";
1282
- fontSize: "fontSizes";
1283
- background: "colors";
1284
- backgroundColor: "colors";
1285
- backgroundImage: "colors";
1286
- borderImage: "colors";
1287
- border: "colors";
1288
- borderBlock: "colors";
1289
- borderBlockEnd: "colors";
1290
- borderBlockStart: "colors";
1291
- borderBottom: "colors";
1292
- borderBottomColor: "colors";
1293
- borderColor: "colors";
1294
- borderInline: "colors";
1295
- borderInlineEnd: "colors";
1296
- borderInlineStart: "colors";
1297
- borderLeft: "colors";
1298
- borderLeftColor: "colors";
1299
- borderRight: "colors";
1300
- borderRightColor: "colors";
1301
- borderTop: "colors";
1302
- borderTopColor: "colors";
1303
- caretColor: "colors";
1304
- color: "colors";
1305
- columnRuleColor: "colors";
1306
- outline: "colors";
1307
- outlineColor: "colors";
1308
- fill: "colors";
1309
- stroke: "colors";
1310
- textDecorationColor: "colors";
1311
- fontFamily: "fonts";
1312
- fontWeight: "fontWeights";
1313
- lineHeight: "lineHeights";
1314
- letterSpacing: "letterSpacings";
1315
- blockSize: "sizes";
1316
- minBlockSize: "sizes";
1317
- maxBlockSize: "sizes";
1318
- inlineSize: "sizes";
1319
- minInlineSize: "sizes";
1320
- maxInlineSize: "sizes";
1321
- minWidth: "sizes";
1322
- maxWidth: "sizes";
1323
- minHeight: "sizes";
1324
- maxHeight: "sizes";
1325
- flexBasis: "sizes";
1326
- gridTemplateColumns: "sizes";
1327
- gridTemplateRows: "sizes";
1328
- borderWidth: "borderWidths";
1329
- borderTopWidth: "borderWidths";
1330
- borderLeftWidth: "borderWidths";
1331
- borderRightWidth: "borderWidths";
1332
- borderBottomWidth: "borderWidths";
1333
- borderStyle: "borderStyles";
1334
- borderTopStyle: "borderStyles";
1335
- borderLeftStyle: "borderStyles";
1336
- borderRightStyle: "borderStyles";
1337
- borderBottomStyle: "borderStyles";
1338
- borderRadius: "radii";
1339
- borderTopLeftRadius: "radii";
1340
- borderTopRightRadius: "radii";
1341
- borderBottomRightRadius: "radii";
1342
- borderBottomLeftRadius: "radii";
1343
- boxShadow: "shadows";
1344
- textShadow: "shadows";
1345
- transition: "transitions";
1346
- zIndex: "zIndices";
1347
- }, {}>;
1348
- }) => {
1349
- (): string;
1350
- name: string;
1351
- };
1352
- declare const getCssText: () => string;
1353
- declare const theme: string & {
1354
- className: string;
1355
- selector: string;
1356
- } & {
1357
- colors: {
1358
- white: _stitches_react_types_theme.Token<"white", string, "colors", "">;
1359
- black: _stitches_react_types_theme.Token<"black", string, "colors", "">;
1360
- gray_background: _stitches_react_types_theme.Token<"gray_background", string, "colors", "">;
1361
- gray_light: _stitches_react_types_theme.Token<"gray_light", string, "colors", "">;
1362
- gray_mid: _stitches_react_types_theme.Token<"gray_mid", string, "colors", "">;
1363
- gray_dark: _stitches_react_types_theme.Token<"gray_dark", string, "colors", "">;
1364
- clickpalm_light: _stitches_react_types_theme.Token<"clickpalm_light", string, "colors", "">;
1365
- clickpalm_mid: _stitches_react_types_theme.Token<"clickpalm_mid", string, "colors", "">;
1366
- clickpalm_dark: _stitches_react_types_theme.Token<"clickpalm_dark", string, "colors", "">;
1367
- clickpalm_superDark: _stitches_react_types_theme.Token<"clickpalm_superDark", string, "colors", "">;
1368
- ignite_light: _stitches_react_types_theme.Token<"ignite_light", string, "colors", "">;
1369
- ignite_dark: _stitches_react_types_theme.Token<"ignite_dark", string, "colors", "">;
1370
- success: _stitches_react_types_theme.Token<"success", string, "colors", "">;
1371
- success_dark: _stitches_react_types_theme.Token<"success_dark", string, "colors", "">;
1372
- warning: _stitches_react_types_theme.Token<"warning", string, "colors", "">;
1373
- warning_dark: _stitches_react_types_theme.Token<"warning_dark", string, "colors", "">;
1374
- danger: _stitches_react_types_theme.Token<"danger", string, "colors", "">;
1375
- danger_dark: _stitches_react_types_theme.Token<"danger_dark", string, "colors", "">;
1376
- };
1377
- fontSizes: {
1378
- xxs: _stitches_react_types_theme.Token<"xxs", string, "fontSizes", "">;
1379
- xs: _stitches_react_types_theme.Token<"xs", string, "fontSizes", "">;
1380
- sm: _stitches_react_types_theme.Token<"sm", string, "fontSizes", "">;
1381
- md: _stitches_react_types_theme.Token<"md", string, "fontSizes", "">;
1382
- lg: _stitches_react_types_theme.Token<"lg", string, "fontSizes", "">;
1383
- xl: _stitches_react_types_theme.Token<"xl", string, "fontSizes", "">;
1384
- '2xl': _stitches_react_types_theme.Token<"2xl", string, "fontSizes", "">;
1385
- '4xl': _stitches_react_types_theme.Token<"4xl", string, "fontSizes", "">;
1386
- '5xl': _stitches_react_types_theme.Token<"5xl", string, "fontSizes", "">;
1387
- '6xl': _stitches_react_types_theme.Token<"6xl", string, "fontSizes", "">;
1388
- '7xl': _stitches_react_types_theme.Token<"7xl", string, "fontSizes", "">;
1389
- '8xl': _stitches_react_types_theme.Token<"8xl", string, "fontSizes", "">;
1390
- '9xl': _stitches_react_types_theme.Token<"9xl", string, "fontSizes", "">;
1391
- };
1392
- fontWeights: {
1393
- regular: _stitches_react_types_theme.Token<"regular", string, "fontWeights", "">;
1394
- medium: _stitches_react_types_theme.Token<"medium", string, "fontWeights", "">;
1395
- bold: _stitches_react_types_theme.Token<"bold", string, "fontWeights", "">;
1396
- };
1397
- fonts: {
1398
- default: _stitches_react_types_theme.Token<"default", string, "fonts", "">;
1399
- code: _stitches_react_types_theme.Token<"code", string, "fonts", "">;
1400
- };
1401
- lineHeights: {
1402
- regular: _stitches_react_types_theme.Token<"regular", string, "lineHeights", "">;
1403
- shorter: _stitches_react_types_theme.Token<"shorter", string, "lineHeights", "">;
1404
- short: _stitches_react_types_theme.Token<"short", string, "lineHeights", "">;
1405
- base: _stitches_react_types_theme.Token<"base", string, "lineHeights", "">;
1406
- tall: _stitches_react_types_theme.Token<"tall", string, "lineHeights", "">;
1407
- };
1408
- radii: {
1409
- px: _stitches_react_types_theme.Token<"px", string, "radii", "">;
1410
- xs: _stitches_react_types_theme.Token<"xs", string, "radii", "">;
1411
- sm: _stitches_react_types_theme.Token<"sm", string, "radii", "">;
1412
- md: _stitches_react_types_theme.Token<"md", string, "radii", "">;
1413
- lg: _stitches_react_types_theme.Token<"lg", string, "radii", "">;
1414
- full: _stitches_react_types_theme.Token<"full", string, "radii", "">;
1415
- };
1416
- space: {
1417
- 1: _stitches_react_types_theme.Token<"1", string, "space", "">;
1418
- 2: _stitches_react_types_theme.Token<"2", string, "space", "">;
1419
- 3: _stitches_react_types_theme.Token<"3", string, "space", "">;
1420
- 4: _stitches_react_types_theme.Token<"4", string, "space", "">;
1421
- 5: _stitches_react_types_theme.Token<"5", string, "space", "">;
1422
- 6: _stitches_react_types_theme.Token<"6", string, "space", "">;
1423
- 7: _stitches_react_types_theme.Token<"7", string, "space", "">;
1424
- 8: _stitches_react_types_theme.Token<"8", string, "space", "">;
1425
- 10: _stitches_react_types_theme.Token<"10", string, "space", "">;
1426
- 11: _stitches_react_types_theme.Token<"11", string, "space", "">;
1427
- 12: _stitches_react_types_theme.Token<"12", string, "space", "">;
1428
- 14: _stitches_react_types_theme.Token<"14", string, "space", "">;
1429
- 16: _stitches_react_types_theme.Token<"16", string, "space", "">;
1430
- 19: _stitches_react_types_theme.Token<"19", string, "space", "">;
1431
- 20: _stitches_react_types_theme.Token<"20", string, "space", "">;
1432
- 22: _stitches_react_types_theme.Token<"22", string, "space", "">;
1433
- 40: _stitches_react_types_theme.Token<"40", string, "space", "">;
1434
- 64: _stitches_react_types_theme.Token<"64", string, "space", "">;
1435
- 80: _stitches_react_types_theme.Token<"80", string, "space", "">;
1436
- };
1437
- };
1438
- declare const createTheme: <Argument0 extends string | ({
1439
- colors?: {
1440
- white?: string | number | boolean | undefined;
1441
- black?: string | number | boolean | undefined;
1442
- gray_background?: string | number | boolean | undefined;
1443
- gray_light?: string | number | boolean | undefined;
1444
- gray_mid?: string | number | boolean | undefined;
1445
- gray_dark?: string | number | boolean | undefined;
1446
- clickpalm_light?: string | number | boolean | undefined;
1447
- clickpalm_mid?: string | number | boolean | undefined;
1448
- clickpalm_dark?: string | number | boolean | undefined;
1449
- clickpalm_superDark?: string | number | boolean | undefined;
1450
- ignite_light?: string | number | boolean | undefined;
1451
- ignite_dark?: string | number | boolean | undefined;
1452
- success?: string | number | boolean | undefined;
1453
- success_dark?: string | number | boolean | undefined;
1454
- warning?: string | number | boolean | undefined;
1455
- warning_dark?: string | number | boolean | undefined;
1456
- danger?: string | number | boolean | undefined;
1457
- danger_dark?: string | number | boolean | undefined;
1458
- } | undefined;
1459
- fontSizes?: {
1460
- xxs?: string | number | boolean | undefined;
1461
- xs?: string | number | boolean | undefined;
1462
- sm?: string | number | boolean | undefined;
1463
- md?: string | number | boolean | undefined;
1464
- lg?: string | number | boolean | undefined;
1465
- xl?: string | number | boolean | undefined;
1466
- '2xl'?: string | number | boolean | undefined;
1467
- '4xl'?: string | number | boolean | undefined;
1468
- '5xl'?: string | number | boolean | undefined;
1469
- '6xl'?: string | number | boolean | undefined;
1470
- '7xl'?: string | number | boolean | undefined;
1471
- '8xl'?: string | number | boolean | undefined;
1472
- '9xl'?: string | number | boolean | undefined;
1473
- } | undefined;
1474
- fontWeights?: {
1475
- regular?: string | number | boolean | undefined;
1476
- medium?: string | number | boolean | undefined;
1477
- bold?: string | number | boolean | undefined;
1478
- } | undefined;
1479
- fonts?: {
1480
- default?: string | number | boolean | undefined;
1481
- code?: string | number | boolean | undefined;
1482
- } | undefined;
1483
- lineHeights?: {
1484
- regular?: string | number | boolean | undefined;
1485
- shorter?: string | number | boolean | undefined;
1486
- short?: string | number | boolean | undefined;
1487
- base?: string | number | boolean | undefined;
1488
- tall?: string | number | boolean | undefined;
1489
- } | undefined;
1490
- radii?: {
1491
- px?: string | number | boolean | undefined;
1492
- xs?: string | number | boolean | undefined;
1493
- sm?: string | number | boolean | undefined;
1494
- md?: string | number | boolean | undefined;
1495
- lg?: string | number | boolean | undefined;
1496
- full?: string | number | boolean | undefined;
1497
- } | undefined;
1498
- space?: {
1499
- 1?: string | number | boolean | undefined;
1500
- 2?: string | number | boolean | undefined;
1501
- 3?: string | number | boolean | undefined;
1502
- 4?: string | number | boolean | undefined;
1503
- 5?: string | number | boolean | undefined;
1504
- 6?: string | number | boolean | undefined;
1505
- 7?: string | number | boolean | undefined;
1506
- 8?: string | number | boolean | undefined;
1507
- 10?: string | number | boolean | undefined;
1508
- 11?: string | number | boolean | undefined;
1509
- 12?: string | number | boolean | undefined;
1510
- 14?: string | number | boolean | undefined;
1511
- 16?: string | number | boolean | undefined;
1512
- 19?: string | number | boolean | undefined;
1513
- 20?: string | number | boolean | undefined;
1514
- 22?: string | number | boolean | undefined;
1515
- 40?: string | number | boolean | undefined;
1516
- 64?: string | number | boolean | undefined;
1517
- 80?: string | number | boolean | undefined;
1518
- } | undefined;
1519
- } & {
1520
- [x: string]: {
1521
- [x: string]: string | number | boolean;
1522
- [x: number]: string | number | boolean;
1523
- };
1524
- }), Argument1 extends string | ({
1525
- colors?: {
1526
- white?: string | number | boolean | undefined;
1527
- black?: string | number | boolean | undefined;
1528
- gray_background?: string | number | boolean | undefined;
1529
- gray_light?: string | number | boolean | undefined;
1530
- gray_mid?: string | number | boolean | undefined;
1531
- gray_dark?: string | number | boolean | undefined;
1532
- clickpalm_light?: string | number | boolean | undefined;
1533
- clickpalm_mid?: string | number | boolean | undefined;
1534
- clickpalm_dark?: string | number | boolean | undefined;
1535
- clickpalm_superDark?: string | number | boolean | undefined;
1536
- ignite_light?: string | number | boolean | undefined;
1537
- ignite_dark?: string | number | boolean | undefined;
1538
- success?: string | number | boolean | undefined;
1539
- success_dark?: string | number | boolean | undefined;
1540
- warning?: string | number | boolean | undefined;
1541
- warning_dark?: string | number | boolean | undefined;
1542
- danger?: string | number | boolean | undefined;
1543
- danger_dark?: string | number | boolean | undefined;
1544
- } | undefined;
1545
- fontSizes?: {
1546
- xxs?: string | number | boolean | undefined;
1547
- xs?: string | number | boolean | undefined;
1548
- sm?: string | number | boolean | undefined;
1549
- md?: string | number | boolean | undefined;
1550
- lg?: string | number | boolean | undefined;
1551
- xl?: string | number | boolean | undefined;
1552
- '2xl'?: string | number | boolean | undefined;
1553
- '4xl'?: string | number | boolean | undefined;
1554
- '5xl'?: string | number | boolean | undefined;
1555
- '6xl'?: string | number | boolean | undefined;
1556
- '7xl'?: string | number | boolean | undefined;
1557
- '8xl'?: string | number | boolean | undefined;
1558
- '9xl'?: string | number | boolean | undefined;
1559
- } | undefined;
1560
- fontWeights?: {
1561
- regular?: string | number | boolean | undefined;
1562
- medium?: string | number | boolean | undefined;
1563
- bold?: string | number | boolean | undefined;
1564
- } | undefined;
1565
- fonts?: {
1566
- default?: string | number | boolean | undefined;
1567
- code?: string | number | boolean | undefined;
1568
- } | undefined;
1569
- lineHeights?: {
1570
- regular?: string | number | boolean | undefined;
1571
- shorter?: string | number | boolean | undefined;
1572
- short?: string | number | boolean | undefined;
1573
- base?: string | number | boolean | undefined;
1574
- tall?: string | number | boolean | undefined;
1575
- } | undefined;
1576
- radii?: {
1577
- px?: string | number | boolean | undefined;
1578
- xs?: string | number | boolean | undefined;
1579
- sm?: string | number | boolean | undefined;
1580
- md?: string | number | boolean | undefined;
1581
- lg?: string | number | boolean | undefined;
1582
- full?: string | number | boolean | undefined;
1583
- } | undefined;
1584
- space?: {
1585
- 1?: string | number | boolean | undefined;
1586
- 2?: string | number | boolean | undefined;
1587
- 3?: string | number | boolean | undefined;
1588
- 4?: string | number | boolean | undefined;
1589
- 5?: string | number | boolean | undefined;
1590
- 6?: string | number | boolean | undefined;
1591
- 7?: string | number | boolean | undefined;
1592
- 8?: string | number | boolean | undefined;
1593
- 10?: string | number | boolean | undefined;
1594
- 11?: string | number | boolean | undefined;
1595
- 12?: string | number | boolean | undefined;
1596
- 14?: string | number | boolean | undefined;
1597
- 16?: string | number | boolean | undefined;
1598
- 19?: string | number | boolean | undefined;
1599
- 20?: string | number | boolean | undefined;
1600
- 22?: string | number | boolean | undefined;
1601
- 40?: string | number | boolean | undefined;
1602
- 64?: string | number | boolean | undefined;
1603
- 80?: string | number | boolean | undefined;
1604
- } | undefined;
1605
- } & {
1606
- [x: string]: {
1607
- [x: string]: string | number | boolean;
1608
- [x: number]: string | number | boolean;
1609
- };
1610
- })>(nameOrScalesArg0: Argument0, nameOrScalesArg1?: Argument1 | undefined) => string & {
1611
- className: string;
1612
- selector: string;
1613
- } & (Argument0 extends string ? _stitches_react_types_stitches.ThemeTokens<Argument1, ""> : _stitches_react_types_stitches.ThemeTokens<Argument0, "">);
1614
- declare const config: {
1615
- prefix: "";
1616
- media: {
1617
- sm: "(min-width: 375px)";
1618
- md: "(min-width: 768px)";
1619
- lg: "(min-width: 1024px)";
1620
- };
1621
- theme: {
1622
- colors: {
1623
- white: string;
1624
- black: string;
1625
- gray_background: string;
1626
- gray_light: string;
1627
- gray_mid: string;
1628
- gray_dark: string;
1629
- clickpalm_light: string;
1630
- clickpalm_mid: string;
1631
- clickpalm_dark: string;
1632
- clickpalm_superDark: string;
1633
- ignite_light: string;
1634
- ignite_dark: string;
1635
- success: string;
1636
- success_dark: string;
1637
- warning: string;
1638
- warning_dark: string;
1639
- danger: string;
1640
- danger_dark: string;
1641
- };
1642
- fontSizes: {
1643
- xxs: string;
1644
- xs: string;
1645
- sm: string;
1646
- md: string;
1647
- lg: string;
1648
- xl: string;
1649
- '2xl': string;
1650
- '4xl': string;
1651
- '5xl': string;
1652
- '6xl': string;
1653
- '7xl': string;
1654
- '8xl': string;
1655
- '9xl': string;
1656
- };
1657
- fontWeights: {
1658
- regular: string;
1659
- medium: string;
1660
- bold: string;
1661
- };
1662
- fonts: {
1663
- default: string;
1664
- code: string;
1665
- };
1666
- lineHeights: {
1667
- regular: string;
1668
- shorter: string;
1669
- short: string;
1670
- base: string;
1671
- tall: string;
1672
- };
1673
- radii: {
1674
- px: string;
1675
- xs: string;
1676
- sm: string;
1677
- md: string;
1678
- lg: string;
1679
- full: string;
1680
- };
1681
- space: {
1682
- 1: string;
1683
- 2: string;
1684
- 3: string;
1685
- 4: string;
1686
- 5: string;
1687
- 6: string;
1688
- 7: string;
1689
- 8: string;
1690
- 10: string;
1691
- 11: string;
1692
- 12: string;
1693
- 14: string;
1694
- 16: string;
1695
- 19: string;
1696
- 20: string;
1697
- 22: string;
1698
- 40: string;
1699
- 64: string;
1700
- 80: string;
1701
- };
1702
- };
1703
- themeMap: {
1704
- height: "space";
1705
- width: "space";
1706
- gap: "space";
1707
- gridGap: "space";
1708
- columnGap: "space";
1709
- gridColumnGap: "space";
1710
- rowGap: "space";
1711
- gridRowGap: "space";
1712
- inset: "space";
1713
- insetBlock: "space";
1714
- insetBlockEnd: "space";
1715
- insetBlockStart: "space";
1716
- insetInline: "space";
1717
- insetInlineEnd: "space";
1718
- insetInlineStart: "space";
1719
- margin: "space";
1720
- marginTop: "space";
1721
- marginRight: "space";
1722
- marginBottom: "space";
1723
- marginLeft: "space";
1724
- marginBlock: "space";
1725
- marginBlockEnd: "space";
1726
- marginBlockStart: "space";
1727
- marginInline: "space";
1728
- marginInlineEnd: "space";
1729
- marginInlineStart: "space";
1730
- padding: "space";
1731
- paddingTop: "space";
1732
- paddingRight: "space";
1733
- paddingBottom: "space";
1734
- paddingLeft: "space";
1735
- paddingBlock: "space";
1736
- paddingBlockEnd: "space";
1737
- paddingBlockStart: "space";
1738
- paddingInline: "space";
1739
- paddingInlineEnd: "space";
1740
- paddingInlineStart: "space";
1741
- scrollMargin: "space";
1742
- scrollMarginTop: "space";
1743
- scrollMarginRight: "space";
1744
- scrollMarginBottom: "space";
1745
- scrollMarginLeft: "space";
1746
- scrollMarginBlock: "space";
1747
- scrollMarginBlockEnd: "space";
1748
- scrollMarginBlockStart: "space";
1749
- scrollMarginInline: "space";
1750
- scrollMarginInlineEnd: "space";
1751
- scrollMarginInlineStart: "space";
1752
- scrollPadding: "space";
1753
- scrollPaddingTop: "space";
1754
- scrollPaddingRight: "space";
1755
- scrollPaddingBottom: "space";
1756
- scrollPaddingLeft: "space";
1757
- scrollPaddingBlock: "space";
1758
- scrollPaddingBlockEnd: "space";
1759
- scrollPaddingBlockStart: "space";
1760
- scrollPaddingInline: "space";
1761
- scrollPaddingInlineEnd: "space";
1762
- scrollPaddingInlineStart: "space";
1763
- top: "space";
1764
- right: "space";
1765
- bottom: "space";
1766
- left: "space";
1767
- fontSize: "fontSizes";
1768
- background: "colors";
1769
- backgroundColor: "colors";
1770
- backgroundImage: "colors";
1771
- borderImage: "colors";
1772
- border: "colors";
1773
- borderBlock: "colors";
1774
- borderBlockEnd: "colors";
1775
- borderBlockStart: "colors";
1776
- borderBottom: "colors";
1777
- borderBottomColor: "colors";
1778
- borderColor: "colors";
1779
- borderInline: "colors";
1780
- borderInlineEnd: "colors";
1781
- borderInlineStart: "colors";
1782
- borderLeft: "colors";
1783
- borderLeftColor: "colors";
1784
- borderRight: "colors";
1785
- borderRightColor: "colors";
1786
- borderTop: "colors";
1787
- borderTopColor: "colors";
1788
- caretColor: "colors";
1789
- color: "colors";
1790
- columnRuleColor: "colors";
1791
- outline: "colors";
1792
- outlineColor: "colors";
1793
- fill: "colors";
1794
- stroke: "colors";
1795
- textDecorationColor: "colors";
1796
- fontFamily: "fonts";
1797
- fontWeight: "fontWeights";
1798
- lineHeight: "lineHeights";
1799
- letterSpacing: "letterSpacings";
1800
- blockSize: "sizes";
1801
- minBlockSize: "sizes";
1802
- maxBlockSize: "sizes";
1803
- inlineSize: "sizes";
1804
- minInlineSize: "sizes";
1805
- maxInlineSize: "sizes";
1806
- minWidth: "sizes";
1807
- maxWidth: "sizes";
1808
- minHeight: "sizes";
1809
- maxHeight: "sizes";
1810
- flexBasis: "sizes";
1811
- gridTemplateColumns: "sizes";
1812
- gridTemplateRows: "sizes";
1813
- borderWidth: "borderWidths";
1814
- borderTopWidth: "borderWidths";
1815
- borderLeftWidth: "borderWidths";
1816
- borderRightWidth: "borderWidths";
1817
- borderBottomWidth: "borderWidths";
1818
- borderStyle: "borderStyles";
1819
- borderTopStyle: "borderStyles";
1820
- borderLeftStyle: "borderStyles";
1821
- borderRightStyle: "borderStyles";
1822
- borderBottomStyle: "borderStyles";
1823
- borderRadius: "radii";
1824
- borderTopLeftRadius: "radii";
1825
- borderTopRightRadius: "radii";
1826
- borderBottomRightRadius: "radii";
1827
- borderBottomLeftRadius: "radii";
1828
- boxShadow: "shadows";
1829
- textShadow: "shadows";
1830
- transition: "transitions";
1831
- zIndex: "zIndices";
1832
- };
1833
- utils: {};
1834
- };
1835
-
1836
- declare const AvatarImage: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<Avatar$1.AvatarImageProps & react.RefAttributes<HTMLImageElement>>, {}, {
1837
- sm: "(min-width: 375px)";
1838
- md: "(min-width: 768px)";
1839
- lg: "(min-width: 1024px)";
1840
- }, _stitches_react_types_css_util.CSS<{
1841
- sm: "(min-width: 375px)";
1842
- md: "(min-width: 768px)";
1843
- lg: "(min-width: 1024px)";
1844
- }, {
1845
- colors: {
1846
- white: string;
1847
- black: string;
1848
- gray_background: string;
1849
- gray_light: string;
1850
- gray_mid: string;
1851
- gray_dark: string;
1852
- clickpalm_light: string;
1853
- clickpalm_mid: string;
1854
- clickpalm_dark: string;
1855
- clickpalm_superDark: string;
1856
- ignite_light: string;
1857
- ignite_dark: string;
1858
- success: string;
1859
- success_dark: string;
1860
- warning: string;
1861
- warning_dark: string;
1862
- danger: string;
1863
- danger_dark: string;
1864
- };
1865
- fontSizes: {
1866
- xxs: string;
1867
- xs: string;
1868
- sm: string;
1869
- md: string;
1870
- lg: string;
1871
- xl: string;
1872
- '2xl': string;
1873
- '4xl': string;
1874
- '5xl': string;
1875
- '6xl': string;
1876
- '7xl': string;
1877
- '8xl': string;
1878
- '9xl': string;
1879
- };
1880
- fontWeights: {
1881
- regular: string;
1882
- medium: string;
1883
- bold: string;
1884
- };
1885
- fonts: {
1886
- default: string;
1887
- code: string;
1888
- };
1889
- lineHeights: {
1890
- regular: string;
1891
- shorter: string;
1892
- short: string;
1893
- base: string;
1894
- tall: string;
1895
- };
1896
- radii: {
1897
- px: string;
1898
- xs: string;
1899
- sm: string;
1900
- md: string;
1901
- lg: string;
1902
- full: string;
1903
- };
1904
- space: {
1905
- 1: string;
1906
- 2: string;
1907
- 3: string;
1908
- 4: string;
1909
- 5: string;
1910
- 6: string;
1911
- 7: string;
1912
- 8: string;
1913
- 10: string;
1914
- 11: string;
1915
- 12: string;
1916
- 14: string;
1917
- 16: string;
1918
- 19: string;
1919
- 20: string;
1920
- 22: string;
1921
- 40: string;
1922
- 64: string;
1923
- 80: string;
1924
- };
1925
- }, {
1926
- height: "space";
1927
- width: "space";
1928
- gap: "space";
1929
- gridGap: "space";
1930
- columnGap: "space";
1931
- gridColumnGap: "space";
1932
- rowGap: "space";
1933
- gridRowGap: "space";
1934
- inset: "space";
1935
- insetBlock: "space";
1936
- insetBlockEnd: "space";
1937
- insetBlockStart: "space";
1938
- insetInline: "space";
1939
- insetInlineEnd: "space";
1940
- insetInlineStart: "space";
1941
- margin: "space";
1942
- marginTop: "space";
1943
- marginRight: "space";
1944
- marginBottom: "space";
1945
- marginLeft: "space";
1946
- marginBlock: "space";
1947
- marginBlockEnd: "space";
1948
- marginBlockStart: "space";
1949
- marginInline: "space";
1950
- marginInlineEnd: "space";
1951
- marginInlineStart: "space";
1952
- padding: "space";
1953
- paddingTop: "space";
1954
- paddingRight: "space";
1955
- paddingBottom: "space";
1956
- paddingLeft: "space";
1957
- paddingBlock: "space";
1958
- paddingBlockEnd: "space";
1959
- paddingBlockStart: "space";
1960
- paddingInline: "space";
1961
- paddingInlineEnd: "space";
1962
- paddingInlineStart: "space";
1963
- scrollMargin: "space";
1964
- scrollMarginTop: "space";
1965
- scrollMarginRight: "space";
1966
- scrollMarginBottom: "space";
1967
- scrollMarginLeft: "space";
1968
- scrollMarginBlock: "space";
1969
- scrollMarginBlockEnd: "space";
1970
- scrollMarginBlockStart: "space";
1971
- scrollMarginInline: "space";
1972
- scrollMarginInlineEnd: "space";
1973
- scrollMarginInlineStart: "space";
1974
- scrollPadding: "space";
1975
- scrollPaddingTop: "space";
1976
- scrollPaddingRight: "space";
1977
- scrollPaddingBottom: "space";
1978
- scrollPaddingLeft: "space";
1979
- scrollPaddingBlock: "space";
1980
- scrollPaddingBlockEnd: "space";
1981
- scrollPaddingBlockStart: "space";
1982
- scrollPaddingInline: "space";
1983
- scrollPaddingInlineEnd: "space";
1984
- scrollPaddingInlineStart: "space";
1985
- top: "space";
1986
- right: "space";
1987
- bottom: "space";
1988
- left: "space";
1989
- fontSize: "fontSizes";
1990
- background: "colors";
1991
- backgroundColor: "colors";
1992
- backgroundImage: "colors";
1993
- borderImage: "colors";
1994
- border: "colors";
1995
- borderBlock: "colors";
1996
- borderBlockEnd: "colors";
1997
- borderBlockStart: "colors";
1998
- borderBottom: "colors";
1999
- borderBottomColor: "colors";
2000
- borderColor: "colors";
2001
- borderInline: "colors";
2002
- borderInlineEnd: "colors";
2003
- borderInlineStart: "colors";
2004
- borderLeft: "colors";
2005
- borderLeftColor: "colors";
2006
- borderRight: "colors";
2007
- borderRightColor: "colors";
2008
- borderTop: "colors";
2009
- borderTopColor: "colors";
2010
- caretColor: "colors";
2011
- color: "colors";
2012
- columnRuleColor: "colors";
2013
- outline: "colors";
2014
- outlineColor: "colors";
2015
- fill: "colors";
2016
- stroke: "colors";
2017
- textDecorationColor: "colors";
2018
- fontFamily: "fonts";
2019
- fontWeight: "fontWeights";
2020
- lineHeight: "lineHeights";
2021
- letterSpacing: "letterSpacings";
2022
- blockSize: "sizes";
2023
- minBlockSize: "sizes";
2024
- maxBlockSize: "sizes";
2025
- inlineSize: "sizes";
2026
- minInlineSize: "sizes";
2027
- maxInlineSize: "sizes";
2028
- minWidth: "sizes";
2029
- maxWidth: "sizes";
2030
- minHeight: "sizes";
2031
- maxHeight: "sizes";
2032
- flexBasis: "sizes";
2033
- gridTemplateColumns: "sizes";
2034
- gridTemplateRows: "sizes";
2035
- borderWidth: "borderWidths";
2036
- borderTopWidth: "borderWidths";
2037
- borderLeftWidth: "borderWidths";
2038
- borderRightWidth: "borderWidths";
2039
- borderBottomWidth: "borderWidths";
2040
- borderStyle: "borderStyles";
2041
- borderTopStyle: "borderStyles";
2042
- borderLeftStyle: "borderStyles";
2043
- borderRightStyle: "borderStyles";
2044
- borderBottomStyle: "borderStyles";
2045
- borderRadius: "radii";
2046
- borderTopLeftRadius: "radii";
2047
- borderTopRightRadius: "radii";
2048
- borderBottomRightRadius: "radii";
2049
- borderBottomLeftRadius: "radii";
2050
- boxShadow: "shadows";
2051
- textShadow: "shadows";
2052
- transition: "transitions";
2053
- zIndex: "zIndices";
2054
- }, {}>>;
2055
-
2056
- type AvatarStatus = 'default' | 'warning' | 'error' | 'success' | 'completed';
2057
- type AvatarSize = 'sm' | 'md' | 'lg' | 'xlg';
2058
- interface AvatarProps extends ComponentProps<typeof AvatarImage> {
2059
- fallback?: string;
2060
- src?: string;
2061
- alt?: string;
2062
- className?: string;
2063
- style?: react__default.CSSProperties;
2064
- size?: AvatarSize;
2065
- status?: AvatarStatus;
2066
- notifications?: number;
2067
- shadow: boolean;
2068
- }
2069
- declare function Avatar({ fallback, className, style, size, status, notifications, shadow, ...props }: AvatarProps): react_jsx_runtime.JSX.Element;
2070
- declare namespace Avatar {
2071
- var displayName: string;
2072
- }
2073
-
2074
- interface CalendarProps {
2075
- label?: string | undefined;
2076
- onChange: (date: string) => void;
2077
- }
2078
- declare const Calendar: ({ label, onChange }: CalendarProps) => react_jsx_runtime.JSX.Element;
2079
-
2080
- declare const CheckboxContainer: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<Checkbox$1.CheckboxProps & react.RefAttributes<HTMLButtonElement>>, {
2081
- hasError?: boolean | "true" | undefined;
2082
- }, {
2083
- sm: "(min-width: 375px)";
2084
- md: "(min-width: 768px)";
2085
- lg: "(min-width: 1024px)";
2086
- }, _stitches_react_types_css_util.CSS<{
2087
- sm: "(min-width: 375px)";
2088
- md: "(min-width: 768px)";
2089
- lg: "(min-width: 1024px)";
2090
- }, {
2091
- colors: {
2092
- white: string;
2093
- black: string;
2094
- gray_background: string;
2095
- gray_light: string;
2096
- gray_mid: string;
2097
- gray_dark: string;
2098
- clickpalm_light: string;
2099
- clickpalm_mid: string;
2100
- clickpalm_dark: string;
2101
- clickpalm_superDark: string;
2102
- ignite_light: string;
2103
- ignite_dark: string;
2104
- success: string;
2105
- success_dark: string;
2106
- warning: string;
2107
- warning_dark: string;
2108
- danger: string;
2109
- danger_dark: string;
2110
- };
2111
- fontSizes: {
2112
- xxs: string;
2113
- xs: string;
2114
- sm: string;
2115
- md: string;
2116
- lg: string;
2117
- xl: string;
2118
- '2xl': string;
2119
- '4xl': string;
2120
- '5xl': string;
2121
- '6xl': string;
2122
- '7xl': string;
2123
- '8xl': string;
2124
- '9xl': string;
2125
- };
2126
- fontWeights: {
2127
- regular: string;
2128
- medium: string;
2129
- bold: string;
2130
- };
2131
- fonts: {
2132
- default: string;
2133
- code: string;
2134
- };
2135
- lineHeights: {
2136
- regular: string;
2137
- shorter: string;
2138
- short: string;
2139
- base: string;
2140
- tall: string;
2141
- };
2142
- radii: {
2143
- px: string;
2144
- xs: string;
2145
- sm: string;
2146
- md: string;
2147
- lg: string;
2148
- full: string;
2149
- };
2150
- space: {
2151
- 1: string;
2152
- 2: string;
2153
- 3: string;
2154
- 4: string;
2155
- 5: string;
2156
- 6: string;
2157
- 7: string;
2158
- 8: string;
2159
- 10: string;
2160
- 11: string;
2161
- 12: string;
2162
- 14: string;
2163
- 16: string;
2164
- 19: string;
2165
- 20: string;
2166
- 22: string;
2167
- 40: string;
2168
- 64: string;
2169
- 80: string;
2170
- };
2171
- }, {
2172
- height: "space";
2173
- width: "space";
2174
- gap: "space";
2175
- gridGap: "space";
2176
- columnGap: "space";
2177
- gridColumnGap: "space";
2178
- rowGap: "space";
2179
- gridRowGap: "space";
2180
- inset: "space";
2181
- insetBlock: "space";
2182
- insetBlockEnd: "space";
2183
- insetBlockStart: "space";
2184
- insetInline: "space";
2185
- insetInlineEnd: "space";
2186
- insetInlineStart: "space";
2187
- margin: "space";
2188
- marginTop: "space";
2189
- marginRight: "space";
2190
- marginBottom: "space";
2191
- marginLeft: "space";
2192
- marginBlock: "space";
2193
- marginBlockEnd: "space";
2194
- marginBlockStart: "space";
2195
- marginInline: "space";
2196
- marginInlineEnd: "space";
2197
- marginInlineStart: "space";
2198
- padding: "space";
2199
- paddingTop: "space";
2200
- paddingRight: "space";
2201
- paddingBottom: "space";
2202
- paddingLeft: "space";
2203
- paddingBlock: "space";
2204
- paddingBlockEnd: "space";
2205
- paddingBlockStart: "space";
2206
- paddingInline: "space";
2207
- paddingInlineEnd: "space";
2208
- paddingInlineStart: "space";
2209
- scrollMargin: "space";
2210
- scrollMarginTop: "space";
2211
- scrollMarginRight: "space";
2212
- scrollMarginBottom: "space";
2213
- scrollMarginLeft: "space";
2214
- scrollMarginBlock: "space";
2215
- scrollMarginBlockEnd: "space";
2216
- scrollMarginBlockStart: "space";
2217
- scrollMarginInline: "space";
2218
- scrollMarginInlineEnd: "space";
2219
- scrollMarginInlineStart: "space";
2220
- scrollPadding: "space";
2221
- scrollPaddingTop: "space";
2222
- scrollPaddingRight: "space";
2223
- scrollPaddingBottom: "space";
2224
- scrollPaddingLeft: "space";
2225
- scrollPaddingBlock: "space";
2226
- scrollPaddingBlockEnd: "space";
2227
- scrollPaddingBlockStart: "space";
2228
- scrollPaddingInline: "space";
2229
- scrollPaddingInlineEnd: "space";
2230
- scrollPaddingInlineStart: "space";
2231
- top: "space";
2232
- right: "space";
2233
- bottom: "space";
2234
- left: "space";
2235
- fontSize: "fontSizes";
2236
- background: "colors";
2237
- backgroundColor: "colors";
2238
- backgroundImage: "colors";
2239
- borderImage: "colors";
2240
- border: "colors";
2241
- borderBlock: "colors";
2242
- borderBlockEnd: "colors";
2243
- borderBlockStart: "colors";
2244
- borderBottom: "colors";
2245
- borderBottomColor: "colors";
2246
- borderColor: "colors";
2247
- borderInline: "colors";
2248
- borderInlineEnd: "colors";
2249
- borderInlineStart: "colors";
2250
- borderLeft: "colors";
2251
- borderLeftColor: "colors";
2252
- borderRight: "colors";
2253
- borderRightColor: "colors";
2254
- borderTop: "colors";
2255
- borderTopColor: "colors";
2256
- caretColor: "colors";
2257
- color: "colors";
2258
- columnRuleColor: "colors";
2259
- outline: "colors";
2260
- outlineColor: "colors";
2261
- fill: "colors";
2262
- stroke: "colors";
2263
- textDecorationColor: "colors";
2264
- fontFamily: "fonts";
2265
- fontWeight: "fontWeights";
2266
- lineHeight: "lineHeights";
2267
- letterSpacing: "letterSpacings";
2268
- blockSize: "sizes";
2269
- minBlockSize: "sizes";
2270
- maxBlockSize: "sizes";
2271
- inlineSize: "sizes";
2272
- minInlineSize: "sizes";
2273
- maxInlineSize: "sizes";
2274
- minWidth: "sizes";
2275
- maxWidth: "sizes";
2276
- minHeight: "sizes";
2277
- maxHeight: "sizes";
2278
- flexBasis: "sizes";
2279
- gridTemplateColumns: "sizes";
2280
- gridTemplateRows: "sizes";
2281
- borderWidth: "borderWidths";
2282
- borderTopWidth: "borderWidths";
2283
- borderLeftWidth: "borderWidths";
2284
- borderRightWidth: "borderWidths";
2285
- borderBottomWidth: "borderWidths";
2286
- borderStyle: "borderStyles";
2287
- borderTopStyle: "borderStyles";
2288
- borderLeftStyle: "borderStyles";
2289
- borderRightStyle: "borderStyles";
2290
- borderBottomStyle: "borderStyles";
2291
- borderRadius: "radii";
2292
- borderTopLeftRadius: "radii";
2293
- borderTopRightRadius: "radii";
2294
- borderBottomRightRadius: "radii";
2295
- borderBottomLeftRadius: "radii";
2296
- boxShadow: "shadows";
2297
- textShadow: "shadows";
2298
- transition: "transitions";
2299
- zIndex: "zIndices";
2300
- }, {}>>;
2301
-
2302
- interface CheckboxProps extends ComponentProps<typeof CheckboxContainer> {
2303
- label: string;
2304
- checked?: boolean;
2305
- onCheckedChange: (checked: boolean) => void;
2306
- errorMessage?: string;
2307
- }
2308
- declare const Checkbox: react.ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
2309
-
2310
- interface DatePickerInputProps {
2311
- label: string;
2312
- placeholder?: string;
2313
- value?: string;
2314
- onChange: (date: string) => void;
2315
- errorMessage?: string;
2316
- endDate?: Date;
2317
- }
2318
- declare const Datepicker: react.ForwardRefExoticComponent<DatePickerInputProps & react.RefAttributes<HTMLInputElement>>;
2319
-
2320
- declare const StyledHr: _stitches_react_types_styled_component.StyledComponent<"hr", {
2321
- variant?: "gray" | "purple" | undefined;
2322
- }, {
2323
- sm: "(min-width: 375px)";
2324
- md: "(min-width: 768px)";
2325
- lg: "(min-width: 1024px)";
2326
- }, _stitches_react_types_css_util.CSS<{
2327
- sm: "(min-width: 375px)";
2328
- md: "(min-width: 768px)";
2329
- lg: "(min-width: 1024px)";
2330
- }, {
2331
- colors: {
2332
- white: string;
2333
- black: string;
2334
- gray_background: string;
2335
- gray_light: string;
2336
- gray_mid: string;
2337
- gray_dark: string;
2338
- clickpalm_light: string;
2339
- clickpalm_mid: string;
2340
- clickpalm_dark: string;
2341
- clickpalm_superDark: string;
2342
- ignite_light: string;
2343
- ignite_dark: string;
2344
- success: string;
2345
- success_dark: string;
2346
- warning: string;
2347
- warning_dark: string;
2348
- danger: string;
2349
- danger_dark: string;
2350
- };
2351
- fontSizes: {
2352
- xxs: string;
2353
- xs: string;
2354
- sm: string;
2355
- md: string;
2356
- lg: string;
2357
- xl: string;
2358
- '2xl': string;
2359
- '4xl': string;
2360
- '5xl': string;
2361
- '6xl': string;
2362
- '7xl': string;
2363
- '8xl': string;
2364
- '9xl': string;
2365
- };
2366
- fontWeights: {
2367
- regular: string;
2368
- medium: string;
2369
- bold: string;
2370
- };
2371
- fonts: {
2372
- default: string;
2373
- code: string;
2374
- };
2375
- lineHeights: {
2376
- regular: string;
2377
- shorter: string;
2378
- short: string;
2379
- base: string;
2380
- tall: string;
2381
- };
2382
- radii: {
2383
- px: string;
2384
- xs: string;
2385
- sm: string;
2386
- md: string;
2387
- lg: string;
2388
- full: string;
2389
- };
2390
- space: {
2391
- 1: string;
2392
- 2: string;
2393
- 3: string;
2394
- 4: string;
2395
- 5: string;
2396
- 6: string;
2397
- 7: string;
2398
- 8: string;
2399
- 10: string;
2400
- 11: string;
2401
- 12: string;
2402
- 14: string;
2403
- 16: string;
2404
- 19: string;
2405
- 20: string;
2406
- 22: string;
2407
- 40: string;
2408
- 64: string;
2409
- 80: string;
2410
- };
2411
- }, {
2412
- height: "space";
2413
- width: "space";
2414
- gap: "space";
2415
- gridGap: "space";
2416
- columnGap: "space";
2417
- gridColumnGap: "space";
2418
- rowGap: "space";
2419
- gridRowGap: "space";
2420
- inset: "space";
2421
- insetBlock: "space";
2422
- insetBlockEnd: "space";
2423
- insetBlockStart: "space";
2424
- insetInline: "space";
2425
- insetInlineEnd: "space";
2426
- insetInlineStart: "space";
2427
- margin: "space";
2428
- marginTop: "space";
2429
- marginRight: "space";
2430
- marginBottom: "space";
2431
- marginLeft: "space";
2432
- marginBlock: "space";
2433
- marginBlockEnd: "space";
2434
- marginBlockStart: "space";
2435
- marginInline: "space";
2436
- marginInlineEnd: "space";
2437
- marginInlineStart: "space";
2438
- padding: "space";
2439
- paddingTop: "space";
2440
- paddingRight: "space";
2441
- paddingBottom: "space";
2442
- paddingLeft: "space";
2443
- paddingBlock: "space";
2444
- paddingBlockEnd: "space";
2445
- paddingBlockStart: "space";
2446
- paddingInline: "space";
2447
- paddingInlineEnd: "space";
2448
- paddingInlineStart: "space";
2449
- scrollMargin: "space";
2450
- scrollMarginTop: "space";
2451
- scrollMarginRight: "space";
2452
- scrollMarginBottom: "space";
2453
- scrollMarginLeft: "space";
2454
- scrollMarginBlock: "space";
2455
- scrollMarginBlockEnd: "space";
2456
- scrollMarginBlockStart: "space";
2457
- scrollMarginInline: "space";
2458
- scrollMarginInlineEnd: "space";
2459
- scrollMarginInlineStart: "space";
2460
- scrollPadding: "space";
2461
- scrollPaddingTop: "space";
2462
- scrollPaddingRight: "space";
2463
- scrollPaddingBottom: "space";
2464
- scrollPaddingLeft: "space";
2465
- scrollPaddingBlock: "space";
2466
- scrollPaddingBlockEnd: "space";
2467
- scrollPaddingBlockStart: "space";
2468
- scrollPaddingInline: "space";
2469
- scrollPaddingInlineEnd: "space";
2470
- scrollPaddingInlineStart: "space";
2471
- top: "space";
2472
- right: "space";
2473
- bottom: "space";
2474
- left: "space";
2475
- fontSize: "fontSizes";
2476
- background: "colors";
2477
- backgroundColor: "colors";
2478
- backgroundImage: "colors";
2479
- borderImage: "colors";
2480
- border: "colors";
2481
- borderBlock: "colors";
2482
- borderBlockEnd: "colors";
2483
- borderBlockStart: "colors";
2484
- borderBottom: "colors";
2485
- borderBottomColor: "colors";
2486
- borderColor: "colors";
2487
- borderInline: "colors";
2488
- borderInlineEnd: "colors";
2489
- borderInlineStart: "colors";
2490
- borderLeft: "colors";
2491
- borderLeftColor: "colors";
2492
- borderRight: "colors";
2493
- borderRightColor: "colors";
2494
- borderTop: "colors";
2495
- borderTopColor: "colors";
2496
- caretColor: "colors";
2497
- color: "colors";
2498
- columnRuleColor: "colors";
2499
- outline: "colors";
2500
- outlineColor: "colors";
2501
- fill: "colors";
2502
- stroke: "colors";
2503
- textDecorationColor: "colors";
2504
- fontFamily: "fonts";
2505
- fontWeight: "fontWeights";
2506
- lineHeight: "lineHeights";
2507
- letterSpacing: "letterSpacings";
2508
- blockSize: "sizes";
2509
- minBlockSize: "sizes";
2510
- maxBlockSize: "sizes";
2511
- inlineSize: "sizes";
2512
- minInlineSize: "sizes";
2513
- maxInlineSize: "sizes";
2514
- minWidth: "sizes";
2515
- maxWidth: "sizes";
2516
- minHeight: "sizes";
2517
- maxHeight: "sizes";
2518
- flexBasis: "sizes";
2519
- gridTemplateColumns: "sizes";
2520
- gridTemplateRows: "sizes";
2521
- borderWidth: "borderWidths";
2522
- borderTopWidth: "borderWidths";
2523
- borderLeftWidth: "borderWidths";
2524
- borderRightWidth: "borderWidths";
2525
- borderBottomWidth: "borderWidths";
2526
- borderStyle: "borderStyles";
2527
- borderTopStyle: "borderStyles";
2528
- borderLeftStyle: "borderStyles";
2529
- borderRightStyle: "borderStyles";
2530
- borderBottomStyle: "borderStyles";
2531
- borderRadius: "radii";
2532
- borderTopLeftRadius: "radii";
2533
- borderTopRightRadius: "radii";
2534
- borderBottomRightRadius: "radii";
2535
- borderBottomLeftRadius: "radii";
2536
- boxShadow: "shadows";
2537
- textShadow: "shadows";
2538
- transition: "transitions";
2539
- zIndex: "zIndices";
2540
- }, {}>>;
2541
- type CustomCSS$5 = CSS<typeof config>;
2542
- interface HrProps extends ComponentPropsWithoutRef<'hr'>, VariantProps<typeof StyledHr> {
2543
- as?: ElementType;
2544
- css?: CustomCSS$5;
2545
- children?: React.ReactNode;
2546
- variant?: 'gray' | 'purple';
2547
- }
2548
- declare const Hr: react.ForwardRefExoticComponent<HrProps & react.RefAttributes<HTMLHRElement>>;
2549
-
2550
- interface ModalProps {
2551
- open: boolean;
2552
- onOpenChange: (open: boolean) => void;
2553
- title: string;
2554
- description?: string;
2555
- children: react__default.ReactNode;
2556
- }
2557
- declare const Modal: react__default.FC<ModalProps>;
2558
-
2559
- interface ProgressBarProps extends ComponentPropsWithoutRef<typeof Progress.Root> {
2560
- label: string;
2561
- value: number | null;
2562
- max: number;
2563
- }
2564
- declare const ProgressBar: {
2565
- ({ label, value, max, ...rest }: ProgressBarProps): react_jsx_runtime.JSX.Element;
2566
- displayName: string;
2567
- };
2568
-
2569
- interface RadioProps {
2570
- labels: string[];
2571
- value: string;
2572
- onChange: (value: string) => void;
2573
- disabled?: boolean;
2574
- required?: boolean;
2575
- errorMessage?: string;
2576
- }
2577
- declare const Radio: react.ForwardRefExoticComponent<RadioProps & react.RefAttributes<HTMLDivElement>>;
2578
-
2579
- type SpacingSize = 'xs' | 'sm' | 'md' | 'lg' | 'xlg' | 'xxlg' | 'xxxlg';
2580
- interface SpacingProps {
2581
- size: SpacingSize;
2582
- axis?: 'vertical' | 'horizontal';
2583
- }
2584
- declare const Spacing: ({ size, axis }: SpacingProps) => react_jsx_runtime.JSX.Element;
2585
-
2586
- interface SwitchProps {
2587
- label?: string;
2588
- checked?: boolean;
2589
- defaultChecked?: boolean;
2590
- onCheckedChange?: (checked: boolean) => void;
2591
- disabled?: boolean;
2592
- required?: boolean;
2593
- id?: string;
2594
- errorMessage?: string;
2595
- }
2596
- declare const Switch: react.ForwardRefExoticComponent<SwitchProps & react.RefAttributes<HTMLButtonElement>>;
2597
-
2598
- interface TabsProps {
2599
- defaultValue?: string;
2600
- children: ReactNode;
2601
- colorContent: "gray" | "white";
2602
- value?: string;
2603
- onValueChange?: (value: string) => void;
2604
- }
2605
- interface TabItemProps {
2606
- value: string;
2607
- label: string;
2608
- children: ReactNode;
2609
- forceMount?: boolean;
2610
- }
2611
- declare const TabsItem: React.FC<TabItemProps>;
2612
- declare const Tabs: React.FC<TabsProps> & {
2613
- Item: typeof TabsItem;
2614
- };
2615
-
2616
- declare const TextAreaElement: _stitches_react_types_styled_component.StyledComponent<"textarea", {
2617
- hasError?: boolean | "true" | undefined;
2618
- hasCounter?: boolean | "true" | undefined;
2619
- }, {
2620
- sm: "(min-width: 375px)";
2621
- md: "(min-width: 768px)";
2622
- lg: "(min-width: 1024px)";
2623
- }, _stitches_react_types_css_util.CSS<{
2624
- sm: "(min-width: 375px)";
2625
- md: "(min-width: 768px)";
2626
- lg: "(min-width: 1024px)";
2627
- }, {
2628
- colors: {
2629
- white: string;
2630
- black: string;
2631
- gray_background: string;
2632
- gray_light: string;
2633
- gray_mid: string;
2634
- gray_dark: string;
2635
- clickpalm_light: string;
2636
- clickpalm_mid: string;
2637
- clickpalm_dark: string;
2638
- clickpalm_superDark: string;
2639
- ignite_light: string;
2640
- ignite_dark: string;
2641
- success: string;
2642
- success_dark: string;
2643
- warning: string;
2644
- warning_dark: string;
2645
- danger: string;
2646
- danger_dark: string;
2647
- };
2648
- fontSizes: {
2649
- xxs: string;
2650
- xs: string;
2651
- sm: string;
2652
- md: string;
2653
- lg: string;
2654
- xl: string;
2655
- '2xl': string;
2656
- '4xl': string;
2657
- '5xl': string;
2658
- '6xl': string;
2659
- '7xl': string;
2660
- '8xl': string;
2661
- '9xl': string;
2662
- };
2663
- fontWeights: {
2664
- regular: string;
2665
- medium: string;
2666
- bold: string;
2667
- };
2668
- fonts: {
2669
- default: string;
2670
- code: string;
2671
- };
2672
- lineHeights: {
2673
- regular: string;
2674
- shorter: string;
2675
- short: string;
2676
- base: string;
2677
- tall: string;
2678
- };
2679
- radii: {
2680
- px: string;
2681
- xs: string;
2682
- sm: string;
2683
- md: string;
2684
- lg: string;
2685
- full: string;
2686
- };
2687
- space: {
2688
- 1: string;
2689
- 2: string;
2690
- 3: string;
2691
- 4: string;
2692
- 5: string;
2693
- 6: string;
2694
- 7: string;
2695
- 8: string;
2696
- 10: string;
2697
- 11: string;
2698
- 12: string;
2699
- 14: string;
2700
- 16: string;
2701
- 19: string;
2702
- 20: string;
2703
- 22: string;
2704
- 40: string;
2705
- 64: string;
2706
- 80: string;
2707
- };
2708
- }, {
2709
- height: "space";
2710
- width: "space";
2711
- gap: "space";
2712
- gridGap: "space";
2713
- columnGap: "space";
2714
- gridColumnGap: "space";
2715
- rowGap: "space";
2716
- gridRowGap: "space";
2717
- inset: "space";
2718
- insetBlock: "space";
2719
- insetBlockEnd: "space";
2720
- insetBlockStart: "space";
2721
- insetInline: "space";
2722
- insetInlineEnd: "space";
2723
- insetInlineStart: "space";
2724
- margin: "space";
2725
- marginTop: "space";
2726
- marginRight: "space";
2727
- marginBottom: "space";
2728
- marginLeft: "space";
2729
- marginBlock: "space";
2730
- marginBlockEnd: "space";
2731
- marginBlockStart: "space";
2732
- marginInline: "space";
2733
- marginInlineEnd: "space";
2734
- marginInlineStart: "space";
2735
- padding: "space";
2736
- paddingTop: "space";
2737
- paddingRight: "space";
2738
- paddingBottom: "space";
2739
- paddingLeft: "space";
2740
- paddingBlock: "space";
2741
- paddingBlockEnd: "space";
2742
- paddingBlockStart: "space";
2743
- paddingInline: "space";
2744
- paddingInlineEnd: "space";
2745
- paddingInlineStart: "space";
2746
- scrollMargin: "space";
2747
- scrollMarginTop: "space";
2748
- scrollMarginRight: "space";
2749
- scrollMarginBottom: "space";
2750
- scrollMarginLeft: "space";
2751
- scrollMarginBlock: "space";
2752
- scrollMarginBlockEnd: "space";
2753
- scrollMarginBlockStart: "space";
2754
- scrollMarginInline: "space";
2755
- scrollMarginInlineEnd: "space";
2756
- scrollMarginInlineStart: "space";
2757
- scrollPadding: "space";
2758
- scrollPaddingTop: "space";
2759
- scrollPaddingRight: "space";
2760
- scrollPaddingBottom: "space";
2761
- scrollPaddingLeft: "space";
2762
- scrollPaddingBlock: "space";
2763
- scrollPaddingBlockEnd: "space";
2764
- scrollPaddingBlockStart: "space";
2765
- scrollPaddingInline: "space";
2766
- scrollPaddingInlineEnd: "space";
2767
- scrollPaddingInlineStart: "space";
2768
- top: "space";
2769
- right: "space";
2770
- bottom: "space";
2771
- left: "space";
2772
- fontSize: "fontSizes";
2773
- background: "colors";
2774
- backgroundColor: "colors";
2775
- backgroundImage: "colors";
2776
- borderImage: "colors";
2777
- border: "colors";
2778
- borderBlock: "colors";
2779
- borderBlockEnd: "colors";
2780
- borderBlockStart: "colors";
2781
- borderBottom: "colors";
2782
- borderBottomColor: "colors";
2783
- borderColor: "colors";
2784
- borderInline: "colors";
2785
- borderInlineEnd: "colors";
2786
- borderInlineStart: "colors";
2787
- borderLeft: "colors";
2788
- borderLeftColor: "colors";
2789
- borderRight: "colors";
2790
- borderRightColor: "colors";
2791
- borderTop: "colors";
2792
- borderTopColor: "colors";
2793
- caretColor: "colors";
2794
- color: "colors";
2795
- columnRuleColor: "colors";
2796
- outline: "colors";
2797
- outlineColor: "colors";
2798
- fill: "colors";
2799
- stroke: "colors";
2800
- textDecorationColor: "colors";
2801
- fontFamily: "fonts";
2802
- fontWeight: "fontWeights";
2803
- lineHeight: "lineHeights";
2804
- letterSpacing: "letterSpacings";
2805
- blockSize: "sizes";
2806
- minBlockSize: "sizes";
2807
- maxBlockSize: "sizes";
2808
- inlineSize: "sizes";
2809
- minInlineSize: "sizes";
2810
- maxInlineSize: "sizes";
2811
- minWidth: "sizes";
2812
- maxWidth: "sizes";
2813
- minHeight: "sizes";
2814
- maxHeight: "sizes";
2815
- flexBasis: "sizes";
2816
- gridTemplateColumns: "sizes";
2817
- gridTemplateRows: "sizes";
2818
- borderWidth: "borderWidths";
2819
- borderTopWidth: "borderWidths";
2820
- borderLeftWidth: "borderWidths";
2821
- borderRightWidth: "borderWidths";
2822
- borderBottomWidth: "borderWidths";
2823
- borderStyle: "borderStyles";
2824
- borderTopStyle: "borderStyles";
2825
- borderLeftStyle: "borderStyles";
2826
- borderRightStyle: "borderStyles";
2827
- borderBottomStyle: "borderStyles";
2828
- borderRadius: "radii";
2829
- borderTopLeftRadius: "radii";
2830
- borderTopRightRadius: "radii";
2831
- borderBottomRightRadius: "radii";
2832
- borderBottomLeftRadius: "radii";
2833
- boxShadow: "shadows";
2834
- textShadow: "shadows";
2835
- transition: "transitions";
2836
- zIndex: "zIndices";
2837
- }, {}>>;
2838
- declare const Span: _stitches_react_types_styled_component.StyledComponent<"span", {}, {
2839
- sm: "(min-width: 375px)";
2840
- md: "(min-width: 768px)";
2841
- lg: "(min-width: 1024px)";
2842
- }, _stitches_react_types_css_util.CSS<{
2843
- sm: "(min-width: 375px)";
2844
- md: "(min-width: 768px)";
2845
- lg: "(min-width: 1024px)";
2846
- }, {
2847
- colors: {
2848
- white: string;
2849
- black: string;
2850
- gray_background: string;
2851
- gray_light: string;
2852
- gray_mid: string;
2853
- gray_dark: string;
2854
- clickpalm_light: string;
2855
- clickpalm_mid: string;
2856
- clickpalm_dark: string;
2857
- clickpalm_superDark: string;
2858
- ignite_light: string;
2859
- ignite_dark: string;
2860
- success: string;
2861
- success_dark: string;
2862
- warning: string;
2863
- warning_dark: string;
2864
- danger: string;
2865
- danger_dark: string;
2866
- };
2867
- fontSizes: {
2868
- xxs: string;
2869
- xs: string;
2870
- sm: string;
2871
- md: string;
2872
- lg: string;
2873
- xl: string;
2874
- '2xl': string;
2875
- '4xl': string;
2876
- '5xl': string;
2877
- '6xl': string;
2878
- '7xl': string;
2879
- '8xl': string;
2880
- '9xl': string;
2881
- };
2882
- fontWeights: {
2883
- regular: string;
2884
- medium: string;
2885
- bold: string;
2886
- };
2887
- fonts: {
2888
- default: string;
2889
- code: string;
2890
- };
2891
- lineHeights: {
2892
- regular: string;
2893
- shorter: string;
2894
- short: string;
2895
- base: string;
2896
- tall: string;
2897
- };
2898
- radii: {
2899
- px: string;
2900
- xs: string;
2901
- sm: string;
2902
- md: string;
2903
- lg: string;
2904
- full: string;
2905
- };
2906
- space: {
2907
- 1: string;
2908
- 2: string;
2909
- 3: string;
2910
- 4: string;
2911
- 5: string;
2912
- 6: string;
2913
- 7: string;
2914
- 8: string;
2915
- 10: string;
2916
- 11: string;
2917
- 12: string;
2918
- 14: string;
2919
- 16: string;
2920
- 19: string;
2921
- 20: string;
2922
- 22: string;
2923
- 40: string;
2924
- 64: string;
2925
- 80: string;
2926
- };
2927
- }, {
2928
- height: "space";
2929
- width: "space";
2930
- gap: "space";
2931
- gridGap: "space";
2932
- columnGap: "space";
2933
- gridColumnGap: "space";
2934
- rowGap: "space";
2935
- gridRowGap: "space";
2936
- inset: "space";
2937
- insetBlock: "space";
2938
- insetBlockEnd: "space";
2939
- insetBlockStart: "space";
2940
- insetInline: "space";
2941
- insetInlineEnd: "space";
2942
- insetInlineStart: "space";
2943
- margin: "space";
2944
- marginTop: "space";
2945
- marginRight: "space";
2946
- marginBottom: "space";
2947
- marginLeft: "space";
2948
- marginBlock: "space";
2949
- marginBlockEnd: "space";
2950
- marginBlockStart: "space";
2951
- marginInline: "space";
2952
- marginInlineEnd: "space";
2953
- marginInlineStart: "space";
2954
- padding: "space";
2955
- paddingTop: "space";
2956
- paddingRight: "space";
2957
- paddingBottom: "space";
2958
- paddingLeft: "space";
2959
- paddingBlock: "space";
2960
- paddingBlockEnd: "space";
2961
- paddingBlockStart: "space";
2962
- paddingInline: "space";
2963
- paddingInlineEnd: "space";
2964
- paddingInlineStart: "space";
2965
- scrollMargin: "space";
2966
- scrollMarginTop: "space";
2967
- scrollMarginRight: "space";
2968
- scrollMarginBottom: "space";
2969
- scrollMarginLeft: "space";
2970
- scrollMarginBlock: "space";
2971
- scrollMarginBlockEnd: "space";
2972
- scrollMarginBlockStart: "space";
2973
- scrollMarginInline: "space";
2974
- scrollMarginInlineEnd: "space";
2975
- scrollMarginInlineStart: "space";
2976
- scrollPadding: "space";
2977
- scrollPaddingTop: "space";
2978
- scrollPaddingRight: "space";
2979
- scrollPaddingBottom: "space";
2980
- scrollPaddingLeft: "space";
2981
- scrollPaddingBlock: "space";
2982
- scrollPaddingBlockEnd: "space";
2983
- scrollPaddingBlockStart: "space";
2984
- scrollPaddingInline: "space";
2985
- scrollPaddingInlineEnd: "space";
2986
- scrollPaddingInlineStart: "space";
2987
- top: "space";
2988
- right: "space";
2989
- bottom: "space";
2990
- left: "space";
2991
- fontSize: "fontSizes";
2992
- background: "colors";
2993
- backgroundColor: "colors";
2994
- backgroundImage: "colors";
2995
- borderImage: "colors";
2996
- border: "colors";
2997
- borderBlock: "colors";
2998
- borderBlockEnd: "colors";
2999
- borderBlockStart: "colors";
3000
- borderBottom: "colors";
3001
- borderBottomColor: "colors";
3002
- borderColor: "colors";
3003
- borderInline: "colors";
3004
- borderInlineEnd: "colors";
3005
- borderInlineStart: "colors";
3006
- borderLeft: "colors";
3007
- borderLeftColor: "colors";
3008
- borderRight: "colors";
3009
- borderRightColor: "colors";
3010
- borderTop: "colors";
3011
- borderTopColor: "colors";
3012
- caretColor: "colors";
3013
- color: "colors";
3014
- columnRuleColor: "colors";
3015
- outline: "colors";
3016
- outlineColor: "colors";
3017
- fill: "colors";
3018
- stroke: "colors";
3019
- textDecorationColor: "colors";
3020
- fontFamily: "fonts";
3021
- fontWeight: "fontWeights";
3022
- lineHeight: "lineHeights";
3023
- letterSpacing: "letterSpacings";
3024
- blockSize: "sizes";
3025
- minBlockSize: "sizes";
3026
- maxBlockSize: "sizes";
3027
- inlineSize: "sizes";
3028
- minInlineSize: "sizes";
3029
- maxInlineSize: "sizes";
3030
- minWidth: "sizes";
3031
- maxWidth: "sizes";
3032
- minHeight: "sizes";
3033
- maxHeight: "sizes";
3034
- flexBasis: "sizes";
3035
- gridTemplateColumns: "sizes";
3036
- gridTemplateRows: "sizes";
3037
- borderWidth: "borderWidths";
3038
- borderTopWidth: "borderWidths";
3039
- borderLeftWidth: "borderWidths";
3040
- borderRightWidth: "borderWidths";
3041
- borderBottomWidth: "borderWidths";
3042
- borderStyle: "borderStyles";
3043
- borderTopStyle: "borderStyles";
3044
- borderLeftStyle: "borderStyles";
3045
- borderRightStyle: "borderStyles";
3046
- borderBottomStyle: "borderStyles";
3047
- borderRadius: "radii";
3048
- borderTopLeftRadius: "radii";
3049
- borderTopRightRadius: "radii";
3050
- borderBottomRightRadius: "radii";
3051
- borderBottomLeftRadius: "radii";
3052
- boxShadow: "shadows";
3053
- textShadow: "shadows";
3054
- transition: "transitions";
3055
- zIndex: "zIndices";
3056
- }, {}>>;
3057
- interface TextAreaProps extends ComponentPropsWithoutRef<'textarea'>, VariantProps<typeof TextAreaElement> {
3058
- label?: string;
3059
- htmlFor?: string;
3060
- errorMessage?: string;
3061
- maxLength?: number;
3062
- showCounter?: boolean;
3063
- }
3064
- declare const TextArea: react.ForwardRefExoticComponent<TextAreaProps & react.RefAttributes<HTMLTextAreaElement>>;
3065
-
3066
- interface TooltipProps {
3067
- content: ReactNode;
3068
- children: ReactNode;
3069
- side?: 'top' | 'right' | 'bottom' | 'left';
3070
- sideOffset?: number;
3071
- open?: boolean;
3072
- onOpenChange?: (open: boolean) => void;
3073
- delayDuration?: number;
3074
- }
3075
- declare const Tooltip: {
3076
- ({ content, children, side, sideOffset, open: controlledOpen, onOpenChange, delayDuration }: TooltipProps): react_jsx_runtime.JSX.Element;
3077
- displayName: string;
3078
- };
3079
-
3080
- interface LoadingSpinnerProps {
3081
- show: boolean;
3082
- fullscreen?: boolean;
3083
- }
3084
- declare const Loader: React.FC<LoadingSpinnerProps>;
3085
-
3086
- interface TextInputProps extends InputHTMLAttributes<HTMLInputElement> {
3087
- label: string;
3088
- prefix?: string;
3089
- suffix?: react__default.ReactNode;
3090
- noMargin?: boolean;
3091
- errorMessage?: string;
3092
- maxLength?: number;
3093
- showCounter?: boolean;
3094
- redBorder?: boolean;
3095
- }
3096
- declare const Input: react__default.ForwardRefExoticComponent<TextInputProps & react__default.RefAttributes<HTMLInputElement>>;
3097
-
3098
- type MaskType = 'cellPhone' | 'homePhone' | 'cep' | 'cpf' | 'cnpj' | 'date';
3099
- interface MaskedInputProps extends TextInputProps {
3100
- maskType: MaskType;
3101
- }
3102
- declare const MaskedInput: react__default.ForwardRefExoticComponent<MaskedInputProps & react__default.RefAttributes<HTMLInputElement>>;
3103
-
3104
- interface DropdownProps {
3105
- children: react__default.ReactNode;
3106
- }
3107
- type DropdownItemProps = ComponentProps<typeof DropdownMenu.Item>;
3108
- declare const Dropdown: {
3109
- ({ children }: DropdownProps): react_jsx_runtime.JSX.Element;
3110
- displayName: string;
3111
- };
3112
- declare const DropdownSeparator: _stitches_react_types_styled_component.StyledComponent<react__default.ForwardRefExoticComponent<DropdownMenu.DropdownMenuSeparatorProps & react__default.RefAttributes<HTMLDivElement>>, {}, {
3113
- sm: "(min-width: 375px)";
3114
- md: "(min-width: 768px)";
3115
- lg: "(min-width: 1024px)";
3116
- }, _stitches_react_types_css_util.CSS<{
3117
- sm: "(min-width: 375px)";
3118
- md: "(min-width: 768px)";
3119
- lg: "(min-width: 1024px)";
3120
- }, {
3121
- colors: {
3122
- white: string;
3123
- black: string;
3124
- gray_background: string;
3125
- gray_light: string;
3126
- gray_mid: string;
3127
- gray_dark: string;
3128
- clickpalm_light: string;
3129
- clickpalm_mid: string;
3130
- clickpalm_dark: string;
3131
- clickpalm_superDark: string;
3132
- ignite_light: string;
3133
- ignite_dark: string;
3134
- success: string;
3135
- success_dark: string;
3136
- warning: string;
3137
- warning_dark: string;
3138
- danger: string;
3139
- danger_dark: string;
3140
- };
3141
- fontSizes: {
3142
- xxs: string;
3143
- xs: string;
3144
- sm: string;
3145
- md: string;
3146
- lg: string;
3147
- xl: string;
3148
- '2xl': string;
3149
- '4xl': string;
3150
- '5xl': string;
3151
- '6xl': string;
3152
- '7xl': string;
3153
- '8xl': string;
3154
- '9xl': string;
3155
- };
3156
- fontWeights: {
3157
- regular: string;
3158
- medium: string;
3159
- bold: string;
3160
- };
3161
- fonts: {
3162
- default: string;
3163
- code: string;
3164
- };
3165
- lineHeights: {
3166
- regular: string;
3167
- shorter: string;
3168
- short: string;
3169
- base: string;
3170
- tall: string;
3171
- };
3172
- radii: {
3173
- px: string;
3174
- xs: string;
3175
- sm: string;
3176
- md: string;
3177
- lg: string;
3178
- full: string;
3179
- };
3180
- space: {
3181
- 1: string;
3182
- 2: string;
3183
- 3: string;
3184
- 4: string;
3185
- 5: string;
3186
- 6: string;
3187
- 7: string;
3188
- 8: string;
3189
- 10: string;
3190
- 11: string;
3191
- 12: string;
3192
- 14: string;
3193
- 16: string;
3194
- 19: string;
3195
- 20: string;
3196
- 22: string;
3197
- 40: string;
3198
- 64: string;
3199
- 80: string;
3200
- };
3201
- }, {
3202
- height: "space";
3203
- width: "space";
3204
- gap: "space";
3205
- gridGap: "space";
3206
- columnGap: "space";
3207
- gridColumnGap: "space";
3208
- rowGap: "space";
3209
- gridRowGap: "space";
3210
- inset: "space";
3211
- insetBlock: "space";
3212
- insetBlockEnd: "space";
3213
- insetBlockStart: "space";
3214
- insetInline: "space";
3215
- insetInlineEnd: "space";
3216
- insetInlineStart: "space";
3217
- margin: "space";
3218
- marginTop: "space";
3219
- marginRight: "space";
3220
- marginBottom: "space";
3221
- marginLeft: "space";
3222
- marginBlock: "space";
3223
- marginBlockEnd: "space";
3224
- marginBlockStart: "space";
3225
- marginInline: "space";
3226
- marginInlineEnd: "space";
3227
- marginInlineStart: "space";
3228
- padding: "space";
3229
- paddingTop: "space";
3230
- paddingRight: "space";
3231
- paddingBottom: "space";
3232
- paddingLeft: "space";
3233
- paddingBlock: "space";
3234
- paddingBlockEnd: "space";
3235
- paddingBlockStart: "space";
3236
- paddingInline: "space";
3237
- paddingInlineEnd: "space";
3238
- paddingInlineStart: "space";
3239
- scrollMargin: "space";
3240
- scrollMarginTop: "space";
3241
- scrollMarginRight: "space";
3242
- scrollMarginBottom: "space";
3243
- scrollMarginLeft: "space";
3244
- scrollMarginBlock: "space";
3245
- scrollMarginBlockEnd: "space";
3246
- scrollMarginBlockStart: "space";
3247
- scrollMarginInline: "space";
3248
- scrollMarginInlineEnd: "space";
3249
- scrollMarginInlineStart: "space";
3250
- scrollPadding: "space";
3251
- scrollPaddingTop: "space";
3252
- scrollPaddingRight: "space";
3253
- scrollPaddingBottom: "space";
3254
- scrollPaddingLeft: "space";
3255
- scrollPaddingBlock: "space";
3256
- scrollPaddingBlockEnd: "space";
3257
- scrollPaddingBlockStart: "space";
3258
- scrollPaddingInline: "space";
3259
- scrollPaddingInlineEnd: "space";
3260
- scrollPaddingInlineStart: "space";
3261
- top: "space";
3262
- right: "space";
3263
- bottom: "space";
3264
- left: "space";
3265
- fontSize: "fontSizes";
3266
- background: "colors";
3267
- backgroundColor: "colors";
3268
- backgroundImage: "colors";
3269
- borderImage: "colors";
3270
- border: "colors";
3271
- borderBlock: "colors";
3272
- borderBlockEnd: "colors";
3273
- borderBlockStart: "colors";
3274
- borderBottom: "colors";
3275
- borderBottomColor: "colors";
3276
- borderColor: "colors";
3277
- borderInline: "colors";
3278
- borderInlineEnd: "colors";
3279
- borderInlineStart: "colors";
3280
- borderLeft: "colors";
3281
- borderLeftColor: "colors";
3282
- borderRight: "colors";
3283
- borderRightColor: "colors";
3284
- borderTop: "colors";
3285
- borderTopColor: "colors";
3286
- caretColor: "colors";
3287
- color: "colors";
3288
- columnRuleColor: "colors";
3289
- outline: "colors";
3290
- outlineColor: "colors";
3291
- fill: "colors";
3292
- stroke: "colors";
3293
- textDecorationColor: "colors";
3294
- fontFamily: "fonts";
3295
- fontWeight: "fontWeights";
3296
- lineHeight: "lineHeights";
3297
- letterSpacing: "letterSpacings";
3298
- blockSize: "sizes";
3299
- minBlockSize: "sizes";
3300
- maxBlockSize: "sizes";
3301
- inlineSize: "sizes";
3302
- minInlineSize: "sizes";
3303
- maxInlineSize: "sizes";
3304
- minWidth: "sizes";
3305
- maxWidth: "sizes";
3306
- minHeight: "sizes";
3307
- maxHeight: "sizes";
3308
- flexBasis: "sizes";
3309
- gridTemplateColumns: "sizes";
3310
- gridTemplateRows: "sizes";
3311
- borderWidth: "borderWidths";
3312
- borderTopWidth: "borderWidths";
3313
- borderLeftWidth: "borderWidths";
3314
- borderRightWidth: "borderWidths";
3315
- borderBottomWidth: "borderWidths";
3316
- borderStyle: "borderStyles";
3317
- borderTopStyle: "borderStyles";
3318
- borderLeftStyle: "borderStyles";
3319
- borderRightStyle: "borderStyles";
3320
- borderBottomStyle: "borderStyles";
3321
- borderRadius: "radii";
3322
- borderTopLeftRadius: "radii";
3323
- borderTopRightRadius: "radii";
3324
- borderBottomRightRadius: "radii";
3325
- borderBottomLeftRadius: "radii";
3326
- boxShadow: "shadows";
3327
- textShadow: "shadows";
3328
- transition: "transitions";
3329
- zIndex: "zIndices";
3330
- }, {}>>;
3331
- declare const DropdownItem: react__default.ForwardRefExoticComponent<Omit<DropdownMenu.DropdownMenuItemProps & react__default.RefAttributes<HTMLDivElement>, "ref"> & react__default.RefAttributes<HTMLDivElement>>;
3332
-
3333
- declare const StyledButton: _stitches_react_types_styled_component.StyledComponent<"button", {
3334
- variant?: "primary" | "secondary" | "tertiary" | undefined;
3335
- size?: "sm" | "md" | "lg" | "xs" | undefined;
3336
- full?: boolean | "true" | undefined;
3337
- round?: "md" | "lg" | "xlg" | undefined;
3338
- }, {
3339
- sm: "(min-width: 375px)";
3340
- md: "(min-width: 768px)";
3341
- lg: "(min-width: 1024px)";
3342
- }, _stitches_react_types_css_util.CSS<{
3343
- sm: "(min-width: 375px)";
3344
- md: "(min-width: 768px)";
3345
- lg: "(min-width: 1024px)";
3346
- }, {
3347
- colors: {
3348
- white: string;
3349
- black: string;
3350
- gray_background: string;
3351
- gray_light: string;
3352
- gray_mid: string;
3353
- gray_dark: string;
3354
- clickpalm_light: string;
3355
- clickpalm_mid: string;
3356
- clickpalm_dark: string;
3357
- clickpalm_superDark: string;
3358
- ignite_light: string;
3359
- ignite_dark: string;
3360
- success: string;
3361
- success_dark: string;
3362
- warning: string;
3363
- warning_dark: string;
3364
- danger: string;
3365
- danger_dark: string;
3366
- };
3367
- fontSizes: {
3368
- xxs: string;
3369
- xs: string;
3370
- sm: string;
3371
- md: string;
3372
- lg: string;
3373
- xl: string;
3374
- '2xl': string;
3375
- '4xl': string;
3376
- '5xl': string;
3377
- '6xl': string;
3378
- '7xl': string;
3379
- '8xl': string;
3380
- '9xl': string;
3381
- };
3382
- fontWeights: {
3383
- regular: string;
3384
- medium: string;
3385
- bold: string;
3386
- };
3387
- fonts: {
3388
- default: string;
3389
- code: string;
3390
- };
3391
- lineHeights: {
3392
- regular: string;
3393
- shorter: string;
3394
- short: string;
3395
- base: string;
3396
- tall: string;
3397
- };
3398
- radii: {
3399
- px: string;
3400
- xs: string;
3401
- sm: string;
3402
- md: string;
3403
- lg: string;
3404
- full: string;
3405
- };
3406
- space: {
3407
- 1: string;
3408
- 2: string;
3409
- 3: string;
3410
- 4: string;
3411
- 5: string;
3412
- 6: string;
3413
- 7: string;
3414
- 8: string;
3415
- 10: string;
3416
- 11: string;
3417
- 12: string;
3418
- 14: string;
3419
- 16: string;
3420
- 19: string;
3421
- 20: string;
3422
- 22: string;
3423
- 40: string;
3424
- 64: string;
3425
- 80: string;
3426
- };
3427
- }, {
3428
- height: "space";
3429
- width: "space";
3430
- gap: "space";
3431
- gridGap: "space";
3432
- columnGap: "space";
3433
- gridColumnGap: "space";
3434
- rowGap: "space";
3435
- gridRowGap: "space";
3436
- inset: "space";
3437
- insetBlock: "space";
3438
- insetBlockEnd: "space";
3439
- insetBlockStart: "space";
3440
- insetInline: "space";
3441
- insetInlineEnd: "space";
3442
- insetInlineStart: "space";
3443
- margin: "space";
3444
- marginTop: "space";
3445
- marginRight: "space";
3446
- marginBottom: "space";
3447
- marginLeft: "space";
3448
- marginBlock: "space";
3449
- marginBlockEnd: "space";
3450
- marginBlockStart: "space";
3451
- marginInline: "space";
3452
- marginInlineEnd: "space";
3453
- marginInlineStart: "space";
3454
- padding: "space";
3455
- paddingTop: "space";
3456
- paddingRight: "space";
3457
- paddingBottom: "space";
3458
- paddingLeft: "space";
3459
- paddingBlock: "space";
3460
- paddingBlockEnd: "space";
3461
- paddingBlockStart: "space";
3462
- paddingInline: "space";
3463
- paddingInlineEnd: "space";
3464
- paddingInlineStart: "space";
3465
- scrollMargin: "space";
3466
- scrollMarginTop: "space";
3467
- scrollMarginRight: "space";
3468
- scrollMarginBottom: "space";
3469
- scrollMarginLeft: "space";
3470
- scrollMarginBlock: "space";
3471
- scrollMarginBlockEnd: "space";
3472
- scrollMarginBlockStart: "space";
3473
- scrollMarginInline: "space";
3474
- scrollMarginInlineEnd: "space";
3475
- scrollMarginInlineStart: "space";
3476
- scrollPadding: "space";
3477
- scrollPaddingTop: "space";
3478
- scrollPaddingRight: "space";
3479
- scrollPaddingBottom: "space";
3480
- scrollPaddingLeft: "space";
3481
- scrollPaddingBlock: "space";
3482
- scrollPaddingBlockEnd: "space";
3483
- scrollPaddingBlockStart: "space";
3484
- scrollPaddingInline: "space";
3485
- scrollPaddingInlineEnd: "space";
3486
- scrollPaddingInlineStart: "space";
3487
- top: "space";
3488
- right: "space";
3489
- bottom: "space";
3490
- left: "space";
3491
- fontSize: "fontSizes";
3492
- background: "colors";
3493
- backgroundColor: "colors";
3494
- backgroundImage: "colors";
3495
- borderImage: "colors";
3496
- border: "colors";
3497
- borderBlock: "colors";
3498
- borderBlockEnd: "colors";
3499
- borderBlockStart: "colors";
3500
- borderBottom: "colors";
3501
- borderBottomColor: "colors";
3502
- borderColor: "colors";
3503
- borderInline: "colors";
3504
- borderInlineEnd: "colors";
3505
- borderInlineStart: "colors";
3506
- borderLeft: "colors";
3507
- borderLeftColor: "colors";
3508
- borderRight: "colors";
3509
- borderRightColor: "colors";
3510
- borderTop: "colors";
3511
- borderTopColor: "colors";
3512
- caretColor: "colors";
3513
- color: "colors";
3514
- columnRuleColor: "colors";
3515
- outline: "colors";
3516
- outlineColor: "colors";
3517
- fill: "colors";
3518
- stroke: "colors";
3519
- textDecorationColor: "colors";
3520
- fontFamily: "fonts";
3521
- fontWeight: "fontWeights";
3522
- lineHeight: "lineHeights";
3523
- letterSpacing: "letterSpacings";
3524
- blockSize: "sizes";
3525
- minBlockSize: "sizes";
3526
- maxBlockSize: "sizes";
3527
- inlineSize: "sizes";
3528
- minInlineSize: "sizes";
3529
- maxInlineSize: "sizes";
3530
- minWidth: "sizes";
3531
- maxWidth: "sizes";
3532
- minHeight: "sizes";
3533
- maxHeight: "sizes";
3534
- flexBasis: "sizes";
3535
- gridTemplateColumns: "sizes";
3536
- gridTemplateRows: "sizes";
3537
- borderWidth: "borderWidths";
3538
- borderTopWidth: "borderWidths";
3539
- borderLeftWidth: "borderWidths";
3540
- borderRightWidth: "borderWidths";
3541
- borderBottomWidth: "borderWidths";
3542
- borderStyle: "borderStyles";
3543
- borderTopStyle: "borderStyles";
3544
- borderLeftStyle: "borderStyles";
3545
- borderRightStyle: "borderStyles";
3546
- borderBottomStyle: "borderStyles";
3547
- borderRadius: "radii";
3548
- borderTopLeftRadius: "radii";
3549
- borderTopRightRadius: "radii";
3550
- borderBottomRightRadius: "radii";
3551
- borderBottomLeftRadius: "radii";
3552
- boxShadow: "shadows";
3553
- textShadow: "shadows";
3554
- transition: "transitions";
3555
- zIndex: "zIndices";
3556
- }, {}>>;
3557
- type CustomCSS$4 = CSS<typeof config>;
3558
- interface ButtonProps extends ComponentPropsWithoutRef<'button'>, VariantProps<typeof StyledButton> {
3559
- as?: ElementType;
3560
- css?: CustomCSS$4;
3561
- children?: React.ReactNode;
3562
- variant?: 'primary' | 'secondary' | 'tertiary';
3563
- size?: 'xs' | 'sm' | 'md' | 'lg';
3564
- full?: boolean;
3565
- round?: 'md' | 'lg' | 'xlg';
3566
- }
3567
- declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
3568
-
3569
- type CustomCSS$3 = CSS<typeof config>;
3570
- interface BoxProps extends ComponentPropsWithoutRef<'div'>, VariantProps<typeof Box> {
3571
- as?: ElementType;
3572
- css?: CustomCSS$3;
3573
- variant?: 'gray' | 'white';
3574
- children?: React.ReactNode;
3575
- }
3576
- declare const Box: {
3577
- (props: BoxProps): react_jsx_runtime.JSX.Element;
3578
- displayName: string;
3579
- };
3580
-
3581
- declare const StyledParagraph: _stitches_react_types_styled_component.StyledComponent<"p", {
3582
- size?: "sm" | "md" | "lg" | "xxs" | "xs" | "xl" | "2xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
3583
- weight?: "regular" | "medium" | "bold" | undefined;
3584
- lineHeight?: "regular" | "shorter" | "short" | "base" | "tall" | undefined;
3585
- }, {
3586
- sm: "(min-width: 375px)";
3587
- md: "(min-width: 768px)";
3588
- lg: "(min-width: 1024px)";
3589
- }, _stitches_react_types_css_util.CSS<{
3590
- sm: "(min-width: 375px)";
3591
- md: "(min-width: 768px)";
3592
- lg: "(min-width: 1024px)";
3593
- }, {
3594
- colors: {
3595
- white: string;
3596
- black: string;
3597
- gray_background: string;
3598
- gray_light: string;
3599
- gray_mid: string;
3600
- gray_dark: string;
3601
- clickpalm_light: string;
3602
- clickpalm_mid: string;
3603
- clickpalm_dark: string;
3604
- clickpalm_superDark: string;
3605
- ignite_light: string;
3606
- ignite_dark: string;
3607
- success: string;
3608
- success_dark: string;
3609
- warning: string;
3610
- warning_dark: string;
3611
- danger: string;
3612
- danger_dark: string;
3613
- };
3614
- fontSizes: {
3615
- xxs: string;
3616
- xs: string;
3617
- sm: string;
3618
- md: string;
3619
- lg: string;
3620
- xl: string;
3621
- '2xl': string;
3622
- '4xl': string;
3623
- '5xl': string;
3624
- '6xl': string;
3625
- '7xl': string;
3626
- '8xl': string;
3627
- '9xl': string;
3628
- };
3629
- fontWeights: {
3630
- regular: string;
3631
- medium: string;
3632
- bold: string;
3633
- };
3634
- fonts: {
3635
- default: string;
3636
- code: string;
3637
- };
3638
- lineHeights: {
3639
- regular: string;
3640
- shorter: string;
3641
- short: string;
3642
- base: string;
3643
- tall: string;
3644
- };
3645
- radii: {
3646
- px: string;
3647
- xs: string;
3648
- sm: string;
3649
- md: string;
3650
- lg: string;
3651
- full: string;
3652
- };
3653
- space: {
3654
- 1: string;
3655
- 2: string;
3656
- 3: string;
3657
- 4: string;
3658
- 5: string;
3659
- 6: string;
3660
- 7: string;
3661
- 8: string;
3662
- 10: string;
3663
- 11: string;
3664
- 12: string;
3665
- 14: string;
3666
- 16: string;
3667
- 19: string;
3668
- 20: string;
3669
- 22: string;
3670
- 40: string;
3671
- 64: string;
3672
- 80: string;
3673
- };
3674
- }, {
3675
- height: "space";
3676
- width: "space";
3677
- gap: "space";
3678
- gridGap: "space";
3679
- columnGap: "space";
3680
- gridColumnGap: "space";
3681
- rowGap: "space";
3682
- gridRowGap: "space";
3683
- inset: "space";
3684
- insetBlock: "space";
3685
- insetBlockEnd: "space";
3686
- insetBlockStart: "space";
3687
- insetInline: "space";
3688
- insetInlineEnd: "space";
3689
- insetInlineStart: "space";
3690
- margin: "space";
3691
- marginTop: "space";
3692
- marginRight: "space";
3693
- marginBottom: "space";
3694
- marginLeft: "space";
3695
- marginBlock: "space";
3696
- marginBlockEnd: "space";
3697
- marginBlockStart: "space";
3698
- marginInline: "space";
3699
- marginInlineEnd: "space";
3700
- marginInlineStart: "space";
3701
- padding: "space";
3702
- paddingTop: "space";
3703
- paddingRight: "space";
3704
- paddingBottom: "space";
3705
- paddingLeft: "space";
3706
- paddingBlock: "space";
3707
- paddingBlockEnd: "space";
3708
- paddingBlockStart: "space";
3709
- paddingInline: "space";
3710
- paddingInlineEnd: "space";
3711
- paddingInlineStart: "space";
3712
- scrollMargin: "space";
3713
- scrollMarginTop: "space";
3714
- scrollMarginRight: "space";
3715
- scrollMarginBottom: "space";
3716
- scrollMarginLeft: "space";
3717
- scrollMarginBlock: "space";
3718
- scrollMarginBlockEnd: "space";
3719
- scrollMarginBlockStart: "space";
3720
- scrollMarginInline: "space";
3721
- scrollMarginInlineEnd: "space";
3722
- scrollMarginInlineStart: "space";
3723
- scrollPadding: "space";
3724
- scrollPaddingTop: "space";
3725
- scrollPaddingRight: "space";
3726
- scrollPaddingBottom: "space";
3727
- scrollPaddingLeft: "space";
3728
- scrollPaddingBlock: "space";
3729
- scrollPaddingBlockEnd: "space";
3730
- scrollPaddingBlockStart: "space";
3731
- scrollPaddingInline: "space";
3732
- scrollPaddingInlineEnd: "space";
3733
- scrollPaddingInlineStart: "space";
3734
- top: "space";
3735
- right: "space";
3736
- bottom: "space";
3737
- left: "space";
3738
- fontSize: "fontSizes";
3739
- background: "colors";
3740
- backgroundColor: "colors";
3741
- backgroundImage: "colors";
3742
- borderImage: "colors";
3743
- border: "colors";
3744
- borderBlock: "colors";
3745
- borderBlockEnd: "colors";
3746
- borderBlockStart: "colors";
3747
- borderBottom: "colors";
3748
- borderBottomColor: "colors";
3749
- borderColor: "colors";
3750
- borderInline: "colors";
3751
- borderInlineEnd: "colors";
3752
- borderInlineStart: "colors";
3753
- borderLeft: "colors";
3754
- borderLeftColor: "colors";
3755
- borderRight: "colors";
3756
- borderRightColor: "colors";
3757
- borderTop: "colors";
3758
- borderTopColor: "colors";
3759
- caretColor: "colors";
3760
- color: "colors";
3761
- columnRuleColor: "colors";
3762
- outline: "colors";
3763
- outlineColor: "colors";
3764
- fill: "colors";
3765
- stroke: "colors";
3766
- textDecorationColor: "colors";
3767
- fontFamily: "fonts";
3768
- fontWeight: "fontWeights";
3769
- lineHeight: "lineHeights";
3770
- letterSpacing: "letterSpacings";
3771
- blockSize: "sizes";
3772
- minBlockSize: "sizes";
3773
- maxBlockSize: "sizes";
3774
- inlineSize: "sizes";
3775
- minInlineSize: "sizes";
3776
- maxInlineSize: "sizes";
3777
- minWidth: "sizes";
3778
- maxWidth: "sizes";
3779
- minHeight: "sizes";
3780
- maxHeight: "sizes";
3781
- flexBasis: "sizes";
3782
- gridTemplateColumns: "sizes";
3783
- gridTemplateRows: "sizes";
3784
- borderWidth: "borderWidths";
3785
- borderTopWidth: "borderWidths";
3786
- borderLeftWidth: "borderWidths";
3787
- borderRightWidth: "borderWidths";
3788
- borderBottomWidth: "borderWidths";
3789
- borderStyle: "borderStyles";
3790
- borderTopStyle: "borderStyles";
3791
- borderLeftStyle: "borderStyles";
3792
- borderRightStyle: "borderStyles";
3793
- borderBottomStyle: "borderStyles";
3794
- borderRadius: "radii";
3795
- borderTopLeftRadius: "radii";
3796
- borderTopRightRadius: "radii";
3797
- borderBottomRightRadius: "radii";
3798
- borderBottomLeftRadius: "radii";
3799
- boxShadow: "shadows";
3800
- textShadow: "shadows";
3801
- transition: "transitions";
3802
- zIndex: "zIndices";
3803
- }, {}>>;
3804
- type CustomCSS$2 = CSS<typeof config>;
3805
- interface ParagraphProps extends ComponentPropsWithoutRef<'p'>, VariantProps<typeof StyledParagraph> {
3806
- as?: ElementType;
3807
- css?: CustomCSS$2;
3808
- size?: "sm" | "md" | "lg" | "xxs" | "xs" | "xl" | "2xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
3809
- weight?: "regular" | "medium" | "bold";
3810
- lineHeight?: "regular" | "shorter" | "short" | "base" | "tall";
3811
- }
3812
- declare const Paragraph: {
3813
- (props: ParagraphProps): react_jsx_runtime.JSX.Element;
3814
- displayName: string;
3815
- };
3816
-
3817
- declare const StyledHeading: _stitches_react_types_styled_component.StyledComponent<"h2", {
3818
- size?: "sm" | "md" | "lg" | "2xl" | "4xl" | "5xl" | "6xl" | "3xl" | undefined;
3819
- bold?: boolean | "true" | "false" | undefined;
3820
- }, {
3821
- sm: "(min-width: 375px)";
3822
- md: "(min-width: 768px)";
3823
- lg: "(min-width: 1024px)";
3824
- }, _stitches_react_types_css_util.CSS<{
3825
- sm: "(min-width: 375px)";
3826
- md: "(min-width: 768px)";
3827
- lg: "(min-width: 1024px)";
3828
- }, {
3829
- colors: {
3830
- white: string;
3831
- black: string;
3832
- gray_background: string;
3833
- gray_light: string;
3834
- gray_mid: string;
3835
- gray_dark: string;
3836
- clickpalm_light: string;
3837
- clickpalm_mid: string;
3838
- clickpalm_dark: string;
3839
- clickpalm_superDark: string;
3840
- ignite_light: string;
3841
- ignite_dark: string;
3842
- success: string;
3843
- success_dark: string;
3844
- warning: string;
3845
- warning_dark: string;
3846
- danger: string;
3847
- danger_dark: string;
3848
- };
3849
- fontSizes: {
3850
- xxs: string;
3851
- xs: string;
3852
- sm: string;
3853
- md: string;
3854
- lg: string;
3855
- xl: string;
3856
- '2xl': string;
3857
- '4xl': string;
3858
- '5xl': string;
3859
- '6xl': string;
3860
- '7xl': string;
3861
- '8xl': string;
3862
- '9xl': string;
3863
- };
3864
- fontWeights: {
3865
- regular: string;
3866
- medium: string;
3867
- bold: string;
3868
- };
3869
- fonts: {
3870
- default: string;
3871
- code: string;
3872
- };
3873
- lineHeights: {
3874
- regular: string;
3875
- shorter: string;
3876
- short: string;
3877
- base: string;
3878
- tall: string;
3879
- };
3880
- radii: {
3881
- px: string;
3882
- xs: string;
3883
- sm: string;
3884
- md: string;
3885
- lg: string;
3886
- full: string;
3887
- };
3888
- space: {
3889
- 1: string;
3890
- 2: string;
3891
- 3: string;
3892
- 4: string;
3893
- 5: string;
3894
- 6: string;
3895
- 7: string;
3896
- 8: string;
3897
- 10: string;
3898
- 11: string;
3899
- 12: string;
3900
- 14: string;
3901
- 16: string;
3902
- 19: string;
3903
- 20: string;
3904
- 22: string;
3905
- 40: string;
3906
- 64: string;
3907
- 80: string;
3908
- };
3909
- }, {
3910
- height: "space";
3911
- width: "space";
3912
- gap: "space";
3913
- gridGap: "space";
3914
- columnGap: "space";
3915
- gridColumnGap: "space";
3916
- rowGap: "space";
3917
- gridRowGap: "space";
3918
- inset: "space";
3919
- insetBlock: "space";
3920
- insetBlockEnd: "space";
3921
- insetBlockStart: "space";
3922
- insetInline: "space";
3923
- insetInlineEnd: "space";
3924
- insetInlineStart: "space";
3925
- margin: "space";
3926
- marginTop: "space";
3927
- marginRight: "space";
3928
- marginBottom: "space";
3929
- marginLeft: "space";
3930
- marginBlock: "space";
3931
- marginBlockEnd: "space";
3932
- marginBlockStart: "space";
3933
- marginInline: "space";
3934
- marginInlineEnd: "space";
3935
- marginInlineStart: "space";
3936
- padding: "space";
3937
- paddingTop: "space";
3938
- paddingRight: "space";
3939
- paddingBottom: "space";
3940
- paddingLeft: "space";
3941
- paddingBlock: "space";
3942
- paddingBlockEnd: "space";
3943
- paddingBlockStart: "space";
3944
- paddingInline: "space";
3945
- paddingInlineEnd: "space";
3946
- paddingInlineStart: "space";
3947
- scrollMargin: "space";
3948
- scrollMarginTop: "space";
3949
- scrollMarginRight: "space";
3950
- scrollMarginBottom: "space";
3951
- scrollMarginLeft: "space";
3952
- scrollMarginBlock: "space";
3953
- scrollMarginBlockEnd: "space";
3954
- scrollMarginBlockStart: "space";
3955
- scrollMarginInline: "space";
3956
- scrollMarginInlineEnd: "space";
3957
- scrollMarginInlineStart: "space";
3958
- scrollPadding: "space";
3959
- scrollPaddingTop: "space";
3960
- scrollPaddingRight: "space";
3961
- scrollPaddingBottom: "space";
3962
- scrollPaddingLeft: "space";
3963
- scrollPaddingBlock: "space";
3964
- scrollPaddingBlockEnd: "space";
3965
- scrollPaddingBlockStart: "space";
3966
- scrollPaddingInline: "space";
3967
- scrollPaddingInlineEnd: "space";
3968
- scrollPaddingInlineStart: "space";
3969
- top: "space";
3970
- right: "space";
3971
- bottom: "space";
3972
- left: "space";
3973
- fontSize: "fontSizes";
3974
- background: "colors";
3975
- backgroundColor: "colors";
3976
- backgroundImage: "colors";
3977
- borderImage: "colors";
3978
- border: "colors";
3979
- borderBlock: "colors";
3980
- borderBlockEnd: "colors";
3981
- borderBlockStart: "colors";
3982
- borderBottom: "colors";
3983
- borderBottomColor: "colors";
3984
- borderColor: "colors";
3985
- borderInline: "colors";
3986
- borderInlineEnd: "colors";
3987
- borderInlineStart: "colors";
3988
- borderLeft: "colors";
3989
- borderLeftColor: "colors";
3990
- borderRight: "colors";
3991
- borderRightColor: "colors";
3992
- borderTop: "colors";
3993
- borderTopColor: "colors";
3994
- caretColor: "colors";
3995
- color: "colors";
3996
- columnRuleColor: "colors";
3997
- outline: "colors";
3998
- outlineColor: "colors";
3999
- fill: "colors";
4000
- stroke: "colors";
4001
- textDecorationColor: "colors";
4002
- fontFamily: "fonts";
4003
- fontWeight: "fontWeights";
4004
- lineHeight: "lineHeights";
4005
- letterSpacing: "letterSpacings";
4006
- blockSize: "sizes";
4007
- minBlockSize: "sizes";
4008
- maxBlockSize: "sizes";
4009
- inlineSize: "sizes";
4010
- minInlineSize: "sizes";
4011
- maxInlineSize: "sizes";
4012
- minWidth: "sizes";
4013
- maxWidth: "sizes";
4014
- minHeight: "sizes";
4015
- maxHeight: "sizes";
4016
- flexBasis: "sizes";
4017
- gridTemplateColumns: "sizes";
4018
- gridTemplateRows: "sizes";
4019
- borderWidth: "borderWidths";
4020
- borderTopWidth: "borderWidths";
4021
- borderLeftWidth: "borderWidths";
4022
- borderRightWidth: "borderWidths";
4023
- borderBottomWidth: "borderWidths";
4024
- borderStyle: "borderStyles";
4025
- borderTopStyle: "borderStyles";
4026
- borderLeftStyle: "borderStyles";
4027
- borderRightStyle: "borderStyles";
4028
- borderBottomStyle: "borderStyles";
4029
- borderRadius: "radii";
4030
- borderTopLeftRadius: "radii";
4031
- borderTopRightRadius: "radii";
4032
- borderBottomRightRadius: "radii";
4033
- borderBottomLeftRadius: "radii";
4034
- boxShadow: "shadows";
4035
- textShadow: "shadows";
4036
- transition: "transitions";
4037
- zIndex: "zIndices";
4038
- }, {}>>;
4039
- type CustomCSS$1 = CSS<typeof config>;
4040
- interface HeadingProps extends ComponentPropsWithoutRef<'h2'>, VariantProps<typeof StyledHeading> {
4041
- as?: ElementType;
4042
- css?: CustomCSS$1;
4043
- children?: React.ReactNode;
4044
- size?: 'sm' | 'md' | 'lg' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl';
4045
- bold?: boolean;
4046
- }
4047
- declare const Heading: react.ForwardRefExoticComponent<HeadingProps & react.RefAttributes<HTMLHeadingElement>>;
4048
-
4049
- interface SelectItem {
4050
- value: string;
4051
- label: string;
4052
- }
4053
- type CustomCSS = CSS<typeof config>;
4054
- interface SelectProps extends ComponentProps<typeof CustomSelect.Root> {
4055
- items: SelectItem[];
4056
- placeholder?: string;
4057
- label?: string;
4058
- errorMessage?: string;
4059
- css?: CustomCSS;
4060
- className?: string;
4061
- style?: CSSProperties;
4062
- }
4063
- declare const Select: react.ForwardRefExoticComponent<SelectProps & react.RefAttributes<HTMLButtonElement>>;
4064
-
4065
- interface LabelledValueProps {
4066
- position?: 'vertical' | 'horizontal';
4067
- withRow?: boolean;
4068
- children: ReactNode;
4069
- }
4070
- declare function LabelledValue({ position, withRow, children }: LabelledValueProps): react_jsx_runtime.JSX.Element;
4071
- declare namespace LabelledValue {
4072
- var Item: ({ label, value, position, withRow }: ItemProps) => react_jsx_runtime.JSX.Element;
4073
- }
4074
- interface ItemProps {
4075
- label: ReactNode;
4076
- value: ReactNode;
4077
- position?: 'vertical' | 'horizontal';
4078
- withRow?: boolean;
4079
- }
4080
-
4081
- type IconComponent = (props: SVGProps<SVGSVGElement>) => JSX.Element;
4082
- declare const iconMap: Record<string, IconComponent>;
4083
-
4084
- type IconColor = 'black' | 'green' | 'white';
4085
- interface IconProps extends Omit<SVGProps<SVGSVGElement>, 'name' | 'color'> {
4086
- name: keyof typeof iconMap;
4087
- size?: number | string;
4088
- color?: IconColor;
4089
- }
4090
-
4091
- declare const Icon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
4092
-
4093
- interface OneTimePasswordProps extends ComponentPropsWithoutRef<typeof OneTimePasswordField.Root> {
4094
- label: string;
4095
- length: number;
4096
- value: string;
4097
- errorMessage?: string;
4098
- onValueChange: (value: string) => void;
4099
- }
4100
- declare const OneTimePassword: {
4101
- ({ label, length, value, errorMessage, onValueChange, ...rootProps }: OneTimePasswordProps): react_jsx_runtime.JSX.Element;
4102
- displayName: string;
4103
- };
4104
-
4105
- declare const Toast: react.FC;
4106
-
4107
- declare const toast: {
4108
- success: (title: string, description?: string) => void;
4109
- warning: (title: string, description?: string) => void;
4110
- error: (title: string, description?: string) => void;
4111
- };
4112
-
4113
- type Orientation = 'horizontal' | 'vertical';
4114
- interface Step {
4115
- label: string;
4116
- }
4117
- interface MultiStepProps {
4118
- steps: Step[];
4119
- currentStep: number;
4120
- orientation?: Orientation;
4121
- variant: 'primary' | 'secondary';
4122
- }
4123
- declare const MultiStep: react__default.FC<MultiStepProps>;
4124
-
4125
- interface CarouselProps {
4126
- title: string;
4127
- variant: 'gray' | 'purple';
4128
- children: ReactNode;
4129
- }
4130
- declare const Carousel: react__default.FC<CarouselProps> & {
4131
- Item: react__default.FC<CarouselItemProps>;
4132
- };
4133
- interface CarouselItemProps {
4134
- children: ReactNode;
4135
- style?: CSSProperties;
4136
- title?: string | null | undefined;
4137
- }
4138
-
4139
- type PasswordInputProps = Omit<TextInputProps, 'type' | 'suffix'>;
4140
- declare const PasswordInput: react.ForwardRefExoticComponent<PasswordInputProps & react.RefAttributes<HTMLInputElement>>;
4141
-
4142
- interface AccordionProps {
4143
- title: string;
4144
- children: ReactNode;
4145
- dropdownItems?: ReactNode;
4146
- }
4147
- declare const Accordion: react__default.ForwardRefExoticComponent<AccordionProps & react__default.RefAttributes<HTMLDivElement>>;
4148
-
4149
- export { Accordion, Avatar, AvatarProps, AvatarSize, AvatarStatus, Box, BoxProps, Button, ButtonProps, Calendar, Carousel, CarouselProps, Checkbox, CheckboxProps, Datepicker, Dropdown, DropdownItem, DropdownItemProps, DropdownSeparator, Heading, HeadingProps, Hr, HrProps, Icon, IconProps, Input, LabelledValue, LabelledValueProps, Loader, MaskType, MaskedInput, MaskedInputProps, Modal, MultiStep, MultiStepProps, OneTimePassword, OneTimePasswordProps, Paragraph, ParagraphProps, PasswordInput, PasswordInputProps, ProgressBar, ProgressBarProps, Radio, RadioProps, Select, SelectProps, Spacing, Span, StyledHr, Switch, SwitchProps, Tabs, TextArea, TextAreaElement, TextAreaProps, TextInputProps, Toast, Tooltip, TooltipProps, config, createTheme, css, getCssText, globalCss, keyframes, styled, theme, toast };