@atom-learning/components 3.10.0 → 3.11.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.
- package/CHANGELOG.md +9 -3
- package/dist/components/accordion/Accordion.d.ts +19 -7
- package/dist/components/accordion/AccordionContent.d.ts +19 -7
- package/dist/components/accordion/AccordionItem.d.ts +19 -7
- package/dist/components/accordion/AccordionTrigger.d.ts +19 -7
- package/dist/components/action-icon/ActionIcon.d.ts +20 -8
- package/dist/components/action-icon/ActionIcon.js +1 -1
- package/dist/components/action-icon/ActionIcon.js.map +1 -1
- package/dist/components/alert-dialog/AlertDialog.d.ts +19 -7
- package/dist/components/alert-dialog/AlertDialogContent.d.ts +19 -7
- package/dist/components/alert-dialog/alert-context/AlertDialogIcon.js +1 -1
- package/dist/components/alert-dialog/alert-context/AlertDialogIcon.js.map +1 -1
- package/dist/components/avatar/Avatar.d.ts +38 -14
- package/dist/components/avatar/Avatar.js +1 -1
- package/dist/components/avatar/Avatar.js.map +1 -1
- package/dist/components/badge/Badge.d.ts +38 -14
- package/dist/components/badge/BadgeIcon.d.ts +38 -14
- package/dist/components/badge/BadgeText.d.ts +38 -14
- package/dist/components/badge/stitches.badge.colorscheme.config.js +1 -1
- package/dist/components/badge/stitches.badge.colorscheme.config.js.map +1 -1
- package/dist/components/banner/BannerContainer.d.ts +38 -14
- package/dist/components/banner/banner-regular/BannerRegularActions.js +1 -1
- package/dist/components/banner/banner-regular/BannerRegularContent.d.ts +38 -14
- package/dist/components/banner/banner-regular/BannerRegularDismiss.d.ts +40 -16
- package/dist/components/banner/banner-slim/BannerSlimContainer.d.ts +19 -7
- package/dist/components/banner/banner-slim/BannerSlimContent.d.ts +38 -14
- package/dist/components/banner/banner-slim/BannerSlimDismiss.d.ts +40 -16
- package/dist/components/box/Box.d.ts +19 -7
- package/dist/components/button/Button.d.ts +20 -8
- package/dist/components/button/Button.js +1 -1
- package/dist/components/button/Button.js.map +1 -1
- package/dist/components/calendar/Day.d.ts +19 -7
- package/dist/components/calendar/Day.js +1 -1
- package/dist/components/calendar/Day.js.map +1 -1
- package/dist/components/carousel/CarouselArrows.js +1 -1
- package/dist/components/carousel/CarouselArrows.js.map +1 -1
- package/dist/components/carousel/CarouselPagination.d.ts +19 -7
- package/dist/components/carousel/CarouselPagination.js +1 -1
- package/dist/components/carousel/CarouselPagination.js.map +1 -1
- package/dist/components/carousel/CarouselSlide.d.ts +19 -7
- package/dist/components/carousel/CarouselSlider.d.ts +19 -7
- package/dist/components/checkbox/Checkbox.d.ts +19 -7
- package/dist/components/checkbox/Checkbox.js +1 -1
- package/dist/components/checkbox/Checkbox.js.map +1 -1
- package/dist/components/checkbox-group/CheckboxGroup.d.ts +57 -21
- package/dist/components/checkbox-tree/CheckboxTree.d.ts +76 -28
- package/dist/components/chip/Chip.d.ts +95 -35
- package/dist/components/chip/Chip.js +1 -1
- package/dist/components/chip/Chip.js.map +1 -1
- package/dist/components/chip-dismissible-group/ChipDismissibleGroupItem.d.ts +76 -28
- package/dist/components/chip-toggle-group/ChipToggleGroupItem.d.ts +76 -28
- package/dist/components/chip-toggle-group/ChipToggleGroupItem.js +1 -1
- package/dist/components/chip-toggle-group/ChipToggleGroupItem.js.map +1 -1
- package/dist/components/chip-toggle-group/ChipToggleGroupRoot.d.ts +38 -14
- package/dist/components/combobox/Combobox.d.ts +19 -7
- package/dist/components/combobox/ComboboxInput.d.ts +19 -7
- package/dist/components/combobox/ComboboxInput.js +1 -1
- package/dist/components/combobox/ComboboxInput.js.map +1 -1
- package/dist/components/combobox/ComboboxList.d.ts +19 -7
- package/dist/components/combobox/ComboboxOption.d.ts +19 -7
- package/dist/components/combobox/ComboboxOption.js +1 -1
- package/dist/components/combobox/ComboboxOption.js.map +1 -1
- package/dist/components/combobox/ComboboxPopover.d.ts +19 -7
- package/dist/components/create-password-field/CreatePasswordField.js +1 -1
- package/dist/components/data-table/DataTableBulkActions.js +1 -1
- package/dist/components/data-table/DataTableBulkActions.js.map +1 -1
- package/dist/components/data-table/DataTableLoading.d.ts +19 -7
- package/dist/components/data-table/DataTableRow.js +1 -1
- package/dist/components/data-table/DataTableRow.js.map +1 -1
- package/dist/components/data-table/pagination/Pagination.d.ts +19 -7
- package/dist/components/dialog/Dialog.d.ts +19 -7
- package/dist/components/dialog/DialogBackground.d.ts +38 -14
- package/dist/components/dialog/DialogClose.d.ts +19 -7
- package/dist/components/dialog/DialogContent.d.ts +19 -7
- package/dist/components/dismissible/DismissibleRoot.d.ts +3 -4
- package/dist/components/dismissible/DismissibleRoot.js +1 -1
- package/dist/components/dismissible/DismissibleRoot.js.map +1 -1
- package/dist/components/divider/Divider.d.ts +19 -7
- package/dist/components/drawer/Drawer.d.ts +116 -44
- package/dist/components/drawer/DrawerContent.d.ts +19 -7
- package/dist/components/drawer/DrawerContent.js +1 -1
- package/dist/components/drawer/DrawerContent.js.map +1 -1
- package/dist/components/drawer/DrawerFooter.d.ts +19 -7
- package/dist/components/drawer/DrawerHeader.d.ts +19 -7
- package/dist/components/drawer/DrawerMain.d.ts +19 -7
- package/dist/components/drawer/DrawerOverlay.d.ts +19 -7
- package/dist/components/drawer/DrawerTrigger.d.ts +19 -7
- package/dist/components/dropdown-menu/DropdownMenu.d.ts +19 -7
- package/dist/components/dropdown-menu/DropdownMenuContent.d.ts +19 -7
- package/dist/components/dropdown-menu/DropdownMenuItem.d.ts +19 -7
- package/dist/components/dropdown-menu/DropdownMenuItem.js +1 -1
- package/dist/components/dropdown-menu/DropdownMenuItem.js.map +1 -1
- package/dist/components/dropdown-menu/DropdownMenuSeparator.d.ts +19 -7
- package/dist/components/dropdown-menu/DropdownMenuTrigger.d.ts +19 -7
- package/dist/components/empty-state/EmptyState.d.ts +38 -14
- package/dist/components/empty-state/EmptyStateBody.d.ts +38 -14
- package/dist/components/empty-state/EmptyStateImage.d.ts +38 -14
- package/dist/components/empty-state/EmptyStateTitle.d.ts +19 -7
- package/dist/components/flex/Flex.d.ts +19 -7
- package/dist/components/form/Form.d.ts +19 -7
- package/dist/components/form/Form.js +1 -1
- package/dist/components/grid/Grid.d.ts +19 -7
- package/dist/components/heading/Heading.d.ts +19 -7
- package/dist/components/icon/Icon.d.ts +19 -7
- package/dist/components/image/Image.d.ts +19 -7
- package/dist/components/inline-message/InlineMessage.config.js +1 -1
- package/dist/components/inline-message/InlineMessage.config.js.map +1 -1
- package/dist/components/inline-message/InlineMessage.d.ts +38 -14
- package/dist/components/input/Input.d.ts +19 -7
- package/dist/components/input/Input.js +1 -1
- package/dist/components/input/Input.js.map +1 -1
- package/dist/components/label/Label.d.ts +19 -7
- package/dist/components/link/Link.d.ts +19 -7
- package/dist/components/link/Link.js +1 -1
- package/dist/components/link/Link.js.map +1 -1
- package/dist/components/list/List.d.ts +38 -14
- package/dist/components/list/List.js +1 -1
- package/dist/components/list/List.js.map +1 -1
- package/dist/components/markdown-content/components/MarkdownEmphasis.d.ts +19 -7
- package/dist/components/navigation/NavigationMenu.d.ts +19 -7
- package/dist/components/navigation/NavigationMenu.styles.js +1 -1
- package/dist/components/navigation/NavigationMenu.styles.js.map +1 -1
- package/dist/components/navigation/NavigationMenuDropdownContent.d.ts +19 -7
- package/dist/components/navigation/NavigationMenuDropdownItem.d.ts +38 -14
- package/dist/components/navigation/NavigationMenuLink.js +1 -1
- package/dist/components/navigation/NavigationMenuLink.js.map +1 -1
- package/dist/components/navigation/stitches.navigationMenu.colorscheme.config.js +1 -1
- package/dist/components/navigation/stitches.navigationMenu.colorscheme.config.js.map +1 -1
- package/dist/components/navigation-menu-vertical/NavigationMenuVertical.d.ts +19 -7
- package/dist/components/navigation-menu-vertical/NavigationMenuVerticalAccordionContent.d.ts +19 -7
- package/dist/components/navigation-menu-vertical/NavigationMenuVerticalAccordionTrigger.d.ts +19 -7
- package/dist/components/navigation-menu-vertical/NavigationMenuVerticalIcon.d.ts +38 -14
- package/dist/components/navigation-menu-vertical/NavigationMenuVerticalItem.d.ts +19 -7
- package/dist/components/navigation-menu-vertical/NavigationMenuVerticalLink.d.ts +19 -7
- package/dist/components/navigation-menu-vertical/NavigationMenuVerticalList.d.ts +19 -7
- package/dist/components/navigation-menu-vertical/NavigationMenuVerticalText.d.ts +38 -14
- package/dist/components/notification-badge/NotificationBadge.d.ts +38 -14
- package/dist/components/notification-badge/NotificationBadge.js +1 -1
- package/dist/components/notification-badge/NotificationBadge.js.map +1 -1
- package/dist/components/pagination/Pagination.js +1 -1
- package/dist/components/pagination/Pagination.js.map +1 -1
- package/dist/components/pagination/PaginationNextButton.d.ts +40 -16
- package/dist/components/pagination/PaginationPreviousButton.d.ts +40 -16
- package/dist/components/popover/Popover.d.ts +19 -7
- package/dist/components/popover/PopoverContent.d.ts +19 -7
- package/dist/components/progress-bar/ProgressBar.d.ts +20 -8
- package/dist/components/progress-bar/ProgressBar.js +1 -1
- package/dist/components/progress-bar/ProgressBar.js.map +1 -1
- package/dist/components/radio-button/RadioButton.d.ts +19 -7
- package/dist/components/radio-button/RadioButton.js +1 -1
- package/dist/components/radio-button/RadioButton.js.map +1 -1
- package/dist/components/radio-button/RadioButtonGroup.d.ts +19 -7
- package/dist/components/radio-card/RadioCard.d.ts +19 -7
- package/dist/components/radio-card/RadioCard.js +1 -1
- package/dist/components/radio-card/RadioCard.js.map +1 -1
- package/dist/components/section-message/SectionMessage.d.ts +137 -53
- package/dist/components/section-message/SectionMessage.js +1 -1
- package/dist/components/section-message/SectionMessage.js.map +1 -1
- package/dist/components/select/Select.d.ts +19 -7
- package/dist/components/select/Select.js +1 -1
- package/dist/components/select/Select.js.map +1 -1
- package/dist/components/side-bar/SideBar.d.ts +152 -56
- package/dist/components/side-bar/SideBarComponents.d.ts +133 -49
- package/dist/components/slider/Slider.d.ts +19 -7
- package/dist/components/slider/Slider.js +1 -1
- package/dist/components/slider/Slider.js.map +1 -1
- package/dist/components/sortable/Handle.d.ts +40 -16
- package/dist/components/stack/Stack.d.ts +19 -7
- package/dist/components/stack-content/StackContent.d.ts +19 -7
- package/dist/components/stepper/StepperStepBullet.d.ts +38 -14
- package/dist/components/stepper/StepperStepBullet.js +1 -1
- package/dist/components/stepper/StepperStepBullet.js.map +1 -1
- package/dist/components/stepper/StepperStepContainer.d.ts +38 -14
- package/dist/components/stepper/StepperStepContainer.js +1 -1
- package/dist/components/stepper/StepperStepContainer.js.map +1 -1
- package/dist/components/stepper/StepperStepLabel.d.ts +38 -14
- package/dist/components/stepper/StepperStepLabel.js +1 -1
- package/dist/components/stepper/StepperStepLabel.js.map +1 -1
- package/dist/components/switch/Switch.d.ts +19 -7
- package/dist/components/switch/Switch.js +1 -1
- package/dist/components/switch/Switch.js.map +1 -1
- package/dist/components/table/Table.d.ts +19 -7
- package/dist/components/table/TableBody.d.ts +19 -7
- package/dist/components/table/TableCell.d.ts +19 -7
- package/dist/components/table/TableFooter.d.ts +19 -7
- package/dist/components/table/TableFooterCell.d.ts +19 -7
- package/dist/components/table/TableHeader.d.ts +19 -7
- package/dist/components/table/TableHeader.js +1 -1
- package/dist/components/table/TableHeader.js.map +1 -1
- package/dist/components/table/TableHeaderCell.d.ts +19 -7
- package/dist/components/table/TableRow.d.ts +38 -14
- package/dist/components/tabs/Tabs.d.ts +19 -7
- package/dist/components/tabs/TabsContent.d.ts +19 -7
- package/dist/components/tabs/TabsTrigger.d.ts +19 -7
- package/dist/components/tabs/TabsTriggerList.d.ts +19 -7
- package/dist/components/tabs/TabsTriggerList.js +1 -1
- package/dist/components/tabs/TabsTriggerList.js.map +1 -1
- package/dist/components/text/Text.d.ts +20 -8
- package/dist/components/textarea/Textarea.d.ts +19 -7
- package/dist/components/textarea/Textarea.js +1 -1
- package/dist/components/textarea/Textarea.js.map +1 -1
- package/dist/components/tile/Tile.d.ts +19 -7
- package/dist/components/tile/Tile.js +1 -1
- package/dist/components/tile/Tile.js.map +1 -1
- package/dist/components/tile/TileGroup.d.ts +19 -7
- package/dist/components/tile-interactive/TileInteractive.d.ts +38 -14
- package/dist/components/tile-toggle-group/TileToggleGroupItem.d.ts +57 -21
- package/dist/components/tile-toggle-group/TileToggleGroupRoot.d.ts +38 -14
- package/dist/components/toast/Toast.d.ts +64 -28
- package/dist/components/toast/Toast.js +1 -1
- package/dist/components/toast/Toast.js.map +1 -1
- package/dist/components/toggle-group/ToggleGroupButton.d.ts +38 -14
- package/dist/components/toggle-group/ToggleGroupItem.d.ts +38 -14
- package/dist/components/toggle-group/ToggleGroupItem.js +1 -1
- package/dist/components/toggle-group/ToggleGroupItem.js.map +1 -1
- package/dist/components/toggle-group/ToggleGroupRoot.d.ts +19 -7
- package/dist/components/toggle-group/index.d.ts +95 -35
- package/dist/components/tooltip/TooltipContent.d.ts +19 -7
- package/dist/components/top-bar/TopBar.d.ts +19 -7
- package/dist/components/top-bar/TopBarBrand.d.ts +57 -21
- package/dist/components/tree/Tree.d.ts +228 -84
- package/dist/components/tree/TreeCollapsible.d.ts +19 -7
- package/dist/components/tree/TreeCollapsibleContent.d.ts +38 -14
- package/dist/components/tree/TreeIcon.d.ts +38 -14
- package/dist/components/tree/TreeItemContent.d.ts +19 -7
- package/dist/components/tree/TreeListItem.d.ts +19 -7
- package/dist/components/video/Video.d.ts +38 -14
- package/dist/docgen.json +1 -1
- package/dist/experiments/color-scheme/ColorScheme.d.ts +19 -7
- package/dist/experiments/color-scheme/stitches.colorscheme.config.d.ts +14 -0
- package/dist/experiments/color-scheme/stitches.colorscheme.config.js +1 -1
- package/dist/experiments/color-scheme/stitches.colorscheme.config.js.map +1 -1
- package/dist/index.cjs.js +1 -1
- package/dist/index.cjs.js.map +1 -1
- package/dist/stitches.d.ts +209 -77
- package/dist/stitches.js +1 -1
- package/dist/stitches.js.map +1 -1
- package/dist/utilities/create-theme-variants/createThemeVariants.d.ts +20 -8
- package/dist/utilities/create-theme-variants/createThemeVariants.js.map +1 -1
- package/dist/utilities/no-overflow-wrapper/NoOverflowWrapper.d.ts +38 -14
- package/package.json +4 -4
|
@@ -18,9 +18,10 @@ declare const StyledStackContent: import("@stitches/react/types/styled-component
|
|
|
18
18
|
hover: string;
|
|
19
19
|
}, {
|
|
20
20
|
colors: {
|
|
21
|
-
|
|
21
|
+
textBold: any;
|
|
22
|
+
textRegular: any;
|
|
22
23
|
textSubtle: any;
|
|
23
|
-
|
|
24
|
+
textMinimal: any;
|
|
24
25
|
background: any;
|
|
25
26
|
backgroundAccent: any;
|
|
26
27
|
grey100: any;
|
|
@@ -167,11 +168,6 @@ declare const StyledStackContent: import("@stitches/react/types/styled-component
|
|
|
167
168
|
alpha200: any;
|
|
168
169
|
alpha250: any;
|
|
169
170
|
alpha600: any;
|
|
170
|
-
primaryLight: any;
|
|
171
|
-
primary: any;
|
|
172
|
-
primaryMid: any;
|
|
173
|
-
primaryDark: any;
|
|
174
|
-
secondary: any;
|
|
175
171
|
brandRed: any;
|
|
176
172
|
brandRedAccent: any;
|
|
177
173
|
brandGreen: any;
|
|
@@ -180,6 +176,10 @@ declare const StyledStackContent: import("@stitches/react/types/styled-component
|
|
|
180
176
|
brandPurpleAccent: any;
|
|
181
177
|
brandYellow: any;
|
|
182
178
|
brandYellowAccent: any;
|
|
179
|
+
infoLight: any;
|
|
180
|
+
info: any;
|
|
181
|
+
infoMid: any;
|
|
182
|
+
infoDark: any;
|
|
183
183
|
successLight: any;
|
|
184
184
|
success: any;
|
|
185
185
|
successMid: any;
|
|
@@ -203,6 +203,18 @@ declare const StyledStackContent: import("@stitches/react/types/styled-component
|
|
|
203
203
|
glBlueLight: any;
|
|
204
204
|
glBluePrimary: any;
|
|
205
205
|
glBlueDark: any;
|
|
206
|
+
primary100: any;
|
|
207
|
+
primary200: any;
|
|
208
|
+
primary300: any;
|
|
209
|
+
primary400: any;
|
|
210
|
+
primary500: any;
|
|
211
|
+
primary600: any;
|
|
212
|
+
primary700: any;
|
|
213
|
+
primary800: any;
|
|
214
|
+
primary900: any;
|
|
215
|
+
primary1000: any;
|
|
216
|
+
primary1100: any;
|
|
217
|
+
primary1200: any;
|
|
206
218
|
};
|
|
207
219
|
space: {
|
|
208
220
|
"0": any;
|
|
@@ -22,9 +22,10 @@ export declare const StepperStepBullet: import("@stitches/react/types/styled-com
|
|
|
22
22
|
hover: string;
|
|
23
23
|
}, {
|
|
24
24
|
colors: {
|
|
25
|
-
|
|
25
|
+
textBold: any;
|
|
26
|
+
textRegular: any;
|
|
26
27
|
textSubtle: any;
|
|
27
|
-
|
|
28
|
+
textMinimal: any;
|
|
28
29
|
background: any;
|
|
29
30
|
backgroundAccent: any;
|
|
30
31
|
grey100: any;
|
|
@@ -171,11 +172,6 @@ export declare const StepperStepBullet: import("@stitches/react/types/styled-com
|
|
|
171
172
|
alpha200: any;
|
|
172
173
|
alpha250: any;
|
|
173
174
|
alpha600: any;
|
|
174
|
-
primaryLight: any;
|
|
175
|
-
primary: any;
|
|
176
|
-
primaryMid: any;
|
|
177
|
-
primaryDark: any;
|
|
178
|
-
secondary: any;
|
|
179
175
|
brandRed: any;
|
|
180
176
|
brandRedAccent: any;
|
|
181
177
|
brandGreen: any;
|
|
@@ -184,6 +180,10 @@ export declare const StepperStepBullet: import("@stitches/react/types/styled-com
|
|
|
184
180
|
brandPurpleAccent: any;
|
|
185
181
|
brandYellow: any;
|
|
186
182
|
brandYellowAccent: any;
|
|
183
|
+
infoLight: any;
|
|
184
|
+
info: any;
|
|
185
|
+
infoMid: any;
|
|
186
|
+
infoDark: any;
|
|
187
187
|
successLight: any;
|
|
188
188
|
success: any;
|
|
189
189
|
successMid: any;
|
|
@@ -207,6 +207,18 @@ export declare const StepperStepBullet: import("@stitches/react/types/styled-com
|
|
|
207
207
|
glBlueLight: any;
|
|
208
208
|
glBluePrimary: any;
|
|
209
209
|
glBlueDark: any;
|
|
210
|
+
primary100: any;
|
|
211
|
+
primary200: any;
|
|
212
|
+
primary300: any;
|
|
213
|
+
primary400: any;
|
|
214
|
+
primary500: any;
|
|
215
|
+
primary600: any;
|
|
216
|
+
primary700: any;
|
|
217
|
+
primary800: any;
|
|
218
|
+
primary900: any;
|
|
219
|
+
primary1000: any;
|
|
220
|
+
primary1100: any;
|
|
221
|
+
primary1200: any;
|
|
210
222
|
};
|
|
211
223
|
space: {
|
|
212
224
|
"0": any;
|
|
@@ -342,9 +354,10 @@ export declare const StepperStepBullet: import("@stitches/react/types/styled-com
|
|
|
342
354
|
hover: string;
|
|
343
355
|
}, {
|
|
344
356
|
colors: {
|
|
345
|
-
|
|
357
|
+
textBold: any;
|
|
358
|
+
textRegular: any;
|
|
346
359
|
textSubtle: any;
|
|
347
|
-
|
|
360
|
+
textMinimal: any;
|
|
348
361
|
background: any;
|
|
349
362
|
backgroundAccent: any;
|
|
350
363
|
grey100: any;
|
|
@@ -491,11 +504,6 @@ export declare const StepperStepBullet: import("@stitches/react/types/styled-com
|
|
|
491
504
|
alpha200: any;
|
|
492
505
|
alpha250: any;
|
|
493
506
|
alpha600: any;
|
|
494
|
-
primaryLight: any;
|
|
495
|
-
primary: any;
|
|
496
|
-
primaryMid: any;
|
|
497
|
-
primaryDark: any;
|
|
498
|
-
secondary: any;
|
|
499
507
|
brandRed: any;
|
|
500
508
|
brandRedAccent: any;
|
|
501
509
|
brandGreen: any;
|
|
@@ -504,6 +512,10 @@ export declare const StepperStepBullet: import("@stitches/react/types/styled-com
|
|
|
504
512
|
brandPurpleAccent: any;
|
|
505
513
|
brandYellow: any;
|
|
506
514
|
brandYellowAccent: any;
|
|
515
|
+
infoLight: any;
|
|
516
|
+
info: any;
|
|
517
|
+
infoMid: any;
|
|
518
|
+
infoDark: any;
|
|
507
519
|
successLight: any;
|
|
508
520
|
success: any;
|
|
509
521
|
successMid: any;
|
|
@@ -527,6 +539,18 @@ export declare const StepperStepBullet: import("@stitches/react/types/styled-com
|
|
|
527
539
|
glBlueLight: any;
|
|
528
540
|
glBluePrimary: any;
|
|
529
541
|
glBlueDark: any;
|
|
542
|
+
primary100: any;
|
|
543
|
+
primary200: any;
|
|
544
|
+
primary300: any;
|
|
545
|
+
primary400: any;
|
|
546
|
+
primary500: any;
|
|
547
|
+
primary600: any;
|
|
548
|
+
primary700: any;
|
|
549
|
+
primary800: any;
|
|
550
|
+
primary900: any;
|
|
551
|
+
primary1000: any;
|
|
552
|
+
primary1100: any;
|
|
553
|
+
primary1200: any;
|
|
530
554
|
};
|
|
531
555
|
space: {
|
|
532
556
|
"0": any;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{styled as e}from"../../stitches.js";import{Flex as o}from"../flex/Flex.js";const r=e(o,{position:"relative",p:"$2",justifyContent:"center",alignItems:"center",size:"$3",borderRadius:"50%",border:"none",bg:"$tonal100",zIndex:1,flex:"none",variants:{status:{default:{bg:"$tonal100",color:"$tonal300"},active:{bg:"white",color:"$
|
|
1
|
+
import{styled as e}from"../../stitches.js";import{Flex as o}from"../flex/Flex.js";const r=e(o,{position:"relative",p:"$2",justifyContent:"center",alignItems:"center",size:"$3",borderRadius:"50%",border:"none",bg:"$tonal100",zIndex:1,flex:"none",variants:{status:{default:{bg:"$tonal100",color:"$tonal300"},active:{bg:"white",color:"$primary900",border:"2px solid",borderColor:"currentColor"},viewed:{bg:"white",border:"2px solid $tonal200",color:"$tonal600"},completed:{bg:"$primary800",color:"white"},reviewed:{bg:"$primary900",color:"white"},success:{bg:"$success",color:"white"}}}});export{r as StepperStepBullet};
|
|
2
2
|
//# sourceMappingURL=StepperStepBullet.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StepperStepBullet.js","sources":["../../../src/components/stepper/StepperStepBullet.tsx"],"sourcesContent":["import { styled } from '~/stitches'\n\nimport { Flex } from '../flex'\n\nexport const StepperStepBullet = styled(Flex, {\n position: 'relative',\n p: '$2',\n justifyContent: 'center',\n alignItems: 'center',\n size: '$3',\n borderRadius: '50%',\n border: 'none',\n bg: '$tonal100',\n zIndex: 1,\n flex: 'none',\n variants: {\n status: {\n default: { bg: '$tonal100', color: '$tonal300' },\n active: {\n bg: 'white',\n color: '$
|
|
1
|
+
{"version":3,"file":"StepperStepBullet.js","sources":["../../../src/components/stepper/StepperStepBullet.tsx"],"sourcesContent":["import { styled } from '~/stitches'\n\nimport { Flex } from '../flex'\n\nexport const StepperStepBullet = styled(Flex, {\n position: 'relative',\n p: '$2',\n justifyContent: 'center',\n alignItems: 'center',\n size: '$3',\n borderRadius: '50%',\n border: 'none',\n bg: '$tonal100',\n zIndex: 1,\n flex: 'none',\n variants: {\n status: {\n default: { bg: '$tonal100', color: '$tonal300' },\n active: {\n bg: 'white',\n color: '$primary900',\n border: '2px solid',\n borderColor: 'currentColor'\n },\n viewed: {\n bg: 'white',\n border: '2px solid $tonal200',\n color: '$tonal600'\n },\n completed: { bg: '$primary800', color: 'white' },\n reviewed: { bg: '$primary900', color: 'white' },\n success: { bg: '$success', color: 'white' }\n }\n }\n})\n"],"names":["StepperStepBullet","styled","Flex"],"mappings":"kFAIa,MAAAA,EAAoBC,EAAOC,EAAM,CAC5C,SAAU,WACV,EAAG,KACH,eAAgB,SAChB,WAAY,SACZ,KAAM,KACN,aAAc,MACd,OAAQ,OACR,GAAI,YACJ,OAAQ,EACR,KAAM,OACN,SAAU,CACR,OAAQ,CACN,QAAS,CAAE,GAAI,YAAa,MAAO,WAAY,EAC/C,OAAQ,CACN,GAAI,QACJ,MAAO,cACP,OAAQ,YACR,YAAa,cACf,EACA,OAAQ,CACN,GAAI,QACJ,OAAQ,sBACR,MAAO,WACT,EACA,UAAW,CAAE,GAAI,cAAe,MAAO,OAAQ,EAC/C,SAAU,CAAE,GAAI,cAAe,MAAO,OAAQ,EAC9C,QAAS,CAAE,GAAI,WAAY,MAAO,OAAQ,CAC5C,CACF,CACF,CAAC"}
|
|
@@ -22,9 +22,10 @@ export declare const StepperStepContainer: import("@stitches/react/types/styled-
|
|
|
22
22
|
hover: string;
|
|
23
23
|
}, {
|
|
24
24
|
colors: {
|
|
25
|
-
|
|
25
|
+
textBold: any;
|
|
26
|
+
textRegular: any;
|
|
26
27
|
textSubtle: any;
|
|
27
|
-
|
|
28
|
+
textMinimal: any;
|
|
28
29
|
background: any;
|
|
29
30
|
backgroundAccent: any;
|
|
30
31
|
grey100: any;
|
|
@@ -171,11 +172,6 @@ export declare const StepperStepContainer: import("@stitches/react/types/styled-
|
|
|
171
172
|
alpha200: any;
|
|
172
173
|
alpha250: any;
|
|
173
174
|
alpha600: any;
|
|
174
|
-
primaryLight: any;
|
|
175
|
-
primary: any;
|
|
176
|
-
primaryMid: any;
|
|
177
|
-
primaryDark: any;
|
|
178
|
-
secondary: any;
|
|
179
175
|
brandRed: any;
|
|
180
176
|
brandRedAccent: any;
|
|
181
177
|
brandGreen: any;
|
|
@@ -184,6 +180,10 @@ export declare const StepperStepContainer: import("@stitches/react/types/styled-
|
|
|
184
180
|
brandPurpleAccent: any;
|
|
185
181
|
brandYellow: any;
|
|
186
182
|
brandYellowAccent: any;
|
|
183
|
+
infoLight: any;
|
|
184
|
+
info: any;
|
|
185
|
+
infoMid: any;
|
|
186
|
+
infoDark: any;
|
|
187
187
|
successLight: any;
|
|
188
188
|
success: any;
|
|
189
189
|
successMid: any;
|
|
@@ -207,6 +207,18 @@ export declare const StepperStepContainer: import("@stitches/react/types/styled-
|
|
|
207
207
|
glBlueLight: any;
|
|
208
208
|
glBluePrimary: any;
|
|
209
209
|
glBlueDark: any;
|
|
210
|
+
primary100: any;
|
|
211
|
+
primary200: any;
|
|
212
|
+
primary300: any;
|
|
213
|
+
primary400: any;
|
|
214
|
+
primary500: any;
|
|
215
|
+
primary600: any;
|
|
216
|
+
primary700: any;
|
|
217
|
+
primary800: any;
|
|
218
|
+
primary900: any;
|
|
219
|
+
primary1000: any;
|
|
220
|
+
primary1100: any;
|
|
221
|
+
primary1200: any;
|
|
210
222
|
};
|
|
211
223
|
space: {
|
|
212
224
|
"0": any;
|
|
@@ -345,9 +357,10 @@ export declare const StepperStepContainer: import("@stitches/react/types/styled-
|
|
|
345
357
|
hover: string;
|
|
346
358
|
}, {
|
|
347
359
|
colors: {
|
|
348
|
-
|
|
360
|
+
textBold: any;
|
|
361
|
+
textRegular: any;
|
|
349
362
|
textSubtle: any;
|
|
350
|
-
|
|
363
|
+
textMinimal: any;
|
|
351
364
|
background: any;
|
|
352
365
|
backgroundAccent: any;
|
|
353
366
|
grey100: any;
|
|
@@ -494,11 +507,6 @@ export declare const StepperStepContainer: import("@stitches/react/types/styled-
|
|
|
494
507
|
alpha200: any;
|
|
495
508
|
alpha250: any;
|
|
496
509
|
alpha600: any;
|
|
497
|
-
primaryLight: any;
|
|
498
|
-
primary: any;
|
|
499
|
-
primaryMid: any;
|
|
500
|
-
primaryDark: any;
|
|
501
|
-
secondary: any;
|
|
502
510
|
brandRed: any;
|
|
503
511
|
brandRedAccent: any;
|
|
504
512
|
brandGreen: any;
|
|
@@ -507,6 +515,10 @@ export declare const StepperStepContainer: import("@stitches/react/types/styled-
|
|
|
507
515
|
brandPurpleAccent: any;
|
|
508
516
|
brandYellow: any;
|
|
509
517
|
brandYellowAccent: any;
|
|
518
|
+
infoLight: any;
|
|
519
|
+
info: any;
|
|
520
|
+
infoMid: any;
|
|
521
|
+
infoDark: any;
|
|
510
522
|
successLight: any;
|
|
511
523
|
success: any;
|
|
512
524
|
successMid: any;
|
|
@@ -530,6 +542,18 @@ export declare const StepperStepContainer: import("@stitches/react/types/styled-
|
|
|
530
542
|
glBlueLight: any;
|
|
531
543
|
glBluePrimary: any;
|
|
532
544
|
glBlueDark: any;
|
|
545
|
+
primary100: any;
|
|
546
|
+
primary200: any;
|
|
547
|
+
primary300: any;
|
|
548
|
+
primary400: any;
|
|
549
|
+
primary500: any;
|
|
550
|
+
primary600: any;
|
|
551
|
+
primary700: any;
|
|
552
|
+
primary800: any;
|
|
553
|
+
primary900: any;
|
|
554
|
+
primary1000: any;
|
|
555
|
+
primary1100: any;
|
|
556
|
+
primary1200: any;
|
|
533
557
|
};
|
|
534
558
|
space: {
|
|
535
559
|
"0": any;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{styled as t}from"../../stitches.js";import{Flex as i}from"../flex/Flex.js";const o=t(i,{position:"relative",fontFamily:"$body",fontWeight:600,fontSize:"$md",alignItems:"center","&:not(:last-child)::after":{content:"",position:"absolute"},"&:focus-visible":{outline:"none"},variants:{canInteract:{true:{}},direction:{vertical:{py:"$3",flexDirection:"row","&:not(:last-child)::after":{height:"100%",width:"4px",left:"14px",top:"50%"}},horizontal:{px:"$2",flexDirection:"column","&:not(:last-child)::after":{width:"100%",height:"4px",left:"50%",top:"14px"}}},separator:{default:{"&:not(:last-child)::after":{bg:"$tonal100"}},active:{"&:not(:last-child)::after":{bg:"$
|
|
1
|
+
import{styled as t}from"../../stitches.js";import{Flex as i}from"../flex/Flex.js";const o=t(i,{position:"relative",fontFamily:"$body",fontWeight:600,fontSize:"$md",alignItems:"center","&:not(:last-child)::after":{content:"",position:"absolute"},"&:focus-visible":{outline:"none"},variants:{canInteract:{true:{}},direction:{vertical:{py:"$3",flexDirection:"row","&:not(:last-child)::after":{height:"100%",width:"4px",left:"14px",top:"50%"}},horizontal:{px:"$2",flexDirection:"column","&:not(:last-child)::after":{width:"100%",height:"4px",left:"50%",top:"14px"}}},separator:{default:{"&:not(:last-child)::after":{bg:"$tonal100"}},active:{"&:not(:last-child)::after":{bg:"$primary800"}},success:{"&:not(:last-child)::after":{bg:"$success"}},viewed:{"&:not(:last-child)::after":{bg:"$tonal200"}}},status:{completed:{},active:{},default:{},viewed:{},success:{},reviewed:{}}},compoundVariants:[{canInteract:!0,status:"completed",css:{"&:hover":{"& :first-child":{bg:"$primary900",color:"white !important"},"& :last-child":{color:"$primary900"}},"&:focus-visible":{"& :first-child":{outline:"2px solid $primary800",outlineOffset:"2px"}}}},{canInteract:!0,status:"active",css:{"&:hover":{"& :first-child":{borderColor:"$tonal400",color:"$tonal600"},"& :last-child":{color:"$tonal600"}},"&:focus-visible":{"& :first-child":{outline:"2px solid $primary800",outlineOffset:"2px"}}}},{canInteract:!0,status:"viewed",css:{"&:hover":{"& :first-child":{borderColor:"$tonal400",color:"$tonal600"},"& :last-child":{color:"$tonal600"}},"&:focus-visible":{"& :first-child":{outline:"2px solid $primary !important",outlineOffset:"2px !important"}}}},{canInteract:!0,status:"reviewed",css:{"&:focus-visible":{"& :first-child":{outline:"2px solid $primary !important",outlineOffset:"2px !important"}}}}]});export{o as StepperStepContainer};
|
|
2
2
|
//# sourceMappingURL=StepperStepContainer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StepperStepContainer.js","sources":["../../../src/components/stepper/StepperStepContainer.tsx"],"sourcesContent":["import { styled } from '~/stitches'\n\nimport { Flex } from '../flex'\n\nexport const StepperStepContainer = styled(Flex, {\n position: 'relative',\n fontFamily: '$body',\n fontWeight: 600,\n fontSize: '$md',\n alignItems: 'center',\n '&:not(:last-child)::after': {\n content: '',\n position: 'absolute'\n },\n '&:focus-visible': {\n outline: 'none'\n },\n variants: {\n canInteract: { true: {} },\n direction: {\n vertical: {\n py: '$3',\n flexDirection: 'row',\n '&:not(:last-child)::after': {\n height: '100%',\n width: '4px',\n left: '14px',\n top: '50%'\n }\n },\n horizontal: {\n px: '$2',\n flexDirection: 'column',\n '&:not(:last-child)::after': {\n width: '100%',\n height: '4px',\n left: '50%',\n top: '14px'\n }\n }\n },\n separator: {\n default: { '&:not(:last-child)::after': { bg: '$tonal100' } },\n active: { '&:not(:last-child)::after': { bg: '$
|
|
1
|
+
{"version":3,"file":"StepperStepContainer.js","sources":["../../../src/components/stepper/StepperStepContainer.tsx"],"sourcesContent":["import { styled } from '~/stitches'\n\nimport { Flex } from '../flex'\n\nexport const StepperStepContainer = styled(Flex, {\n position: 'relative',\n fontFamily: '$body',\n fontWeight: 600,\n fontSize: '$md',\n alignItems: 'center',\n '&:not(:last-child)::after': {\n content: '',\n position: 'absolute'\n },\n '&:focus-visible': {\n outline: 'none'\n },\n variants: {\n canInteract: { true: {} },\n direction: {\n vertical: {\n py: '$3',\n flexDirection: 'row',\n '&:not(:last-child)::after': {\n height: '100%',\n width: '4px',\n left: '14px',\n top: '50%'\n }\n },\n horizontal: {\n px: '$2',\n flexDirection: 'column',\n '&:not(:last-child)::after': {\n width: '100%',\n height: '4px',\n left: '50%',\n top: '14px'\n }\n }\n },\n separator: {\n default: { '&:not(:last-child)::after': { bg: '$tonal100' } },\n active: { '&:not(:last-child)::after': { bg: '$primary800' } },\n success: { '&:not(:last-child)::after': { bg: '$success' } },\n viewed: { '&:not(:last-child)::after': { bg: '$tonal200' } }\n },\n status: {\n completed: {},\n active: {},\n default: {},\n viewed: {},\n success: {},\n reviewed: {}\n }\n },\n compoundVariants: [\n {\n canInteract: true,\n status: 'completed',\n css: {\n '&:hover': {\n '& :first-child': { bg: '$primary900', color: 'white !important' },\n '& :last-child': { color: '$primary900' }\n },\n '&:focus-visible': {\n '& :first-child': {\n outline: '2px solid $primary800',\n outlineOffset: '2px'\n }\n }\n }\n },\n {\n canInteract: true,\n status: 'active',\n css: {\n '&:hover': {\n '& :first-child': { borderColor: '$tonal400', color: '$tonal600' },\n '& :last-child': { color: '$tonal600' }\n },\n '&:focus-visible': {\n '& :first-child': {\n outline: '2px solid $primary800',\n outlineOffset: '2px'\n }\n }\n }\n },\n {\n canInteract: true,\n status: 'viewed',\n css: {\n '&:hover': {\n '& :first-child': { borderColor: '$tonal400', color: '$tonal600' },\n '& :last-child': { color: '$tonal600' }\n },\n '&:focus-visible': {\n '& :first-child': {\n outline: '2px solid $primary !important',\n outlineOffset: '2px !important'\n }\n }\n }\n },\n {\n canInteract: true,\n status: 'reviewed',\n css: {\n '&:focus-visible': {\n '& :first-child': {\n outline: '2px solid $primary !important',\n outlineOffset: '2px !important'\n }\n }\n }\n }\n ]\n})\n"],"names":["StepperStepContainer","styled","Flex"],"mappings":"kFAIO,MAAMA,EAAuBC,EAAOC,EAAM,CAC/C,SAAU,WACV,WAAY,QACZ,WAAY,IACZ,SAAU,MACV,WAAY,SACZ,4BAA6B,CAC3B,QAAS,GACT,SAAU,UACZ,EACA,kBAAmB,CACjB,QAAS,MACX,EACA,SAAU,CACR,YAAa,CAAE,KAAM,EAAG,EACxB,UAAW,CACT,SAAU,CACR,GAAI,KACJ,cAAe,MACf,4BAA6B,CAC3B,OAAQ,OACR,MAAO,MACP,KAAM,OACN,IAAK,KACP,CACF,EACA,WAAY,CACV,GAAI,KACJ,cAAe,SACf,4BAA6B,CAC3B,MAAO,OACP,OAAQ,MACR,KAAM,MACN,IAAK,MACP,CACF,CACF,EACA,UAAW,CACT,QAAS,CAAE,4BAA6B,CAAE,GAAI,WAAY,CAAE,EAC5D,OAAQ,CAAE,4BAA6B,CAAE,GAAI,aAAc,CAAE,EAC7D,QAAS,CAAE,4BAA6B,CAAE,GAAI,UAAW,CAAE,EAC3D,OAAQ,CAAE,4BAA6B,CAAE,GAAI,WAAY,CAAE,CAC7D,EACA,OAAQ,CACN,UAAW,GACX,OAAQ,CAAA,EACR,QAAS,CACT,EAAA,OAAQ,CAAA,EACR,QAAS,CAAC,EACV,SAAU,EACZ,CACF,EACA,iBAAkB,CAChB,CACE,YAAa,GACb,OAAQ,YACR,IAAK,CACH,UAAW,CACT,iBAAkB,CAAE,GAAI,cAAe,MAAO,kBAAmB,EACjE,gBAAiB,CAAE,MAAO,aAAc,CAC1C,EACA,kBAAmB,CACjB,iBAAkB,CAChB,QAAS,wBACT,cAAe,KACjB,CACF,CACF,CACF,EACA,CACE,YAAa,GACb,OAAQ,SACR,IAAK,CACH,UAAW,CACT,iBAAkB,CAAE,YAAa,YAAa,MAAO,WAAY,EACjE,gBAAiB,CAAE,MAAO,WAAY,CACxC,EACA,kBAAmB,CACjB,iBAAkB,CAChB,QAAS,wBACT,cAAe,KACjB,CACF,CACF,CACF,EACA,CACE,YAAa,GACb,OAAQ,SACR,IAAK,CACH,UAAW,CACT,iBAAkB,CAAE,YAAa,YAAa,MAAO,WAAY,EACjE,gBAAiB,CAAE,MAAO,WAAY,CACxC,EACA,kBAAmB,CACjB,iBAAkB,CAChB,QAAS,gCACT,cAAe,gBACjB,CACF,CACF,CACF,EACA,CACE,YAAa,GACb,OAAQ,WACR,IAAK,CACH,kBAAmB,CACjB,iBAAkB,CAChB,QAAS,gCACT,cAAe,gBACjB,CACF,CACF,CACF,CACF,CACF,CAAC"}
|
|
@@ -23,9 +23,10 @@ export declare const StepperStepLabel: import("@stitches/react/types/styled-comp
|
|
|
23
23
|
hover: string;
|
|
24
24
|
}, {
|
|
25
25
|
colors: {
|
|
26
|
-
|
|
26
|
+
textBold: any;
|
|
27
|
+
textRegular: any;
|
|
27
28
|
textSubtle: any;
|
|
28
|
-
|
|
29
|
+
textMinimal: any;
|
|
29
30
|
background: any;
|
|
30
31
|
backgroundAccent: any;
|
|
31
32
|
grey100: any;
|
|
@@ -172,11 +173,6 @@ export declare const StepperStepLabel: import("@stitches/react/types/styled-comp
|
|
|
172
173
|
alpha200: any;
|
|
173
174
|
alpha250: any;
|
|
174
175
|
alpha600: any;
|
|
175
|
-
primaryLight: any;
|
|
176
|
-
primary: any;
|
|
177
|
-
primaryMid: any;
|
|
178
|
-
primaryDark: any;
|
|
179
|
-
secondary: any;
|
|
180
176
|
brandRed: any;
|
|
181
177
|
brandRedAccent: any;
|
|
182
178
|
brandGreen: any;
|
|
@@ -185,6 +181,10 @@ export declare const StepperStepLabel: import("@stitches/react/types/styled-comp
|
|
|
185
181
|
brandPurpleAccent: any;
|
|
186
182
|
brandYellow: any;
|
|
187
183
|
brandYellowAccent: any;
|
|
184
|
+
infoLight: any;
|
|
185
|
+
info: any;
|
|
186
|
+
infoMid: any;
|
|
187
|
+
infoDark: any;
|
|
188
188
|
successLight: any;
|
|
189
189
|
success: any;
|
|
190
190
|
successMid: any;
|
|
@@ -208,6 +208,18 @@ export declare const StepperStepLabel: import("@stitches/react/types/styled-comp
|
|
|
208
208
|
glBlueLight: any;
|
|
209
209
|
glBluePrimary: any;
|
|
210
210
|
glBlueDark: any;
|
|
211
|
+
primary100: any;
|
|
212
|
+
primary200: any;
|
|
213
|
+
primary300: any;
|
|
214
|
+
primary400: any;
|
|
215
|
+
primary500: any;
|
|
216
|
+
primary600: any;
|
|
217
|
+
primary700: any;
|
|
218
|
+
primary800: any;
|
|
219
|
+
primary900: any;
|
|
220
|
+
primary1000: any;
|
|
221
|
+
primary1100: any;
|
|
222
|
+
primary1200: any;
|
|
211
223
|
};
|
|
212
224
|
space: {
|
|
213
225
|
"0": any;
|
|
@@ -347,9 +359,10 @@ export declare const StepperStepLabel: import("@stitches/react/types/styled-comp
|
|
|
347
359
|
hover: string;
|
|
348
360
|
}, {
|
|
349
361
|
colors: {
|
|
350
|
-
|
|
362
|
+
textBold: any;
|
|
363
|
+
textRegular: any;
|
|
351
364
|
textSubtle: any;
|
|
352
|
-
|
|
365
|
+
textMinimal: any;
|
|
353
366
|
background: any;
|
|
354
367
|
backgroundAccent: any;
|
|
355
368
|
grey100: any;
|
|
@@ -496,11 +509,6 @@ export declare const StepperStepLabel: import("@stitches/react/types/styled-comp
|
|
|
496
509
|
alpha200: any;
|
|
497
510
|
alpha250: any;
|
|
498
511
|
alpha600: any;
|
|
499
|
-
primaryLight: any;
|
|
500
|
-
primary: any;
|
|
501
|
-
primaryMid: any;
|
|
502
|
-
primaryDark: any;
|
|
503
|
-
secondary: any;
|
|
504
512
|
brandRed: any;
|
|
505
513
|
brandRedAccent: any;
|
|
506
514
|
brandGreen: any;
|
|
@@ -509,6 +517,10 @@ export declare const StepperStepLabel: import("@stitches/react/types/styled-comp
|
|
|
509
517
|
brandPurpleAccent: any;
|
|
510
518
|
brandYellow: any;
|
|
511
519
|
brandYellowAccent: any;
|
|
520
|
+
infoLight: any;
|
|
521
|
+
info: any;
|
|
522
|
+
infoMid: any;
|
|
523
|
+
infoDark: any;
|
|
512
524
|
successLight: any;
|
|
513
525
|
success: any;
|
|
514
526
|
successMid: any;
|
|
@@ -532,6 +544,18 @@ export declare const StepperStepLabel: import("@stitches/react/types/styled-comp
|
|
|
532
544
|
glBlueLight: any;
|
|
533
545
|
glBluePrimary: any;
|
|
534
546
|
glBlueDark: any;
|
|
547
|
+
primary100: any;
|
|
548
|
+
primary200: any;
|
|
549
|
+
primary300: any;
|
|
550
|
+
primary400: any;
|
|
551
|
+
primary500: any;
|
|
552
|
+
primary600: any;
|
|
553
|
+
primary700: any;
|
|
554
|
+
primary800: any;
|
|
555
|
+
primary900: any;
|
|
556
|
+
primary1000: any;
|
|
557
|
+
primary1100: any;
|
|
558
|
+
primary1200: any;
|
|
535
559
|
};
|
|
536
560
|
space: {
|
|
537
561
|
"0": any;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{styled as t}from"../../stitches.js";import{Text as e}from"../text/Text.js";const o=t(e,{fontWeight:600,variants:{direction:{vertical:{ml:"$3",textAlign:"left"},horizontal:{mt:"$3",textAlign:"center"}},status:{default:{color:"$tonal300",fontWeight:400},active:{color:"$
|
|
1
|
+
import{styled as t}from"../../stitches.js";import{Text as e}from"../text/Text.js";const o=t(e,{fontWeight:600,variants:{direction:{vertical:{ml:"$3",textAlign:"left"},horizontal:{mt:"$3",textAlign:"center"}},status:{default:{color:"$tonal300",fontWeight:400},active:{color:"$primary900"},viewed:{color:"$tonal600"},completed:{color:"$primary800"},success:{color:"$success"},reviewed:{}}}});export{o as StepperStepLabel};
|
|
2
2
|
//# sourceMappingURL=StepperStepLabel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StepperStepLabel.js","sources":["../../../src/components/stepper/StepperStepLabel.tsx"],"sourcesContent":["import { styled } from '~/stitches'\n\nimport { Text } from '../text'\n\nexport const StepperStepLabel = styled(Text, {\n fontWeight: 600,\n variants: {\n direction: {\n vertical: { ml: '$3', textAlign: 'left' },\n horizontal: { mt: '$3', textAlign: 'center' }\n },\n status: {\n default: { color: '$tonal300', fontWeight: 400 },\n active: {\n color: '$
|
|
1
|
+
{"version":3,"file":"StepperStepLabel.js","sources":["../../../src/components/stepper/StepperStepLabel.tsx"],"sourcesContent":["import { styled } from '~/stitches'\n\nimport { Text } from '../text'\n\nexport const StepperStepLabel = styled(Text, {\n fontWeight: 600,\n variants: {\n direction: {\n vertical: { ml: '$3', textAlign: 'left' },\n horizontal: { mt: '$3', textAlign: 'center' }\n },\n status: {\n default: { color: '$tonal300', fontWeight: 400 },\n active: {\n color: '$primary900'\n },\n viewed: { color: '$tonal600' },\n completed: { color: '$primary800' },\n success: { color: '$success' },\n reviewed: {}\n }\n }\n})\n"],"names":["StepperStepLabel","styled","Text"],"mappings":"kFAIO,MAAMA,EAAmBC,EAAOC,EAAM,CAC3C,WAAY,IACZ,SAAU,CACR,UAAW,CACT,SAAU,CAAE,GAAI,KAAM,UAAW,MAAO,EACxC,WAAY,CAAE,GAAI,KAAM,UAAW,QAAS,CAC9C,EACA,OAAQ,CACN,QAAS,CAAE,MAAO,YAAa,WAAY,GAAI,EAC/C,OAAQ,CACN,MAAO,aACT,EACA,OAAQ,CAAE,MAAO,WAAY,EAC7B,UAAW,CAAE,MAAO,aAAc,EAClC,QAAS,CAAE,MAAO,UAAW,EAC7B,SAAU,CAAA,CACZ,CACF,CACF,CAAC"}
|
|
@@ -20,9 +20,10 @@ declare const StyledSwitch: import("@stitches/react/types/styled-component").Sty
|
|
|
20
20
|
hover: string;
|
|
21
21
|
}, {
|
|
22
22
|
colors: {
|
|
23
|
-
|
|
23
|
+
textBold: any;
|
|
24
|
+
textRegular: any;
|
|
24
25
|
textSubtle: any;
|
|
25
|
-
|
|
26
|
+
textMinimal: any;
|
|
26
27
|
background: any;
|
|
27
28
|
backgroundAccent: any;
|
|
28
29
|
grey100: any;
|
|
@@ -169,11 +170,6 @@ declare const StyledSwitch: import("@stitches/react/types/styled-component").Sty
|
|
|
169
170
|
alpha200: any;
|
|
170
171
|
alpha250: any;
|
|
171
172
|
alpha600: any;
|
|
172
|
-
primaryLight: any;
|
|
173
|
-
primary: any;
|
|
174
|
-
primaryMid: any;
|
|
175
|
-
primaryDark: any;
|
|
176
|
-
secondary: any;
|
|
177
173
|
brandRed: any;
|
|
178
174
|
brandRedAccent: any;
|
|
179
175
|
brandGreen: any;
|
|
@@ -182,6 +178,10 @@ declare const StyledSwitch: import("@stitches/react/types/styled-component").Sty
|
|
|
182
178
|
brandPurpleAccent: any;
|
|
183
179
|
brandYellow: any;
|
|
184
180
|
brandYellowAccent: any;
|
|
181
|
+
infoLight: any;
|
|
182
|
+
info: any;
|
|
183
|
+
infoMid: any;
|
|
184
|
+
infoDark: any;
|
|
185
185
|
successLight: any;
|
|
186
186
|
success: any;
|
|
187
187
|
successMid: any;
|
|
@@ -205,6 +205,18 @@ declare const StyledSwitch: import("@stitches/react/types/styled-component").Sty
|
|
|
205
205
|
glBlueLight: any;
|
|
206
206
|
glBluePrimary: any;
|
|
207
207
|
glBlueDark: any;
|
|
208
|
+
primary100: any;
|
|
209
|
+
primary200: any;
|
|
210
|
+
primary300: any;
|
|
211
|
+
primary400: any;
|
|
212
|
+
primary500: any;
|
|
213
|
+
primary600: any;
|
|
214
|
+
primary700: any;
|
|
215
|
+
primary800: any;
|
|
216
|
+
primary900: any;
|
|
217
|
+
primary1000: any;
|
|
218
|
+
primary1100: any;
|
|
219
|
+
primary1200: any;
|
|
208
220
|
};
|
|
209
221
|
space: {
|
|
210
222
|
"0": any;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import*as e from"@radix-ui/react-switch";import*as r from"react";import{styled as a}from"../../stitches.js";import"../../utilities/css-wrapper/CSSWrapper.js";import"../../utilities/no-overflow-wrapper/NoOverflowWrapper.js";import"color2k";import"../../utilities/style/keyframe-animations.js";import{disabledStyle as s}from"../../utilities/style/disabledStyle.js";const d=a(e.Root,{appearance:"none",backgroundColor:"$tonal200",border:"none",borderRadius:"$round",cursor:"pointer",display:"flex",overflow:"hidden",position:"relative",transition:"all 50ms ease-out","&:hover":{backgroundColor:"$tonal300"},"&:focus":{outline:"2px solid $
|
|
1
|
+
import*as e from"@radix-ui/react-switch";import*as r from"react";import{styled as a}from"../../stitches.js";import"../../utilities/css-wrapper/CSSWrapper.js";import"../../utilities/no-overflow-wrapper/NoOverflowWrapper.js";import"color2k";import"../../utilities/style/keyframe-animations.js";import{disabledStyle as s}from"../../utilities/style/disabledStyle.js";const d=a(e.Root,{appearance:"none",backgroundColor:"$tonal200",border:"none",borderRadius:"$round",cursor:"pointer",display:"flex",overflow:"hidden",position:"relative",transition:"all 50ms ease-out","&:hover":{backgroundColor:"$tonal300"},"&:focus":{outline:"2px solid $primary800",outlineOffset:"1px"},'&[data-state="checked"]':{backgroundColor:"$primary800"},'&[data-state="checked"]:hover':{backgroundColor:"$primary900"},"&[disabled]":s,variants:{size:{md:{p:"$0",width:"$4"},lg:{p:"$1",width:"$6"}}}}),n=a(e.Thumb,{backgroundColor:"white",borderRadius:"$round",display:"block",transition:"transform 50ms",willChange:"transform",variants:{size:{md:{size:"$1",'&[data-state="checked"]':{transform:"translateX(calc($sizes$2 - $space$1))"}},lg:{size:"$2",'&[data-state="checked"]':{transform:"translateX($space$5)"}}}}}),t=({size:o="md",...i})=>r.createElement(d,{size:o,...i},r.createElement(n,{size:o}));t.displayName="Switch";export{t as Switch};
|
|
2
2
|
//# sourceMappingURL=Switch.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.js","sources":["../../../src/components/switch/Switch.tsx"],"sourcesContent":["import * as RadixSwitch from '@radix-ui/react-switch'\nimport * as React from 'react'\n\nimport { styled } from '~/stitches'\nimport { disabledStyle } from '~/utilities'\n\nconst StyledSwitch = styled(RadixSwitch.Root, {\n appearance: 'none',\n backgroundColor: '$tonal200',\n border: 'none',\n borderRadius: '$round',\n cursor: 'pointer',\n display: 'flex',\n overflow: 'hidden',\n position: 'relative',\n transition: 'all 50ms ease-out',\n '&:hover': {\n backgroundColor: '$tonal300'\n },\n '&:focus': {\n outline: '2px solid $
|
|
1
|
+
{"version":3,"file":"Switch.js","sources":["../../../src/components/switch/Switch.tsx"],"sourcesContent":["import * as RadixSwitch from '@radix-ui/react-switch'\nimport * as React from 'react'\n\nimport { styled } from '~/stitches'\nimport { disabledStyle } from '~/utilities'\n\nconst StyledSwitch = styled(RadixSwitch.Root, {\n appearance: 'none',\n backgroundColor: '$tonal200',\n border: 'none',\n borderRadius: '$round',\n cursor: 'pointer',\n display: 'flex',\n overflow: 'hidden',\n position: 'relative',\n transition: 'all 50ms ease-out',\n '&:hover': {\n backgroundColor: '$tonal300'\n },\n '&:focus': {\n outline: '2px solid $primary800',\n outlineOffset: '1px'\n },\n '&[data-state=\"checked\"]': {\n backgroundColor: '$primary800'\n },\n '&[data-state=\"checked\"]:hover': {\n backgroundColor: '$primary900'\n },\n '&[disabled]': disabledStyle,\n variants: {\n size: {\n md: {\n p: '$0',\n width: '$4'\n },\n lg: {\n p: '$1',\n width: '$6'\n }\n }\n }\n})\n\nconst StyledThumb = styled(RadixSwitch.Thumb, {\n backgroundColor: 'white',\n borderRadius: '$round',\n display: 'block',\n transition: 'transform 50ms',\n willChange: 'transform',\n variants: {\n size: {\n md: {\n size: '$1',\n '&[data-state=\"checked\"]': {\n transform: 'translateX(calc($sizes$2 - $space$1))'\n }\n },\n lg: {\n size: '$2',\n '&[data-state=\"checked\"]': {\n transform: 'translateX($space$5)'\n }\n }\n }\n }\n})\n\ntype SwitchProps = React.ComponentProps<typeof StyledSwitch>\n\nexport const Switch: React.FC<SwitchProps> = ({ size = 'md', ...rest }) => (\n <StyledSwitch size={size} {...rest}>\n <StyledThumb size={size} />\n </StyledSwitch>\n)\n\nSwitch.displayName = 'Switch'\n"],"names":["StyledSwitch","styled","RadixSwitch","disabledStyle","StyledThumb","Switch","size","rest","React"],"mappings":"2WAMA,MAAMA,EAAeC,EAAOC,EAAY,KAAM,CAC5C,WAAY,OACZ,gBAAiB,YACjB,OAAQ,OACR,aAAc,SACd,OAAQ,UACR,QAAS,OACT,SAAU,SACV,SAAU,WACV,WAAY,oBACZ,UAAW,CACT,gBAAiB,WACnB,EACA,UAAW,CACT,QAAS,wBACT,cAAe,KACjB,EACA,0BAA2B,CACzB,gBAAiB,aACnB,EACA,gCAAiC,CAC/B,gBAAiB,aACnB,EACA,cAAeC,EACf,SAAU,CACR,KAAM,CACJ,GAAI,CACF,EAAG,KACH,MAAO,IACT,EACA,GAAI,CACF,EAAG,KACH,MAAO,IACT,CACF,CACF,CACF,CAAC,EAEKC,EAAcH,EAAOC,EAAY,MAAO,CAC5C,gBAAiB,QACjB,aAAc,SACd,QAAS,QACT,WAAY,iBACZ,WAAY,YACZ,SAAU,CACR,KAAM,CACJ,GAAI,CACF,KAAM,KACN,0BAA2B,CACzB,UAAW,uCACb,CACF,EACA,GAAI,CACF,KAAM,KACN,0BAA2B,CACzB,UAAW,sBACb,CACF,CACF,CACF,CACF,CAAC,EAIYG,EAAgC,CAAC,CAAE,KAAAC,EAAO,QAASC,CAAK,IACnEC,EAAA,cAACR,EAAA,CAAa,KAAMM,EAAO,GAAGC,CAC5BC,EAAAA,EAAA,cAACJ,EAAA,CAAY,KAAME,CAAAA,CAAM,CAC3B,EAGFD,EAAO,YAAc"}
|
|
@@ -39,9 +39,10 @@ declare const StyledTable: import("@stitches/react/types/styled-component").Styl
|
|
|
39
39
|
hover: string;
|
|
40
40
|
}, {
|
|
41
41
|
colors: {
|
|
42
|
-
|
|
42
|
+
textBold: any;
|
|
43
|
+
textRegular: any;
|
|
43
44
|
textSubtle: any;
|
|
44
|
-
|
|
45
|
+
textMinimal: any;
|
|
45
46
|
background: any;
|
|
46
47
|
backgroundAccent: any;
|
|
47
48
|
grey100: any;
|
|
@@ -188,11 +189,6 @@ declare const StyledTable: import("@stitches/react/types/styled-component").Styl
|
|
|
188
189
|
alpha200: any;
|
|
189
190
|
alpha250: any;
|
|
190
191
|
alpha600: any;
|
|
191
|
-
primaryLight: any;
|
|
192
|
-
primary: any;
|
|
193
|
-
primaryMid: any;
|
|
194
|
-
primaryDark: any;
|
|
195
|
-
secondary: any;
|
|
196
192
|
brandRed: any;
|
|
197
193
|
brandRedAccent: any;
|
|
198
194
|
brandGreen: any;
|
|
@@ -201,6 +197,10 @@ declare const StyledTable: import("@stitches/react/types/styled-component").Styl
|
|
|
201
197
|
brandPurpleAccent: any;
|
|
202
198
|
brandYellow: any;
|
|
203
199
|
brandYellowAccent: any;
|
|
200
|
+
infoLight: any;
|
|
201
|
+
info: any;
|
|
202
|
+
infoMid: any;
|
|
203
|
+
infoDark: any;
|
|
204
204
|
successLight: any;
|
|
205
205
|
success: any;
|
|
206
206
|
successMid: any;
|
|
@@ -224,6 +224,18 @@ declare const StyledTable: import("@stitches/react/types/styled-component").Styl
|
|
|
224
224
|
glBlueLight: any;
|
|
225
225
|
glBluePrimary: any;
|
|
226
226
|
glBlueDark: any;
|
|
227
|
+
primary100: any;
|
|
228
|
+
primary200: any;
|
|
229
|
+
primary300: any;
|
|
230
|
+
primary400: any;
|
|
231
|
+
primary500: any;
|
|
232
|
+
primary600: any;
|
|
233
|
+
primary700: any;
|
|
234
|
+
primary800: any;
|
|
235
|
+
primary900: any;
|
|
236
|
+
primary1000: any;
|
|
237
|
+
primary1100: any;
|
|
238
|
+
primary1200: any;
|
|
227
239
|
};
|
|
228
240
|
space: {
|
|
229
241
|
"0": any;
|
|
@@ -19,9 +19,10 @@ declare const StyledTableBody: import("@stitches/react/types/styled-component").
|
|
|
19
19
|
hover: string;
|
|
20
20
|
}, {
|
|
21
21
|
colors: {
|
|
22
|
-
|
|
22
|
+
textBold: any;
|
|
23
|
+
textRegular: any;
|
|
23
24
|
textSubtle: any;
|
|
24
|
-
|
|
25
|
+
textMinimal: any;
|
|
25
26
|
background: any;
|
|
26
27
|
backgroundAccent: any;
|
|
27
28
|
grey100: any;
|
|
@@ -168,11 +169,6 @@ declare const StyledTableBody: import("@stitches/react/types/styled-component").
|
|
|
168
169
|
alpha200: any;
|
|
169
170
|
alpha250: any;
|
|
170
171
|
alpha600: any;
|
|
171
|
-
primaryLight: any;
|
|
172
|
-
primary: any;
|
|
173
|
-
primaryMid: any;
|
|
174
|
-
primaryDark: any;
|
|
175
|
-
secondary: any;
|
|
176
172
|
brandRed: any;
|
|
177
173
|
brandRedAccent: any;
|
|
178
174
|
brandGreen: any;
|
|
@@ -181,6 +177,10 @@ declare const StyledTableBody: import("@stitches/react/types/styled-component").
|
|
|
181
177
|
brandPurpleAccent: any;
|
|
182
178
|
brandYellow: any;
|
|
183
179
|
brandYellowAccent: any;
|
|
180
|
+
infoLight: any;
|
|
181
|
+
info: any;
|
|
182
|
+
infoMid: any;
|
|
183
|
+
infoDark: any;
|
|
184
184
|
successLight: any;
|
|
185
185
|
success: any;
|
|
186
186
|
successMid: any;
|
|
@@ -204,6 +204,18 @@ declare const StyledTableBody: import("@stitches/react/types/styled-component").
|
|
|
204
204
|
glBlueLight: any;
|
|
205
205
|
glBluePrimary: any;
|
|
206
206
|
glBlueDark: any;
|
|
207
|
+
primary100: any;
|
|
208
|
+
primary200: any;
|
|
209
|
+
primary300: any;
|
|
210
|
+
primary400: any;
|
|
211
|
+
primary500: any;
|
|
212
|
+
primary600: any;
|
|
213
|
+
primary700: any;
|
|
214
|
+
primary800: any;
|
|
215
|
+
primary900: any;
|
|
216
|
+
primary1000: any;
|
|
217
|
+
primary1100: any;
|
|
218
|
+
primary1200: any;
|
|
207
219
|
};
|
|
208
220
|
space: {
|
|
209
221
|
"0": any;
|