@atom-learning/components 1.17.2-beta.0 → 1.17.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (34) hide show
  1. package/CHANGELOG.md +207 -0
  2. package/dist/components/accordion/Accordion.d.ts +2 -3
  3. package/dist/components/accordion/Accordion.js +1 -1
  4. package/dist/components/dialog/DialogContent.js +1 -1
  5. package/dist/components/divider/Divider.d.ts +2 -1
  6. package/dist/components/divider/Divider.js +1 -1
  7. package/dist/components/heading/Heading.d.ts +1 -1
  8. package/dist/components/heading/Heading.js +1 -1
  9. package/dist/components/image/Image.d.ts +1 -1
  10. package/dist/components/image/Image.js +1 -1
  11. package/dist/components/index.d.ts +0 -1
  12. package/dist/components/link/Link.js +1 -1
  13. package/dist/components/list/List.d.ts +3 -4
  14. package/dist/components/list/List.js +1 -1
  15. package/dist/components/markdown-content/components/MarkdownEmphasis.js +1 -1
  16. package/dist/components/markdown-content/components/MarkdownStrong.js +1 -1
  17. package/dist/components/stack/Stack.d.ts +5 -5
  18. package/dist/components/stack/Stack.js +1 -1
  19. package/dist/components/stack-content/StackContent.js +1 -1
  20. package/dist/components/text/Text.d.ts +2 -2
  21. package/dist/components/text/Text.js +1 -1
  22. package/dist/docgen.json +1 -1
  23. package/dist/index.cjs.js +1 -1
  24. package/dist/index.js +1 -1
  25. package/package.json +1 -1
  26. package/dist/components/toggle-group/ToggleGroupButton.d.ts +0 -534
  27. package/dist/components/toggle-group/ToggleGroupButton.js +0 -1
  28. package/dist/components/toggle-group/ToggleGroupItem.d.ts +0 -532
  29. package/dist/components/toggle-group/ToggleGroupItem.js +0 -1
  30. package/dist/components/toggle-group/ToggleGroupRoot.d.ts +0 -280
  31. package/dist/components/toggle-group/ToggleGroupRoot.js +0 -1
  32. package/dist/components/toggle-group/index.d.ts +0 -1351
  33. package/dist/components/toggle-group/index.js +0 -1
  34. package/dist/utilities/style/focus-visible-style-block.js +0 -1
