@atom-learning/components 5.2.0-beta.2 → 5.2.1

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 (54) hide show
  1. package/dist/components/data-table/DataTable.d.ts +5 -742
  2. package/dist/components/data-table/DataTableTable.d.ts +1 -2
  3. package/dist/components/data-table/DataTableTable.js +1 -1
  4. package/dist/components/data-table/DataTableTable.js.map +1 -1
  5. package/dist/components/index.d.ts +0 -1
  6. package/dist/components/pagination/PaginationPopover.js +1 -1
  7. package/dist/components/pagination/PaginationPopover.js.map +1 -1
  8. package/dist/components/segmented-control/SegmentedControlItem.js +1 -1
  9. package/dist/components/segmented-control/SegmentedControlItem.js.map +1 -1
  10. package/dist/components/segmented-control/SegmentedControlItemList.js +1 -1
  11. package/dist/components/segmented-control/SegmentedControlItemList.js.map +1 -1
  12. package/dist/components/table/Table.d.ts +11 -5
  13. package/dist/components/table/Table.js +1 -1
  14. package/dist/components/table/Table.js.map +1 -1
  15. package/dist/components/table/TableCell.js +1 -1
  16. package/dist/components/table/TableCell.js.map +1 -1
  17. package/dist/components/table/TableFooterCell.js +1 -1
  18. package/dist/components/table/TableFooterCell.js.map +1 -1
  19. package/dist/components/table/TableHeader.js +1 -1
  20. package/dist/components/table/TableHeader.js.map +1 -1
  21. package/dist/components/table/TableHeaderCell.js +1 -1
  22. package/dist/components/table/TableHeaderCell.js.map +1 -1
  23. package/dist/components/table/TableRow.js +1 -1
  24. package/dist/components/table/TableRow.js.map +1 -1
  25. package/dist/components/table/TableStickyColumnsContainer.d.ts +6 -0
  26. package/dist/components/table/TableStickyColumnsContainer.js +2 -0
  27. package/dist/components/table/TableStickyColumnsContainer.js.map +1 -0
  28. package/dist/components/table/useStickyColumnsCss.d.ts +10 -0
  29. package/dist/components/table/useStickyColumnsCss.js +2 -0
  30. package/dist/components/table/useStickyColumnsCss.js.map +1 -0
  31. package/dist/docgen.json +1 -1
  32. package/dist/index.cjs.js +1 -1
  33. package/dist/index.cjs.js.map +1 -1
  34. package/dist/index.js +1 -1
  35. package/package.json +3 -3
  36. package/dist/components/scrollable-container/ScrollableContainer.context.d.ts +0 -24
  37. package/dist/components/scrollable-container/ScrollableContainer.context.js +0 -2
  38. package/dist/components/scrollable-container/ScrollableContainer.context.js.map +0 -1
  39. package/dist/components/scrollable-container/ScrollableContainer.d.ts +0 -1120
  40. package/dist/components/scrollable-container/ScrollableContainer.js +0 -2
  41. package/dist/components/scrollable-container/ScrollableContainer.js.map +0 -1
  42. package/dist/components/scrollable-container/ScrollableContainerShadow.d.ts +0 -10
  43. package/dist/components/scrollable-container/ScrollableContainerShadow.js +0 -2
  44. package/dist/components/scrollable-container/ScrollableContainerShadow.js.map +0 -1
  45. package/dist/components/scrollable-container/index.d.ts +0 -3
  46. package/dist/components/scrollable-container/useScrollableContainer.d.ts +0 -2
  47. package/dist/components/scrollable-container/useScrollableContainer.js +0 -2
  48. package/dist/components/scrollable-container/useScrollableContainer.js.map +0 -1
  49. package/dist/components/table/TableScrollableContainer.d.ts +0 -743
  50. package/dist/components/table/TableScrollableContainer.js +0 -2
  51. package/dist/components/table/TableScrollableContainer.js.map +0 -1
  52. package/dist/components/table/useSticky.d.ts +0 -12
  53. package/dist/components/table/useSticky.js +0 -2
  54. package/dist/components/table/useSticky.js.map +0 -1
