@obolnetwork/obol-ui 1.0.2 → 1.0.4

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 (55) hide show
  1. package/dist/components/atoms/Box/Box.d.ts +3 -0
  2. package/dist/components/atoms/Button/Button.d.ts +6 -1
  3. package/dist/components/atoms/Container/Container.d.ts +955 -0
  4. package/dist/components/atoms/Image/Image.d.ts +476 -0
  5. package/dist/components/atoms/Link/Link.d.ts +4 -0
  6. package/dist/components/atoms/LogoCard/LogoCard.d.ts +6 -0
  7. package/dist/components/atoms/Spin/Spin.d.ts +3 -0
  8. package/dist/components/atoms/SvgIcon/SvgIcon.d.ts +5 -1
  9. package/dist/components/atoms/Tabs/Tabs.d.ts +13 -1
  10. package/dist/components/atoms/TeamMemberCard/TeamMemberCard.d.ts +3 -0
  11. package/dist/components/atoms/Text/Text.d.ts +8 -1
  12. package/dist/components/atoms/Toggle/Toggle.d.ts +952 -0
  13. package/dist/components/atoms/index.d.ts +5 -0
  14. package/dist/components/icons/ChevronDownIcon.d.ts +2 -0
  15. package/dist/components/icons/ChevronUpIcon.d.ts +2 -0
  16. package/dist/components/icons/CloseIcon.d.ts +2 -0
  17. package/dist/components/icons/GlowIconBox.d.ts +480 -0
  18. package/dist/components/icons/Hexapod.d.ts +2 -0
  19. package/dist/components/icons/Planet.d.ts +491 -0
  20. package/dist/components/icons/index.d.ts +18 -4
  21. package/dist/components/icons/static-icons/AloneIcon.d.ts +3 -0
  22. package/dist/components/icons/static-icons/CodeIcon.d.ts +3 -1
  23. package/dist/components/icons/static-icons/CreateIcon.d.ts +3 -0
  24. package/dist/components/icons/static-icons/ExistingGroupIcon.d.ts +3 -0
  25. package/dist/components/icons/static-icons/GithubIcon.d.ts +1 -0
  26. package/dist/components/icons/static-icons/GroupIcon.d.ts +3 -0
  27. package/dist/components/icons/static-icons/MigrateIcon.d.ts +3 -0
  28. package/dist/components/icons/static-icons/PublicGoodIcon.d.ts +3 -1
  29. package/dist/components/icons/static-icons/RunIcon.d.ts +3 -0
  30. package/dist/components/icons/static-icons/TestIcon.d.ts +3 -0
  31. package/dist/components/icons/static-icons/TrustMinimisedIcon.d.ts +3 -1
  32. package/dist/components/icons/static-icons/TwitterIcon.d.ts +1 -0
  33. package/dist/components/icons/static-icons/planets/PlanetBlue.d.ts +1 -0
  34. package/dist/components/icons/static-icons/planets/PlanetGreen.d.ts +1 -0
  35. package/dist/components/icons/static-icons/planets/PlanetGrey.d.ts +1 -0
  36. package/dist/components/icons/static-icons/planets/PlanetMagenta.d.ts +1 -0
  37. package/dist/components/icons/static-icons/planets/PlanetOrange.d.ts +1 -0
  38. package/dist/components/icons/static-icons/planets/index.d.ts +5 -0
  39. package/dist/components/molecules/Accordion/Accordion.d.ts +954 -0
  40. package/dist/components/molecules/Card/Card.d.ts +959 -1
  41. package/dist/components/molecules/Navbar/Navbar.d.ts +4 -0
  42. package/dist/components/molecules/index.d.ts +2 -0
  43. package/dist/components/organisms/Footer/Footer.d.ts +11 -0
  44. package/dist/components/organisms/ObolEcosystem/ObolEcosystem.d.ts +1 -0
  45. package/dist/components/organisms/TwoColumnSection/TwoColumnSection.d.ts +15 -0
  46. package/dist/components/organisms/index.d.ts +2 -0
  47. package/dist/components/utils/index.d.ts +2 -0
  48. package/dist/components/utils/styles.d.ts +3 -0
  49. package/dist/components/utils/types.d.ts +15 -0
  50. package/dist/index.d.ts +2 -2
  51. package/dist/index.es.js +630 -69
  52. package/dist/index.js +666 -70
  53. package/dist/stitches.config.d.ts +21 -1
  54. package/package.json +1 -1
  55. package/dist/components/organisms/hero-section/hero-section.d.ts +0 -14
