@atom-learning/components 2.47.0 → 2.49.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.
Files changed (38) hide show
  1. package/CHANGELOG.md +11 -4
  2. package/dist/components/chip-toggle-group/ChipToggleGroupItem.js +1 -1
  3. package/dist/components/index.d.ts +3 -0
  4. package/dist/components/tile/Tile.d.ts +224 -0
  5. package/dist/components/tile/Tile.js +2 -0
  6. package/dist/components/tile/Tile.js.map +1 -0
  7. package/dist/components/tile/TileGroup.d.ts +227 -0
  8. package/dist/components/tile/TileGroup.js +2 -0
  9. package/dist/components/tile/TileGroup.js.map +1 -0
  10. package/dist/components/tile/TileNoOverflowContainer.d.ts +425 -0
  11. package/dist/components/tile/TileNoOverflowContainer.js +2 -0
  12. package/dist/components/tile/TileNoOverflowContainer.js.map +1 -0
  13. package/dist/components/tile/index.d.ts +7 -0
  14. package/dist/components/tile/index.js +2 -0
  15. package/dist/components/tile/index.js.map +1 -0
  16. package/dist/components/tile-interactive/TileInteractive.d.ts +868 -0
  17. package/dist/components/tile-interactive/TileInteractive.js +2 -0
  18. package/dist/components/tile-interactive/TileInteractive.js.map +1 -0
  19. package/dist/components/tile-interactive/index.d.ts +1 -0
  20. package/dist/components/tile-toggle-group/TileToggleGroupItem.d.ts +656 -0
  21. package/dist/components/tile-toggle-group/TileToggleGroupItem.js +2 -0
  22. package/dist/components/tile-toggle-group/TileToggleGroupItem.js.map +1 -0
  23. package/dist/components/tile-toggle-group/TileToggleGroupRoot.d.ts +453 -0
  24. package/dist/components/tile-toggle-group/TileToggleGroupRoot.js +2 -0
  25. package/dist/components/tile-toggle-group/TileToggleGroupRoot.js.map +1 -0
  26. package/dist/components/tile-toggle-group/index.d.ts +7 -0
  27. package/dist/components/tile-toggle-group/index.js +2 -0
  28. package/dist/components/tile-toggle-group/index.js.map +1 -0
  29. package/dist/components/toggle-group/ToggleGroupRoot.js +1 -1
  30. package/dist/docgen.json +1 -1
  31. package/dist/index.cjs.js +1 -1
  32. package/dist/index.cjs.js.map +1 -1
  33. package/dist/index.js +1 -1
  34. package/dist/utilities/no-overflow-container/NoOverflowContainer.d.ts +425 -0
  35. package/dist/utilities/no-overflow-container/NoOverflowContainer.js +2 -0
  36. package/dist/utilities/no-overflow-container/NoOverflowContainer.js.map +1 -0
  37. package/dist/utilities/no-overflow-container/index.d.ts +1 -0
  38. package/package.json +1 -1
