@atom-learning/components 1.8.1 → 1.10.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,540 @@
1
+ /// <reference types="react" />
2
+ export declare const EmptyStateBody: import("@stitches/react/types/styled-component").StyledComponent<import("react").FC<Omit<Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "key" | keyof import("react").HTMLAttributes<HTMLParagraphElement>> & {
3
+ ref?: ((instance: HTMLParagraphElement | null) => void) | import("react").RefObject<HTMLParagraphElement> | null | undefined;
4
+ }, "size" | "css"> & import("@stitches/react/types/styled-component").TransformProps<{
5
+ size?: ("sm" | "md" | "lg" | "xl" | "xs") | undefined;
6
+ }, {
7
+ sm: string;
8
+ md: string;
9
+ lg: string;
10
+ xl: string;
11
+ reducedMotion: string;
12
+ allowMotion: string;
13
+ hover: string;
14
+ }> & {
15
+ css?: import("@stitches/react/types/css-util").CSS<{
16
+ sm: string;
17
+ md: string;
18
+ lg: string;
19
+ xl: string;
20
+ reducedMotion: string;
21
+ allowMotion: string;
22
+ hover: string;
23
+ }, {
24
+ colors: {
25
+ textForeground: any;
26
+ textSubtle: any;
27
+ textPlaceholder: any;
28
+ background: any;
29
+ backgroundAccent: any;
30
+ tonal50: any;
31
+ tonal100: any;
32
+ tonal200: any;
33
+ tonal300: any;
34
+ tonal400: any;
35
+ tonal500: any;
36
+ tonal600: any;
37
+ alpha100: any;
38
+ alpha150: any;
39
+ alpha200: any;
40
+ alpha250: any;
41
+ alpha600: any;
42
+ primaryLight: any;
43
+ primary: any;
44
+ primaryMid: any;
45
+ primaryDark: any;
46
+ secondary: any;
47
+ brandRed: any;
48
+ brandRedAccent: any;
49
+ brandGreen: any;
50
+ brandGreenAccent: any;
51
+ brandPurple: any;
52
+ brandPurpleAccent: any;
53
+ brandYellow: any;
54
+ brandYellowAccent: any;
55
+ successLight: any;
56
+ success: any;
57
+ successMid: any;
58
+ successDark: any;
59
+ dangerLight: any;
60
+ danger: any;
61
+ dangerMid: any;
62
+ dangerDark: any;
63
+ warningLight: any;
64
+ warning: any;
65
+ warningMid: any;
66
+ warningDark: any;
67
+ subjectEnglish: any;
68
+ subjectMaths: any;
69
+ subjectScience: any;
70
+ subjectVerbalReasoning: any;
71
+ subjectNonVerbalReasoning: any;
72
+ subjectCreativeWriting: any;
73
+ subjectExamSkills: any;
74
+ };
75
+ space: {
76
+ "0": any;
77
+ "1": any;
78
+ "2": any;
79
+ "3": any;
80
+ "4": any;
81
+ "5": any;
82
+ "6": any;
83
+ "7": any;
84
+ "8": any;
85
+ "9": any;
86
+ };
87
+ fontSizes: {
88
+ xs: any;
89
+ sm: any;
90
+ md: any;
91
+ lg: any;
92
+ xl: any;
93
+ "2xl": any;
94
+ "3xl": any;
95
+ "4xl": any;
96
+ };
97
+ fonts: {
98
+ sans: any;
99
+ mono: any;
100
+ display: any;
101
+ body: any;
102
+ };
103
+ sizes: {
104
+ "0": any;
105
+ "1": any;
106
+ "2": any;
107
+ "3": any;
108
+ "4": any;
109
+ "5": any;
110
+ "6": any;
111
+ "7": any;
112
+ "8": any;
113
+ };
114
+ radii: {
115
+ "0": any;
116
+ "1": any;
117
+ "2": any;
118
+ "3": any;
119
+ round: any;
120
+ };
121
+ shadows: {
122
+ "0": any;
123
+ "1": any;
124
+ "2": any;
125
+ "3": any;
126
+ };
127
+ }, import("@stitches/react/types/config").DefaultThemeMap, {
128
+ bg: (value: {
129
+ readonly [$$PropertyValue]: "background";
130
+ }) => {
131
+ background: {
132
+ readonly [$$PropertyValue]: "background";
133
+ };
134
+ };
135
+ inset: (value: string | number | {
136
+ readonly [$$ScaleValue]: "space";
137
+ }) => {
138
+ top: string | number | {
139
+ readonly [$$ScaleValue]: "space";
140
+ };
141
+ right: string | number | {
142
+ readonly [$$ScaleValue]: "space";
143
+ };
144
+ bottom: string | number | {
145
+ readonly [$$ScaleValue]: "space";
146
+ };
147
+ left: string | number | {
148
+ readonly [$$ScaleValue]: "space";
149
+ };
150
+ };
151
+ size: (value: string | number | {
152
+ readonly [$$ScaleValue]: "size";
153
+ }) => {
154
+ height: string | number | {
155
+ readonly [$$ScaleValue]: "size";
156
+ };
157
+ width: string | number | {
158
+ readonly [$$ScaleValue]: "size";
159
+ };
160
+ };
161
+ p: (value: string | number | {
162
+ readonly [$$ScaleValue]: "space";
163
+ }) => {
164
+ padding: string | number | {
165
+ readonly [$$ScaleValue]: "space";
166
+ };
167
+ };
168
+ pt: (value: string | number | {
169
+ readonly [$$ScaleValue]: "space";
170
+ }) => {
171
+ paddingTop: string | number | {
172
+ readonly [$$ScaleValue]: "space";
173
+ };
174
+ };
175
+ pr: (value: string | number | {
176
+ readonly [$$ScaleValue]: "space";
177
+ }) => {
178
+ paddingRight: string | number | {
179
+ readonly [$$ScaleValue]: "space";
180
+ };
181
+ };
182
+ pb: (value: string | number | {
183
+ readonly [$$ScaleValue]: "space";
184
+ }) => {
185
+ paddingBottom: string | number | {
186
+ readonly [$$ScaleValue]: "space";
187
+ };
188
+ };
189
+ pl: (value: string | number | {
190
+ readonly [$$ScaleValue]: "space";
191
+ }) => {
192
+ paddingLeft: string | number | {
193
+ readonly [$$ScaleValue]: "space";
194
+ };
195
+ };
196
+ px: (value: string | number | {
197
+ readonly [$$ScaleValue]: "space";
198
+ }) => {
199
+ paddingLeft: string | number | {
200
+ readonly [$$ScaleValue]: "space";
201
+ };
202
+ paddingRight: string | number | {
203
+ readonly [$$ScaleValue]: "space";
204
+ };
205
+ };
206
+ py: (value: string | number | {
207
+ readonly [$$ScaleValue]: "space";
208
+ }) => {
209
+ paddingTop: string | number | {
210
+ readonly [$$ScaleValue]: "space";
211
+ };
212
+ paddingBottom: string | number | {
213
+ readonly [$$ScaleValue]: "space";
214
+ };
215
+ };
216
+ m: (value: string | number | {
217
+ readonly [$$ScaleValue]: "space";
218
+ }) => {
219
+ margin: string | number | {
220
+ readonly [$$ScaleValue]: "space";
221
+ };
222
+ };
223
+ mt: (value: string | number | {
224
+ readonly [$$ScaleValue]: "space";
225
+ }) => {
226
+ marginTop: string | number | {
227
+ readonly [$$ScaleValue]: "space";
228
+ };
229
+ };
230
+ mr: (value: string | number | {
231
+ readonly [$$ScaleValue]: "space";
232
+ }) => {
233
+ marginRight: string | number | {
234
+ readonly [$$ScaleValue]: "space";
235
+ };
236
+ };
237
+ mb: (value: string | number | {
238
+ readonly [$$ScaleValue]: "space";
239
+ }) => {
240
+ marginBottom: string | number | {
241
+ readonly [$$ScaleValue]: "space";
242
+ };
243
+ };
244
+ ml: (value: string | number | {
245
+ readonly [$$ScaleValue]: "space";
246
+ }) => {
247
+ marginLeft: string | number | {
248
+ readonly [$$ScaleValue]: "space";
249
+ };
250
+ };
251
+ mx: (value: string | number | {
252
+ readonly [$$ScaleValue]: "space";
253
+ }) => {
254
+ marginLeft: string | number | {
255
+ readonly [$$ScaleValue]: "space";
256
+ };
257
+ marginRight: string | number | {
258
+ readonly [$$ScaleValue]: "space";
259
+ };
260
+ };
261
+ my: (value: string | number | {
262
+ readonly [$$ScaleValue]: "space";
263
+ }) => {
264
+ marginTop: string | number | {
265
+ readonly [$$ScaleValue]: "space";
266
+ };
267
+ marginBottom: string | number | {
268
+ readonly [$$ScaleValue]: "space";
269
+ };
270
+ };
271
+ }> | undefined;
272
+ }, "as"> & {
273
+ as?: import("react").ElementType<any> | import("react").ComponentType<{}> | undefined;
274
+ }>, {
275
+ size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
276
+ }, {
277
+ sm: string;
278
+ md: string;
279
+ lg: string;
280
+ xl: string;
281
+ reducedMotion: string;
282
+ allowMotion: string;
283
+ hover: string;
284
+ }, import("@stitches/react/types/css-util").CSS<{
285
+ sm: string;
286
+ md: string;
287
+ lg: string;
288
+ xl: string;
289
+ reducedMotion: string;
290
+ allowMotion: string;
291
+ hover: string;
292
+ }, {
293
+ colors: {
294
+ textForeground: any;
295
+ textSubtle: any;
296
+ textPlaceholder: any;
297
+ background: any;
298
+ backgroundAccent: any;
299
+ tonal50: any;
300
+ tonal100: any;
301
+ tonal200: any;
302
+ tonal300: any;
303
+ tonal400: any;
304
+ tonal500: any;
305
+ tonal600: any;
306
+ alpha100: any;
307
+ alpha150: any;
308
+ alpha200: any;
309
+ alpha250: any;
310
+ alpha600: any;
311
+ primaryLight: any;
312
+ primary: any;
313
+ primaryMid: any;
314
+ primaryDark: any;
315
+ secondary: any;
316
+ brandRed: any;
317
+ brandRedAccent: any;
318
+ brandGreen: any;
319
+ brandGreenAccent: any;
320
+ brandPurple: any;
321
+ brandPurpleAccent: any;
322
+ brandYellow: any;
323
+ brandYellowAccent: any;
324
+ successLight: any;
325
+ success: any;
326
+ successMid: any;
327
+ successDark: any;
328
+ dangerLight: any;
329
+ danger: any;
330
+ dangerMid: any;
331
+ dangerDark: any;
332
+ warningLight: any;
333
+ warning: any;
334
+ warningMid: any;
335
+ warningDark: any;
336
+ subjectEnglish: any;
337
+ subjectMaths: any;
338
+ subjectScience: any;
339
+ subjectVerbalReasoning: any;
340
+ subjectNonVerbalReasoning: any;
341
+ subjectCreativeWriting: any;
342
+ subjectExamSkills: any;
343
+ };
344
+ space: {
345
+ "0": any;
346
+ "1": any;
347
+ "2": any;
348
+ "3": any;
349
+ "4": any;
350
+ "5": any;
351
+ "6": any;
352
+ "7": any;
353
+ "8": any;
354
+ "9": any;
355
+ };
356
+ fontSizes: {
357
+ xs: any;
358
+ sm: any;
359
+ md: any;
360
+ lg: any;
361
+ xl: any;
362
+ "2xl": any;
363
+ "3xl": any;
364
+ "4xl": any;
365
+ };
366
+ fonts: {
367
+ sans: any;
368
+ mono: any;
369
+ display: any;
370
+ body: any;
371
+ };
372
+ sizes: {
373
+ "0": any;
374
+ "1": any;
375
+ "2": any;
376
+ "3": any;
377
+ "4": any;
378
+ "5": any;
379
+ "6": any;
380
+ "7": any;
381
+ "8": any;
382
+ };
383
+ radii: {
384
+ "0": any;
385
+ "1": any;
386
+ "2": any;
387
+ "3": any;
388
+ round: any;
389
+ };
390
+ shadows: {
391
+ "0": any;
392
+ "1": any;
393
+ "2": any;
394
+ "3": any;
395
+ };
396
+ }, import("@stitches/react/types/config").DefaultThemeMap, {
397
+ bg: (value: {
398
+ readonly [$$PropertyValue]: "background";
399
+ }) => {
400
+ background: {
401
+ readonly [$$PropertyValue]: "background";
402
+ };
403
+ };
404
+ inset: (value: string | number | {
405
+ readonly [$$ScaleValue]: "space";
406
+ }) => {
407
+ top: string | number | {
408
+ readonly [$$ScaleValue]: "space";
409
+ };
410
+ right: string | number | {
411
+ readonly [$$ScaleValue]: "space";
412
+ };
413
+ bottom: string | number | {
414
+ readonly [$$ScaleValue]: "space";
415
+ };
416
+ left: string | number | {
417
+ readonly [$$ScaleValue]: "space";
418
+ };
419
+ };
420
+ size: (value: string | number | {
421
+ readonly [$$ScaleValue]: "size";
422
+ }) => {
423
+ height: string | number | {
424
+ readonly [$$ScaleValue]: "size";
425
+ };
426
+ width: string | number | {
427
+ readonly [$$ScaleValue]: "size";
428
+ };
429
+ };
430
+ p: (value: string | number | {
431
+ readonly [$$ScaleValue]: "space";
432
+ }) => {
433
+ padding: string | number | {
434
+ readonly [$$ScaleValue]: "space";
435
+ };
436
+ };
437
+ pt: (value: string | number | {
438
+ readonly [$$ScaleValue]: "space";
439
+ }) => {
440
+ paddingTop: string | number | {
441
+ readonly [$$ScaleValue]: "space";
442
+ };
443
+ };
444
+ pr: (value: string | number | {
445
+ readonly [$$ScaleValue]: "space";
446
+ }) => {
447
+ paddingRight: string | number | {
448
+ readonly [$$ScaleValue]: "space";
449
+ };
450
+ };
451
+ pb: (value: string | number | {
452
+ readonly [$$ScaleValue]: "space";
453
+ }) => {
454
+ paddingBottom: string | number | {
455
+ readonly [$$ScaleValue]: "space";
456
+ };
457
+ };
458
+ pl: (value: string | number | {
459
+ readonly [$$ScaleValue]: "space";
460
+ }) => {
461
+ paddingLeft: string | number | {
462
+ readonly [$$ScaleValue]: "space";
463
+ };
464
+ };
465
+ px: (value: string | number | {
466
+ readonly [$$ScaleValue]: "space";
467
+ }) => {
468
+ paddingLeft: string | number | {
469
+ readonly [$$ScaleValue]: "space";
470
+ };
471
+ paddingRight: string | number | {
472
+ readonly [$$ScaleValue]: "space";
473
+ };
474
+ };
475
+ py: (value: string | number | {
476
+ readonly [$$ScaleValue]: "space";
477
+ }) => {
478
+ paddingTop: string | number | {
479
+ readonly [$$ScaleValue]: "space";
480
+ };
481
+ paddingBottom: string | number | {
482
+ readonly [$$ScaleValue]: "space";
483
+ };
484
+ };
485
+ m: (value: string | number | {
486
+ readonly [$$ScaleValue]: "space";
487
+ }) => {
488
+ margin: string | number | {
489
+ readonly [$$ScaleValue]: "space";
490
+ };
491
+ };
492
+ mt: (value: string | number | {
493
+ readonly [$$ScaleValue]: "space";
494
+ }) => {
495
+ marginTop: string | number | {
496
+ readonly [$$ScaleValue]: "space";
497
+ };
498
+ };
499
+ mr: (value: string | number | {
500
+ readonly [$$ScaleValue]: "space";
501
+ }) => {
502
+ marginRight: string | number | {
503
+ readonly [$$ScaleValue]: "space";
504
+ };
505
+ };
506
+ mb: (value: string | number | {
507
+ readonly [$$ScaleValue]: "space";
508
+ }) => {
509
+ marginBottom: string | number | {
510
+ readonly [$$ScaleValue]: "space";
511
+ };
512
+ };
513
+ ml: (value: string | number | {
514
+ readonly [$$ScaleValue]: "space";
515
+ }) => {
516
+ marginLeft: string | number | {
517
+ readonly [$$ScaleValue]: "space";
518
+ };
519
+ };
520
+ mx: (value: string | number | {
521
+ readonly [$$ScaleValue]: "space";
522
+ }) => {
523
+ marginLeft: string | number | {
524
+ readonly [$$ScaleValue]: "space";
525
+ };
526
+ marginRight: string | number | {
527
+ readonly [$$ScaleValue]: "space";
528
+ };
529
+ };
530
+ my: (value: string | number | {
531
+ readonly [$$ScaleValue]: "space";
532
+ }) => {
533
+ marginTop: string | number | {
534
+ readonly [$$ScaleValue]: "space";
535
+ };
536
+ marginBottom: string | number | {
537
+ readonly [$$ScaleValue]: "space";
538
+ };
539
+ };
540
+ }>>;
@@ -0,0 +1 @@
1
+ import{Text as t}from"../text/Text.js";import{styled as m}from"../../stitches.js";const o=m(t,{color:"$tonal400",fontWeight:"400",variants:{size:{xs:{fontSize:"$sm",mb:"$4"},sm:{fontSize:"$sm",mb:"$4"},md:{fontSize:"$sm",mb:"$4"},lg:{fontSize:"$md",mb:"$5"},xl:{fontSize:"$md",mb:"$5"}}}});export{o as EmptyStateBody};