@atom-learning/components 1.17.2-beta.0 → 1.17.2

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