@atom-learning/components 2.47.0 → 2.48.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 +3 -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,425 @@
1
+ export declare const TileNoOverflowContainer: import("@stitches/react/types/styled-component").StyledComponent<import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
2
+ sm: string;
3
+ md: string;
4
+ lg: string;
5
+ xl: string;
6
+ reducedMotion: string;
7
+ allowMotion: string;
8
+ hover: string;
9
+ }, import("@stitches/react/types/css-util").CSS<{
10
+ sm: string;
11
+ md: string;
12
+ lg: string;
13
+ xl: string;
14
+ reducedMotion: string;
15
+ allowMotion: string;
16
+ hover: string;
17
+ }, {
18
+ colors: {
19
+ textForeground: any;
20
+ textSubtle: any;
21
+ textPlaceholder: any;
22
+ background: any;
23
+ backgroundAccent: any;
24
+ grey100: any;
25
+ grey200: any;
26
+ grey300: any;
27
+ grey400: any;
28
+ grey500: any;
29
+ grey600: any;
30
+ grey700: any;
31
+ grey800: any;
32
+ grey900: any;
33
+ grey1000: any;
34
+ grey1100: any;
35
+ grey1200: any;
36
+ blue100: any;
37
+ blue200: any;
38
+ blue300: any;
39
+ blue400: any;
40
+ blue500: any;
41
+ blue600: any;
42
+ blue700: any;
43
+ blue800: any;
44
+ blue900: any;
45
+ blue1000: any;
46
+ blue1100: any;
47
+ blue1200: any;
48
+ purple100: any;
49
+ purple200: any;
50
+ purple300: any;
51
+ purple400: any;
52
+ purple500: any;
53
+ purple600: any;
54
+ purple700: any;
55
+ purple800: any;
56
+ purple900: any;
57
+ purple1000: any;
58
+ purple1100: any;
59
+ purple1200: any;
60
+ tonal50: any;
61
+ tonal100: any;
62
+ tonal200: any;
63
+ tonal300: any;
64
+ tonal400: any;
65
+ tonal500: any;
66
+ tonal600: any;
67
+ alpha100: any;
68
+ alpha150: any;
69
+ alpha200: any;
70
+ alpha250: any;
71
+ alpha600: any;
72
+ primaryLight: any;
73
+ primary: any;
74
+ primaryMid: any;
75
+ primaryDark: any;
76
+ secondary: any;
77
+ brandRed: any;
78
+ brandRedAccent: any;
79
+ brandGreen: any;
80
+ brandGreenAccent: any;
81
+ brandPurple: any;
82
+ brandPurpleAccent: any;
83
+ brandYellow: any;
84
+ brandYellowAccent: any;
85
+ successLight: any;
86
+ success: any;
87
+ successMid: any;
88
+ successDark: any;
89
+ dangerLight: any;
90
+ danger: any;
91
+ dangerMid: any;
92
+ dangerDark: any;
93
+ warningLight: any;
94
+ warning: any;
95
+ warningMid: any;
96
+ warningDark: any;
97
+ warningText: any;
98
+ subjectEnglish: any;
99
+ subjectMaths: any;
100
+ subjectScience: any;
101
+ subjectVerbalReasoning: any;
102
+ subjectNonVerbalReasoning: any;
103
+ subjectCreativeWriting: any;
104
+ subjectExamSkills: any;
105
+ };
106
+ space: {
107
+ "0": any;
108
+ "1": any;
109
+ "2": any;
110
+ "3": any;
111
+ "4": any;
112
+ "5": any;
113
+ "6": any;
114
+ "7": any;
115
+ "8": any;
116
+ "9": any;
117
+ "24": any;
118
+ };
119
+ fontSizes: {
120
+ xs: any;
121
+ sm: any;
122
+ md: any;
123
+ lg: any;
124
+ xl: any;
125
+ "2xl": any;
126
+ "3xl": any;
127
+ "4xl": any;
128
+ };
129
+ fonts: {
130
+ sans: any;
131
+ mono: any;
132
+ display: any;
133
+ body: any;
134
+ };
135
+ sizes: {
136
+ "0": any;
137
+ "1": any;
138
+ "2": any;
139
+ "3": any;
140
+ "4": any;
141
+ "5": any;
142
+ "6": any;
143
+ "7": any;
144
+ "8": any;
145
+ };
146
+ radii: {
147
+ "0": any;
148
+ "1": any;
149
+ "2": any;
150
+ "3": any;
151
+ round: any;
152
+ };
153
+ shadows: {
154
+ "0": any;
155
+ "1": any;
156
+ "2": any;
157
+ "3": any;
158
+ };
159
+ }, import("@stitches/react/types/config").DefaultThemeMap, {
160
+ bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
161
+ background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
162
+ };
163
+ size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">) => {
164
+ height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
165
+ width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
166
+ };
167
+ p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
168
+ padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
169
+ };
170
+ pt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
171
+ paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
172
+ };
173
+ pr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
174
+ paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
175
+ };
176
+ pb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
177
+ paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
178
+ };
179
+ pl: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
180
+ paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
181
+ };
182
+ px: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
183
+ paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
184
+ paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
185
+ };
186
+ py: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
187
+ paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
188
+ paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
189
+ };
190
+ m: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
191
+ margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
192
+ };
193
+ mt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
194
+ marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
195
+ };
196
+ mr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
197
+ marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
198
+ };
199
+ mb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
200
+ marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
201
+ };
202
+ ml: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
203
+ marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
204
+ };
205
+ mx: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
206
+ marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
207
+ marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
208
+ };
209
+ my: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
210
+ marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
211
+ marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
212
+ };
213
+ }>>, {}, {
214
+ sm: string;
215
+ md: string;
216
+ lg: string;
217
+ xl: string;
218
+ reducedMotion: string;
219
+ allowMotion: string;
220
+ hover: string;
221
+ }, import("@stitches/react/types/css-util").CSS<{
222
+ sm: string;
223
+ md: string;
224
+ lg: string;
225
+ xl: string;
226
+ reducedMotion: string;
227
+ allowMotion: string;
228
+ hover: string;
229
+ }, {
230
+ colors: {
231
+ textForeground: any;
232
+ textSubtle: any;
233
+ textPlaceholder: any;
234
+ background: any;
235
+ backgroundAccent: any;
236
+ grey100: any;
237
+ grey200: any;
238
+ grey300: any;
239
+ grey400: any;
240
+ grey500: any;
241
+ grey600: any;
242
+ grey700: any;
243
+ grey800: any;
244
+ grey900: any;
245
+ grey1000: any;
246
+ grey1100: any;
247
+ grey1200: any;
248
+ blue100: any;
249
+ blue200: any;
250
+ blue300: any;
251
+ blue400: any;
252
+ blue500: any;
253
+ blue600: any;
254
+ blue700: any;
255
+ blue800: any;
256
+ blue900: any;
257
+ blue1000: any;
258
+ blue1100: any;
259
+ blue1200: any;
260
+ purple100: any;
261
+ purple200: any;
262
+ purple300: any;
263
+ purple400: any;
264
+ purple500: any;
265
+ purple600: any;
266
+ purple700: any;
267
+ purple800: any;
268
+ purple900: any;
269
+ purple1000: any;
270
+ purple1100: any;
271
+ purple1200: any;
272
+ tonal50: any;
273
+ tonal100: any;
274
+ tonal200: any;
275
+ tonal300: any;
276
+ tonal400: any;
277
+ tonal500: any;
278
+ tonal600: any;
279
+ alpha100: any;
280
+ alpha150: any;
281
+ alpha200: any;
282
+ alpha250: any;
283
+ alpha600: any;
284
+ primaryLight: any;
285
+ primary: any;
286
+ primaryMid: any;
287
+ primaryDark: any;
288
+ secondary: any;
289
+ brandRed: any;
290
+ brandRedAccent: any;
291
+ brandGreen: any;
292
+ brandGreenAccent: any;
293
+ brandPurple: any;
294
+ brandPurpleAccent: any;
295
+ brandYellow: any;
296
+ brandYellowAccent: any;
297
+ successLight: any;
298
+ success: any;
299
+ successMid: any;
300
+ successDark: any;
301
+ dangerLight: any;
302
+ danger: any;
303
+ dangerMid: any;
304
+ dangerDark: any;
305
+ warningLight: any;
306
+ warning: any;
307
+ warningMid: any;
308
+ warningDark: any;
309
+ warningText: any;
310
+ subjectEnglish: any;
311
+ subjectMaths: any;
312
+ subjectScience: any;
313
+ subjectVerbalReasoning: any;
314
+ subjectNonVerbalReasoning: any;
315
+ subjectCreativeWriting: any;
316
+ subjectExamSkills: any;
317
+ };
318
+ space: {
319
+ "0": any;
320
+ "1": any;
321
+ "2": any;
322
+ "3": any;
323
+ "4": any;
324
+ "5": any;
325
+ "6": any;
326
+ "7": any;
327
+ "8": any;
328
+ "9": any;
329
+ "24": any;
330
+ };
331
+ fontSizes: {
332
+ xs: any;
333
+ sm: any;
334
+ md: any;
335
+ lg: any;
336
+ xl: any;
337
+ "2xl": any;
338
+ "3xl": any;
339
+ "4xl": any;
340
+ };
341
+ fonts: {
342
+ sans: any;
343
+ mono: any;
344
+ display: any;
345
+ body: any;
346
+ };
347
+ sizes: {
348
+ "0": any;
349
+ "1": any;
350
+ "2": any;
351
+ "3": any;
352
+ "4": any;
353
+ "5": any;
354
+ "6": any;
355
+ "7": any;
356
+ "8": any;
357
+ };
358
+ radii: {
359
+ "0": any;
360
+ "1": any;
361
+ "2": any;
362
+ "3": any;
363
+ round: any;
364
+ };
365
+ shadows: {
366
+ "0": any;
367
+ "1": any;
368
+ "2": any;
369
+ "3": any;
370
+ };
371
+ }, import("@stitches/react/types/config").DefaultThemeMap, {
372
+ bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
373
+ background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
374
+ };
375
+ size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">) => {
376
+ height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
377
+ width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
378
+ };
379
+ p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
380
+ padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
381
+ };
382
+ pt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
383
+ paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
384
+ };
385
+ pr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
386
+ paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
387
+ };
388
+ pb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
389
+ paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
390
+ };
391
+ pl: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
392
+ paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
393
+ };
394
+ px: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
395
+ paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
396
+ paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
397
+ };
398
+ py: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
399
+ paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
400
+ paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
401
+ };
402
+ m: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
403
+ margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
404
+ };
405
+ mt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
406
+ marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
407
+ };
408
+ mr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
409
+ marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
410
+ };
411
+ mb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
412
+ marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
413
+ };
414
+ ml: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
415
+ marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
416
+ };
417
+ mx: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
418
+ marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
419
+ marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
420
+ };
421
+ my: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
422
+ marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
423
+ marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
424
+ };
425
+ }>>;
@@ -0,0 +1,2 @@
1
+ import{NoOverflowContainer as e}from"../../utilities/no-overflow-container/NoOverflowContainer.js";const o=e;o.displayName="TileNoOverflowContainer";export{o as TileNoOverflowContainer};
2
+ //# sourceMappingURL=TileNoOverflowContainer.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TileNoOverflowContainer.js","sources":["../../../src/components/tile/TileNoOverflowContainer.tsx"],"sourcesContent":["import { NoOverflowContainer } from '~/utilities/no-overflow-container'\n\nexport const TileNoOverflowContainer = NoOverflowContainer\n\nTileNoOverflowContainer.displayName = 'TileNoOverflowContainer'\n"],"names":["TileNoOverflowContainer","NoOverflowContainer"],"mappings":"yGAEaA,EAA0BC,EAEvCD,EAAwB,YAAc"}
@@ -0,0 +1,7 @@
1
+ import { Tile as TileRoot } from './Tile';
2
+ import { TileNoOverflowContainer } from './TileNoOverflowContainer';
3
+ declare type TTile = typeof TileRoot & {
4
+ NoOverflowContainer: typeof TileNoOverflowContainer;
5
+ };
6
+ export declare const Tile: TTile;
7
+ export { TileGroup } from './TileGroup';
@@ -0,0 +1,2 @@
1
+ import{Tile as e}from"./Tile.js";import{TileNoOverflowContainer as i}from"./TileNoOverflowContainer.js";import"../stack/Stack.js";const o=e;o.NoOverflowContainer=i,o.displayName="Tile";export{o as Tile};
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":["../../../src/components/tile/index.ts"],"sourcesContent":["import { Tile as TileRoot } from './Tile'\nimport { TileNoOverflowContainer } from './TileNoOverflowContainer'\n\ntype TTile = typeof TileRoot & {\n NoOverflowContainer: typeof TileNoOverflowContainer\n}\nexport const Tile = TileRoot as TTile\nTile.NoOverflowContainer = TileNoOverflowContainer\nTile.displayName = 'Tile'\n\nexport { TileGroup } from './TileGroup'\n"],"names":["Tile","TileRoot","TileNoOverflowContainer"],"mappings":"kIAMO,MAAMA,EAAOC,EACpBD,EAAK,oBAAsBE,EAC3BF,EAAK,YAAc"}