@atom-learning/components 2.63.1 → 2.65.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 (128) hide show
  1. package/CHANGELOG.md +3 -3
  2. package/dist/components/accordion/Accordion.d.ts +99 -0
  3. package/dist/components/accordion/AccordionContent.d.ts +99 -0
  4. package/dist/components/accordion/AccordionItem.d.ts +99 -0
  5. package/dist/components/accordion/AccordionTrigger.d.ts +99 -0
  6. package/dist/components/action-icon/ActionIcon.d.ts +99 -0
  7. package/dist/components/alert-dialog/AlertDialog.d.ts +99 -0
  8. package/dist/components/alert-dialog/AlertDialogContent.d.ts +99 -0
  9. package/dist/components/avatar/Avatar.d.ts +198 -0
  10. package/dist/components/badge/Badge.d.ts +205 -1
  11. package/dist/components/banner/BannerContainer.d.ts +205 -1
  12. package/dist/components/banner/banner-regular/BannerRegularContent.d.ts +198 -0
  13. package/dist/components/box/Box.d.ts +99 -0
  14. package/dist/components/button/Button.d.ts +99 -0
  15. package/dist/components/calendar/Day.d.ts +99 -0
  16. package/dist/components/carousel/CarouselPagination.d.ts +99 -0
  17. package/dist/components/carousel/CarouselSlide.d.ts +99 -0
  18. package/dist/components/carousel/CarouselSlider.d.ts +99 -0
  19. package/dist/components/checkbox/Checkbox.d.ts +99 -0
  20. package/dist/components/chip/Chip.d.ts +707 -2
  21. package/dist/components/chip-dismissible-group/ChipDismissibleGroupItem.d.ts +403 -1
  22. package/dist/components/chip-toggle-group/ChipToggleGroupItem.d.ts +403 -1
  23. package/dist/components/chip-toggle-group/ChipToggleGroupRoot.d.ts +198 -0
  24. package/dist/components/combobox/Combobox.d.ts +99 -0
  25. package/dist/components/combobox/ComboboxInput.d.ts +99 -0
  26. package/dist/components/combobox/ComboboxList.d.ts +99 -0
  27. package/dist/components/combobox/ComboboxOption.d.ts +99 -0
  28. package/dist/components/combobox/ComboboxPopover.d.ts +99 -0
  29. package/dist/components/data-table/DataTableLoading.d.ts +99 -0
  30. package/dist/components/data-table/pagination/Pagination.d.ts +99 -0
  31. package/dist/components/dialog/Dialog.d.ts +99 -0
  32. package/dist/components/dialog/DialogBackground.d.ts +198 -0
  33. package/dist/components/dialog/DialogClose.d.ts +99 -0
  34. package/dist/components/dialog/DialogContent.d.ts +99 -0
  35. package/dist/components/divider/Divider.d.ts +99 -0
  36. package/dist/components/dropdown-menu/DropdownMenu.d.ts +99 -0
  37. package/dist/components/dropdown-menu/DropdownMenuContent.d.ts +99 -0
  38. package/dist/components/dropdown-menu/DropdownMenuItem.d.ts +99 -0
  39. package/dist/components/dropdown-menu/DropdownMenuSeparator.d.ts +99 -0
  40. package/dist/components/dropdown-menu/DropdownMenuTrigger.d.ts +99 -0
  41. package/dist/components/empty-state/EmptyState.d.ts +205 -1
  42. package/dist/components/empty-state/EmptyStateBody.d.ts +198 -0
  43. package/dist/components/empty-state/EmptyStateImage.d.ts +198 -0
  44. package/dist/components/empty-state/EmptyStateTitle.d.ts +99 -0
  45. package/dist/components/flex/Flex.d.ts +106 -1
  46. package/dist/components/flex/Flex.js +1 -1
  47. package/dist/components/flex/Flex.js.map +1 -1
  48. package/dist/components/form/Form.d.ts +99 -0
  49. package/dist/components/grid/Grid.d.ts +99 -0
  50. package/dist/components/heading/Heading.d.ts +99 -0
  51. package/dist/components/icon/Icon.d.ts +99 -0
  52. package/dist/components/image/Image.d.ts +99 -0
  53. package/dist/components/inline-message/InlineMessage.d.ts +205 -1
  54. package/dist/components/input/Input.d.ts +99 -0
  55. package/dist/components/label/Label.d.ts +99 -0
  56. package/dist/components/link/Link.d.ts +99 -0
  57. package/dist/components/list/List.d.ts +198 -0
  58. package/dist/components/markdown-content/components/MarkdownEmphasis.d.ts +99 -0
  59. package/dist/components/navigation/NavigationMenu.d.ts +99 -0
  60. package/dist/components/navigation/NavigationMenuDropdownItem.d.ts +198 -0
  61. package/dist/components/notification-badge/NotificationBadge.d.ts +205 -1
  62. package/dist/components/pagination/PaginationNextButton.d.ts +198 -0
  63. package/dist/components/pagination/PaginationPreviousButton.d.ts +198 -0
  64. package/dist/components/popover/Popover.d.ts +99 -0
  65. package/dist/components/popover/PopoverContent.d.ts +99 -0
  66. package/dist/components/progress-bar/ProgressBar.d.ts +99 -0
  67. package/dist/components/radio-button/RadioButton.d.ts +99 -0
  68. package/dist/components/radio-button/RadioButtonGroup.d.ts +99 -0
  69. package/dist/components/radio-card/RadioCard.d.ts +99 -0
  70. package/dist/components/section-message/SectionMessage.d.ts +693 -0
  71. package/dist/components/select/Select.d.ts +99 -0
  72. package/dist/components/sidedrawer/SidedrawerAccordion/SidedrawerAccordionContent.d.ts +99 -0
  73. package/dist/components/sidedrawer/SidedrawerAccordion/SidedrawerAccordionItem.d.ts +99 -0
  74. package/dist/components/sidedrawer/SidedrawerAccordion/SidedrawerAccordionRoot.d.ts +99 -0
  75. package/dist/components/sidedrawer/SidedrawerAccordion/SidedrawerAccordionTrigger.d.ts +99 -0
  76. package/dist/components/sidedrawer/SidedrawerContent.d.ts +99 -0
  77. package/dist/components/sidedrawer/SidedrawerFooter.d.ts +99 -0
  78. package/dist/components/sidedrawer/SidedrawerHeader.d.ts +99 -0
  79. package/dist/components/sidedrawer/SidedrawerOverlay.d.ts +99 -0
  80. package/dist/components/sidedrawer/SidedrawerTrigger.d.ts +99 -0
  81. package/dist/components/slider/Slider.d.ts +99 -0
  82. package/dist/components/sortable/Handle.d.ts +198 -0
  83. package/dist/components/stack/Stack.d.ts +102 -0
  84. package/dist/components/stack/Stack.js.map +1 -1
  85. package/dist/components/stack-content/StackContent.d.ts +99 -0
  86. package/dist/components/stepper/StepperStepBullet.d.ts +205 -1
  87. package/dist/components/stepper/StepperStepContainer.d.ts +205 -1
  88. package/dist/components/stepper/StepperStepLabel.d.ts +198 -0
  89. package/dist/components/switch/Switch.d.ts +99 -0
  90. package/dist/components/table/Table.d.ts +99 -0
  91. package/dist/components/table/TableBody.d.ts +99 -0
  92. package/dist/components/table/TableCell.d.ts +99 -0
  93. package/dist/components/table/TableFooter.d.ts +99 -0
  94. package/dist/components/table/TableFooterCell.d.ts +99 -0
  95. package/dist/components/table/TableHeader.d.ts +99 -0
  96. package/dist/components/table/TableHeaderCell.d.ts +99 -0
  97. package/dist/components/table/TableRow.d.ts +198 -0
  98. package/dist/components/tabs/Tabs.d.ts +99 -0
  99. package/dist/components/tabs/TabsContent.d.ts +99 -0
  100. package/dist/components/tabs/TabsTrigger.d.ts +99 -0
  101. package/dist/components/tabs/TabsTriggerList.d.ts +99 -0
  102. package/dist/components/text/Text.d.ts +99 -0
  103. package/dist/components/textarea/Textarea.d.ts +99 -0
  104. package/dist/components/tile/Tile.d.ts +99 -0
  105. package/dist/components/tile/TileGroup.d.ts +99 -0
  106. package/dist/components/tile-interactive/TileInteractive.d.ts +198 -0
  107. package/dist/components/tile-toggle-group/TileToggleGroupItem.d.ts +297 -0
  108. package/dist/components/tile-toggle-group/TileToggleGroupRoot.d.ts +198 -0
  109. package/dist/components/toast/Toast.d.ts +99 -0
  110. package/dist/components/toggle-group/ToggleGroupButton.d.ts +198 -0
  111. package/dist/components/toggle-group/ToggleGroupItem.d.ts +198 -0
  112. package/dist/components/toggle-group/ToggleGroupRoot.d.ts +99 -0
  113. package/dist/components/toggle-group/index.d.ts +495 -0
  114. package/dist/components/tooltip/TooltipContent.d.ts +99 -0
  115. package/dist/components/top-bar/TopBar.d.ts +99 -0
  116. package/dist/components/top-bar/TopBarBrand.d.ts +297 -0
  117. package/dist/components/video/Video.d.ts +198 -0
  118. package/dist/docgen.json +1 -1
  119. package/dist/experiments/color-scheme/ColorScheme.d.ts +99 -0
  120. package/dist/experiments/color-scheme/stitches.colorscheme.config.d.ts +112 -0
  121. package/dist/experiments/color-scheme/stitches.colorscheme.config.js +1 -1
  122. package/dist/experiments/color-scheme/stitches.colorscheme.config.js.map +1 -1
  123. package/dist/index.cjs.js +1 -1
  124. package/dist/index.cjs.js.map +1 -1
  125. package/dist/stitches.d.ts +1089 -0
  126. package/dist/utilities/create-theme-variants/createThemeVariants.d.ts +99 -0
  127. package/dist/utilities/no-overflow-wrapper/NoOverflowWrapper.d.ts +198 -0
  128. package/package.json +4 -4