@@ -0,0 +1,868 @@
1
+ import React from 'react';
2
+ import { NavigatorActions } from '../../types';
3
+ declare const StyledTileInteractive: import("@stitches/react/types/styled-component").StyledComponent<React.ForwardRefExoticComponent<Pick<Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
4
+ ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
5
+ }, "border" | "borderRadius" | "css"> & import("@stitches/react/types/styled-component").TransformProps<{
6
+ borderRadius?: "sm" | "md" | "lg" | undefined;
7
+ border?: boolean | "true" | undefined;
8
+ }, {
9
+ sm: string;
10
+ md: string;
11
+ lg: string;
12
+ xl: string;
13
+ reducedMotion: string;
14
+ allowMotion: string;
15
+ hover: string;
16
+ }> & {
17
+ css?: import("@stitches/react/types/css-util").CSS<{
18
+ sm: string;
19
+ md: string;
20
+ lg: string;
21
+ xl: string;
22
+ reducedMotion: string;
23
+ allowMotion: string;
24
+ hover: string;
25
+ }, {
26
+ colors: {
27
+ textForeground: any;
28
+ textSubtle: any;
29
+ textPlaceholder: any;
30
+ background: any;
31
+ backgroundAccent: any;
32
+ grey100: any;
33
+ grey200: any;
34
+ grey300: any;
35
+ grey400: any;
36
+ grey500: any;
37
+ grey600: any;
38
+ grey700: any;
39
+ grey800: any;
40
+ grey900: any;
41
+ grey1000: any;
42
+ grey1100: any;
43
+ grey1200: any;
44
+ blue100: any;
45
+ blue200: any;
46
+ blue300: any;
47
+ blue400: any;
48
+ blue500: any;
49
+ blue600: any;
50
+ blue700: any;
51
+ blue800: any;
52
+ blue900: any;
53
+ blue1000: any;
54
+ blue1100: any;
55
+ blue1200: any;
56
+ purple100: any;
57
+ purple200: any;
58
+ purple300: any;
59
+ purple400: any;
60
+ purple500: any;
61
+ purple600: any;
62
+ purple700: any;
63
+ purple800: any;
64
+ purple900: any;
65
+ purple1000: any;
66
+ purple1100: any;
67
+ purple1200: any;
68
+ tonal50: any;
69
+ tonal100: any;
70
+ tonal200: any;
71
+ tonal300: any;
72
+ tonal400: any;
73
+ tonal500: any;
74
+ tonal600: any;
75
+ alpha100: any;
76
+ alpha150: any;
77
+ alpha200: any;
78
+ alpha250: any;
79
+ alpha600: any;
80
+ primaryLight: any;
81
+ primary: any;
82
+ primaryMid: any;
83
+ primaryDark: any;
84
+ secondary: any;
85
+ brandRed: any;
86
+ brandRedAccent: any;
87
+ brandGreen: any;
88
+ brandGreenAccent: any;
89
+ brandPurple: any;
90
+ brandPurpleAccent: any;
91
+ brandYellow: any;
92
+ brandYellowAccent: any;
93
+ successLight: any;
94
+ success: any;
95
+ successMid: any;
96
+ successDark: any;
97
+ dangerLight: any;
98
+ danger: any;
99
+ dangerMid: any;
100
+ dangerDark: any;
101
+ warningLight: any;
102
+ warning: any;
103
+ warningMid: any;
104
+ warningDark: any;
105
+ warningText: any;
106
+ subjectEnglish: any;
107
+ subjectMaths: any;
108
+ subjectScience: any;
109
+ subjectVerbalReasoning: any;
110
+ subjectNonVerbalReasoning: any;
111
+ subjectCreativeWriting: any;
112
+ subjectExamSkills: any;
113
+ };
114
+ space: {
115
+ "0": any;
116
+ "1": any;
117
+ "2": any;
118
+ "3": any;
119
+ "4": any;
120
+ "5": any;
121
+ "6": any;
122
+ "7": any;
123
+ "8": any;
124
+ "9": any;
125
+ "24": any;
126
+ };
127
+ fontSizes: {
128
+ xs: any;
129
+ sm: any;
130
+ md: any;
131
+ lg: any;
132
+ xl: any;
133
+ "2xl": any;
134
+ "3xl": any;
135
+ "4xl": any;
136
+ };
137
+ fonts: {
138
+ sans: any;
139
+ mono: any;
140
+ display: any;
141
+ body: any;
142
+ };
143
+ sizes: {
144
+ "0": any;
145
+ "1": any;
146
+ "2": any;
147
+ "3": any;
148
+ "4": any;
149
+ "5": any;
150
+ "6": any;
151
+ "7": any;
152
+ "8": any;
153
+ };
154
+ radii: {
155
+ "0": any;
156
+ "1": any;
157
+ "2": any;
158
+ "3": any;
159
+ round: any;
160
+ };
161
+ shadows: {
162
+ "0": any;
163
+ "1": any;
164
+ "2": any;
165
+ "3": any;
166
+ };
167
+ }, import("@stitches/react/types/config").DefaultThemeMap, {
168
+ bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
169
+ background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
170
+ };
171
+ size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">) => {
172
+ height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
173
+ width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
174
+ };
175
+ p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
176
+ padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
177
+ };
178
+ pt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
179
+ paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
180
+ };
181
+ pr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
182
+ paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
183
+ };
184
+ pb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
185
+ paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
186
+ };
187
+ pl: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
188
+ paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
189
+ };
190
+ px: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
191
+ paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
192
+ paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
193
+ };
194
+ py: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
195
+ paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
196
+ paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
197
+ };
198
+ m: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
199
+ margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
200
+ };
201
+ mt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
202
+ marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
203
+ };
204
+ mr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
205
+ marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
206
+ };
207
+ mb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
208
+ marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
209
+ };
210
+ ml: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
211
+ marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
212
+ };
213
+ mx: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
214
+ marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
215
+ marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
216
+ };
217
+ my: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
218
+ marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
219
+ marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
220
+ };
221
+ }> | undefined;
222
+ } & {
223
+ asWorkaround?: React.ElementType<any> | undefined;
224
+ colorScheme?: import("../..").TcolorScheme | undefined;
225
+ }, "colorScheme" | "border" | "borderRadius" | "css" | "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asWorkaround"> & React.RefAttributes<HTMLButtonElement>> & {
226
+ NoOverflowContainer: import("@stitches/react/types/styled-component").StyledComponent<import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
227
+ sm: string;
228
+ md: string;
229
+ lg: string;
230
+ xl: string;
231
+ reducedMotion: string;
232
+ allowMotion: string;
233
+ hover: string;
234
+ }, import("@stitches/react/types/css-util").CSS<{
235
+ sm: string;
236
+ md: string;
237
+ lg: string;
238
+ xl: string;
239
+ reducedMotion: string;
240
+ allowMotion: string;
241
+ hover: string;
242
+ }, {
243
+ colors: {
244
+ textForeground: any;
245
+ textSubtle: any;
246
+ textPlaceholder: any;
247
+ background: any;
248
+ backgroundAccent: any;
249
+ grey100: any;
250
+ grey200: any;
251
+ grey300: any;
252
+ grey400: any;
253
+ grey500: any;
254
+ grey600: any;
255
+ grey700: any;
256
+ grey800: any;
257
+ grey900: any;
258
+ grey1000: any;
259
+ grey1100: any;
260
+ grey1200: any;
261
+ blue100: any;
262
+ blue200: any;
263
+ blue300: any;
264
+ blue400: any;
265
+ blue500: any;
266
+ blue600: any;
267
+ blue700: any;
268
+ blue800: any;
269
+ blue900: any;
270
+ blue1000: any;
271
+ blue1100: any;
272
+ blue1200: any;
273
+ purple100: any;
274
+ purple200: any;
275
+ purple300: any;
276
+ purple400: any;
277
+ purple500: any;
278
+ purple600: any;
279
+ purple700: any;
280
+ purple800: any;
281
+ purple900: any;
282
+ purple1000: any;
283
+ purple1100: any;
284
+ purple1200: any;
285
+ tonal50: any;
286
+ tonal100: any;
287
+ tonal200: any;
288
+ tonal300: any;
289
+ tonal400: any;
290
+ tonal500: any;
291
+ tonal600: any;
292
+ alpha100: any;
293
+ alpha150: any;
294
+ alpha200: any;
295
+ alpha250: any;
296
+ alpha600: any;
297
+ primaryLight: any;
298
+ primary: any;
299
+ primaryMid: any;
300
+ primaryDark: any;
301
+ secondary: any;
302
+ brandRed: any;
303
+ brandRedAccent: any;
304
+ brandGreen: any;
305
+ brandGreenAccent: any;
306
+ brandPurple: any;
307
+ brandPurpleAccent: any;
308
+ brandYellow: any;
309
+ brandYellowAccent: any;
310
+ successLight: any;
311
+ success: any;
312
+ successMid: any;
313
+ successDark: any;
314
+ dangerLight: any;
315
+ danger: any;
316
+ dangerMid: any;
317
+ dangerDark: any;
318
+ warningLight: any;
319
+ warning: any;
320
+ warningMid: any;
321
+ warningDark: any;
322
+ warningText: any;
323
+ subjectEnglish: any;
324
+ subjectMaths: any;
325
+ subjectScience: any;
326
+ subjectVerbalReasoning: any;
327
+ subjectNonVerbalReasoning: any;
328
+ subjectCreativeWriting: any;
329
+ subjectExamSkills: any;
330
+ };
331
+ space: {
332
+ "0": any;
333
+ "1": any;
334
+ "2": any;
335
+ "3": any;
336
+ "4": any;
337
+ "5": any;
338
+ "6": any;
339
+ "7": any;
340
+ "8": any;
341
+ "9": any;
342
+ "24": any;
343
+ };
344
+ fontSizes: {
345
+ xs: any;
346
+ sm: any;
347
+ md: any;
348
+ lg: any;
349
+ xl: any;
350
+ "2xl": any;
351
+ "3xl": any;
352
+ "4xl": any;
353
+ };
354
+ fonts: {
355
+ sans: any;
356
+ mono: any;
357
+ display: any;
358
+ body: any;
359
+ };
360
+ sizes: {
361
+ "0": any;
362
+ "1": any;
363
+ "2": any;
364
+ "3": any;
365
+ "4": any;
366
+ "5": any;
367
+ "6": any;
368
+ "7": any;
369
+ "8": any;
370
+ };
371
+ radii: {
372
+ "0": any;
373
+ "1": any;
374
+ "2": any;
375
+ "3": any;
376
+ round: any;
377
+ };
378
+ shadows: {
379
+ "0": any;
380
+ "1": any;
381
+ "2": any;
382
+ "3": any;
383
+ };
384
+ }, import("@stitches/react/types/config").DefaultThemeMap, {
385
+ bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
386
+ background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
387
+ };
388
+ size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">) => {
389
+ height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
390
+ width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
391
+ };
392
+ p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
393
+ padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
394
+ };
395
+ pt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
396
+ paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
397
+ };
398
+ pr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
399
+ paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
400
+ };
401
+ pb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
402
+ paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
403
+ };
404
+ pl: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
405
+ paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
406
+ };
407
+ px: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
408
+ paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
409
+ paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
410
+ };
411
+ py: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
412
+ paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
413
+ paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
414
+ };
415
+ m: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
416
+ margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
417
+ };
418
+ mt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
419
+ marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
420
+ };
421
+ mr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
422
+ marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
423
+ };
424
+ mb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
425
+ marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
426
+ };
427
+ ml: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
428
+ marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
429
+ };
430
+ mx: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
431
+ marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
432
+ marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
433
+ };
434
+ my: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
435
+ marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
436
+ marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
437
+ };
438
+ }>>, {}, {
439
+ sm: string;
440
+ md: string;
441
+ lg: string;
442
+ xl: string;
443
+ reducedMotion: string;
444
+ allowMotion: string;
445
+ hover: string;
446
+ }, import("@stitches/react/types/css-util").CSS<{
447
+ sm: string;
448
+ md: string;
449
+ lg: string;
450
+ xl: string;
451
+ reducedMotion: string;
452
+ allowMotion: string;
453
+ hover: string;
454
+ }, {
455
+ colors: {
456
+ textForeground: any;
457
+ textSubtle: any;
458
+ textPlaceholder: any;
459
+ background: any;
460
+ backgroundAccent: any;
461
+ grey100: any;
462
+ grey200: any;
463
+ grey300: any;
464
+ grey400: any;
465
+ grey500: any;
466
+ grey600: any;
467
+ grey700: any;
468
+ grey800: any;
469
+ grey900: any;
470
+ grey1000: any;
471
+ grey1100: any;
472
+ grey1200: any;
473
+ blue100: any;
474
+ blue200: any;
475
+ blue300: any;
476
+ blue400: any;
477
+ blue500: any;
478
+ blue600: any;
479
+ blue700: any;
480
+ blue800: any;
481
+ blue900: any;
482
+ blue1000: any;
483
+ blue1100: any;
484
+ blue1200: any;
485
+ purple100: any;
486
+ purple200: any;
487
+ purple300: any;
488
+ purple400: any;
489
+ purple500: any;
490
+ purple600: any;
491
+ purple700: any;
492
+ purple800: any;
493
+ purple900: any;
494
+ purple1000: any;
495
+ purple1100: any;
496
+ purple1200: any;
497
+ tonal50: any;
498
+ tonal100: any;
499
+ tonal200: any;
500
+ tonal300: any;
501
+ tonal400: any;
502
+ tonal500: any;
503
+ tonal600: any;
504
+ alpha100: any;
505
+ alpha150: any;
506
+ alpha200: any;
507
+ alpha250: any;
508
+ alpha600: any;
509
+ primaryLight: any;
510
+ primary: any;
511
+ primaryMid: any;
512
+ primaryDark: any;
513
+ secondary: any;
514
+ brandRed: any;
515
+ brandRedAccent: any;
516
+ brandGreen: any;
517
+ brandGreenAccent: any;
518
+ brandPurple: any;
519
+ brandPurpleAccent: any;
520
+ brandYellow: any;
521
+ brandYellowAccent: any;
522
+ successLight: any;
523
+ success: any;
524
+ successMid: any;
525
+ successDark: any;
526
+ dangerLight: any;
527
+ danger: any;
528
+ dangerMid: any;
529
+ dangerDark: any;
530
+ warningLight: any;
531
+ warning: any;
532
+ warningMid: any;
533
+ warningDark: any;
534
+ warningText: any;
535
+ subjectEnglish: any;
536
+ subjectMaths: any;
537
+ subjectScience: any;
538
+ subjectVerbalReasoning: any;
539
+ subjectNonVerbalReasoning: any;
540
+ subjectCreativeWriting: any;
541
+ subjectExamSkills: any;
542
+ };
543
+ space: {
544
+ "0": any;
545
+ "1": any;
546
+ "2": any;
547
+ "3": any;
548
+ "4": any;
549
+ "5": any;
550
+ "6": any;
551
+ "7": any;
552
+ "8": any;
553
+ "9": any;
554
+ "24": any;
555
+ };
556
+ fontSizes: {
557
+ xs: any;
558
+ sm: any;
559
+ md: any;
560
+ lg: any;
561
+ xl: any;
562
+ "2xl": any;
563
+ "3xl": any;
564
+ "4xl": any;
565
+ };
566
+ fonts: {
567
+ sans: any;
568
+ mono: any;
569
+ display: any;
570
+ body: any;
571
+ };
572
+ sizes: {
573
+ "0": any;
574
+ "1": any;
575
+ "2": any;
576
+ "3": any;
577
+ "4": any;
578
+ "5": any;
579
+ "6": any;
580
+ "7": any;
581
+ "8": any;
582
+ };
583
+ radii: {
584
+ "0": any;
585
+ "1": any;
586
+ "2": any;
587
+ "3": any;
588
+ round: any;
589
+ };
590
+ shadows: {
591
+ "0": any;
592
+ "1": any;
593
+ "2": any;
594
+ "3": any;
595
+ };
596
+ }, import("@stitches/react/types/config").DefaultThemeMap, {
597
+ bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
598
+ background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
599
+ };
600
+ size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">) => {
601
+ height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
602
+ width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
603
+ };
604
+ p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
605
+ padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
606
+ };
607
+ pt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
608
+ paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
609
+ };
610
+ pr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
611
+ paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
612
+ };
613
+ pb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
614
+ paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
615
+ };
616
+ pl: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
617
+ paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
618
+ };
619
+ px: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
620
+ paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
621
+ paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
622
+ };
623
+ py: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
624
+ paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
625
+ paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
626
+ };
627
+ m: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
628
+ margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
629
+ };
630
+ mt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
631
+ marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
632
+ };
633
+ mr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
634
+ marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
635
+ };
636
+ mb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
637
+ marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
638
+ };
639
+ ml: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
640
+ marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
641
+ };
642
+ mx: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
643
+ marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
644
+ marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
645
+ };
646
+ my: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
647
+ marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
648
+ marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
649
+ };
650
+ }>>;
651
+ }, {}, {
652
+ sm: string;
653
+ md: string;
654
+ lg: string;
655
+ xl: string;
656
+ reducedMotion: string;
657
+ allowMotion: string;
658
+ hover: string;
659
+ }, import("@stitches/react/types/css-util").CSS<{
660
+ sm: string;
661
+ md: string;
662
+ lg: string;
663
+ xl: string;
664
+ reducedMotion: string;
665
+ allowMotion: string;
666
+ hover: string;
667
+ }, {
668
+ colors: {
669
+ textForeground: any;
670
+ textSubtle: any;
671
+ textPlaceholder: any;
672
+ background: any;
673
+ backgroundAccent: any;
674
+ grey100: any;
675
+ grey200: any;
676
+ grey300: any;
677
+ grey400: any;
678
+ grey500: any;
679
+ grey600: any;
680
+ grey700: any;
681
+ grey800: any;
682
+ grey900: any;
683
+ grey1000: any;
684
+ grey1100: any;
685
+ grey1200: any;
686
+ blue100: any;
687
+ blue200: any;
688
+ blue300: any;
689
+ blue400: any;
690
+ blue500: any;
691
+ blue600: any;
692
+ blue700: any;
693
+ blue800: any;
694
+ blue900: any;
695
+ blue1000: any;
696
+ blue1100: any;
697
+ blue1200: any;
698
+ purple100: any;
699
+ purple200: any;
700
+ purple300: any;
701
+ purple400: any;
702
+ purple500: any;
703
+ purple600: any;
704
+ purple700: any;
705
+ purple800: any;
706
+ purple900: any;
707
+ purple1000: any;
708
+ purple1100: any;
709
+ purple1200: any;
710
+ tonal50: any;
711
+ tonal100: any;
712
+ tonal200: any;
713
+ tonal300: any;
714
+ tonal400: any;
715
+ tonal500: any;
716
+ tonal600: any;
717
+ alpha100: any;
718
+ alpha150: any;
719
+ alpha200: any;
720
+ alpha250: any;
721
+ alpha600: any;
722
+ primaryLight: any;
723
+ primary: any;
724
+ primaryMid: any;
725
+ primaryDark: any;
726
+ secondary: any;
727
+ brandRed: any;
728
+ brandRedAccent: any;
729
+ brandGreen: any;
730
+ brandGreenAccent: any;
731
+ brandPurple: any;
732
+ brandPurpleAccent: any;
733
+ brandYellow: any;
734
+ brandYellowAccent: any;
735
+ successLight: any;
736
+ success: any;
737
+ successMid: any;
738
+ successDark: any;
739
+ dangerLight: any;
740
+ danger: any;
741
+ dangerMid: any;
742
+ dangerDark: any;
743
+ warningLight: any;
744
+ warning: any;
745
+ warningMid: any;
746
+ warningDark: any;
747
+ warningText: any;
748
+ subjectEnglish: any;
749
+ subjectMaths: any;
750
+ subjectScience: any;
751
+ subjectVerbalReasoning: any;
752
+ subjectNonVerbalReasoning: any;
753
+ subjectCreativeWriting: any;
754
+ subjectExamSkills: any;
755
+ };
756
+ space: {
757
+ "0": any;
758
+ "1": any;
759
+ "2": any;
760
+ "3": any;
761
+ "4": any;
762
+ "5": any;
763
+ "6": any;
764
+ "7": any;
765
+ "8": any;
766
+ "9": any;
767
+ "24": any;
768
+ };
769
+ fontSizes: {
770
+ xs: any;
771
+ sm: any;
772
+ md: any;
773
+ lg: any;
774
+ xl: any;
775
+ "2xl": any;
776
+ "3xl": any;
777
+ "4xl": any;
778
+ };
779
+ fonts: {
780
+ sans: any;
781
+ mono: any;
782
+ display: any;
783
+ body: any;
784
+ };
785
+ sizes: {
786
+ "0": any;
787
+ "1": any;
788
+ "2": any;
789
+ "3": any;
790
+ "4": any;
791
+ "5": any;
792
+ "6": any;
793
+ "7": any;
794
+ "8": any;
795
+ };
796
+ radii: {
797
+ "0": any;
798
+ "1": any;
799
+ "2": any;
800
+ "3": any;
801
+ round: any;
802
+ };
803
+ shadows: {
804
+ "0": any;
805
+ "1": any;
806
+ "2": any;
807
+ "3": any;
808
+ };
809
+ }, import("@stitches/react/types/config").DefaultThemeMap, {
810
+ bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
811
+ background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
812
+ };
813
+ size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">) => {
814
+ height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
815
+ width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
816
+ };
817
+ p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
818
+ padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
819
+ };
820
+ pt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
821
+ paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
822
+ };
823
+ pr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
824
+ paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
825
+ };
826
+ pb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
827
+ paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
828
+ };
829
+ pl: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
830
+ paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
831
+ };
832
+ px: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
833
+ paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
834
+ paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
835
+ };
836
+ py: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
837
+ paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
838
+ paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
839
+ };
840
+ m: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
841
+ margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
842
+ };
843
+ mt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
844
+ marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
845
+ };
846
+ mr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
847
+ marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
848
+ };
849
+ mb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
850
+ marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
851
+ };
852
+ ml: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
853
+ marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
854
+ };
855
+ mx: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
856
+ marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
857
+ marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
858
+ };
859
+ my: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
860
+ marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
861
+ marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
862
+ };
863
+ }>>;
864
+ declare type TTileInteractiveProps = React.ComponentProps<typeof StyledTileInteractive> & {
865
+ type?: string;
866
+ } & NavigatorActions;
867
+ export declare const TileInteractive: React.ForwardRefExoticComponent<Pick<TTileInteractiveProps, "color" | "colorScheme" | "translate" | "border" | "borderRadius" | "css" | "onBlur" | "onChange" | "onSubmit" | "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "type" | "href" | "asWorkaround"> & React.RefAttributes<HTMLButtonElement>>;
868
+ export {};