package/dist/components/toggle-group/index.d.ts DELETED
@@ -1,1351 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const ToggleGroup: {
3
- Item: import("@stitches/react/types/styled-component").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-toggle-group").ToggleGroupItemProps & import("react").RefAttributes<HTMLButtonElement>>, {}, {
4
- sm: string;
5
- md: string;
6
- lg: string;
7
- xl: string;
8
- reducedMotion: string;
9
- allowMotion: string;
10
- hover: string;
11
- }, import("@stitches/react/types/css-util").CSS<{
12
- sm: string;
13
- md: string;
14
- lg: string;
15
- xl: string;
16
- reducedMotion: string;
17
- allowMotion: string;
18
- hover: string;
19
- }, {
20
- colors: {
21
- textForeground: any;
22
- textSubtle: any;
23
- textPlaceholder: any;
24
- background: any;
25
- backgroundAccent: any;
26
- tonal50: any;
27
- tonal100: any;
28
- tonal200: any;
29
- tonal300: any;
30
- tonal400: any;
31
- tonal500: any;
32
- tonal600: any;
33
- alpha100: any;
34
- alpha150: any;
35
- alpha200: any;
36
- alpha250: any;
37
- alpha600: any;
38
- primaryLight: any;
39
- primary: any;
40
- primaryMid: any;
41
- primaryDark: any;
42
- secondary: any;
43
- brandRed: any;
44
- brandRedAccent: any;
45
- brandGreen: any;
46
- brandGreenAccent: any;
47
- brandPurple: any;
48
- brandPurpleAccent: any;
49
- brandYellow: any;
50
- brandYellowAccent: any;
51
- successLight: any;
52
- success: any;
53
- successMid: any;
54
- successDark: any;
55
- dangerLight: any;
56
- danger: any;
57
- dangerMid: any;
58
- dangerDark: any;
59
- warningLight: any;
60
- warning: any;
61
- warningMid: any;
62
- warningDark: any;
63
- subjectEnglish: any;
64
- subjectMaths: any;
65
- subjectScience: any;
66
- subjectVerbalReasoning: any;
67
- subjectNonVerbalReasoning: any;
68
- subjectCreativeWriting: any;
69
- subjectExamSkills: any;
70
- };
71
- space: {
72
- "0": any;
73
- "1": any;
74
- "2": any;
75
- "3": any;
76
- "4": any;
77
- "5": any;
78
- "6": any;
79
- "7": any;
80
- "8": any;
81
- "9": any;
82
- };
83
- fontSizes: {
84
- xs: any;
85
- sm: any;
86
- md: any;
87
- lg: any;
88
- xl: any;
89
- "2xl": any;
90
- "3xl": any;
91
- "4xl": any;
92
- };
93
- fonts: {
94
- sans: any;
95
- mono: any;
96
- display: any;
97
- body: any;
98
- };
99
- sizes: {
100
- "0": any;
101
- "1": any;
102
- "2": any;
103
- "3": any;
104
- "4": any;
105
- "5": any;
106
- "6": any;
107
- "7": any;
108
- "8": any;
109
- };
110
- radii: {
111
- "0": any;
112
- "1": any;
113
- "2": any;
114
- "3": any;
115
- round: any;
116
- };
117
- shadows: {
118
- "0": any;
119
- "1": any;
120
- "2": any;
121
- "3": any;
122
- };
123
- }, import("@stitches/react/types/config").DefaultThemeMap, {
124
- bg: (value: {
125
- readonly [$$PropertyValue]: "background";
126
- }) => {
127
- background: {
128
- readonly [$$PropertyValue]: "background";
129
- };
130
- };
131
- inset: (value: string | number | {
132
- readonly [$$ScaleValue]: "space";
133
- }) => {
134
- top: string | number | {
135
- readonly [$$ScaleValue]: "space";
136
- };
137
- right: string | number | {
138
- readonly [$$ScaleValue]: "space";
139
- };
140
- bottom: string | number | {
141
- readonly [$$ScaleValue]: "space";
142
- };
143
- left: string | number | {
144
- readonly [$$ScaleValue]: "space";
145
- };
146
- };
147
- size: (value: string | number | {
148
- readonly [$$ScaleValue]: "size";
149
- }) => {
150
- height: string | number | {
151
- readonly [$$ScaleValue]: "size";
152
- };
153
- width: string | number | {
154
- readonly [$$ScaleValue]: "size";
155
- };
156
- };
157
- p: (value: string | number | {
158
- readonly [$$ScaleValue]: "space";
159
- }) => {
160
- padding: string | number | {
161
- readonly [$$ScaleValue]: "space";
162
- };
163
- };
164
- pt: (value: string | number | {
165
- readonly [$$ScaleValue]: "space";
166
- }) => {
167
- paddingTop: string | number | {
168
- readonly [$$ScaleValue]: "space";
169
- };
170
- };
171
- pr: (value: string | number | {
172
- readonly [$$ScaleValue]: "space";
173
- }) => {
174
- paddingRight: string | number | {
175
- readonly [$$ScaleValue]: "space";
176
- };
177
- };
178
- pb: (value: string | number | {
179
- readonly [$$ScaleValue]: "space";
180
- }) => {
181
- paddingBottom: string | number | {
182
- readonly [$$ScaleValue]: "space";
183
- };
184
- };
185
- pl: (value: string | number | {
186
- readonly [$$ScaleValue]: "space";
187
- }) => {
188
- paddingLeft: string | number | {
189
- readonly [$$ScaleValue]: "space";
190
- };
191
- };
192
- px: (value: string | number | {
193
- readonly [$$ScaleValue]: "space";
194
- }) => {
195
- paddingLeft: string | number | {
196
- readonly [$$ScaleValue]: "space";
197
- };
198
- paddingRight: string | number | {
199
- readonly [$$ScaleValue]: "space";
200
- };
201
- };
202
- py: (value: string | number | {
203
- readonly [$$ScaleValue]: "space";
204
- }) => {
205
- paddingTop: string | number | {
206
- readonly [$$ScaleValue]: "space";
207
- };
208
- paddingBottom: string | number | {
209
- readonly [$$ScaleValue]: "space";
210
- };
211
- };
212
- m: (value: string | number | {
213
- readonly [$$ScaleValue]: "space";
214
- }) => {
215
- margin: string | number | {
216
- readonly [$$ScaleValue]: "space";
217
- };
218
- };
219
- mt: (value: string | number | {
220
- readonly [$$ScaleValue]: "space";
221
- }) => {
222
- marginTop: string | number | {
223
- readonly [$$ScaleValue]: "space";
224
- };
225
- };
226
- mr: (value: string | number | {
227
- readonly [$$ScaleValue]: "space";
228
- }) => {
229
- marginRight: string | number | {
230
- readonly [$$ScaleValue]: "space";
231
- };
232
- };
233
- mb: (value: string | number | {
234
- readonly [$$ScaleValue]: "space";
235
- }) => {
236
- marginBottom: string | number | {
237
- readonly [$$ScaleValue]: "space";
238
- };
239
- };
240
- ml: (value: string | number | {
241
- readonly [$$ScaleValue]: "space";
242
- }) => {
243
- marginLeft: string | number | {
244
- readonly [$$ScaleValue]: "space";
245
- };
246
- };
247
- mx: (value: string | number | {
248
- readonly [$$ScaleValue]: "space";
249
- }) => {
250
- marginLeft: string | number | {
251
- readonly [$$ScaleValue]: "space";
252
- };
253
- marginRight: string | number | {
254
- readonly [$$ScaleValue]: "space";
255
- };
256
- };
257
- my: (value: string | number | {
258
- readonly [$$ScaleValue]: "space";
259
- }) => {
260
- marginTop: string | number | {
261
- readonly [$$ScaleValue]: "space";
262
- };
263
- marginBottom: string | number | {
264
- readonly [$$ScaleValue]: "space";
265
- };
266
- };
267
- }>>;
268
- Button: import("react").FC<Omit<Omit<import("@radix-ui/react-toggle-group").ToggleGroupItemProps & import("react").RefAttributes<HTMLButtonElement>, "css"> & import("@stitches/react/types/styled-component").TransformProps<{}, {
269
- sm: string;
270
- md: string;
271
- lg: string;
272
- xl: string;
273
- reducedMotion: string;
274
- allowMotion: string;
275
- hover: string;
276
- }> & {
277
- css?: import("@stitches/react/types/css-util").CSS<{
278
- sm: string;
279
- md: string;
280
- lg: string;
281
- xl: string;
282
- reducedMotion: string;
283
- allowMotion: string;
284
- hover: string;
285
- }, {
286
- colors: {
287
- textForeground: any;
288
- textSubtle: any;
289
- textPlaceholder: any;
290
- background: any;
291
- backgroundAccent: any;
292
- tonal50: any;
293
- tonal100: any;
294
- tonal200: any;
295
- tonal300: any;
296
- tonal400: any;
297
- tonal500: any;
298
- tonal600: any;
299
- alpha100: any;
300
- alpha150: any;
301
- alpha200: any;
302
- alpha250: any;
303
- alpha600: any;
304
- primaryLight: any;
305
- primary: any;
306
- primaryMid: any;
307
- primaryDark: any;
308
- secondary: any;
309
- brandRed: any;
310
- brandRedAccent: any;
311
- brandGreen: any;
312
- brandGreenAccent: any;
313
- brandPurple: any;
314
- brandPurpleAccent: any;
315
- brandYellow: any;
316
- brandYellowAccent: any;
317
- successLight: any;
318
- success: any;
319
- successMid: any;
320
- successDark: any;
321
- dangerLight: any;
322
- danger: any;
323
- dangerMid: any;
324
- dangerDark: any;
325
- warningLight: any;
326
- warning: any;
327
- warningMid: any;
328
- warningDark: any;
329
- subjectEnglish: any;
330
- subjectMaths: any;
331
- subjectScience: any;
332
- subjectVerbalReasoning: any;
333
- subjectNonVerbalReasoning: any;
334
- subjectCreativeWriting: any;
335
- subjectExamSkills: any;
336
- };
337
- space: {
338
- "0": any;
339
- "1": any;
340
- "2": any;
341
- "3": any;
342
- "4": any;
343
- "5": any;
344
- "6": any;
345
- "7": any;
346
- "8": any;
347
- "9": any;
348
- };
349
- fontSizes: {
350
- xs: any;
351
- sm: any;
352
- md: any;
353
- lg: any;
354
- xl: any;
355
- "2xl": any;
356
- "3xl": any;
357
- "4xl": any;
358
- };
359
- fonts: {
360
- sans: any;
361
- mono: any;
362
- display: any;
363
- body: any;
364
- };
365
- sizes: {
366
- "0": any;
367
- "1": any;
368
- "2": any;
369
- "3": any;
370
- "4": any;
371
- "5": any;
372
- "6": any;
373
- "7": any;
374
- "8": any;
375
- };
376
- radii: {
377
- "0": any;
378
- "1": any;
379
- "2": any;
380
- "3": any;
381
- round: any;
382
- };
383
- shadows: {
384
- "0": any;
385
- "1": any;
386
- "2": any;
387
- "3": any;
388
- };
389
- }, import("@stitches/react/types/config").DefaultThemeMap, {
390
- bg: (value: {
391
- readonly [$$PropertyValue]: "background";
392
- }) => {
393
- background: {
394
- readonly [$$PropertyValue]: "background";
395
- };
396
- };
397
- inset: (value: string | number | {
398
- readonly [$$ScaleValue]: "space";
399
- }) => {
400
- top: string | number | {
401
- readonly [$$ScaleValue]: "space";
402
- };
403
- right: string | number | {
404
- readonly [$$ScaleValue]: "space";
405
- };
406
- bottom: string | number | {
407
- readonly [$$ScaleValue]: "space";
408
- };
409
- left: string | number | {
410
- readonly [$$ScaleValue]: "space";
411
- };
412
- };
413
- size: (value: string | number | {
414
- readonly [$$ScaleValue]: "size";
415
- }) => {
416
- height: string | number | {
417
- readonly [$$ScaleValue]: "size";
418
- };
419
- width: string | number | {
420
- readonly [$$ScaleValue]: "size";
421
- };
422
- };
423
- p: (value: string | number | {
424
- readonly [$$ScaleValue]: "space";
425
- }) => {
426
- padding: string | number | {
427
- readonly [$$ScaleValue]: "space";
428
- };
429
- };
430
- pt: (value: string | number | {
431
- readonly [$$ScaleValue]: "space";
432
- }) => {
433
- paddingTop: string | number | {
434
- readonly [$$ScaleValue]: "space";
435
- };
436
- };
437
- pr: (value: string | number | {
438
- readonly [$$ScaleValue]: "space";
439
- }) => {
440
- paddingRight: string | number | {
441
- readonly [$$ScaleValue]: "space";
442
- };
443
- };
444
- pb: (value: string | number | {
445
- readonly [$$ScaleValue]: "space";
446
- }) => {
447
- paddingBottom: string | number | {
448
- readonly [$$ScaleValue]: "space";
449
- };
450
- };
451
- pl: (value: string | number | {
452
- readonly [$$ScaleValue]: "space";
453
- }) => {
454
- paddingLeft: string | number | {
455
- readonly [$$ScaleValue]: "space";
456
- };
457
- };
458
- px: (value: string | number | {
459
- readonly [$$ScaleValue]: "space";
460
- }) => {
461
- paddingLeft: string | number | {
462
- readonly [$$ScaleValue]: "space";
463
- };
464
- paddingRight: string | number | {
465
- readonly [$$ScaleValue]: "space";
466
- };
467
- };
468
- py: (value: string | number | {
469
- readonly [$$ScaleValue]: "space";
470
- }) => {
471
- paddingTop: string | number | {
472
- readonly [$$ScaleValue]: "space";
473
- };
474
- paddingBottom: string | number | {
475
- readonly [$$ScaleValue]: "space";
476
- };
477
- };
478
- m: (value: string | number | {
479
- readonly [$$ScaleValue]: "space";
480
- }) => {
481
- margin: string | number | {
482
- readonly [$$ScaleValue]: "space";
483
- };
484
- };
485
- mt: (value: string | number | {
486
- readonly [$$ScaleValue]: "space";
487
- }) => {
488
- marginTop: string | number | {
489
- readonly [$$ScaleValue]: "space";
490
- };
491
- };
492
- mr: (value: string | number | {
493
- readonly [$$ScaleValue]: "space";
494
- }) => {
495
- marginRight: string | number | {
496
- readonly [$$ScaleValue]: "space";
497
- };
498
- };
499
- mb: (value: string | number | {
500
- readonly [$$ScaleValue]: "space";
501
- }) => {
502
- marginBottom: string | number | {
503
- readonly [$$ScaleValue]: "space";
504
- };
505
- };
506
- ml: (value: string | number | {
507
- readonly [$$ScaleValue]: "space";
508
- }) => {
509
- marginLeft: string | number | {
510
- readonly [$$ScaleValue]: "space";
511
- };
512
- };
513
- mx: (value: string | number | {
514
- readonly [$$ScaleValue]: "space";
515
- }) => {
516
- marginLeft: string | number | {
517
- readonly [$$ScaleValue]: "space";
518
- };
519
- marginRight: string | number | {
520
- readonly [$$ScaleValue]: "space";
521
- };
522
- };
523
- my: (value: string | number | {
524
- readonly [$$ScaleValue]: "space";
525
- }) => {
526
- marginTop: string | number | {
527
- readonly [$$ScaleValue]: "space";
528
- };
529
- marginBottom: string | number | {
530
- readonly [$$ScaleValue]: "space";
531
- };
532
- };
533
- }> | undefined;
534
- }, "size" | "css" | "isIconOnly"> & import("@stitches/react/types/styled-component").TransformProps<{
535
- size?: "sm" | "md" | "lg" | undefined;
536
- isIconOnly?: boolean | "true" | undefined;
537
- }, {
538
- sm: string;
539
- md: string;
540
- lg: string;
541
- xl: string;
542
- reducedMotion: string;
543
- allowMotion: string;
544
- hover: string;
545
- }> & {
546
- css?: import("@stitches/react/types/css-util").CSS<{
547
- sm: string;
548
- md: string;
549
- lg: string;
550
- xl: string;
551
- reducedMotion: string;
552
- allowMotion: string;
553
- hover: string;
554
- }, {
555
- colors: {
556
- textForeground: any;
557
- textSubtle: any;
558
- textPlaceholder: any;
559
- background: any;
560
- backgroundAccent: any;
561
- tonal50: any;
562
- tonal100: any;
563
- tonal200: any;
564
- tonal300: any;
565
- tonal400: any;
566
- tonal500: any;
567
- tonal600: any;
568
- alpha100: any;
569
- alpha150: any;
570
- alpha200: any;
571
- alpha250: any;
572
- alpha600: any;
573
- primaryLight: any;
574
- primary: any;
575
- primaryMid: any;
576
- primaryDark: any;
577
- secondary: any;
578
- brandRed: any;
579
- brandRedAccent: any;
580
- brandGreen: any;
581
- brandGreenAccent: any;
582
- brandPurple: any;
583
- brandPurpleAccent: any;
584
- brandYellow: any;
585
- brandYellowAccent: any;
586
- successLight: any;
587
- success: any;
588
- successMid: any;
589
- successDark: any;
590
- dangerLight: any;
591
- danger: any;
592
- dangerMid: any;
593
- dangerDark: any;
594
- warningLight: any;
595
- warning: any;
596
- warningMid: any;
597
- warningDark: any;
598
- subjectEnglish: any;
599
- subjectMaths: any;
600
- subjectScience: any;
601
- subjectVerbalReasoning: any;
602
- subjectNonVerbalReasoning: any;
603
- subjectCreativeWriting: any;
604
- subjectExamSkills: any;
605
- };
606
- space: {
607
- "0": any;
608
- "1": any;
609
- "2": any;
610
- "3": any;
611
- "4": any;
612
- "5": any;
613
- "6": any;
614
- "7": any;
615
- "8": any;
616
- "9": any;
617
- };
618
- fontSizes: {
619
- xs: any;
620
- sm: any;
621
- md: any;
622
- lg: any;
623
- xl: any;
624
- "2xl": any;
625
- "3xl": any;
626
- "4xl": any;
627
- };
628
- fonts: {
629
- sans: any;
630
- mono: any;
631
- display: any;
632
- body: any;
633
- };
634
- sizes: {
635
- "0": any;
636
- "1": any;
637
- "2": any;
638
- "3": any;
639
- "4": any;
640
- "5": any;
641
- "6": any;
642
- "7": any;
643
- "8": any;
644
- };
645
- radii: {
646
- "0": any;
647
- "1": any;
648
- "2": any;
649
- "3": any;
650
- round: any;
651
- };
652
- shadows: {
653
- "0": any;
654
- "1": any;
655
- "2": any;
656
- "3": any;
657
- };
658
- }, import("@stitches/react/types/config").DefaultThemeMap, {
659
- bg: (value: {
660
- readonly [$$PropertyValue]: "background";
661
- }) => {
662
- background: {
663
- readonly [$$PropertyValue]: "background";
664
- };
665
- };
666
- inset: (value: string | number | {
667
- readonly [$$ScaleValue]: "space";
668
- }) => {
669
- top: string | number | {
670
- readonly [$$ScaleValue]: "space";
671
- };
672
- right: string | number | {
673
- readonly [$$ScaleValue]: "space";
674
- };
675
- bottom: string | number | {
676
- readonly [$$ScaleValue]: "space";
677
- };
678
- left: string | number | {
679
- readonly [$$ScaleValue]: "space";
680
- };
681
- };
682
- size: (value: string | number | {
683
- readonly [$$ScaleValue]: "size";
684
- }) => {
685
- height: string | number | {
686
- readonly [$$ScaleValue]: "size";
687
- };
688
- width: string | number | {
689
- readonly [$$ScaleValue]: "size";
690
- };
691
- };
692
- p: (value: string | number | {
693
- readonly [$$ScaleValue]: "space";
694
- }) => {
695
- padding: string | number | {
696
- readonly [$$ScaleValue]: "space";
697
- };
698
- };
699
- pt: (value: string | number | {
700
- readonly [$$ScaleValue]: "space";
701
- }) => {
702
- paddingTop: string | number | {
703
- readonly [$$ScaleValue]: "space";
704
- };
705
- };
706
- pr: (value: string | number | {
707
- readonly [$$ScaleValue]: "space";
708
- }) => {
709
- paddingRight: string | number | {
710
- readonly [$$ScaleValue]: "space";
711
- };
712
- };
713
- pb: (value: string | number | {
714
- readonly [$$ScaleValue]: "space";
715
- }) => {
716
- paddingBottom: string | number | {
717
- readonly [$$ScaleValue]: "space";
718
- };
719
- };
720
- pl: (value: string | number | {
721
- readonly [$$ScaleValue]: "space";
722
- }) => {
723
- paddingLeft: string | number | {
724
- readonly [$$ScaleValue]: "space";
725
- };
726
- };
727
- px: (value: string | number | {
728
- readonly [$$ScaleValue]: "space";
729
- }) => {
730
- paddingLeft: string | number | {
731
- readonly [$$ScaleValue]: "space";
732
- };
733
- paddingRight: string | number | {
734
- readonly [$$ScaleValue]: "space";
735
- };
736
- };
737
- py: (value: string | number | {
738
- readonly [$$ScaleValue]: "space";
739
- }) => {
740
- paddingTop: string | number | {
741
- readonly [$$ScaleValue]: "space";
742
- };
743
- paddingBottom: string | number | {
744
- readonly [$$ScaleValue]: "space";
745
- };
746
- };
747
- m: (value: string | number | {
748
- readonly [$$ScaleValue]: "space";
749
- }) => {
750
- margin: string | number | {
751
- readonly [$$ScaleValue]: "space";
752
- };
753
- };
754
- mt: (value: string | number | {
755
- readonly [$$ScaleValue]: "space";
756
- }) => {
757
- marginTop: string | number | {
758
- readonly [$$ScaleValue]: "space";
759
- };
760
- };
761
- mr: (value: string | number | {
762
- readonly [$$ScaleValue]: "space";
763
- }) => {
764
- marginRight: string | number | {
765
- readonly [$$ScaleValue]: "space";
766
- };
767
- };
768
- mb: (value: string | number | {
769
- readonly [$$ScaleValue]: "space";
770
- }) => {
771
- marginBottom: string | number | {
772
- readonly [$$ScaleValue]: "space";
773
- };
774
- };
775
- ml: (value: string | number | {
776
- readonly [$$ScaleValue]: "space";
777
- }) => {
778
- marginLeft: string | number | {
779
- readonly [$$ScaleValue]: "space";
780
- };
781
- };
782
- mx: (value: string | number | {
783
- readonly [$$ScaleValue]: "space";
784
- }) => {
785
- marginLeft: string | number | {
786
- readonly [$$ScaleValue]: "space";
787
- };
788
- marginRight: string | number | {
789
- readonly [$$ScaleValue]: "space";
790
- };
791
- };
792
- my: (value: string | number | {
793
- readonly [$$ScaleValue]: "space";
794
- }) => {
795
- marginTop: string | number | {
796
- readonly [$$ScaleValue]: "space";
797
- };
798
- marginBottom: string | number | {
799
- readonly [$$ScaleValue]: "space";
800
- };
801
- };
802
- }> | undefined;
803
- }>;
804
- Root: import("react").FC<((Omit<import("@radix-ui/react-toggle-group").ToggleGroupSingleProps & import("react").RefAttributes<HTMLDivElement>, "direction" | "css" | "isFullWidth" | "hasGap"> & import("@stitches/react/types/styled-component").TransformProps<{
805
- isFullWidth?: boolean | "true" | undefined;
806
- hasGap?: boolean | "true" | "false" | undefined;
807
- direction?: "row" | "column" | undefined;
808
- }, {
809
- sm: string;
810
- md: string;
811
- lg: string;
812
- xl: string;
813
- reducedMotion: string;
814
- allowMotion: string;
815
- hover: string;
816
- }> & {
817
- css?: import("@stitches/react/types/css-util").CSS<{
818
- sm: string;
819
- md: string;
820
- lg: string;
821
- xl: string;
822
- reducedMotion: string;
823
- allowMotion: string;
824
- hover: string;
825
- }, {
826
- colors: {
827
- textForeground: any;
828
- textSubtle: any;
829
- textPlaceholder: any;
830
- background: any;
831
- backgroundAccent: any;
832
- tonal50: any;
833
- tonal100: any;
834
- tonal200: any;
835
- tonal300: any;
836
- tonal400: any;
837
- tonal500: any;
838
- tonal600: any;
839
- alpha100: any;
840
- alpha150: any;
841
- alpha200: any;
842
- alpha250: any;
843
- alpha600: any;
844
- primaryLight: any;
845
- primary: any;
846
- primaryMid: any;
847
- primaryDark: any;
848
- secondary: any;
849
- brandRed: any;
850
- brandRedAccent: any;
851
- brandGreen: any;
852
- brandGreenAccent: any;
853
- brandPurple: any;
854
- brandPurpleAccent: any;
855
- brandYellow: any;
856
- brandYellowAccent: any;
857
- successLight: any;
858
- success: any;
859
- successMid: any;
860
- successDark: any;
861
- dangerLight: any;
862
- danger: any;
863
- dangerMid: any;
864
- dangerDark: any;
865
- warningLight: any;
866
- warning: any;
867
- warningMid: any;
868
- warningDark: any;
869
- subjectEnglish: any;
870
- subjectMaths: any;
871
- subjectScience: any;
872
- subjectVerbalReasoning: any;
873
- subjectNonVerbalReasoning: any;
874
- subjectCreativeWriting: any;
875
- subjectExamSkills: any;
876
- };
877
- space: {
878
- "0": any;
879
- "1": any;
880
- "2": any;
881
- "3": any;
882
- "4": any;
883
- "5": any;
884
- "6": any;
885
- "7": any;
886
- "8": any;
887
- "9": any;
888
- };
889
- fontSizes: {
890
- xs: any;
891
- sm: any;
892
- md: any;
893
- lg: any;
894
- xl: any;
895
- "2xl": any;
896
- "3xl": any;
897
- "4xl": any;
898
- };
899
- fonts: {
900
- sans: any;
901
- mono: any;
902
- display: any;
903
- body: any;
904
- };
905
- sizes: {
906
- "0": any;
907
- "1": any;
908
- "2": any;
909
- "3": any;
910
- "4": any;
911
- "5": any;
912
- "6": any;
913
- "7": any;
914
- "8": any;
915
- };
916
- radii: {
917
- "0": any;
918
- "1": any;
919
- "2": any;
920
- "3": any;
921
- round: any;
922
- };
923
- shadows: {
924
- "0": any;
925
- "1": any;
926
- "2": any;
927
- "3": any;
928
- };
929
- }, import("@stitches/react/types/config").DefaultThemeMap, {
930
- bg: (value: {
931
- readonly [$$PropertyValue]: "background";
932
- }) => {
933
- background: {
934
- readonly [$$PropertyValue]: "background";
935
- };
936
- };
937
- inset: (value: string | number | {
938
- readonly [$$ScaleValue]: "space";
939
- }) => {
940
- top: string | number | {
941
- readonly [$$ScaleValue]: "space";
942
- };
943
- right: string | number | {
944
- readonly [$$ScaleValue]: "space";
945
- };
946
- bottom: string | number | {
947
- readonly [$$ScaleValue]: "space";
948
- };
949
- left: string | number | {
950
- readonly [$$ScaleValue]: "space";
951
- };
952
- };
953
- size: (value: string | number | {
954
- readonly [$$ScaleValue]: "size";
955
- }) => {
956
- height: string | number | {
957
- readonly [$$ScaleValue]: "size";
958
- };
959
- width: string | number | {
960
- readonly [$$ScaleValue]: "size";
961
- };
962
- };
963
- p: (value: string | number | {
964
- readonly [$$ScaleValue]: "space";
965
- }) => {
966
- padding: string | number | {
967
- readonly [$$ScaleValue]: "space";
968
- };
969
- };
970
- pt: (value: string | number | {
971
- readonly [$$ScaleValue]: "space";
972
- }) => {
973
- paddingTop: string | number | {
974
- readonly [$$ScaleValue]: "space";
975
- };
976
- };
977
- pr: (value: string | number | {
978
- readonly [$$ScaleValue]: "space";
979
- }) => {
980
- paddingRight: string | number | {
981
- readonly [$$ScaleValue]: "space";
982
- };
983
- };
984
- pb: (value: string | number | {
985
- readonly [$$ScaleValue]: "space";
986
- }) => {
987
- paddingBottom: string | number | {
988
- readonly [$$ScaleValue]: "space";
989
- };
990
- };
991
- pl: (value: string | number | {
992
- readonly [$$ScaleValue]: "space";
993
- }) => {
994
- paddingLeft: string | number | {
995
- readonly [$$ScaleValue]: "space";
996
- };
997
- };
998
- px: (value: string | number | {
999
- readonly [$$ScaleValue]: "space";
1000
- }) => {
1001
- paddingLeft: string | number | {
1002
- readonly [$$ScaleValue]: "space";
1003
- };
1004
- paddingRight: string | number | {
1005
- readonly [$$ScaleValue]: "space";
1006
- };
1007
- };
1008
- py: (value: string | number | {
1009
- readonly [$$ScaleValue]: "space";
1010
- }) => {
1011
- paddingTop: string | number | {
1012
- readonly [$$ScaleValue]: "space";
1013
- };
1014
- paddingBottom: string | number | {
1015
- readonly [$$ScaleValue]: "space";
1016
- };
1017
- };
1018
- m: (value: string | number | {
1019
- readonly [$$ScaleValue]: "space";
1020
- }) => {
1021
- margin: string | number | {
1022
- readonly [$$ScaleValue]: "space";
1023
- };
1024
- };
1025
- mt: (value: string | number | {
1026
- readonly [$$ScaleValue]: "space";
1027
- }) => {
1028
- marginTop: string | number | {
1029
- readonly [$$ScaleValue]: "space";
1030
- };
1031
- };
1032
- mr: (value: string | number | {
1033
- readonly [$$ScaleValue]: "space";
1034
- }) => {
1035
- marginRight: string | number | {
1036
- readonly [$$ScaleValue]: "space";
1037
- };
1038
- };
1039
- mb: (value: string | number | {
1040
- readonly [$$ScaleValue]: "space";
1041
- }) => {
1042
- marginBottom: string | number | {
1043
- readonly [$$ScaleValue]: "space";
1044
- };
1045
- };
1046
- ml: (value: string | number | {
1047
- readonly [$$ScaleValue]: "space";
1048
- }) => {
1049
- marginLeft: string | number | {
1050
- readonly [$$ScaleValue]: "space";
1051
- };
1052
- };
1053
- mx: (value: string | number | {
1054
- readonly [$$ScaleValue]: "space";
1055
- }) => {
1056
- marginLeft: string | number | {
1057
- readonly [$$ScaleValue]: "space";
1058
- };
1059
- marginRight: string | number | {
1060
- readonly [$$ScaleValue]: "space";
1061
- };
1062
- };
1063
- my: (value: string | number | {
1064
- readonly [$$ScaleValue]: "space";
1065
- }) => {
1066
- marginTop: string | number | {
1067
- readonly [$$ScaleValue]: "space";
1068
- };
1069
- marginBottom: string | number | {
1070
- readonly [$$ScaleValue]: "space";
1071
- };
1072
- };
1073
- }> | undefined;
1074
- }) | (Omit<import("@radix-ui/react-toggle-group").ToggleGroupMultipleProps & import("react").RefAttributes<HTMLDivElement>, "direction" | "css" | "isFullWidth" | "hasGap"> & import("@stitches/react/types/styled-component").TransformProps<{
1075
- isFullWidth?: boolean | "true" | undefined;
1076
- hasGap?: boolean | "true" | "false" | undefined;
1077
- direction?: "row" | "column" | undefined;
1078
- }, {
1079
- sm: string;
1080
- md: string;
1081
- lg: string;
1082
- xl: string;
1083
- reducedMotion: string;
1084
- allowMotion: string;
1085
- hover: string;
1086
- }> & {
1087
- css?: import("@stitches/react/types/css-util").CSS<{
1088
- sm: string;
1089
- md: string;
1090
- lg: string;
1091
- xl: string;
1092
- reducedMotion: string;
1093
- allowMotion: string;
1094
- hover: string;
1095
- }, {
1096
- colors: {
1097
- textForeground: any;
1098
- textSubtle: any;
1099
- textPlaceholder: any;
1100
- background: any;
1101
- backgroundAccent: any;
1102
- tonal50: any;
1103
- tonal100: any;
1104
- tonal200: any;
1105
- tonal300: any;
1106
- tonal400: any;
1107
- tonal500: any;
1108
- tonal600: any;
1109
- alpha100: any;
1110
- alpha150: any;
1111
- alpha200: any;
1112
- alpha250: any;
1113
- alpha600: any;
1114
- primaryLight: any;
1115
- primary: any;
1116
- primaryMid: any;
1117
- primaryDark: any;
1118
- secondary: any;
1119
- brandRed: any;
1120
- brandRedAccent: any;
1121
- brandGreen: any;
1122
- brandGreenAccent: any;
1123
- brandPurple: any;
1124
- brandPurpleAccent: any;
1125
- brandYellow: any;
1126
- brandYellowAccent: any;
1127
- successLight: any;
1128
- success: any;
1129
- successMid: any;
1130
- successDark: any;
1131
- dangerLight: any;
1132
- danger: any;
1133
- dangerMid: any;
1134
- dangerDark: any;
1135
- warningLight: any;
1136
- warning: any;
1137
- warningMid: any;
1138
- warningDark: any;
1139
- subjectEnglish: any;
1140
- subjectMaths: any;
1141
- subjectScience: any;
1142
- subjectVerbalReasoning: any;
1143
- subjectNonVerbalReasoning: any;
1144
- subjectCreativeWriting: any;
1145
- subjectExamSkills: any;
1146
- };
1147
- space: {
1148
- "0": any;
1149
- "1": any;
1150
- "2": any;
1151
- "3": any;
1152
- "4": any;
1153
- "5": any;
1154
- "6": any;
1155
- "7": any;
1156
- "8": any;
1157
- "9": any;
1158
- };
1159
- fontSizes: {
1160
- xs: any;
1161
- sm: any;
1162
- md: any;
1163
- lg: any;
1164
- xl: any;
1165
- "2xl": any;
1166
- "3xl": any;
1167
- "4xl": any;
1168
- };
1169
- fonts: {
1170
- sans: any;
1171
- mono: any;
1172
- display: any;
1173
- body: any;
1174
- };
1175
- sizes: {
1176
- "0": any;
1177
- "1": any;
1178
- "2": any;
1179
- "3": any;
1180
- "4": any;
1181
- "5": any;
1182
- "6": any;
1183
- "7": any;
1184
- "8": any;
1185
- };
1186
- radii: {
1187
- "0": any;
1188
- "1": any;
1189
- "2": any;
1190
- "3": any;
1191
- round: any;
1192
- };
1193
- shadows: {
1194
- "0": any;
1195
- "1": any;
1196
- "2": any;
1197
- "3": any;
1198
- };
1199
- }, import("@stitches/react/types/config").DefaultThemeMap, {
1200
- bg: (value: {
1201
- readonly [$$PropertyValue]: "background";
1202
- }) => {
1203
- background: {
1204
- readonly [$$PropertyValue]: "background";
1205
- };
1206
- };
1207
- inset: (value: string | number | {
1208
- readonly [$$ScaleValue]: "space";
1209
- }) => {
1210
- top: string | number | {
1211
- readonly [$$ScaleValue]: "space";
1212
- };
1213
- right: string | number | {
1214
- readonly [$$ScaleValue]: "space";
1215
- };
1216
- bottom: string | number | {
1217
- readonly [$$ScaleValue]: "space";
1218
- };
1219
- left: string | number | {
1220
- readonly [$$ScaleValue]: "space";
1221
- };
1222
- };
1223
- size: (value: string | number | {
1224
- readonly [$$ScaleValue]: "size";
1225
- }) => {
1226
- height: string | number | {
1227
- readonly [$$ScaleValue]: "size";
1228
- };
1229
- width: string | number | {
1230
- readonly [$$ScaleValue]: "size";
1231
- };
1232
- };
1233
- p: (value: string | number | {
1234
- readonly [$$ScaleValue]: "space";
1235
- }) => {
1236
- padding: string | number | {
1237
- readonly [$$ScaleValue]: "space";
1238
- };
1239
- };
1240
- pt: (value: string | number | {
1241
- readonly [$$ScaleValue]: "space";
1242
- }) => {
1243
- paddingTop: string | number | {
1244
- readonly [$$ScaleValue]: "space";
1245
- };
1246
- };
1247
- pr: (value: string | number | {
1248
- readonly [$$ScaleValue]: "space";
1249
- }) => {
1250
- paddingRight: string | number | {
1251
- readonly [$$ScaleValue]: "space";
1252
- };
1253
- };
1254
- pb: (value: string | number | {
1255
- readonly [$$ScaleValue]: "space";
1256
- }) => {
1257
- paddingBottom: string | number | {
1258
- readonly [$$ScaleValue]: "space";
1259
- };
1260
- };
1261
- pl: (value: string | number | {
1262
- readonly [$$ScaleValue]: "space";
1263
- }) => {
1264
- paddingLeft: string | number | {
1265
- readonly [$$ScaleValue]: "space";
1266
- };
1267
- };
1268
- px: (value: string | number | {
1269
- readonly [$$ScaleValue]: "space";
1270
- }) => {
1271
- paddingLeft: string | number | {
1272
- readonly [$$ScaleValue]: "space";
1273
- };
1274
- paddingRight: string | number | {
1275
- readonly [$$ScaleValue]: "space";
1276
- };
1277
- };
1278
- py: (value: string | number | {
1279
- readonly [$$ScaleValue]: "space";
1280
- }) => {
1281
- paddingTop: string | number | {
1282
- readonly [$$ScaleValue]: "space";
1283
- };
1284
- paddingBottom: string | number | {
1285
- readonly [$$ScaleValue]: "space";
1286
- };
1287
- };
1288
- m: (value: string | number | {
1289
- readonly [$$ScaleValue]: "space";
1290
- }) => {
1291
- margin: string | number | {
1292
- readonly [$$ScaleValue]: "space";
1293
- };
1294
- };
1295
- mt: (value: string | number | {
1296
- readonly [$$ScaleValue]: "space";
1297
- }) => {
1298
- marginTop: string | number | {
1299
- readonly [$$ScaleValue]: "space";
1300
- };
1301
- };
1302
- mr: (value: string | number | {
1303
- readonly [$$ScaleValue]: "space";
1304
- }) => {
1305
- marginRight: string | number | {
1306
- readonly [$$ScaleValue]: "space";
1307
- };
1308
- };
1309
- mb: (value: string | number | {
1310
- readonly [$$ScaleValue]: "space";
1311
- }) => {
1312
- marginBottom: string | number | {
1313
- readonly [$$ScaleValue]: "space";
1314
- };
1315
- };
1316
- ml: (value: string | number | {
1317
- readonly [$$ScaleValue]: "space";
1318
- }) => {
1319
- marginLeft: string | number | {
1320
- readonly [$$ScaleValue]: "space";
1321
- };
1322
- };
1323
- mx: (value: string | number | {
1324
- readonly [$$ScaleValue]: "space";
1325
- }) => {
1326
- marginLeft: string | number | {
1327
- readonly [$$ScaleValue]: "space";
1328
- };
1329
- marginRight: string | number | {
1330
- readonly [$$ScaleValue]: "space";
1331
- };
1332
- };
1333
- my: (value: string | number | {
1334
- readonly [$$ScaleValue]: "space";
1335
- }) => {
1336
- marginTop: string | number | {
1337
- readonly [$$ScaleValue]: "space";
1338
- };
1339
- marginBottom: string | number | {
1340
- readonly [$$ScaleValue]: "space";
1341
- };
1342
- };
1343
- }> | undefined;
1344
- })) & {
1345
- size: "sm" | "md" | "lg";
1346
- orientation?: "horizontal" | "vertical" | undefined;
1347
- gap?: number | undefined;
1348
- isFullWidth?: boolean | undefined;
1349
- wrap: "wrap" | "wrap-reverse" | "no-wrap";
1350
- }>;
1351
- };