@@ -67,6 +67,102 @@ export declare const StyledHandle: import("@stitches/react/types/styled-componen
67
67
  purple1000: any;
68
68
  purple1100: any;
69
69
  purple1200: any;
70
+ cyan100: any;
71
+ cyan200: any;
72
+ cyan300: any;
73
+ cyan400: any;
74
+ cyan500: any;
75
+ cyan600: any;
76
+ cyan700: any;
77
+ cyan800: any;
78
+ cyan900: any;
79
+ cyan1000: any;
80
+ cyan1100: any;
81
+ cyan1200: any;
82
+ green100: any;
83
+ green200: any;
84
+ green300: any;
85
+ green400: any;
86
+ green500: any;
87
+ green600: any;
88
+ green700: any;
89
+ green800: any;
90
+ green900: any;
91
+ green1000: any;
92
+ green1100: any;
93
+ green1200: any;
94
+ magenta100: any;
95
+ magenta200: any;
96
+ magenta300: any;
97
+ magenta400: any;
98
+ magenta500: any;
99
+ magenta600: any;
100
+ magenta700: any;
101
+ magenta800: any;
102
+ magenta900: any;
103
+ magenta1000: any;
104
+ magenta1100: any;
105
+ magenta1200: any;
106
+ red100: any;
107
+ red200: any;
108
+ red300: any;
109
+ red400: any;
110
+ red500: any;
111
+ red600: any;
112
+ red700: any;
113
+ red800: any;
114
+ red900: any;
115
+ red1000: any;
116
+ red1100: any;
117
+ red1200: any;
118
+ teal100: any;
119
+ teal200: any;
120
+ teal300: any;
121
+ teal400: any;
122
+ teal500: any;
123
+ teal600: any;
124
+ teal700: any;
125
+ teal800: any;
126
+ teal900: any;
127
+ teal1000: any;
128
+ teal1100: any;
129
+ teal1200: any;
130
+ orange100: any;
131
+ orange200: any;
132
+ orange300: any;
133
+ orange400: any;
134
+ orange500: any;
135
+ orange600: any;
136
+ orange700: any;
137
+ orange800: any;
138
+ orange900: any;
139
+ orange1000: any;
140
+ orange1100: any;
141
+ orange1200: any;
142
+ yellow100: any;
143
+ yellow200: any;
144
+ yellow300: any;
145
+ yellow400: any;
146
+ yellow500: any;
147
+ yellow600: any;
148
+ yellow700: any;
149
+ yellow800: any;
150
+ yellow900: any;
151
+ yellow1000: any;
152
+ yellow1100: any;
153
+ yellow1200: any;
154
+ lime100: any;
155
+ lime200: any;
156
+ lime300: any;
157
+ lime400: any;
158
+ lime500: any;
159
+ lime600: any;
160
+ lime700: any;
161
+ lime800: any;
162
+ lime900: any;
163
+ lime1000: any;
164
+ lime1100: any;
165
+ lime1200: any;
70
166
  tonal50: any;
71
167
  tonal100: any;
72
168
  tonal200: any;
@@ -112,6 +208,9 @@ export declare const StyledHandle: import("@stitches/react/types/styled-componen
112
208
  subjectNonVerbalReasoning: any;
113
209
  subjectCreativeWriting: any;
114
210
  subjectExamSkills: any;
211
+ glBlueLight: any;
212
+ glBluePrimary: any;
213
+ glBlueDark: any;
115
214
  };
116
215
  space: {
117
216
  "0": any;
@@ -308,6 +407,102 @@ export declare const StyledHandle: import("@stitches/react/types/styled-componen
308
407
  purple1000: any;
309
408
  purple1100: any;
310
409
  purple1200: any;
410
+ cyan100: any;
411
+ cyan200: any;
412
+ cyan300: any;
413
+ cyan400: any;
414
+ cyan500: any;
415
+ cyan600: any;
416
+ cyan700: any;
417
+ cyan800: any;
418
+ cyan900: any;
419
+ cyan1000: any;
420
+ cyan1100: any;
421
+ cyan1200: any;
422
+ green100: any;
423
+ green200: any;
424
+ green300: any;
425
+ green400: any;
426
+ green500: any;
427
+ green600: any;
428
+ green700: any;
429
+ green800: any;
430
+ green900: any;
431
+ green1000: any;
432
+ green1100: any;
433
+ green1200: any;
434
+ magenta100: any;
435
+ magenta200: any;
436
+ magenta300: any;
437
+ magenta400: any;
438
+ magenta500: any;
439
+ magenta600: any;
440
+ magenta700: any;
441
+ magenta800: any;
442
+ magenta900: any;
443
+ magenta1000: any;
444
+ magenta1100: any;
445
+ magenta1200: any;
446
+ red100: any;
447
+ red200: any;
448
+ red300: any;
449
+ red400: any;
450
+ red500: any;
451
+ red600: any;
452
+ red700: any;
453
+ red800: any;
454
+ red900: any;
455
+ red1000: any;
456
+ red1100: any;
457
+ red1200: any;
458
+ teal100: any;
459
+ teal200: any;
460
+ teal300: any;
461
+ teal400: any;
462
+ teal500: any;
463
+ teal600: any;
464
+ teal700: any;
465
+ teal800: any;
466
+ teal900: any;
467
+ teal1000: any;
468
+ teal1100: any;
469
+ teal1200: any;
470
+ orange100: any;
471
+ orange200: any;
472
+ orange300: any;
473
+ orange400: any;
474
+ orange500: any;
475
+ orange600: any;
476
+ orange700: any;
477
+ orange800: any;
478
+ orange900: any;
479
+ orange1000: any;
480
+ orange1100: any;
481
+ orange1200: any;
482
+ yellow100: any;
483
+ yellow200: any;
484
+ yellow300: any;
485
+ yellow400: any;
486
+ yellow500: any;
487
+ yellow600: any;
488
+ yellow700: any;
489
+ yellow800: any;
490
+ yellow900: any;
491
+ yellow1000: any;
492
+ yellow1100: any;
493
+ yellow1200: any;
494
+ lime100: any;
495
+ lime200: any;
496
+ lime300: any;
497
+ lime400: any;
498
+ lime500: any;
499
+ lime600: any;
500
+ lime700: any;
501
+ lime800: any;
502
+ lime900: any;
503
+ lime1000: any;
504
+ lime1100: any;
505
+ lime1200: any;
311
506
  tonal50: any;
312
507
  tonal100: any;
313
508
  tonal200: any;
@@ -353,6 +548,9 @@ export declare const StyledHandle: import("@stitches/react/types/styled-componen
353
548
  subjectNonVerbalReasoning: any;
354
549
  subjectCreativeWriting: any;
355
550
  subjectExamSkills: any;
551
+ glBlueLight: any;
552
+ glBluePrimary: any;
553
+ glBlueDark: any;
356
554
  };
357
555
  space: {
358
556
  "0": any;
@@ -65,6 +65,102 @@ declare const StyledStack: import("@stitches/react/types/styled-component").Styl
65
65
  purple1000: any;
66
66
  purple1100: any;
67
67
  purple1200: any;
68
+ cyan100: any;
69
+ cyan200: any;
70
+ cyan300: any;
71
+ cyan400: any;
72
+ cyan500: any;
73
+ cyan600: any;
74
+ cyan700: any;
75
+ cyan800: any;
76
+ cyan900: any;
77
+ cyan1000: any;
78
+ cyan1100: any;
79
+ cyan1200: any;
80
+ green100: any;
81
+ green200: any;
82
+ green300: any;
83
+ green400: any;
84
+ green500: any;
85
+ green600: any;
86
+ green700: any;
87
+ green800: any;
88
+ green900: any;
89
+ green1000: any;
90
+ green1100: any;
91
+ green1200: any;
92
+ magenta100: any;
93
+ magenta200: any;
94
+ magenta300: any;
95
+ magenta400: any;
96
+ magenta500: any;
97
+ magenta600: any;
98
+ magenta700: any;
99
+ magenta800: any;
100
+ magenta900: any;
101
+ magenta1000: any;
102
+ magenta1100: any;
103
+ magenta1200: any;
104
+ red100: any;
105
+ red200: any;
106
+ red300: any;
107
+ red400: any;
108
+ red500: any;
109
+ red600: any;
110
+ red700: any;
111
+ red800: any;
112
+ red900: any;
113
+ red1000: any;
114
+ red1100: any;
115
+ red1200: any;
116
+ teal100: any;
117
+ teal200: any;
118
+ teal300: any;
119
+ teal400: any;
120
+ teal500: any;
121
+ teal600: any;
122
+ teal700: any;
123
+ teal800: any;
124
+ teal900: any;
125
+ teal1000: any;
126
+ teal1100: any;
127
+ teal1200: any;
128
+ orange100: any;
129
+ orange200: any;
130
+ orange300: any;
131
+ orange400: any;
132
+ orange500: any;
133
+ orange600: any;
134
+ orange700: any;
135
+ orange800: any;
136
+ orange900: any;
137
+ orange1000: any;
138
+ orange1100: any;
139
+ orange1200: any;
140
+ yellow100: any;
141
+ yellow200: any;
142
+ yellow300: any;
143
+ yellow400: any;
144
+ yellow500: any;
145
+ yellow600: any;
146
+ yellow700: any;
147
+ yellow800: any;
148
+ yellow900: any;
149
+ yellow1000: any;
150
+ yellow1100: any;
151
+ yellow1200: any;
152
+ lime100: any;
153
+ lime200: any;
154
+ lime300: any;
155
+ lime400: any;
156
+ lime500: any;
157
+ lime600: any;
158
+ lime700: any;
159
+ lime800: any;
160
+ lime900: any;
161
+ lime1000: any;
162
+ lime1100: any;
163
+ lime1200: any;
68
164
  tonal50: any;
69
165
  tonal100: any;
70
166
  tonal200: any;
@@ -110,6 +206,9 @@ declare const StyledStack: import("@stitches/react/types/styled-component").Styl
110
206
  subjectNonVerbalReasoning: any;
111
207
  subjectCreativeWriting: any;
112
208
  subjectExamSkills: any;
209
+ glBlueLight: any;
210
+ glBluePrimary: any;
211
+ glBlueDark: any;
113
212
  };
114
213
  space: {
115
214
  "0": any;
@@ -230,5 +329,8 @@ declare type StackPropsType = React.ComponentProps<typeof StyledStack> & {
230
329
  css?: CSS;
231
330
  as?: any;
232
331
  };
332
+ /**
333
+ * @deprecated Stack is being deprecated. Use Flex instead!
334
+ */
233
335
  export declare const Stack: React.ForwardRefExoticComponent<StackPropsType>;
234
336
  export {};
@@ -1 +1 @@
1
- {"version":3,"file":"Stack.js","sources":["../../../src/components/stack/Stack.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { CSS, styled } from '~/stitches'\nimport { createThemeVariants } from '~/utilities'\nimport { CSSWrapper } from '~/utilities/css-wrapper'\n\nconst StyledStack = styled('div', {\n display: 'flex',\n '& > *': {\n m: 0\n },\n variants: {\n direction: {\n row: {\n flexDirection: 'row'\n },\n 'row-reverse': {\n flexDirection: 'row-reverse'\n },\n column: {\n flexDirection: 'column'\n }\n },\n wrap: {\n wrap: {\n flexWrap: 'wrap'\n },\n 'no-wrap': {\n flexWrap: 'no-wrap'\n },\n 'wrap-reverse': {\n flexWrap: 'wrap-reverse'\n }\n },\n justify: {\n start: { justifyContent: 'flex-start' },\n center: { justifyContent: 'center' },\n end: { justifyContent: 'flex-end' },\n false: {}\n },\n align: {\n start: { alignItems: 'flex-start' },\n center: { alignItems: 'center' },\n end: { alignItems: 'flex-end' },\n false: {}\n },\n gap: {\n ...createThemeVariants('space', {\n mt: '-$key',\n ml: '-$key',\n '& > *': {\n mt: '$key',\n ml: '$key'\n }\n }),\n false: {}\n }\n }\n})\n\ntype StackPropsType = React.ComponentProps<typeof StyledStack> & {\n css?: CSS\n as?: any\n} // (!) `css` and `as` are both props that come from `stitches`. It would be better to figure out and export the appropriate type for them in stitches!\n\nexport const Stack: React.ForwardRefExoticComponent<StackPropsType> =\n React.forwardRef(\n (\n {\n css,\n gap = 2,\n direction = 'row',\n wrap = 'wrap',\n justify = 'start',\n align,\n ...remainingProps\n },\n ref\n ) => {\n return (\n <CSSWrapper css={css}>\n <StyledStack\n ref={ref}\n direction={direction}\n gap={gap}\n wrap={wrap}\n justify={justify}\n align={\n typeof align === 'undefined' && direction !== 'column'\n ? 'center'\n : align\n }\n {...remainingProps}\n />\n </CSSWrapper>\n )\n }\n )\n\nStack.displayName = 'Stack'\n"],"names":["StyledStack","styled","createThemeVariants","Stack","React","css","gap","direction","wrap","justify","align","remainingProps","ref","CSSWrapper"],"mappings":"mXAMA,MAAMA,EAAcC,EAAO,MAAO,CAChC,QAAS,OACT,QAAS,CACP,EAAG,CACL,EACA,SAAU,CACR,UAAW,CACT,IAAK,CACH,cAAe,KACjB,EACA,cAAe,CACb,cAAe,aACjB,EACA,OAAQ,CACN,cAAe,QACjB,CACF,EACA,KAAM,CACJ,KAAM,CACJ,SAAU,MACZ,EACA,UAAW,CACT,SAAU,SACZ,EACA,eAAgB,CACd,SAAU,cACZ,CACF,EACA,QAAS,CACP,MAAO,CAAE,eAAgB,YAAa,EACtC,OAAQ,CAAE,eAAgB,QAAS,EACnC,IAAK,CAAE,eAAgB,UAAW,EAClC,MAAO,CACT,CAAA,EACA,MAAO,CACL,MAAO,CAAE,WAAY,YAAa,EAClC,OAAQ,CAAE,WAAY,QAAS,EAC/B,IAAK,CAAE,WAAY,UAAW,EAC9B,MAAO,CACT,CAAA,EACA,IAAK,CACH,GAAGC,EAAoB,QAAS,CAC9B,GAAI,QACJ,GAAI,QACJ,QAAS,CACP,GAAI,OACJ,GAAI,MACN,CACF,CAAC,EACD,MAAO,EACT,CACF,CACF,CAAC,EAOYC,EACXC,EAAM,WACJ,CACE,CACE,IAAAC,EACA,IAAAC,EAAM,EACN,UAAAC,EAAY,MACZ,KAAAC,EAAO,OACP,QAAAC,EAAU,QACV,MAAAC,KACGC,CACL,EACAC,IAGER,EAAA,cAACS,EAAA,CAAW,IAAKR,GACfD,EAAA,cAACJ,EAAA,CACC,IAAKY,EACL,UAAWL,EACX,IAAKD,EACL,KAAME,EACN,QAASC,EACT,MACE,OAAOC,EAAU,KAAeH,IAAc,SAC1C,SACAG,EAEL,GAAGC,EACN,CACF,CAGN,EAEFR,EAAM,YAAc"}
1
+ {"version":3,"file":"Stack.js","sources":["../../../src/components/stack/Stack.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { CSS, styled } from '~/stitches'\nimport { createThemeVariants } from '~/utilities'\nimport { CSSWrapper } from '~/utilities/css-wrapper'\n\nconst StyledStack = styled('div', {\n display: 'flex',\n '& > *': {\n m: 0\n },\n variants: {\n direction: {\n row: {\n flexDirection: 'row'\n },\n 'row-reverse': {\n flexDirection: 'row-reverse'\n },\n column: {\n flexDirection: 'column'\n }\n },\n wrap: {\n wrap: {\n flexWrap: 'wrap'\n },\n 'no-wrap': {\n flexWrap: 'no-wrap'\n },\n 'wrap-reverse': {\n flexWrap: 'wrap-reverse'\n }\n },\n justify: {\n start: { justifyContent: 'flex-start' },\n center: { justifyContent: 'center' },\n end: { justifyContent: 'flex-end' },\n false: {}\n },\n align: {\n start: { alignItems: 'flex-start' },\n center: { alignItems: 'center' },\n end: { alignItems: 'flex-end' },\n false: {}\n },\n gap: {\n ...createThemeVariants('space', {\n mt: '-$key',\n ml: '-$key',\n '& > *': {\n mt: '$key',\n ml: '$key'\n }\n }),\n false: {}\n }\n }\n})\n\ntype StackPropsType = React.ComponentProps<typeof StyledStack> & {\n css?: CSS\n as?: any\n} // (!) `css` and `as` are both props that come from `stitches`. It would be better to figure out and export the appropriate type for them in stitches!\n\n/**\n * @deprecated Stack is being deprecated. Use Flex instead!\n */\nexport const Stack: React.ForwardRefExoticComponent<StackPropsType> =\n React.forwardRef(\n (\n {\n css,\n gap = 2,\n direction = 'row',\n wrap = 'wrap',\n justify = 'start',\n align,\n ...remainingProps\n },\n ref\n ) => {\n return (\n <CSSWrapper css={css}>\n <StyledStack\n ref={ref}\n direction={direction}\n gap={gap}\n wrap={wrap}\n justify={justify}\n align={\n typeof align === 'undefined' && direction !== 'column'\n ? 'center'\n : align\n }\n {...remainingProps}\n />\n </CSSWrapper>\n )\n }\n )\n\nStack.displayName = 'Stack'\n"],"names":["StyledStack","styled","createThemeVariants","Stack","React","css","gap","direction","wrap","justify","align","remainingProps","ref","CSSWrapper"],"mappings":"mXAMA,MAAMA,EAAcC,EAAO,MAAO,CAChC,QAAS,OACT,QAAS,CACP,EAAG,CACL,EACA,SAAU,CACR,UAAW,CACT,IAAK,CACH,cAAe,KACjB,EACA,cAAe,CACb,cAAe,aACjB,EACA,OAAQ,CACN,cAAe,QACjB,CACF,EACA,KAAM,CACJ,KAAM,CACJ,SAAU,MACZ,EACA,UAAW,CACT,SAAU,SACZ,EACA,eAAgB,CACd,SAAU,cACZ,CACF,EACA,QAAS,CACP,MAAO,CAAE,eAAgB,YAAa,EACtC,OAAQ,CAAE,eAAgB,QAAS,EACnC,IAAK,CAAE,eAAgB,UAAW,EAClC,MAAO,CACT,CAAA,EACA,MAAO,CACL,MAAO,CAAE,WAAY,YAAa,EAClC,OAAQ,CAAE,WAAY,QAAS,EAC/B,IAAK,CAAE,WAAY,UAAW,EAC9B,MAAO,CACT,CAAA,EACA,IAAK,CACH,GAAGC,EAAoB,QAAS,CAC9B,GAAI,QACJ,GAAI,QACJ,QAAS,CACP,GAAI,OACJ,GAAI,MACN,CACF,CAAC,EACD,MAAO,EACT,CACF,CACF,CAAC,EAUYC,EACXC,EAAM,WACJ,CACE,CACE,IAAAC,EACA,IAAAC,EAAM,EACN,UAAAC,EAAY,MACZ,KAAAC,EAAO,OACP,QAAAC,EAAU,QACV,MAAAC,KACGC,CACL,EACAC,IAGER,EAAA,cAACS,EAAA,CAAW,IAAKR,GACfD,EAAA,cAACJ,EAAA,CACC,IAAKY,EACL,UAAWL,EACX,IAAKD,EACL,KAAME,EACN,QAASC,EACT,MACE,OAAOC,EAAU,KAAeH,IAAc,SAC1C,SACAG,EAEL,GAAGC,EACN,CACF,CAGN,EAEFR,EAAM,YAAc"}
@@ -59,6 +59,102 @@ declare const StyledStackContent: import("@stitches/react/types/styled-component
59
59
  purple1000: any;
60
60
  purple1100: any;
61
61
  purple1200: any;
62
+ cyan100: any;
63
+ cyan200: any;
64
+ cyan300: any;
65
+ cyan400: any;
66
+ cyan500: any;
67
+ cyan600: any;
68
+ cyan700: any;
69
+ cyan800: any;
70
+ cyan900: any;
71
+ cyan1000: any;
72
+ cyan1100: any;
73
+ cyan1200: any;
74
+ green100: any;
75
+ green200: any;
76
+ green300: any;
77
+ green400: any;
78
+ green500: any;
79
+ green600: any;
80
+ green700: any;
81
+ green800: any;
82
+ green900: any;
83
+ green1000: any;
84
+ green1100: any;
85
+ green1200: any;
86
+ magenta100: any;
87
+ magenta200: any;
88
+ magenta300: any;
89
+ magenta400: any;
90
+ magenta500: any;
91
+ magenta600: any;
92
+ magenta700: any;
93
+ magenta800: any;
94
+ magenta900: any;
95
+ magenta1000: any;
96
+ magenta1100: any;
97
+ magenta1200: any;
98
+ red100: any;
99
+ red200: any;
100
+ red300: any;
101
+ red400: any;
102
+ red500: any;
103
+ red600: any;
104
+ red700: any;
105
+ red800: any;
106
+ red900: any;
107
+ red1000: any;
108
+ red1100: any;
109
+ red1200: any;
110
+ teal100: any;
111
+ teal200: any;
112
+ teal300: any;
113
+ teal400: any;
114
+ teal500: any;
115
+ teal600: any;
116
+ teal700: any;
117
+ teal800: any;
118
+ teal900: any;
119
+ teal1000: any;
120
+ teal1100: any;
121
+ teal1200: any;
122
+ orange100: any;
123
+ orange200: any;
124
+ orange300: any;
125
+ orange400: any;
126
+ orange500: any;
127
+ orange600: any;
128
+ orange700: any;
129
+ orange800: any;
130
+ orange900: any;
131
+ orange1000: any;
132
+ orange1100: any;
133
+ orange1200: any;
134
+ yellow100: any;
135
+ yellow200: any;
136
+ yellow300: any;
137
+ yellow400: any;
138
+ yellow500: any;
139
+ yellow600: any;
140
+ yellow700: any;
141
+ yellow800: any;
142
+ yellow900: any;
143
+ yellow1000: any;
144
+ yellow1100: any;
145
+ yellow1200: any;
146
+ lime100: any;
147
+ lime200: any;
148
+ lime300: any;
149
+ lime400: any;
150
+ lime500: any;
151
+ lime600: any;
152
+ lime700: any;
153
+ lime800: any;
154
+ lime900: any;
155
+ lime1000: any;
156
+ lime1100: any;
157
+ lime1200: any;
62
158
  tonal50: any;
63
159
  tonal100: any;
64
160
  tonal200: any;
@@ -104,6 +200,9 @@ declare const StyledStackContent: import("@stitches/react/types/styled-component
104
200
  subjectNonVerbalReasoning: any;
105
201
  subjectCreativeWriting: any;
106
202
  subjectExamSkills: any;
203
+ glBlueLight: any;
204
+ glBluePrimary: any;
205
+ glBlueDark: any;
107
206
  };
108
207
  space: {
109
208
  "0": any;
@@ -1,4 +1,10 @@
1
- export declare const StepperStepBullet: import("@stitches/react/types/styled-component").StyledComponent<import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
1
+ export declare const StepperStepBullet: import("@stitches/react/types/styled-component").StyledComponent<import("@stitches/react/types/styled-component").StyledComponent<"div", {
2
+ direction?: "inherit" | "initial" | "revert" | "unset" | "row" | "column" | "column-reverse" | "row-reverse" | "revert-layer" | undefined;
3
+ wrap?: "inherit" | "initial" | "revert" | "unset" | "nowrap" | "wrap" | "wrap-reverse" | "revert-layer" | undefined;
4
+ justify?: "center" | "left" | "right" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "space-around" | "space-between" | "space-evenly" | "end" | "flex-end" | "flex-start" | "start" | "normal" | "revert-layer" | "unsafe" | "safe" | undefined;
5
+ align?: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "normal" | "self-end" | "self-start" | "revert-layer" | "unsafe" | "safe" | "first baseline" | "last baseline" | undefined;
6
+ gap?: number | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "24" | undefined;
7
+ }, {
2
8
  sm: string;
3
9
  md: string;
4
10
  lg: string;
@@ -57,6 +63,102 @@ export declare const StepperStepBullet: import("@stitches/react/types/styled-com
57
63
  purple1000: any;
58
64
  purple1100: any;
59
65
  purple1200: any;
66
+ cyan100: any;
67
+ cyan200: any;
68
+ cyan300: any;
69
+ cyan400: any;
70
+ cyan500: any;
71
+ cyan600: any;
72
+ cyan700: any;
73
+ cyan800: any;
74
+ cyan900: any;
75
+ cyan1000: any;
76
+ cyan1100: any;
77
+ cyan1200: any;
78
+ green100: any;
79
+ green200: any;
80
+ green300: any;
81
+ green400: any;
82
+ green500: any;
83
+ green600: any;
84
+ green700: any;
85
+ green800: any;
86
+ green900: any;
87
+ green1000: any;
88
+ green1100: any;
89
+ green1200: any;
90
+ magenta100: any;
91
+ magenta200: any;
92
+ magenta300: any;
93
+ magenta400: any;
94
+ magenta500: any;
95
+ magenta600: any;
96
+ magenta700: any;
97
+ magenta800: any;
98
+ magenta900: any;
99
+ magenta1000: any;
100
+ magenta1100: any;
101
+ magenta1200: any;
102
+ red100: any;
103
+ red200: any;
104
+ red300: any;
105
+ red400: any;
106
+ red500: any;
107
+ red600: any;
108
+ red700: any;
109
+ red800: any;
110
+ red900: any;
111
+ red1000: any;
112
+ red1100: any;
113
+ red1200: any;
114
+ teal100: any;
115
+ teal200: any;
116
+ teal300: any;
117
+ teal400: any;
118
+ teal500: any;
119
+ teal600: any;
120
+ teal700: any;
121
+ teal800: any;
122
+ teal900: any;
123
+ teal1000: any;
124
+ teal1100: any;
125
+ teal1200: any;
126
+ orange100: any;
127
+ orange200: any;
128
+ orange300: any;
129
+ orange400: any;
130
+ orange500: any;
131
+ orange600: any;
132
+ orange700: any;
133
+ orange800: any;
134
+ orange900: any;
135
+ orange1000: any;
136
+ orange1100: any;
137
+ orange1200: any;
138
+ yellow100: any;
139
+ yellow200: any;
140
+ yellow300: any;
141
+ yellow400: any;
142
+ yellow500: any;
143
+ yellow600: any;
144
+ yellow700: any;
145
+ yellow800: any;
146
+ yellow900: any;
147
+ yellow1000: any;
148
+ yellow1100: any;
149
+ yellow1200: any;
150
+ lime100: any;
151
+ lime200: any;
152
+ lime300: any;
153
+ lime400: any;
154
+ lime500: any;
155
+ lime600: any;
156
+ lime700: any;
157
+ lime800: any;
158
+ lime900: any;
159
+ lime1000: any;
160
+ lime1100: any;
161
+ lime1200: any;
60
162
  tonal50: any;
61
163
  tonal100: any;
62
164
  tonal200: any;
@@ -102,6 +204,9 @@ export declare const StepperStepBullet: import("@stitches/react/types/styled-com
102
204
  subjectNonVerbalReasoning: any;
103
205
  subjectCreativeWriting: any;
104
206
  subjectExamSkills: any;
207
+ glBlueLight: any;
208
+ glBluePrimary: any;
209
+ glBlueDark: any;
105
210
  };
106
211
  space: {
107
212
  "0": any;
@@ -278,6 +383,102 @@ export declare const StepperStepBullet: import("@stitches/react/types/styled-com
278
383
  purple1000: any;
279
384
  purple1100: any;
280
385
  purple1200: any;
386
+ cyan100: any;
387
+ cyan200: any;
388
+ cyan300: any;
389
+ cyan400: any;
390
+ cyan500: any;
391
+ cyan600: any;
392
+ cyan700: any;
393
+ cyan800: any;
394
+ cyan900: any;
395
+ cyan1000: any;
396
+ cyan1100: any;
397
+ cyan1200: any;
398
+ green100: any;
399
+ green200: any;
400
+ green300: any;
401
+ green400: any;
402
+ green500: any;
403
+ green600: any;
404
+ green700: any;
405
+ green800: any;
406
+ green900: any;
407
+ green1000: any;
408
+ green1100: any;
409
+ green1200: any;
410
+ magenta100: any;
411
+ magenta200: any;
412
+ magenta300: any;
413
+ magenta400: any;
414
+ magenta500: any;
415
+ magenta600: any;
416
+ magenta700: any;
417
+ magenta800: any;
418
+ magenta900: any;
419
+ magenta1000: any;
420
+ magenta1100: any;
421
+ magenta1200: any;
422
+ red100: any;
423
+ red200: any;
424
+ red300: any;
425
+ red400: any;
426
+ red500: any;
427
+ red600: any;
428
+ red700: any;
429
+ red800: any;
430
+ red900: any;
431
+ red1000: any;
432
+ red1100: any;
433
+ red1200: any;
434
+ teal100: any;
435
+ teal200: any;
436
+ teal300: any;
437
+ teal400: any;
438
+ teal500: any;
439
+ teal600: any;
440
+ teal700: any;
441
+ teal800: any;
442
+ teal900: any;
443
+ teal1000: any;
444
+ teal1100: any;
445
+ teal1200: any;
446
+ orange100: any;
447
+ orange200: any;
448
+ orange300: any;
449
+ orange400: any;
450
+ orange500: any;
451
+ orange600: any;
452
+ orange700: any;
453
+ orange800: any;
454
+ orange900: any;
455
+ orange1000: any;
456
+ orange1100: any;
457
+ orange1200: any;
458
+ yellow100: any;
459
+ yellow200: any;
460
+ yellow300: any;
461
+ yellow400: any;
462
+ yellow500: any;
463
+ yellow600: any;
464
+ yellow700: any;
465
+ yellow800: any;
466
+ yellow900: any;
467
+ yellow1000: any;
468
+ yellow1100: any;
469
+ yellow1200: any;
470
+ lime100: any;
471
+ lime200: any;
472
+ lime300: any;
473
+ lime400: any;
474
+ lime500: any;
475
+ lime600: any;
476
+ lime700: any;
477
+ lime800: any;
478
+ lime900: any;
479
+ lime1000: any;
480
+ lime1100: any;
481
+ lime1200: any;
281
482
  tonal50: any;
282
483
  tonal100: any;
283
484
  tonal200: any;
@@ -323,6 +524,9 @@ export declare const StepperStepBullet: import("@stitches/react/types/styled-com
323
524
  subjectNonVerbalReasoning: any;
324
525
  subjectCreativeWriting: any;
325
526
  subjectExamSkills: any;
527
+ glBlueLight: any;
528
+ glBluePrimary: any;
529
+ glBlueDark: any;
326
530
  };
327
531
  space: {
328
532
  "0": any;