@@ -0,0 +1,952 @@
1
+ /// <reference types="react" />
2
+ import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
3
+ export declare const ToggleGroup: import("@stitches/react/types/styled-component").StyledComponent<import("react").ForwardRefExoticComponent<(ToggleGroupPrimitive.ToggleGroupSingleProps & import("react").RefAttributes<HTMLDivElement>) | (ToggleGroupPrimitive.ToggleGroupMultipleProps & import("react").RefAttributes<HTMLDivElement>)>, {}, {
4
+ motion: "(prefers-reduced-motion)";
5
+ hover: "(any-hover: hover)";
6
+ dark: "(prefers-color-scheme: dark)";
7
+ light: "(prefers-color-scheme: light)";
8
+ xs: "(max-width: 520px)";
9
+ sm: "(max-width: 900px)";
10
+ bp2: "(min-width: 900px)";
11
+ md: "(max-width: 1200px)";
12
+ lg: "(max-width: 1800px)";
13
+ }, import("@stitches/react/types/css-util").CSS<{
14
+ motion: "(prefers-reduced-motion)";
15
+ hover: "(any-hover: hover)";
16
+ dark: "(prefers-color-scheme: dark)";
17
+ light: "(prefers-color-scheme: light)";
18
+ xs: "(max-width: 520px)";
19
+ sm: "(max-width: 900px)";
20
+ bp2: "(min-width: 900px)";
21
+ md: "(max-width: 1200px)";
22
+ lg: "(max-width: 1800px)";
23
+ }, {
24
+ colors: {
25
+ white: string;
26
+ black: string;
27
+ lightBackground: string;
28
+ obolBlue: string;
29
+ primaryBgDefault: string;
30
+ primaryBgDefaultHover: string;
31
+ primaryTextDefault: string;
32
+ secondaryBgDefault: string;
33
+ secondaryBgHover: string;
34
+ grayBgDefault: string;
35
+ gray2BgDefault: string;
36
+ neutralDark: string;
37
+ navButtonBgDefault: string;
38
+ navButtonBgHover: string;
39
+ cardBackgroundDark: string;
40
+ cardBackgroundLight: string;
41
+ textMiddle: string;
42
+ textLight: string;
43
+ textTabHover: string;
44
+ textTabInactive: string;
45
+ textGreenDark: string;
46
+ textGreenLight: string;
47
+ textGreen1: string;
48
+ textGreen2: string;
49
+ textGreen3: string;
50
+ textGreenHover: string;
51
+ textCreateHover: string;
52
+ textGrayHover: string;
53
+ txButton: string;
54
+ obolGreen: string;
55
+ obolGreenHover: string;
56
+ obolGreenLight: string;
57
+ obolDarkDark: string;
58
+ obolDisabled: string;
59
+ linkButtonHover: string;
60
+ coordinate: string;
61
+ coordinateHover: string;
62
+ test: string;
63
+ testHover: string;
64
+ create: string;
65
+ createHover: string;
66
+ light: string;
67
+ body: string;
68
+ muted: string;
69
+ menu: string;
70
+ bg01: string;
71
+ bg02: string;
72
+ bg03: string;
73
+ bg04: string;
74
+ bg05: string;
75
+ };
76
+ space: {
77
+ 1: string;
78
+ 2: string;
79
+ xxxs: string;
80
+ xxs: string;
81
+ xs: string;
82
+ sm: string;
83
+ md: string;
84
+ lg: string;
85
+ xl: string;
86
+ "2xl": string;
87
+ "3xl": string;
88
+ "4xl": string;
89
+ "5xl": string;
90
+ "6xl": string;
91
+ "7xl": string;
92
+ };
93
+ sizes: {
94
+ 1: string;
95
+ 2: string;
96
+ xxxs: string;
97
+ xxs: string;
98
+ xs: string;
99
+ sm: string;
100
+ md: string;
101
+ lg: string;
102
+ xl: string;
103
+ "2xl": string;
104
+ "3xl": string;
105
+ "4xl": string;
106
+ "5xl": string;
107
+ "6xl": string;
108
+ "7xl": string;
109
+ max: string;
110
+ min: string;
111
+ full: string;
112
+ };
113
+ radii: {
114
+ 1: string;
115
+ 2: string;
116
+ 3: string;
117
+ 4: string;
118
+ 5: string;
119
+ round: string;
120
+ pill: string;
121
+ };
122
+ fontSizes: {
123
+ 1: string;
124
+ 2: string;
125
+ 3: string;
126
+ 4: string;
127
+ 5: string;
128
+ 6: string;
129
+ 7: string;
130
+ 8: string;
131
+ 9: string;
132
+ 10: string;
133
+ 11: string;
134
+ };
135
+ fontWeights: {
136
+ hairline: number;
137
+ thin: number;
138
+ light: number;
139
+ normal: number;
140
+ medium: number;
141
+ semibold: number;
142
+ bold: number;
143
+ extrabold: number;
144
+ black: number;
145
+ };
146
+ lineHeights: {
147
+ normal: string;
148
+ none: number;
149
+ shorter: number;
150
+ short: number;
151
+ base: number;
152
+ tall: number;
153
+ tall2: number;
154
+ taller: string;
155
+ };
156
+ letterSpacings: {
157
+ tighter: string;
158
+ tight: string;
159
+ normal: string;
160
+ wide: string;
161
+ wider: string;
162
+ widest: string;
163
+ };
164
+ borderWidths: unknown;
165
+ borderStyles: unknown;
166
+ shadows: unknown;
167
+ zIndices: unknown;
168
+ transitions: unknown;
169
+ }, import("@stitches/react/types/config").DefaultThemeMap, {
170
+ p: (value: {
171
+ readonly [$$PropertyValue]: "padding";
172
+ }) => {
173
+ padding: {
174
+ readonly [$$PropertyValue]: "padding";
175
+ };
176
+ };
177
+ pt: (value: {
178
+ readonly [$$PropertyValue]: "paddingTop";
179
+ }) => {
180
+ paddingTop: {
181
+ readonly [$$PropertyValue]: "paddingTop";
182
+ };
183
+ };
184
+ pr: (value: {
185
+ readonly [$$PropertyValue]: "paddingRight";
186
+ }) => {
187
+ paddingRight: {
188
+ readonly [$$PropertyValue]: "paddingRight";
189
+ };
190
+ };
191
+ pb: (value: {
192
+ readonly [$$PropertyValue]: "paddingBottom";
193
+ }) => {
194
+ paddingBottom: {
195
+ readonly [$$PropertyValue]: "paddingBottom";
196
+ };
197
+ };
198
+ pl: (value: {
199
+ readonly [$$PropertyValue]: "paddingLeft";
200
+ }) => {
201
+ paddingLeft: {
202
+ readonly [$$PropertyValue]: "paddingLeft";
203
+ };
204
+ };
205
+ px: (value: {
206
+ readonly [$$PropertyValue]: "paddingLeft";
207
+ }) => {
208
+ paddingLeft: {
209
+ readonly [$$PropertyValue]: "paddingLeft";
210
+ };
211
+ paddingRight: {
212
+ readonly [$$PropertyValue]: "paddingLeft";
213
+ };
214
+ };
215
+ py: (value: {
216
+ readonly [$$PropertyValue]: "paddingTop";
217
+ }) => {
218
+ paddingTop: {
219
+ readonly [$$PropertyValue]: "paddingTop";
220
+ };
221
+ paddingBottom: {
222
+ readonly [$$PropertyValue]: "paddingTop";
223
+ };
224
+ };
225
+ m: (value: {
226
+ readonly [$$PropertyValue]: "margin";
227
+ }) => {
228
+ margin: {
229
+ readonly [$$PropertyValue]: "margin";
230
+ };
231
+ };
232
+ mt: (value: {
233
+ readonly [$$PropertyValue]: "marginTop";
234
+ }) => {
235
+ marginTop: {
236
+ readonly [$$PropertyValue]: "marginTop";
237
+ };
238
+ };
239
+ mr: (value: {
240
+ readonly [$$PropertyValue]: "marginRight";
241
+ }) => {
242
+ marginRight: {
243
+ readonly [$$PropertyValue]: "marginRight";
244
+ };
245
+ };
246
+ mb: (value: {
247
+ readonly [$$PropertyValue]: "marginBottom";
248
+ }) => {
249
+ marginBottom: {
250
+ readonly [$$PropertyValue]: "marginBottom";
251
+ };
252
+ };
253
+ ml: (value: {
254
+ readonly [$$PropertyValue]: "marginLeft";
255
+ }) => {
256
+ marginLeft: {
257
+ readonly [$$PropertyValue]: "marginLeft";
258
+ };
259
+ };
260
+ mx: (value: {
261
+ readonly [$$PropertyValue]: "marginLeft";
262
+ }) => {
263
+ marginLeft: {
264
+ readonly [$$PropertyValue]: "marginLeft";
265
+ };
266
+ marginRight: {
267
+ readonly [$$PropertyValue]: "marginLeft";
268
+ };
269
+ };
270
+ my: (value: {
271
+ readonly [$$PropertyValue]: "marginTop";
272
+ }) => {
273
+ marginTop: {
274
+ readonly [$$PropertyValue]: "marginTop";
275
+ };
276
+ marginBottom: {
277
+ readonly [$$PropertyValue]: "marginTop";
278
+ };
279
+ };
280
+ ta: (value: {
281
+ readonly [$$PropertyValue]: "textAlign";
282
+ }) => {
283
+ textAlign: {
284
+ readonly [$$PropertyValue]: "textAlign";
285
+ };
286
+ };
287
+ fd: (value: {
288
+ readonly [$$PropertyValue]: "flexDirection";
289
+ }) => {
290
+ flexDirection: {
291
+ readonly [$$PropertyValue]: "flexDirection";
292
+ };
293
+ };
294
+ fw: (value: {
295
+ readonly [$$PropertyValue]: "flexWrap";
296
+ }) => {
297
+ flexWrap: {
298
+ readonly [$$PropertyValue]: "flexWrap";
299
+ };
300
+ };
301
+ ai: (value: {
302
+ readonly [$$PropertyValue]: "alignItems";
303
+ }) => {
304
+ alignItems: {
305
+ readonly [$$PropertyValue]: "alignItems";
306
+ };
307
+ };
308
+ ac: (value: {
309
+ readonly [$$PropertyValue]: "alignContent";
310
+ }) => {
311
+ alignContent: {
312
+ readonly [$$PropertyValue]: "alignContent";
313
+ };
314
+ };
315
+ jc: (value: {
316
+ readonly [$$PropertyValue]: "justifyContent";
317
+ }) => {
318
+ justifyContent: {
319
+ readonly [$$PropertyValue]: "justifyContent";
320
+ };
321
+ };
322
+ as: (value: {
323
+ readonly [$$PropertyValue]: "alignSelf";
324
+ }) => {
325
+ alignSelf: {
326
+ readonly [$$PropertyValue]: "alignSelf";
327
+ };
328
+ };
329
+ fg: (value: {
330
+ readonly [$$PropertyValue]: "flexGrow";
331
+ }) => {
332
+ flexGrow: {
333
+ readonly [$$PropertyValue]: "flexGrow";
334
+ };
335
+ };
336
+ fs: (value: {
337
+ readonly [$$PropertyValue]: "flexShrink";
338
+ }) => {
339
+ flexShrink: {
340
+ readonly [$$PropertyValue]: "flexShrink";
341
+ };
342
+ };
343
+ fb: (value: {
344
+ readonly [$$PropertyValue]: "flexBasis";
345
+ }) => {
346
+ flexBasis: {
347
+ readonly [$$PropertyValue]: "flexBasis";
348
+ };
349
+ };
350
+ bc: (value: {
351
+ readonly [$$PropertyValue]: "backgroundColor";
352
+ }) => {
353
+ backgroundColor: {
354
+ readonly [$$PropertyValue]: "backgroundColor";
355
+ };
356
+ };
357
+ br: (value: {
358
+ readonly [$$PropertyValue]: "borderRadius";
359
+ }) => {
360
+ borderRadius: {
361
+ readonly [$$PropertyValue]: "borderRadius";
362
+ };
363
+ };
364
+ btrr: (value: {
365
+ readonly [$$PropertyValue]: "borderTopRightRadius";
366
+ }) => {
367
+ borderTopRightRadius: {
368
+ readonly [$$PropertyValue]: "borderTopRightRadius";
369
+ };
370
+ };
371
+ bbrr: (value: {
372
+ readonly [$$PropertyValue]: "borderBottomRightRadius";
373
+ }) => {
374
+ borderBottomRightRadius: {
375
+ readonly [$$PropertyValue]: "borderBottomRightRadius";
376
+ };
377
+ };
378
+ bblr: (value: {
379
+ readonly [$$PropertyValue]: "borderBottomLeftRadius";
380
+ }) => {
381
+ borderBottomLeftRadius: {
382
+ readonly [$$PropertyValue]: "borderBottomLeftRadius";
383
+ };
384
+ };
385
+ btlr: (value: {
386
+ readonly [$$PropertyValue]: "borderTopLeftRadius";
387
+ }) => {
388
+ borderTopLeftRadius: {
389
+ readonly [$$PropertyValue]: "borderTopLeftRadius";
390
+ };
391
+ };
392
+ bs: (value: {
393
+ readonly [$$PropertyValue]: "boxShadow";
394
+ }) => {
395
+ boxShadow: {
396
+ readonly [$$PropertyValue]: "boxShadow";
397
+ };
398
+ };
399
+ lh: (value: {
400
+ readonly [$$PropertyValue]: "lineHeight";
401
+ }) => {
402
+ lineHeight: {
403
+ readonly [$$PropertyValue]: "lineHeight";
404
+ };
405
+ };
406
+ ox: (value: {
407
+ readonly [$$PropertyValue]: "overflowX";
408
+ }) => {
409
+ overflowX: {
410
+ readonly [$$PropertyValue]: "overflowX";
411
+ };
412
+ };
413
+ oy: (value: {
414
+ readonly [$$PropertyValue]: "overflowY";
415
+ }) => {
416
+ overflowY: {
417
+ readonly [$$PropertyValue]: "overflowY";
418
+ };
419
+ };
420
+ pe: (value: {
421
+ readonly [$$PropertyValue]: "pointerEvents";
422
+ }) => {
423
+ pointerEvents: {
424
+ readonly [$$PropertyValue]: "pointerEvents";
425
+ };
426
+ };
427
+ us: (value: {
428
+ readonly [$$PropertyValue]: "userSelect";
429
+ }) => {
430
+ WebkitUserSelect: {
431
+ readonly [$$PropertyValue]: "userSelect";
432
+ };
433
+ userSelect: {
434
+ readonly [$$PropertyValue]: "userSelect";
435
+ };
436
+ };
437
+ userSelect: (value: {
438
+ readonly [$$PropertyValue]: "userSelect";
439
+ }) => {
440
+ WebkitUserSelect: {
441
+ readonly [$$PropertyValue]: "userSelect";
442
+ };
443
+ userSelect: {
444
+ readonly [$$PropertyValue]: "userSelect";
445
+ };
446
+ };
447
+ size: (value: {
448
+ readonly [$$PropertyValue]: "width";
449
+ }) => {
450
+ width: {
451
+ readonly [$$PropertyValue]: "width";
452
+ };
453
+ height: {
454
+ readonly [$$PropertyValue]: "width";
455
+ };
456
+ };
457
+ appearance: (value: {
458
+ readonly [$$PropertyValue]: "appearance";
459
+ }) => {
460
+ WebkitAppearance: {
461
+ readonly [$$PropertyValue]: "appearance";
462
+ };
463
+ appearance: {
464
+ readonly [$$PropertyValue]: "appearance";
465
+ };
466
+ };
467
+ backgroundClip: (value: {
468
+ readonly [$$PropertyValue]: "backgroundClip";
469
+ }) => {
470
+ WebkitBackgroundClip: {
471
+ readonly [$$PropertyValue]: "backgroundClip";
472
+ };
473
+ backgroundClip: {
474
+ readonly [$$PropertyValue]: "backgroundClip";
475
+ };
476
+ };
477
+ }>>;
478
+ export declare const ToggleGroupItem: import("@stitches/react/types/styled-component").StyledComponent<import("react").ForwardRefExoticComponent<ToggleGroupPrimitive.ToggleGroupItemProps & import("react").RefAttributes<HTMLButtonElement>>, {}, {
479
+ motion: "(prefers-reduced-motion)";
480
+ hover: "(any-hover: hover)";
481
+ dark: "(prefers-color-scheme: dark)";
482
+ light: "(prefers-color-scheme: light)";
483
+ xs: "(max-width: 520px)";
484
+ sm: "(max-width: 900px)";
485
+ bp2: "(min-width: 900px)";
486
+ md: "(max-width: 1200px)";
487
+ lg: "(max-width: 1800px)";
488
+ }, import("@stitches/react/types/css-util").CSS<{
489
+ motion: "(prefers-reduced-motion)";
490
+ hover: "(any-hover: hover)";
491
+ dark: "(prefers-color-scheme: dark)";
492
+ light: "(prefers-color-scheme: light)";
493
+ xs: "(max-width: 520px)";
494
+ sm: "(max-width: 900px)";
495
+ bp2: "(min-width: 900px)";
496
+ md: "(max-width: 1200px)";
497
+ lg: "(max-width: 1800px)";
498
+ }, {
499
+ colors: {
500
+ white: string;
501
+ black: string;
502
+ lightBackground: string;
503
+ obolBlue: string;
504
+ primaryBgDefault: string;
505
+ primaryBgDefaultHover: string;
506
+ primaryTextDefault: string;
507
+ secondaryBgDefault: string;
508
+ secondaryBgHover: string;
509
+ grayBgDefault: string;
510
+ gray2BgDefault: string;
511
+ neutralDark: string;
512
+ navButtonBgDefault: string;
513
+ navButtonBgHover: string;
514
+ cardBackgroundDark: string;
515
+ cardBackgroundLight: string;
516
+ textMiddle: string;
517
+ textLight: string;
518
+ textTabHover: string;
519
+ textTabInactive: string;
520
+ textGreenDark: string;
521
+ textGreenLight: string;
522
+ textGreen1: string;
523
+ textGreen2: string;
524
+ textGreen3: string;
525
+ textGreenHover: string;
526
+ textCreateHover: string;
527
+ textGrayHover: string;
528
+ txButton: string;
529
+ obolGreen: string;
530
+ obolGreenHover: string;
531
+ obolGreenLight: string;
532
+ obolDarkDark: string;
533
+ obolDisabled: string;
534
+ linkButtonHover: string;
535
+ coordinate: string;
536
+ coordinateHover: string;
537
+ test: string;
538
+ testHover: string;
539
+ create: string;
540
+ createHover: string;
541
+ light: string;
542
+ body: string;
543
+ muted: string;
544
+ menu: string;
545
+ bg01: string;
546
+ bg02: string;
547
+ bg03: string;
548
+ bg04: string;
549
+ bg05: string;
550
+ };
551
+ space: {
552
+ 1: string;
553
+ 2: string;
554
+ xxxs: string;
555
+ xxs: string;
556
+ xs: string;
557
+ sm: string;
558
+ md: string;
559
+ lg: string;
560
+ xl: string;
561
+ "2xl": string;
562
+ "3xl": string;
563
+ "4xl": string;
564
+ "5xl": string;
565
+ "6xl": string;
566
+ "7xl": string;
567
+ };
568
+ sizes: {
569
+ 1: string;
570
+ 2: string;
571
+ xxxs: string;
572
+ xxs: string;
573
+ xs: string;
574
+ sm: string;
575
+ md: string;
576
+ lg: string;
577
+ xl: string;
578
+ "2xl": string;
579
+ "3xl": string;
580
+ "4xl": string;
581
+ "5xl": string;
582
+ "6xl": string;
583
+ "7xl": string;
584
+ max: string;
585
+ min: string;
586
+ full: string;
587
+ };
588
+ radii: {
589
+ 1: string;
590
+ 2: string;
591
+ 3: string;
592
+ 4: string;
593
+ 5: string;
594
+ round: string;
595
+ pill: string;
596
+ };
597
+ fontSizes: {
598
+ 1: string;
599
+ 2: string;
600
+ 3: string;
601
+ 4: string;
602
+ 5: string;
603
+ 6: string;
604
+ 7: string;
605
+ 8: string;
606
+ 9: string;
607
+ 10: string;
608
+ 11: string;
609
+ };
610
+ fontWeights: {
611
+ hairline: number;
612
+ thin: number;
613
+ light: number;
614
+ normal: number;
615
+ medium: number;
616
+ semibold: number;
617
+ bold: number;
618
+ extrabold: number;
619
+ black: number;
620
+ };
621
+ lineHeights: {
622
+ normal: string;
623
+ none: number;
624
+ shorter: number;
625
+ short: number;
626
+ base: number;
627
+ tall: number;
628
+ tall2: number;
629
+ taller: string;
630
+ };
631
+ letterSpacings: {
632
+ tighter: string;
633
+ tight: string;
634
+ normal: string;
635
+ wide: string;
636
+ wider: string;
637
+ widest: string;
638
+ };
639
+ borderWidths: unknown;
640
+ borderStyles: unknown;
641
+ shadows: unknown;
642
+ zIndices: unknown;
643
+ transitions: unknown;
644
+ }, import("@stitches/react/types/config").DefaultThemeMap, {
645
+ p: (value: {
646
+ readonly [$$PropertyValue]: "padding";
647
+ }) => {
648
+ padding: {
649
+ readonly [$$PropertyValue]: "padding";
650
+ };
651
+ };
652
+ pt: (value: {
653
+ readonly [$$PropertyValue]: "paddingTop";
654
+ }) => {
655
+ paddingTop: {
656
+ readonly [$$PropertyValue]: "paddingTop";
657
+ };
658
+ };
659
+ pr: (value: {
660
+ readonly [$$PropertyValue]: "paddingRight";
661
+ }) => {
662
+ paddingRight: {
663
+ readonly [$$PropertyValue]: "paddingRight";
664
+ };
665
+ };
666
+ pb: (value: {
667
+ readonly [$$PropertyValue]: "paddingBottom";
668
+ }) => {
669
+ paddingBottom: {
670
+ readonly [$$PropertyValue]: "paddingBottom";
671
+ };
672
+ };
673
+ pl: (value: {
674
+ readonly [$$PropertyValue]: "paddingLeft";
675
+ }) => {
676
+ paddingLeft: {
677
+ readonly [$$PropertyValue]: "paddingLeft";
678
+ };
679
+ };
680
+ px: (value: {
681
+ readonly [$$PropertyValue]: "paddingLeft";
682
+ }) => {
683
+ paddingLeft: {
684
+ readonly [$$PropertyValue]: "paddingLeft";
685
+ };
686
+ paddingRight: {
687
+ readonly [$$PropertyValue]: "paddingLeft";
688
+ };
689
+ };
690
+ py: (value: {
691
+ readonly [$$PropertyValue]: "paddingTop";
692
+ }) => {
693
+ paddingTop: {
694
+ readonly [$$PropertyValue]: "paddingTop";
695
+ };
696
+ paddingBottom: {
697
+ readonly [$$PropertyValue]: "paddingTop";
698
+ };
699
+ };
700
+ m: (value: {
701
+ readonly [$$PropertyValue]: "margin";
702
+ }) => {
703
+ margin: {
704
+ readonly [$$PropertyValue]: "margin";
705
+ };
706
+ };
707
+ mt: (value: {
708
+ readonly [$$PropertyValue]: "marginTop";
709
+ }) => {
710
+ marginTop: {
711
+ readonly [$$PropertyValue]: "marginTop";
712
+ };
713
+ };
714
+ mr: (value: {
715
+ readonly [$$PropertyValue]: "marginRight";
716
+ }) => {
717
+ marginRight: {
718
+ readonly [$$PropertyValue]: "marginRight";
719
+ };
720
+ };
721
+ mb: (value: {
722
+ readonly [$$PropertyValue]: "marginBottom";
723
+ }) => {
724
+ marginBottom: {
725
+ readonly [$$PropertyValue]: "marginBottom";
726
+ };
727
+ };
728
+ ml: (value: {
729
+ readonly [$$PropertyValue]: "marginLeft";
730
+ }) => {
731
+ marginLeft: {
732
+ readonly [$$PropertyValue]: "marginLeft";
733
+ };
734
+ };
735
+ mx: (value: {
736
+ readonly [$$PropertyValue]: "marginLeft";
737
+ }) => {
738
+ marginLeft: {
739
+ readonly [$$PropertyValue]: "marginLeft";
740
+ };
741
+ marginRight: {
742
+ readonly [$$PropertyValue]: "marginLeft";
743
+ };
744
+ };
745
+ my: (value: {
746
+ readonly [$$PropertyValue]: "marginTop";
747
+ }) => {
748
+ marginTop: {
749
+ readonly [$$PropertyValue]: "marginTop";
750
+ };
751
+ marginBottom: {
752
+ readonly [$$PropertyValue]: "marginTop";
753
+ };
754
+ };
755
+ ta: (value: {
756
+ readonly [$$PropertyValue]: "textAlign";
757
+ }) => {
758
+ textAlign: {
759
+ readonly [$$PropertyValue]: "textAlign";
760
+ };
761
+ };
762
+ fd: (value: {
763
+ readonly [$$PropertyValue]: "flexDirection";
764
+ }) => {
765
+ flexDirection: {
766
+ readonly [$$PropertyValue]: "flexDirection";
767
+ };
768
+ };
769
+ fw: (value: {
770
+ readonly [$$PropertyValue]: "flexWrap";
771
+ }) => {
772
+ flexWrap: {
773
+ readonly [$$PropertyValue]: "flexWrap";
774
+ };
775
+ };
776
+ ai: (value: {
777
+ readonly [$$PropertyValue]: "alignItems";
778
+ }) => {
779
+ alignItems: {
780
+ readonly [$$PropertyValue]: "alignItems";
781
+ };
782
+ };
783
+ ac: (value: {
784
+ readonly [$$PropertyValue]: "alignContent";
785
+ }) => {
786
+ alignContent: {
787
+ readonly [$$PropertyValue]: "alignContent";
788
+ };
789
+ };
790
+ jc: (value: {
791
+ readonly [$$PropertyValue]: "justifyContent";
792
+ }) => {
793
+ justifyContent: {
794
+ readonly [$$PropertyValue]: "justifyContent";
795
+ };
796
+ };
797
+ as: (value: {
798
+ readonly [$$PropertyValue]: "alignSelf";
799
+ }) => {
800
+ alignSelf: {
801
+ readonly [$$PropertyValue]: "alignSelf";
802
+ };
803
+ };
804
+ fg: (value: {
805
+ readonly [$$PropertyValue]: "flexGrow";
806
+ }) => {
807
+ flexGrow: {
808
+ readonly [$$PropertyValue]: "flexGrow";
809
+ };
810
+ };
811
+ fs: (value: {
812
+ readonly [$$PropertyValue]: "flexShrink";
813
+ }) => {
814
+ flexShrink: {
815
+ readonly [$$PropertyValue]: "flexShrink";
816
+ };
817
+ };
818
+ fb: (value: {
819
+ readonly [$$PropertyValue]: "flexBasis";
820
+ }) => {
821
+ flexBasis: {
822
+ readonly [$$PropertyValue]: "flexBasis";
823
+ };
824
+ };
825
+ bc: (value: {
826
+ readonly [$$PropertyValue]: "backgroundColor";
827
+ }) => {
828
+ backgroundColor: {
829
+ readonly [$$PropertyValue]: "backgroundColor";
830
+ };
831
+ };
832
+ br: (value: {
833
+ readonly [$$PropertyValue]: "borderRadius";
834
+ }) => {
835
+ borderRadius: {
836
+ readonly [$$PropertyValue]: "borderRadius";
837
+ };
838
+ };
839
+ btrr: (value: {
840
+ readonly [$$PropertyValue]: "borderTopRightRadius";
841
+ }) => {
842
+ borderTopRightRadius: {
843
+ readonly [$$PropertyValue]: "borderTopRightRadius";
844
+ };
845
+ };
846
+ bbrr: (value: {
847
+ readonly [$$PropertyValue]: "borderBottomRightRadius";
848
+ }) => {
849
+ borderBottomRightRadius: {
850
+ readonly [$$PropertyValue]: "borderBottomRightRadius";
851
+ };
852
+ };
853
+ bblr: (value: {
854
+ readonly [$$PropertyValue]: "borderBottomLeftRadius";
855
+ }) => {
856
+ borderBottomLeftRadius: {
857
+ readonly [$$PropertyValue]: "borderBottomLeftRadius";
858
+ };
859
+ };
860
+ btlr: (value: {
861
+ readonly [$$PropertyValue]: "borderTopLeftRadius";
862
+ }) => {
863
+ borderTopLeftRadius: {
864
+ readonly [$$PropertyValue]: "borderTopLeftRadius";
865
+ };
866
+ };
867
+ bs: (value: {
868
+ readonly [$$PropertyValue]: "boxShadow";
869
+ }) => {
870
+ boxShadow: {
871
+ readonly [$$PropertyValue]: "boxShadow";
872
+ };
873
+ };
874
+ lh: (value: {
875
+ readonly [$$PropertyValue]: "lineHeight";
876
+ }) => {
877
+ lineHeight: {
878
+ readonly [$$PropertyValue]: "lineHeight";
879
+ };
880
+ };
881
+ ox: (value: {
882
+ readonly [$$PropertyValue]: "overflowX";
883
+ }) => {
884
+ overflowX: {
885
+ readonly [$$PropertyValue]: "overflowX";
886
+ };
887
+ };
888
+ oy: (value: {
889
+ readonly [$$PropertyValue]: "overflowY";
890
+ }) => {
891
+ overflowY: {
892
+ readonly [$$PropertyValue]: "overflowY";
893
+ };
894
+ };
895
+ pe: (value: {
896
+ readonly [$$PropertyValue]: "pointerEvents";
897
+ }) => {
898
+ pointerEvents: {
899
+ readonly [$$PropertyValue]: "pointerEvents";
900
+ };
901
+ };
902
+ us: (value: {
903
+ readonly [$$PropertyValue]: "userSelect";
904
+ }) => {
905
+ WebkitUserSelect: {
906
+ readonly [$$PropertyValue]: "userSelect";
907
+ };
908
+ userSelect: {
909
+ readonly [$$PropertyValue]: "userSelect";
910
+ };
911
+ };
912
+ userSelect: (value: {
913
+ readonly [$$PropertyValue]: "userSelect";
914
+ }) => {
915
+ WebkitUserSelect: {
916
+ readonly [$$PropertyValue]: "userSelect";
917
+ };
918
+ userSelect: {
919
+ readonly [$$PropertyValue]: "userSelect";
920
+ };
921
+ };
922
+ size: (value: {
923
+ readonly [$$PropertyValue]: "width";
924
+ }) => {
925
+ width: {
926
+ readonly [$$PropertyValue]: "width";
927
+ };
928
+ height: {
929
+ readonly [$$PropertyValue]: "width";
930
+ };
931
+ };
932
+ appearance: (value: {
933
+ readonly [$$PropertyValue]: "appearance";
934
+ }) => {
935
+ WebkitAppearance: {
936
+ readonly [$$PropertyValue]: "appearance";
937
+ };
938
+ appearance: {
939
+ readonly [$$PropertyValue]: "appearance";
940
+ };
941
+ };
942
+ backgroundClip: (value: {
943
+ readonly [$$PropertyValue]: "backgroundClip";
944
+ }) => {
945
+ WebkitBackgroundClip: {
946
+ readonly [$$PropertyValue]: "backgroundClip";
947
+ };
948
+ backgroundClip: {
949
+ readonly [$$PropertyValue]: "backgroundClip";
950
+ };
951
+ };
952
+ }>>;