@@ -1,743 +0,0 @@
1
- import * as React from 'react';
2
- import { CSS } from '../../stitches';
3
- type scrollableProps = {
4
- numberOfStickyColumns?: number;
5
- numberOfStickyRows?: number;
6
- scrollContainerCss?: CSS;
7
- };
8
- export declare const TableScrollableContainer: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
9
- ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
10
- }, "css"> & import("@atom-learning/stitches-react/types/styled-component").TransformProps<{}, {
11
- sm: string;
12
- md: string;
13
- lg: string;
14
- xl: string;
15
- reducedMotion: string;
16
- allowMotion: string;
17
- hover: string;
18
- }> & {
19
- css?: import("@atom-learning/stitches-react/types/css-util").CSS<{
20
- sm: string;
21
- md: string;
22
- lg: string;
23
- xl: string;
24
- reducedMotion: string;
25
- allowMotion: string;
26
- hover: string;
27
- }, {
28
- colors: {
29
- textBold: string;
30
- textRegular: string;
31
- textSubtle: string;
32
- textMinimal: string;
33
- background: string;
34
- backgroundAccent: string;
35
- grey100: string;
36
- grey200: string;
37
- grey300: string;
38
- grey400: string;
39
- grey500: string;
40
- grey600: string;
41
- grey700: string;
42
- grey800: string;
43
- grey900: string;
44
- grey1000: string;
45
- grey1100: string;
46
- grey1200: string;
47
- blue100: string;
48
- blue200: string;
49
- blue300: string;
50
- blue400: string;
51
- blue500: string;
52
- blue600: string;
53
- blue700: string;
54
- blue800: string;
55
- blue900: string;
56
- blue1000: string;
57
- blue1100: string;
58
- blue1200: string;
59
- pink100: string;
60
- pink200: string;
61
- pink300: string;
62
- pink400: string;
63
- pink500: string;
64
- pink600: string;
65
- pink700: string;
66
- pink800: string;
67
- pink900: string;
68
- pink1000: string;
69
- pink1100: string;
70
- pink1200: string;
71
- purple100: string;
72
- purple200: string;
73
- purple300: string;
74
- purple400: string;
75
- purple500: string;
76
- purple600: string;
77
- purple700: string;
78
- purple800: string;
79
- purple900: string;
80
- purple1000: string;
81
- purple1100: string;
82
- purple1200: string;
83
- cyan100: string;
84
- cyan200: string;
85
- cyan300: string;
86
- cyan400: string;
87
- cyan500: string;
88
- cyan600: string;
89
- cyan700: string;
90
- cyan800: string;
91
- cyan900: string;
92
- cyan1000: string;
93
- cyan1100: string;
94
- cyan1200: string;
95
- green100: string;
96
- green200: string;
97
- green300: string;
98
- green400: string;
99
- green500: string;
100
- green600: string;
101
- green700: string;
102
- green800: string;
103
- green900: string;
104
- green1000: string;
105
- green1100: string;
106
- green1200: string;
107
- magenta100: string;
108
- magenta200: string;
109
- magenta300: string;
110
- magenta400: string;
111
- magenta500: string;
112
- magenta600: string;
113
- magenta700: string;
114
- magenta800: string;
115
- magenta900: string;
116
- magenta1000: string;
117
- magenta1100: string;
118
- magenta1200: string;
119
- red100: string;
120
- red200: string;
121
- red300: string;
122
- red400: string;
123
- red500: string;
124
- red600: string;
125
- red700: string;
126
- red800: string;
127
- red900: string;
128
- red1000: string;
129
- red1100: string;
130
- red1200: string;
131
- teal100: string;
132
- teal200: string;
133
- teal300: string;
134
- teal400: string;
135
- teal500: string;
136
- teal600: string;
137
- teal700: string;
138
- teal800: string;
139
- teal900: string;
140
- teal1000: string;
141
- teal1100: string;
142
- teal1200: string;
143
- orange100: string;
144
- orange200: string;
145
- orange300: string;
146
- orange400: string;
147
- orange500: string;
148
- orange600: string;
149
- orange700: string;
150
- orange800: string;
151
- orange900: string;
152
- orange1000: string;
153
- orange1100: string;
154
- orange1200: string;
155
- yellow100: string;
156
- yellow200: string;
157
- yellow300: string;
158
- yellow400: string;
159
- yellow500: string;
160
- yellow600: string;
161
- yellow700: string;
162
- yellow800: string;
163
- yellow900: string;
164
- yellow1000: string;
165
- yellow1100: string;
166
- yellow1200: string;
167
- lime100: string;
168
- lime200: string;
169
- lime300: string;
170
- lime400: string;
171
- lime500: string;
172
- lime600: string;
173
- lime700: string;
174
- lime800: string;
175
- lime900: string;
176
- lime1000: string;
177
- lime1100: string;
178
- lime1200: string;
179
- lapis100: string;
180
- lapis200: string;
181
- lapis300: string;
182
- lapis400: string;
183
- lapis500: string;
184
- lapis600: string;
185
- lapis700: string;
186
- lapis800: string;
187
- lapis900: string;
188
- lapis1000: string;
189
- lapis1100: string;
190
- lapis1200: string;
191
- maroon100: string;
192
- maroon200: string;
193
- maroon300: string;
194
- maroon400: string;
195
- maroon500: string;
196
- maroon600: string;
197
- maroon700: string;
198
- maroon800: string;
199
- maroon900: string;
200
- maroon1000: string;
201
- maroon1100: string;
202
- maroon1200: string;
203
- marsh100: string;
204
- marsh200: string;
205
- marsh300: string;
206
- marsh400: string;
207
- marsh500: string;
208
- marsh600: string;
209
- marsh700: string;
210
- marsh800: string;
211
- marsh900: string;
212
- marsh1000: string;
213
- marsh1100: string;
214
- marsh1200: string;
215
- alpha100: string;
216
- alpha150: string;
217
- alpha200: string;
218
- alpha250: string;
219
- alpha600: string;
220
- infoLight: string;
221
- info: string;
222
- infoMid: string;
223
- infoDark: string;
224
- successLight: string;
225
- success: string;
226
- successMid: string;
227
- successDark: string;
228
- dangerLight: string;
229
- danger: string;
230
- dangerMid: string;
231
- dangerDark: string;
232
- warningLight: string;
233
- warning: string;
234
- warningMid: string;
235
- warningDark: string;
236
- warningText: string;
237
- subjectEnglish: string;
238
- subjectMaths: string;
239
- subjectScience: string;
240
- subjectVerbalReasoning: string;
241
- subjectNonVerbalReasoning: string;
242
- subjectCreativeWriting: string;
243
- subjectExamSkills: string;
244
- glBlueLight: string;
245
- glBluePrimary: string;
246
- glBlueDark: string;
247
- primary100: string;
248
- primary200: string;
249
- primary300: string;
250
- primary400: string;
251
- primary500: string;
252
- primary600: string;
253
- primary700: string;
254
- primary800: string;
255
- primary900: string;
256
- primary1000: string;
257
- primary1100: string;
258
- primary1200: string;
259
- };
260
- space: {
261
- "0": string;
262
- "1": string;
263
- "2": string;
264
- "3": string;
265
- "4": string;
266
- "5": string;
267
- "6": string;
268
- "7": string;
269
- "8": string;
270
- "9": string;
271
- "24": string;
272
- };
273
- fontSizes: {
274
- xs: string;
275
- sm: string;
276
- md: string;
277
- lg: string;
278
- xl: string;
279
- "2xl": string;
280
- "3xl": string;
281
- "4xl": string;
282
- };
283
- fonts: {
284
- sans: string;
285
- mono: string;
286
- display: string;
287
- body: string;
288
- };
289
- sizes: {
290
- "0": string;
291
- "1": string;
292
- "2": string;
293
- "3": string;
294
- "4": string;
295
- "5": string;
296
- "6": string;
297
- "7": string;
298
- "8": string;
299
- };
300
- radii: {
301
- "0": string;
302
- "1": string;
303
- "2": string;
304
- "3": string;
305
- round: string;
306
- };
307
- shadows: {
308
- "0": string;
309
- "1": string;
310
- "2": string;
311
- "3": string;
312
- };
313
- ratios: {
314
- "16-9": string;
315
- "3-2": string;
316
- "4-3": string;
317
- "1-1": string;
318
- "3-4": string;
319
- };
320
- }, import("@atom-learning/stitches-react/types/config").DefaultThemeMap, {
321
- bg: (value: import("@atom-learning/stitches-react").PropertyValue<"background">) => {
322
- background: import("@atom-learning/stitches-react/types/css-util").WithPropertyValue<"background">;
323
- };
324
- size: (value: import("@atom-learning/stitches-react").ScaleValue<"size"> | number | string) => {
325
- height: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">;
326
- width: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">;
327
- };
328
- p: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
329
- padding: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
330
- };
331
- pt: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
332
- paddingTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
333
- };
334
- pr: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
335
- paddingRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
336
- };
337
- pb: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
338
- paddingBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
339
- };
340
- pl: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
341
- paddingLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
342
- };
343
- px: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
344
- paddingLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
345
- paddingRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
346
- };
347
- py: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
348
- paddingTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
349
- paddingBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
350
- };
351
- m: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
352
- margin: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
353
- };
354
- mt: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
355
- marginTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
356
- };
357
- mr: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
358
- marginRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
359
- };
360
- mb: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
361
- marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
362
- };
363
- ml: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
364
- marginLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
365
- };
366
- mx: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
367
- marginLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
368
- marginRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
369
- };
370
- my: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
371
- marginTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
372
- marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
373
- };
374
- }> | undefined;
375
- }, "css"> & import("@atom-learning/stitches-react/types/styled-component").TransformProps<{}, {}> & {
376
- css?: import("@atom-learning/stitches-react/types/css-util").CSS<{}, {}, {}, {}> | undefined;
377
- } & {
378
- scrollContainerCss?: React.ComponentProps<import("@atom-learning/stitches-react/types/styled-component").StyledComponent<import("@atom-learning/stitches-react/types/styled-component").StyledComponent<"div", {}, {
379
- sm: string;
380
- md: string;
381
- lg: string;
382
- xl: string;
383
- reducedMotion: string;
384
- allowMotion: string;
385
- hover: string;
386
- }, import("@atom-learning/stitches-react/types/css-util").CSS<{
387
- sm: string;
388
- md: string;
389
- lg: string;
390
- xl: string;
391
- reducedMotion: string;
392
- allowMotion: string;
393
- hover: string;
394
- }, {
395
- colors: {
396
- textBold: string;
397
- textRegular: string;
398
- textSubtle: string;
399
- textMinimal: string;
400
- background: string;
401
- backgroundAccent: string;
402
- grey100: string;
403
- grey200: string;
404
- grey300: string;
405
- grey400: string;
406
- grey500: string;
407
- grey600: string;
408
- grey700: string;
409
- grey800: string;
410
- grey900: string;
411
- grey1000: string;
412
- grey1100: string;
413
- grey1200: string;
414
- blue100: string;
415
- blue200: string;
416
- blue300: string;
417
- blue400: string;
418
- blue500: string;
419
- blue600: string;
420
- blue700: string;
421
- blue800: string;
422
- blue900: string;
423
- blue1000: string;
424
- blue1100: string;
425
- blue1200: string;
426
- pink100: string;
427
- pink200: string;
428
- pink300: string;
429
- pink400: string;
430
- pink500: string;
431
- pink600: string;
432
- pink700: string;
433
- pink800: string;
434
- pink900: string;
435
- pink1000: string;
436
- pink1100: string;
437
- pink1200: 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
- alpha100: string;
583
- alpha150: string;
584
- alpha200: string;
585
- alpha250: string;
586
- alpha600: string;
587
- infoLight: string;
588
- info: string;
589
- infoMid: string;
590
- infoDark: string;
591
- successLight: string;
592
- success: string;
593
- successMid: string;
594
- successDark: string;
595
- dangerLight: string;
596
- danger: string;
597
- dangerMid: string;
598
- dangerDark: string;
599
- warningLight: string;
600
- warning: string;
601
- warningMid: string;
602
- warningDark: string;
603
- warningText: string;
604
- subjectEnglish: string;
605
- subjectMaths: string;
606
- subjectScience: string;
607
- subjectVerbalReasoning: string;
608
- subjectNonVerbalReasoning: string;
609
- subjectCreativeWriting: string;
610
- subjectExamSkills: string;
611
- glBlueLight: string;
612
- glBluePrimary: string;
613
- glBlueDark: string;
614
- primary100: string;
615
- primary200: string;
616
- primary300: string;
617
- primary400: string;
618
- primary500: string;
619
- primary600: string;
620
- primary700: string;
621
- primary800: string;
622
- primary900: string;
623
- primary1000: string;
624
- primary1100: string;
625
- primary1200: string;
626
- };
627
- space: {
628
- "0": string;
629
- "1": string;
630
- "2": string;
631
- "3": string;
632
- "4": string;
633
- "5": string;
634
- "6": string;
635
- "7": string;
636
- "8": string;
637
- "9": string;
638
- "24": string;
639
- };
640
- fontSizes: {
641
- xs: string;
642
- sm: string;
643
- md: string;
644
- lg: string;
645
- xl: string;
646
- "2xl": string;
647
- "3xl": string;
648
- "4xl": string;
649
- };
650
- fonts: {
651
- sans: string;
652
- mono: string;
653
- display: string;
654
- body: string;
655
- };
656
- sizes: {
657
- "0": string;
658
- "1": string;
659
- "2": string;
660
- "3": string;
661
- "4": string;
662
- "5": string;
663
- "6": string;
664
- "7": string;
665
- "8": string;
666
- };
667
- radii: {
668
- "0": string;
669
- "1": string;
670
- "2": string;
671
- "3": string;
672
- round: string;
673
- };
674
- shadows: {
675
- "0": string;
676
- "1": string;
677
- "2": string;
678
- "3": string;
679
- };
680
- ratios: {
681
- "16-9": string;
682
- "3-2": string;
683
- "4-3": string;
684
- "1-1": string;
685
- "3-4": string;
686
- };
687
- }, import("@atom-learning/stitches-react/types/config").DefaultThemeMap, {
688
- bg: (value: import("@atom-learning/stitches-react").PropertyValue<"background">) => {
689
- background: import("@atom-learning/stitches-react/types/css-util").WithPropertyValue<"background">;
690
- };
691
- size: (value: import("@atom-learning/stitches-react").ScaleValue<"size"> | number | string) => {
692
- height: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">;
693
- width: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">;
694
- };
695
- p: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
696
- padding: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
697
- };
698
- pt: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
699
- paddingTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
700
- };
701
- pr: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
702
- paddingRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
703
- };
704
- pb: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
705
- paddingBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
706
- };
707
- pl: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
708
- paddingLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
709
- };
710
- px: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
711
- paddingLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
712
- paddingRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
713
- };
714
- py: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
715
- paddingTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
716
- paddingBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
717
- };
718
- m: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
719
- margin: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
720
- };
721
- mt: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
722
- marginTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
723
- };
724
- mr: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
725
- marginRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
726
- };
727
- mb: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
728
- marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
729
- };
730
- ml: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
731
- marginLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
732
- };
733
- mx: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
734
- marginLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
735
- marginRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
736
- };
737
- my: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
738
- marginTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
739
- marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
740
- };
741
- }>>, {}, {}, import("@atom-learning/stitches-react/types/css-util").CSS<{}, {}, {}, {}>>>["css"];
742
- }, "ref"> & React.RefAttributes<HTMLDivElement> & scrollableProps, "ref"> & React.RefAttributes<unknown>>;
743
- export {};