@atom-learning/components 3.31.2 → 3.32.0

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.
@@ -0,0 +1,1130 @@
1
+ export declare const KeyboardShortcut: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
2
+ ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
3
+ }, "css"> & import("@atom-learning/stitches-react/types/styled-component").TransformProps<{}, {
4
+ sm: string;
5
+ md: string;
6
+ lg: string;
7
+ xl: string;
8
+ reducedMotion: string;
9
+ allowMotion: string;
10
+ hover: string;
11
+ }> & {
12
+ css?: import("@atom-learning/stitches-react/types/css-util").CSS<{
13
+ sm: string;
14
+ md: string;
15
+ lg: string;
16
+ xl: string;
17
+ reducedMotion: string;
18
+ allowMotion: string;
19
+ hover: string;
20
+ }, {
21
+ colors: {
22
+ textBold: string;
23
+ textRegular: string;
24
+ textSubtle: string;
25
+ textMinimal: string;
26
+ background: string;
27
+ backgroundAccent: string;
28
+ grey100: string;
29
+ grey200: string;
30
+ grey300: string;
31
+ grey400: string;
32
+ grey500: string;
33
+ grey600: string;
34
+ grey700: string;
35
+ grey800: string;
36
+ grey900: string;
37
+ grey1000: string;
38
+ grey1100: string;
39
+ grey1200: string;
40
+ blue100: string;
41
+ blue200: string;
42
+ blue300: string;
43
+ blue400: string;
44
+ blue500: string;
45
+ blue600: string;
46
+ blue700: string;
47
+ blue800: string;
48
+ blue900: string;
49
+ blue1000: string;
50
+ blue1100: string;
51
+ blue1200: string;
52
+ purple100: string;
53
+ purple200: string;
54
+ purple300: string;
55
+ purple400: string;
56
+ purple500: string;
57
+ purple600: string;
58
+ purple700: string;
59
+ purple800: string;
60
+ purple900: string;
61
+ purple1000: string;
62
+ purple1100: string;
63
+ purple1200: string;
64
+ cyan100: string;
65
+ cyan200: string;
66
+ cyan300: string;
67
+ cyan400: string;
68
+ cyan500: string;
69
+ cyan600: string;
70
+ cyan700: string;
71
+ cyan800: string;
72
+ cyan900: string;
73
+ cyan1000: string;
74
+ cyan1100: string;
75
+ cyan1200: string;
76
+ green100: string;
77
+ green200: string;
78
+ green300: string;
79
+ green400: string;
80
+ green500: string;
81
+ green600: string;
82
+ green700: string;
83
+ green800: string;
84
+ green900: string;
85
+ green1000: string;
86
+ green1100: string;
87
+ green1200: string;
88
+ magenta100: string;
89
+ magenta200: string;
90
+ magenta300: string;
91
+ magenta400: string;
92
+ magenta500: string;
93
+ magenta600: string;
94
+ magenta700: string;
95
+ magenta800: string;
96
+ magenta900: string;
97
+ magenta1000: string;
98
+ magenta1100: string;
99
+ magenta1200: string;
100
+ red100: string;
101
+ red200: string;
102
+ red300: string;
103
+ red400: string;
104
+ red500: string;
105
+ red600: string;
106
+ red700: string;
107
+ red800: string;
108
+ red900: string;
109
+ red1000: string;
110
+ red1100: string;
111
+ red1200: string;
112
+ teal100: string;
113
+ teal200: string;
114
+ teal300: string;
115
+ teal400: string;
116
+ teal500: string;
117
+ teal600: string;
118
+ teal700: string;
119
+ teal800: string;
120
+ teal900: string;
121
+ teal1000: string;
122
+ teal1100: string;
123
+ teal1200: string;
124
+ orange100: string;
125
+ orange200: string;
126
+ orange300: string;
127
+ orange400: string;
128
+ orange500: string;
129
+ orange600: string;
130
+ orange700: string;
131
+ orange800: string;
132
+ orange900: string;
133
+ orange1000: string;
134
+ orange1100: string;
135
+ orange1200: string;
136
+ yellow100: string;
137
+ yellow200: string;
138
+ yellow300: string;
139
+ yellow400: string;
140
+ yellow500: string;
141
+ yellow600: string;
142
+ yellow700: string;
143
+ yellow800: string;
144
+ yellow900: string;
145
+ yellow1000: string;
146
+ yellow1100: string;
147
+ yellow1200: string;
148
+ lime100: string;
149
+ lime200: string;
150
+ lime300: string;
151
+ lime400: string;
152
+ lime500: string;
153
+ lime600: string;
154
+ lime700: string;
155
+ lime800: string;
156
+ lime900: string;
157
+ lime1000: string;
158
+ lime1100: string;
159
+ lime1200: string;
160
+ lapis100: string;
161
+ lapis200: string;
162
+ lapis300: string;
163
+ lapis400: string;
164
+ lapis500: string;
165
+ lapis600: string;
166
+ lapis700: string;
167
+ lapis800: string;
168
+ lapis900: string;
169
+ lapis1000: string;
170
+ lapis1100: string;
171
+ lapis1200: string;
172
+ maroon100: string;
173
+ maroon200: string;
174
+ maroon300: string;
175
+ maroon400: string;
176
+ maroon500: string;
177
+ maroon600: string;
178
+ maroon700: string;
179
+ maroon800: string;
180
+ maroon900: string;
181
+ maroon1000: string;
182
+ maroon1100: string;
183
+ maroon1200: string;
184
+ marsh100: string;
185
+ marsh200: string;
186
+ marsh300: string;
187
+ marsh400: string;
188
+ marsh500: string;
189
+ marsh600: string;
190
+ marsh700: string;
191
+ marsh800: string;
192
+ marsh900: string;
193
+ marsh1000: string;
194
+ marsh1100: string;
195
+ marsh1200: string;
196
+ tonal50: string;
197
+ tonal100: string;
198
+ tonal200: string;
199
+ tonal300: string;
200
+ tonal400: string;
201
+ tonal500: string;
202
+ tonal600: string;
203
+ alpha100: string;
204
+ alpha150: string;
205
+ alpha200: string;
206
+ alpha250: string;
207
+ alpha600: string;
208
+ brandRed: string;
209
+ brandRedAccent: string;
210
+ brandGreen: string;
211
+ brandGreenAccent: string;
212
+ brandPurple: string;
213
+ brandPurpleAccent: string;
214
+ brandYellow: string;
215
+ brandYellowAccent: string;
216
+ infoLight: string;
217
+ info: string;
218
+ infoMid: string;
219
+ infoDark: string;
220
+ successLight: string;
221
+ success: string;
222
+ successMid: string;
223
+ successDark: string;
224
+ dangerLight: string;
225
+ danger: string;
226
+ dangerMid: string;
227
+ dangerDark: string;
228
+ warningLight: string;
229
+ warning: string;
230
+ warningMid: string;
231
+ warningDark: string;
232
+ warningText: string;
233
+ subjectEnglish: string;
234
+ subjectMaths: string;
235
+ subjectScience: string;
236
+ subjectVerbalReasoning: string;
237
+ subjectNonVerbalReasoning: string;
238
+ subjectCreativeWriting: string;
239
+ subjectExamSkills: string;
240
+ glBlueLight: string;
241
+ glBluePrimary: string;
242
+ glBlueDark: string;
243
+ primary100: string;
244
+ primary200: string;
245
+ primary300: string;
246
+ primary400: string;
247
+ primary500: string;
248
+ primary600: string;
249
+ primary700: string;
250
+ primary800: string;
251
+ primary900: string;
252
+ primary1000: string;
253
+ primary1100: string;
254
+ primary1200: string;
255
+ };
256
+ space: {
257
+ "0": string;
258
+ "1": string;
259
+ "2": string;
260
+ "3": string;
261
+ "4": string;
262
+ "5": string;
263
+ "6": string;
264
+ "7": string;
265
+ "8": string;
266
+ "9": string;
267
+ "24": string;
268
+ };
269
+ fontSizes: {
270
+ xs: string;
271
+ sm: string;
272
+ md: string;
273
+ lg: string;
274
+ xl: string;
275
+ "2xl": string;
276
+ "3xl": string;
277
+ "4xl": string;
278
+ };
279
+ fonts: {
280
+ sans: string;
281
+ mono: string;
282
+ display: string;
283
+ body: string;
284
+ };
285
+ sizes: {
286
+ "0": string;
287
+ "1": string;
288
+ "2": string;
289
+ "3": string;
290
+ "4": string;
291
+ "5": string;
292
+ "6": string;
293
+ "7": string;
294
+ "8": string;
295
+ };
296
+ radii: {
297
+ "0": string;
298
+ "1": string;
299
+ "2": string;
300
+ "3": string;
301
+ round: string;
302
+ };
303
+ shadows: {
304
+ "0": string;
305
+ "1": string;
306
+ "2": string;
307
+ "3": string;
308
+ };
309
+ ratios: {
310
+ "16-9": string;
311
+ "3-2": string;
312
+ "4-3": string;
313
+ "1-1": string;
314
+ "3-4": string;
315
+ };
316
+ }, import("@atom-learning/stitches-react/types/config").DefaultThemeMap, {
317
+ bg: (value: import("@atom-learning/stitches-react").PropertyValue<"background">) => {
318
+ background: import("@atom-learning/stitches-react/types/css-util").WithPropertyValue<"background">;
319
+ };
320
+ size: (value: import("@atom-learning/stitches-react").ScaleValue<"size"> | number | string) => {
321
+ height: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">;
322
+ width: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">;
323
+ };
324
+ p: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
325
+ padding: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
326
+ };
327
+ pt: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
328
+ paddingTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
329
+ };
330
+ pr: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
331
+ paddingRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
332
+ };
333
+ pb: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
334
+ paddingBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
335
+ };
336
+ pl: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
337
+ paddingLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
338
+ };
339
+ px: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
340
+ paddingLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
341
+ paddingRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
342
+ };
343
+ py: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
344
+ paddingTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
345
+ paddingBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
346
+ };
347
+ m: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
348
+ margin: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
349
+ };
350
+ mt: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
351
+ marginTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
352
+ };
353
+ mr: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
354
+ marginRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
355
+ };
356
+ mb: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
357
+ marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
358
+ };
359
+ ml: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
360
+ marginLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
361
+ };
362
+ mx: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
363
+ marginLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
364
+ marginRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
365
+ };
366
+ my: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
367
+ marginTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
368
+ marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
369
+ };
370
+ }> | undefined;
371
+ } & {
372
+ asChild?: boolean;
373
+ config: {
374
+ shortcut: Partial<import("react").SyntheticEvent<KeyboardEvent>>;
375
+ action: ({ event, shortcut }: {
376
+ event: KeyboardEvent | import("react").KeyboardEvent<HTMLDivElement>;
377
+ shortcut: Partial<import("react").SyntheticEvent<KeyboardEvent>>;
378
+ }) => void;
379
+ }[];
380
+ targetWindow?: boolean;
381
+ onKeyDown?: (e: import("react").KeyboardEvent<HTMLDivElement> | KeyboardEvent) => void;
382
+ }> & {
383
+ Indicator: {
384
+ (props: Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
385
+ ref?: ((instance: HTMLParagraphElement | null) => void) | import("react").RefObject<HTMLParagraphElement> | null | undefined;
386
+ }, "size" | "css" | "noCapsize"> & import("@atom-learning/stitches-react/types/styled-component").TransformProps<{
387
+ size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
388
+ noCapsize?: boolean | "true" | undefined;
389
+ }, {
390
+ sm: string;
391
+ md: string;
392
+ lg: string;
393
+ xl: string;
394
+ reducedMotion: string;
395
+ allowMotion: string;
396
+ hover: string;
397
+ }> & {
398
+ css?: import("@atom-learning/stitches-react/types/css-util").CSS<{
399
+ sm: string;
400
+ md: string;
401
+ lg: string;
402
+ xl: string;
403
+ reducedMotion: string;
404
+ allowMotion: string;
405
+ hover: string;
406
+ }, {
407
+ colors: {
408
+ textBold: string;
409
+ textRegular: string;
410
+ textSubtle: string;
411
+ textMinimal: string;
412
+ background: string;
413
+ backgroundAccent: string;
414
+ grey100: string;
415
+ grey200: string;
416
+ grey300: string;
417
+ grey400: string;
418
+ grey500: string;
419
+ grey600: string;
420
+ grey700: string;
421
+ grey800: string;
422
+ grey900: string;
423
+ grey1000: string;
424
+ grey1100: string;
425
+ grey1200: string;
426
+ blue100: string;
427
+ blue200: string;
428
+ blue300: string;
429
+ blue400: string;
430
+ blue500: string;
431
+ blue600: string;
432
+ blue700: string;
433
+ blue800: string;
434
+ blue900: string;
435
+ blue1000: string;
436
+ blue1100: string;
437
+ blue1200: string;
438
+ purple100: string;
439
+ purple200: string;
440
+ purple300: string;
441
+ purple400: string;
442
+ purple500: string;
443
+ purple600: string;
444
+ purple700: string;
445
+ purple800: string;
446
+ purple900: string;
447
+ purple1000: string;
448
+ purple1100: string;
449
+ purple1200: string;
450
+ cyan100: string;
451
+ cyan200: string;
452
+ cyan300: string;
453
+ cyan400: string;
454
+ cyan500: string;
455
+ cyan600: string;
456
+ cyan700: string;
457
+ cyan800: string;
458
+ cyan900: string;
459
+ cyan1000: string;
460
+ cyan1100: string;
461
+ cyan1200: string;
462
+ green100: string;
463
+ green200: string;
464
+ green300: string;
465
+ green400: string;
466
+ green500: string;
467
+ green600: string;
468
+ green700: string;
469
+ green800: string;
470
+ green900: string;
471
+ green1000: string;
472
+ green1100: string;
473
+ green1200: string;
474
+ magenta100: string;
475
+ magenta200: string;
476
+ magenta300: string;
477
+ magenta400: string;
478
+ magenta500: string;
479
+ magenta600: string;
480
+ magenta700: string;
481
+ magenta800: string;
482
+ magenta900: string;
483
+ magenta1000: string;
484
+ magenta1100: string;
485
+ magenta1200: string;
486
+ red100: string;
487
+ red200: string;
488
+ red300: string;
489
+ red400: string;
490
+ red500: string;
491
+ red600: string;
492
+ red700: string;
493
+ red800: string;
494
+ red900: string;
495
+ red1000: string;
496
+ red1100: string;
497
+ red1200: string;
498
+ teal100: string;
499
+ teal200: string;
500
+ teal300: string;
501
+ teal400: string;
502
+ teal500: string;
503
+ teal600: string;
504
+ teal700: string;
505
+ teal800: string;
506
+ teal900: string;
507
+ teal1000: string;
508
+ teal1100: string;
509
+ teal1200: string;
510
+ orange100: string;
511
+ orange200: string;
512
+ orange300: string;
513
+ orange400: string;
514
+ orange500: string;
515
+ orange600: string;
516
+ orange700: string;
517
+ orange800: string;
518
+ orange900: string;
519
+ orange1000: string;
520
+ orange1100: string;
521
+ orange1200: string;
522
+ yellow100: string;
523
+ yellow200: string;
524
+ yellow300: string;
525
+ yellow400: string;
526
+ yellow500: string;
527
+ yellow600: string;
528
+ yellow700: string;
529
+ yellow800: string;
530
+ yellow900: string;
531
+ yellow1000: string;
532
+ yellow1100: string;
533
+ yellow1200: string;
534
+ lime100: string;
535
+ lime200: string;
536
+ lime300: string;
537
+ lime400: string;
538
+ lime500: string;
539
+ lime600: string;
540
+ lime700: string;
541
+ lime800: string;
542
+ lime900: string;
543
+ lime1000: string;
544
+ lime1100: string;
545
+ lime1200: string;
546
+ lapis100: string;
547
+ lapis200: string;
548
+ lapis300: string;
549
+ lapis400: string;
550
+ lapis500: string;
551
+ lapis600: string;
552
+ lapis700: string;
553
+ lapis800: string;
554
+ lapis900: string;
555
+ lapis1000: string;
556
+ lapis1100: string;
557
+ lapis1200: string;
558
+ maroon100: string;
559
+ maroon200: string;
560
+ maroon300: string;
561
+ maroon400: string;
562
+ maroon500: string;
563
+ maroon600: string;
564
+ maroon700: string;
565
+ maroon800: string;
566
+ maroon900: string;
567
+ maroon1000: string;
568
+ maroon1100: string;
569
+ maroon1200: string;
570
+ marsh100: string;
571
+ marsh200: string;
572
+ marsh300: string;
573
+ marsh400: string;
574
+ marsh500: string;
575
+ marsh600: string;
576
+ marsh700: string;
577
+ marsh800: string;
578
+ marsh900: string;
579
+ marsh1000: string;
580
+ marsh1100: string;
581
+ marsh1200: string;
582
+ tonal50: string;
583
+ tonal100: string;
584
+ tonal200: string;
585
+ tonal300: string;
586
+ tonal400: string;
587
+ tonal500: string;
588
+ tonal600: string;
589
+ alpha100: string;
590
+ alpha150: string;
591
+ alpha200: string;
592
+ alpha250: string;
593
+ alpha600: string;
594
+ brandRed: string;
595
+ brandRedAccent: string;
596
+ brandGreen: string;
597
+ brandGreenAccent: string;
598
+ brandPurple: string;
599
+ brandPurpleAccent: string;
600
+ brandYellow: string;
601
+ brandYellowAccent: string;
602
+ infoLight: string;
603
+ info: string;
604
+ infoMid: string;
605
+ infoDark: string;
606
+ successLight: string;
607
+ success: string;
608
+ successMid: string;
609
+ successDark: string;
610
+ dangerLight: string;
611
+ danger: string;
612
+ dangerMid: string;
613
+ dangerDark: string;
614
+ warningLight: string;
615
+ warning: string;
616
+ warningMid: string;
617
+ warningDark: string;
618
+ warningText: string;
619
+ subjectEnglish: string;
620
+ subjectMaths: string;
621
+ subjectScience: string;
622
+ subjectVerbalReasoning: string;
623
+ subjectNonVerbalReasoning: string;
624
+ subjectCreativeWriting: string;
625
+ subjectExamSkills: string;
626
+ glBlueLight: string;
627
+ glBluePrimary: string;
628
+ glBlueDark: string;
629
+ primary100: string;
630
+ primary200: string;
631
+ primary300: string;
632
+ primary400: string;
633
+ primary500: string;
634
+ primary600: string;
635
+ primary700: string;
636
+ primary800: string;
637
+ primary900: string;
638
+ primary1000: string;
639
+ primary1100: string;
640
+ primary1200: string;
641
+ };
642
+ space: {
643
+ "0": string;
644
+ "1": string;
645
+ "2": string;
646
+ "3": string;
647
+ "4": string;
648
+ "5": string;
649
+ "6": string;
650
+ "7": string;
651
+ "8": string;
652
+ "9": string;
653
+ "24": string;
654
+ };
655
+ fontSizes: {
656
+ xs: string;
657
+ sm: string;
658
+ md: string;
659
+ lg: string;
660
+ xl: string;
661
+ "2xl": string;
662
+ "3xl": string;
663
+ "4xl": string;
664
+ };
665
+ fonts: {
666
+ sans: string;
667
+ mono: string;
668
+ display: string;
669
+ body: string;
670
+ };
671
+ sizes: {
672
+ "0": string;
673
+ "1": string;
674
+ "2": string;
675
+ "3": string;
676
+ "4": string;
677
+ "5": string;
678
+ "6": string;
679
+ "7": string;
680
+ "8": string;
681
+ };
682
+ radii: {
683
+ "0": string;
684
+ "1": string;
685
+ "2": string;
686
+ "3": string;
687
+ round: string;
688
+ };
689
+ shadows: {
690
+ "0": string;
691
+ "1": string;
692
+ "2": string;
693
+ "3": string;
694
+ };
695
+ ratios: {
696
+ "16-9": string;
697
+ "3-2": string;
698
+ "4-3": string;
699
+ "1-1": string;
700
+ "3-4": string;
701
+ };
702
+ }, import("@atom-learning/stitches-react/types/config").DefaultThemeMap, {
703
+ bg: (value: import("@atom-learning/stitches-react").PropertyValue<"background">) => {
704
+ background: import("@atom-learning/stitches-react/types/css-util").WithPropertyValue<"background">;
705
+ };
706
+ size: (value: import("@atom-learning/stitches-react").ScaleValue<"size"> | number | string) => {
707
+ height: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">;
708
+ width: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">;
709
+ };
710
+ p: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
711
+ padding: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
712
+ };
713
+ pt: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
714
+ paddingTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
715
+ };
716
+ pr: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
717
+ paddingRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
718
+ };
719
+ pb: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
720
+ paddingBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
721
+ };
722
+ pl: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
723
+ paddingLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
724
+ };
725
+ px: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
726
+ paddingLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
727
+ paddingRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
728
+ };
729
+ py: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
730
+ paddingTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
731
+ paddingBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
732
+ };
733
+ m: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
734
+ margin: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
735
+ };
736
+ mt: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
737
+ marginTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
738
+ };
739
+ mr: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
740
+ marginRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
741
+ };
742
+ mb: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
743
+ marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
744
+ };
745
+ ml: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
746
+ marginLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
747
+ };
748
+ mx: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
749
+ marginLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
750
+ marginRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
751
+ };
752
+ my: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
753
+ marginTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
754
+ marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
755
+ };
756
+ }> | undefined;
757
+ }, "as"> & {
758
+ as?: "blockquote" | "caption" | "dd" | "dt" | "figcaption" | "li" | "p" | "span" | "legend" | import("react").ComponentType | import("react").ElementType;
759
+ }, "css"> & import("@atom-learning/stitches-react/types/styled-component").TransformProps<{}, {
760
+ sm: string;
761
+ md: string;
762
+ lg: string;
763
+ xl: string;
764
+ reducedMotion: string;
765
+ allowMotion: string;
766
+ hover: string;
767
+ }> & {
768
+ css?: import("@atom-learning/stitches-react/types/css-util").CSS<{
769
+ sm: string;
770
+ md: string;
771
+ lg: string;
772
+ xl: string;
773
+ reducedMotion: string;
774
+ allowMotion: string;
775
+ hover: string;
776
+ }, {
777
+ colors: {
778
+ textBold: string;
779
+ textRegular: string;
780
+ textSubtle: string;
781
+ textMinimal: string;
782
+ background: string;
783
+ backgroundAccent: string;
784
+ grey100: string;
785
+ grey200: string;
786
+ grey300: string;
787
+ grey400: string;
788
+ grey500: string;
789
+ grey600: string;
790
+ grey700: string;
791
+ grey800: string;
792
+ grey900: string;
793
+ grey1000: string;
794
+ grey1100: string;
795
+ grey1200: string;
796
+ blue100: string;
797
+ blue200: string;
798
+ blue300: string;
799
+ blue400: string;
800
+ blue500: string;
801
+ blue600: string;
802
+ blue700: string;
803
+ blue800: string;
804
+ blue900: string;
805
+ blue1000: string;
806
+ blue1100: string;
807
+ blue1200: string;
808
+ purple100: string;
809
+ purple200: string;
810
+ purple300: string;
811
+ purple400: string;
812
+ purple500: string;
813
+ purple600: string;
814
+ purple700: string;
815
+ purple800: string;
816
+ purple900: string;
817
+ purple1000: string;
818
+ purple1100: string;
819
+ purple1200: string;
820
+ cyan100: string;
821
+ cyan200: string;
822
+ cyan300: string;
823
+ cyan400: string;
824
+ cyan500: string;
825
+ cyan600: string;
826
+ cyan700: string;
827
+ cyan800: string;
828
+ cyan900: string;
829
+ cyan1000: string;
830
+ cyan1100: string;
831
+ cyan1200: string;
832
+ green100: string;
833
+ green200: string;
834
+ green300: string;
835
+ green400: string;
836
+ green500: string;
837
+ green600: string;
838
+ green700: string;
839
+ green800: string;
840
+ green900: string;
841
+ green1000: string;
842
+ green1100: string;
843
+ green1200: string;
844
+ magenta100: string;
845
+ magenta200: string;
846
+ magenta300: string;
847
+ magenta400: string;
848
+ magenta500: string;
849
+ magenta600: string;
850
+ magenta700: string;
851
+ magenta800: string;
852
+ magenta900: string;
853
+ magenta1000: string;
854
+ magenta1100: string;
855
+ magenta1200: string;
856
+ red100: string;
857
+ red200: string;
858
+ red300: string;
859
+ red400: string;
860
+ red500: string;
861
+ red600: string;
862
+ red700: string;
863
+ red800: string;
864
+ red900: string;
865
+ red1000: string;
866
+ red1100: string;
867
+ red1200: string;
868
+ teal100: string;
869
+ teal200: string;
870
+ teal300: string;
871
+ teal400: string;
872
+ teal500: string;
873
+ teal600: string;
874
+ teal700: string;
875
+ teal800: string;
876
+ teal900: string;
877
+ teal1000: string;
878
+ teal1100: string;
879
+ teal1200: string;
880
+ orange100: string;
881
+ orange200: string;
882
+ orange300: string;
883
+ orange400: string;
884
+ orange500: string;
885
+ orange600: string;
886
+ orange700: string;
887
+ orange800: string;
888
+ orange900: string;
889
+ orange1000: string;
890
+ orange1100: string;
891
+ orange1200: string;
892
+ yellow100: string;
893
+ yellow200: string;
894
+ yellow300: string;
895
+ yellow400: string;
896
+ yellow500: string;
897
+ yellow600: string;
898
+ yellow700: string;
899
+ yellow800: string;
900
+ yellow900: string;
901
+ yellow1000: string;
902
+ yellow1100: string;
903
+ yellow1200: string;
904
+ lime100: string;
905
+ lime200: string;
906
+ lime300: string;
907
+ lime400: string;
908
+ lime500: string;
909
+ lime600: string;
910
+ lime700: string;
911
+ lime800: string;
912
+ lime900: string;
913
+ lime1000: string;
914
+ lime1100: string;
915
+ lime1200: string;
916
+ lapis100: string;
917
+ lapis200: string;
918
+ lapis300: string;
919
+ lapis400: string;
920
+ lapis500: string;
921
+ lapis600: string;
922
+ lapis700: string;
923
+ lapis800: string;
924
+ lapis900: string;
925
+ lapis1000: string;
926
+ lapis1100: string;
927
+ lapis1200: string;
928
+ maroon100: string;
929
+ maroon200: string;
930
+ maroon300: string;
931
+ maroon400: string;
932
+ maroon500: string;
933
+ maroon600: string;
934
+ maroon700: string;
935
+ maroon800: string;
936
+ maroon900: string;
937
+ maroon1000: string;
938
+ maroon1100: string;
939
+ maroon1200: string;
940
+ marsh100: string;
941
+ marsh200: string;
942
+ marsh300: string;
943
+ marsh400: string;
944
+ marsh500: string;
945
+ marsh600: string;
946
+ marsh700: string;
947
+ marsh800: string;
948
+ marsh900: string;
949
+ marsh1000: string;
950
+ marsh1100: string;
951
+ marsh1200: string;
952
+ tonal50: string;
953
+ tonal100: string;
954
+ tonal200: string;
955
+ tonal300: string;
956
+ tonal400: string;
957
+ tonal500: string;
958
+ tonal600: string;
959
+ alpha100: string;
960
+ alpha150: string;
961
+ alpha200: string;
962
+ alpha250: string;
963
+ alpha600: string;
964
+ brandRed: string;
965
+ brandRedAccent: string;
966
+ brandGreen: string;
967
+ brandGreenAccent: string;
968
+ brandPurple: string;
969
+ brandPurpleAccent: string;
970
+ brandYellow: string;
971
+ brandYellowAccent: string;
972
+ infoLight: string;
973
+ info: string;
974
+ infoMid: string;
975
+ infoDark: string;
976
+ successLight: string;
977
+ success: string;
978
+ successMid: string;
979
+ successDark: string;
980
+ dangerLight: string;
981
+ danger: string;
982
+ dangerMid: string;
983
+ dangerDark: string;
984
+ warningLight: string;
985
+ warning: string;
986
+ warningMid: string;
987
+ warningDark: string;
988
+ warningText: string;
989
+ subjectEnglish: string;
990
+ subjectMaths: string;
991
+ subjectScience: string;
992
+ subjectVerbalReasoning: string;
993
+ subjectNonVerbalReasoning: string;
994
+ subjectCreativeWriting: string;
995
+ subjectExamSkills: string;
996
+ glBlueLight: string;
997
+ glBluePrimary: string;
998
+ glBlueDark: string;
999
+ primary100: string;
1000
+ primary200: string;
1001
+ primary300: string;
1002
+ primary400: string;
1003
+ primary500: string;
1004
+ primary600: string;
1005
+ primary700: string;
1006
+ primary800: string;
1007
+ primary900: string;
1008
+ primary1000: string;
1009
+ primary1100: string;
1010
+ primary1200: string;
1011
+ };
1012
+ space: {
1013
+ "0": string;
1014
+ "1": string;
1015
+ "2": string;
1016
+ "3": string;
1017
+ "4": string;
1018
+ "5": string;
1019
+ "6": string;
1020
+ "7": string;
1021
+ "8": string;
1022
+ "9": string;
1023
+ "24": string;
1024
+ };
1025
+ fontSizes: {
1026
+ xs: string;
1027
+ sm: string;
1028
+ md: string;
1029
+ lg: string;
1030
+ xl: string;
1031
+ "2xl": string;
1032
+ "3xl": string;
1033
+ "4xl": string;
1034
+ };
1035
+ fonts: {
1036
+ sans: string;
1037
+ mono: string;
1038
+ display: string;
1039
+ body: string;
1040
+ };
1041
+ sizes: {
1042
+ "0": string;
1043
+ "1": string;
1044
+ "2": string;
1045
+ "3": string;
1046
+ "4": string;
1047
+ "5": string;
1048
+ "6": string;
1049
+ "7": string;
1050
+ "8": string;
1051
+ };
1052
+ radii: {
1053
+ "0": string;
1054
+ "1": string;
1055
+ "2": string;
1056
+ "3": string;
1057
+ round: string;
1058
+ };
1059
+ shadows: {
1060
+ "0": string;
1061
+ "1": string;
1062
+ "2": string;
1063
+ "3": string;
1064
+ };
1065
+ ratios: {
1066
+ "16-9": string;
1067
+ "3-2": string;
1068
+ "4-3": string;
1069
+ "1-1": string;
1070
+ "3-4": string;
1071
+ };
1072
+ }, import("@atom-learning/stitches-react/types/config").DefaultThemeMap, {
1073
+ bg: (value: import("@atom-learning/stitches-react").PropertyValue<"background">) => {
1074
+ background: import("@atom-learning/stitches-react/types/css-util").WithPropertyValue<"background">;
1075
+ };
1076
+ size: (value: import("@atom-learning/stitches-react").ScaleValue<"size"> | number | string) => {
1077
+ height: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">;
1078
+ width: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">;
1079
+ };
1080
+ p: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
1081
+ padding: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
1082
+ };
1083
+ pt: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
1084
+ paddingTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
1085
+ };
1086
+ pr: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
1087
+ paddingRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
1088
+ };
1089
+ pb: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
1090
+ paddingBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
1091
+ };
1092
+ pl: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
1093
+ paddingLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
1094
+ };
1095
+ px: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
1096
+ paddingLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
1097
+ paddingRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
1098
+ };
1099
+ py: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
1100
+ paddingTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
1101
+ paddingBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
1102
+ };
1103
+ m: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
1104
+ margin: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
1105
+ };
1106
+ mt: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
1107
+ marginTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
1108
+ };
1109
+ mr: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
1110
+ marginRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
1111
+ };
1112
+ mb: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
1113
+ marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
1114
+ };
1115
+ ml: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
1116
+ marginLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
1117
+ };
1118
+ mx: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
1119
+ marginLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
1120
+ marginRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
1121
+ };
1122
+ my: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
1123
+ marginTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
1124
+ marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
1125
+ };
1126
+ }> | undefined;
1127
+ }): import("react").JSX.Element;
1128
+ displayName: string;
1129
+ };
1130
+ };