@atom-learning/components 1.22.0 → 2.0.0-beta.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 +0 -7
- package/dist/components/accordion/Accordion.d.ts +2 -0
- package/dist/components/accordion/AccordionContent.d.ts +2 -0
- package/dist/components/accordion/AccordionItem.d.ts +2 -0
- package/dist/components/accordion/AccordionTrigger.d.ts +2 -0
- package/dist/components/action-icon/ActionIcon.d.ts +2 -0
- package/dist/components/alert-dialog/AlertDialog.d.ts +2 -0
- package/dist/components/alert-dialog/AlertDialogContent.d.ts +2 -0
- package/dist/components/alert-dialog/AlertDialogContent.js +1 -1
- package/dist/components/alert-dialog/alert-context/AlertDialog.js +1 -1
- package/dist/components/badge/Badge.d.ts +4 -0
- package/dist/components/box/Box.d.ts +2 -0
- package/dist/components/button/Button.d.ts +2 -0
- package/dist/components/button/Button.js +1 -1
- package/dist/components/calendar/Day.d.ts +2 -0
- package/dist/components/carousel/CarouselPagination.d.ts +2 -0
- package/dist/components/carousel/CarouselSlide.d.ts +2 -0
- package/dist/components/carousel/CarouselSlider.d.ts +2 -0
- package/dist/components/checkbox/Checkbox.d.ts +2 -0
- package/dist/components/combobox/Combobox.d.ts +2 -0
- package/dist/components/combobox/ComboboxInput.d.ts +2 -0
- package/dist/components/combobox/ComboboxInput.js +1 -1
- package/dist/components/combobox/ComboboxList.d.ts +2 -0
- package/dist/components/combobox/ComboboxOption.d.ts +2 -0
- package/dist/components/combobox/ComboboxPopover.d.ts +2 -0
- package/dist/components/date-input/use-date.js +1 -1
- package/dist/components/dialog/Dialog.d.ts +2 -0
- package/dist/components/dialog/DialogBackground.d.ts +4 -0
- package/dist/components/dialog/DialogClose.d.ts +2 -0
- package/dist/components/dialog/DialogContent.d.ts +2 -0
- package/dist/components/dialog/DialogContent.js +1 -1
- package/dist/components/divider/Divider.d.ts +2 -0
- package/dist/components/dropdown-menu/DropdownMenu.d.ts +2 -0
- package/dist/components/dropdown-menu/DropdownMenuContent.d.ts +2 -0
- package/dist/components/dropdown-menu/DropdownMenuItem.d.ts +2 -0
- package/dist/components/dropdown-menu/DropdownMenuSeparator.d.ts +2 -0
- package/dist/components/dropdown-menu/DropdownMenuTrigger.d.ts +2 -0
- package/dist/components/empty-state/EmptyState.d.ts +4 -0
- package/dist/components/empty-state/EmptyState.js +1 -1
- package/dist/components/empty-state/EmptyStateBody.d.ts +4 -0
- package/dist/components/empty-state/EmptyStateBody.js +1 -1
- package/dist/components/empty-state/EmptyStateImage.d.ts +4 -0
- package/dist/components/empty-state/EmptyStateImage.js +1 -1
- package/dist/components/empty-state/EmptyStateTitle.d.ts +2 -0
- package/dist/components/flex/Flex.d.ts +2 -0
- package/dist/components/form/Form.d.ts +2 -0
- package/dist/components/grid/Grid.d.ts +3 -1
- package/dist/components/heading/Heading.d.ts +2 -0
- package/dist/components/icon/Icon.d.ts +2 -0
- package/dist/components/image/Image.d.ts +2 -0
- package/dist/components/input/Input.d.ts +2 -0
- package/dist/components/label/Label.d.ts +2 -0
- package/dist/components/link/Link.d.ts +2 -0
- package/dist/components/list/List.d.ts +4 -0
- package/dist/components/notification-badge/NotificationBadge.d.ts +4 -0
- package/dist/components/popover/Popover.d.ts +2 -0
- package/dist/components/popover/PopoverContent.d.ts +2 -0
- package/dist/components/popover/PopoverContent.js +1 -1
- package/dist/components/progress-bar/ProgressBar.d.ts +2 -0
- package/dist/components/radio-button/RadioButton.d.ts +2 -0
- package/dist/components/radio-button/RadioButtonGroup.d.ts +2 -0
- package/dist/components/radio-button/RadioButtonGroup.js +1 -1
- package/dist/components/radio-card/RadioCard.d.ts +2 -0
- package/dist/components/radio-card/RadioCard.js +1 -1
- package/dist/components/search-input/SearchInput.js +1 -1
- package/dist/components/select/Select.d.ts +2 -0
- package/dist/components/select/Select.js +1 -1
- package/dist/components/slider/Slider.d.ts +2 -0
- package/dist/components/stack/Stack.d.ts +3 -1
- package/dist/components/stack-content/StackContent.d.ts +2 -0
- package/dist/components/stack-content/StackContent.js +1 -1
- package/dist/components/stepper/StepperStepBullet.d.ts +4 -0
- package/dist/components/stepper/StepperStepBullet.js +1 -1
- package/dist/components/stepper/StepperStepContainer.d.ts +4 -0
- package/dist/components/stepper/StepperStepContainer.js +1 -1
- package/dist/components/stepper/StepperStepLabel.d.ts +4 -0
- package/dist/components/stepper/StepperStepLabel.js +1 -1
- package/dist/components/stepper/StepperSteps.js +1 -1
- package/dist/components/switch/Switch.d.ts +2 -0
- package/dist/components/table/Table.d.ts +2 -0
- package/dist/components/table/TableBody.d.ts +2 -0
- package/dist/components/table/TableCell.d.ts +2 -0
- package/dist/components/table/TableFooter.d.ts +2 -0
- package/dist/components/table/TableFooterCell.d.ts +2 -0
- package/dist/components/table/TableHeader.d.ts +2 -0
- package/dist/components/table/TableHeaderCell.d.ts +2 -0
- package/dist/components/table/TableRow.d.ts +2 -0
- package/dist/components/tabs/TabTrigger.d.ts +2 -0
- package/dist/components/tabs/Tabs.d.ts +4 -0
- package/dist/components/tabs/TabsTriggerList.d.ts +2 -0
- package/dist/components/text/Text.d.ts +2 -0
- package/dist/components/textarea/Textarea.d.ts +2 -0
- package/dist/components/toast/Toast.d.ts +2 -0
- package/dist/components/toast/Toast.js +1 -1
- package/dist/components/toggle-group/ToggleGroupButton.d.ts +4 -0
- package/dist/components/toggle-group/ToggleGroupButton.js +1 -1
- package/dist/components/toggle-group/ToggleGroupItem.d.ts +4 -0
- package/dist/components/toggle-group/ToggleGroupRoot.d.ts +2 -0
- package/dist/components/toggle-group/index.d.ts +10 -0
- package/dist/components/tooltip/TooltipContent.d.ts +2 -0
- package/dist/components/video/Video.d.ts +4 -0
- package/dist/constants/dialog.d.ts +1 -1
- package/dist/constants/dialog.js +1 -1
- package/dist/docgen.json +1 -1
- package/dist/docs/Flex.mdx +3 -3
- package/dist/docs/Slider.mdx +1 -1
- package/dist/index.cjs.js +1 -1
- package/dist/stitches.d.ts +20 -0
- package/package.json +3 -3
|
@@ -64,6 +64,7 @@ export declare const StepperStepLabel: import("@stitches/react/types/styled-comp
|
|
|
64
64
|
warning: any;
|
|
65
65
|
warningMid: any;
|
|
66
66
|
warningDark: any;
|
|
67
|
+
warningText: any;
|
|
67
68
|
subjectEnglish: any;
|
|
68
69
|
subjectMaths: any;
|
|
69
70
|
subjectScience: any;
|
|
@@ -83,6 +84,7 @@ export declare const StepperStepLabel: import("@stitches/react/types/styled-comp
|
|
|
83
84
|
"7": any;
|
|
84
85
|
"8": any;
|
|
85
86
|
"9": any;
|
|
87
|
+
"10": any;
|
|
86
88
|
};
|
|
87
89
|
fontSizes: {
|
|
88
90
|
xs: any;
|
|
@@ -334,6 +336,7 @@ export declare const StepperStepLabel: import("@stitches/react/types/styled-comp
|
|
|
334
336
|
warning: any;
|
|
335
337
|
warningMid: any;
|
|
336
338
|
warningDark: any;
|
|
339
|
+
warningText: any;
|
|
337
340
|
subjectEnglish: any;
|
|
338
341
|
subjectMaths: any;
|
|
339
342
|
subjectScience: any;
|
|
@@ -353,6 +356,7 @@ export declare const StepperStepLabel: import("@stitches/react/types/styled-comp
|
|
|
353
356
|
"7": any;
|
|
354
357
|
"8": any;
|
|
355
358
|
"9": any;
|
|
359
|
+
"10": any;
|
|
356
360
|
};
|
|
357
361
|
fontSizes: {
|
|
358
362
|
xs: any;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{styled as t}from"../../stitches.js";import{Text as e}from"../text/Text.js";const o=t(e,{fontWeight:600,
|
|
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:"$tonal400",fontWeight:400},active:{color:"$primaryMid"},viewed:{color:"$primary"},success:{color:"$success"}}}});export{o as StepperStepLabel};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{Ok as f}from"@atom-learning/icons";import*as i from"react";import{styled as b}from"../../stitches.js";import{Flex as v}from"../flex/Flex.js";import{Icon as h}from"../icon/Icon.js";import{
|
|
1
|
+
import{Ok as f}from"@atom-learning/icons";import*as i from"react";import{styled as b}from"../../stitches.js";import{Flex as v}from"../flex/Flex.js";import{Icon as h}from"../icon/Icon.js";import{useStepper as C}from"./stepper-context/StepperContext.js";import{StepperStepBullet as w}from"./StepperStepBullet.js";import{StepperStepContainer as D}from"./StepperStepContainer.js";import{StepperStepLabel as $}from"./StepperStepLabel.js";import{Status as r}from"./types.js";const x=b(v,{justifyContent:"space-between",variants:{direction:{vertical:{flexDirection:"column"},horizontal:{flexDirection:"row"}}}}),I=({css:m})=>{const{steps:o,goToStep:p,activeStep:c,viewedSteps:a,allowSkip:n,direction:l,hideLabels:u}=C(),d=t=>{const e=o[t];return e.status?e.status:c===t?r.ACTIVE:a.includes(t)?r.VIEWED:r.DEFAULT},S=t=>{var e;const s=(e=o[t])==null?void 0:e.status;return s===r.SUCCESS?r.SUCCESS:s===r.VIEWED||t<Math.max(...a)?r.ACTIVE:r.DEFAULT};return i.createElement(x,{css:m,direction:l},o.map((t,e)=>{const s=d(e),E=S(e);return i.createElement(D,{key:`step_${e}`,direction:l,separator:E,css:l==="horizontal"?{width:`calc(100% / ${o.length})`}:{height:`calc(100% / ${o.length})`}},i.createElement(w,{as:n?"button":"div",onClick:()=>n&&a.includes(e)?p==null?void 0:p(e):void 0,status:s,"aria-current":e===c?"step":void 0,"aria-label":t.label?"":`step ${e+1}`,"aria-labelledby":t.label?`step-${e}`:void 0,css:{cursor:n&&a.includes(e)?"pointer":"auto"}},t.status==="success"?i.createElement(h,{is:f}):e+1),t.label&&!u&&i.createElement($,{as:"span",id:`step-${e}`,direction:l,status:s},t.label))}))};export{I as StepperSteps};
|
|
@@ -60,6 +60,7 @@ declare const StyledSwitch: import("@stitches/react/types/styled-component").Sty
|
|
|
60
60
|
warning: any;
|
|
61
61
|
warningMid: any;
|
|
62
62
|
warningDark: any;
|
|
63
|
+
warningText: any;
|
|
63
64
|
subjectEnglish: any;
|
|
64
65
|
subjectMaths: any;
|
|
65
66
|
subjectScience: any;
|
|
@@ -79,6 +80,7 @@ declare const StyledSwitch: import("@stitches/react/types/styled-component").Sty
|
|
|
79
80
|
"7": any;
|
|
80
81
|
"8": any;
|
|
81
82
|
"9": any;
|
|
83
|
+
"10": any;
|
|
82
84
|
};
|
|
83
85
|
fontSizes: {
|
|
84
86
|
xs: any;
|
|
@@ -78,6 +78,7 @@ declare const StyledTable: import("@stitches/react/types/styled-component").Styl
|
|
|
78
78
|
warning: any;
|
|
79
79
|
warningMid: any;
|
|
80
80
|
warningDark: any;
|
|
81
|
+
warningText: any;
|
|
81
82
|
subjectEnglish: any;
|
|
82
83
|
subjectMaths: any;
|
|
83
84
|
subjectScience: any;
|
|
@@ -97,6 +98,7 @@ declare const StyledTable: import("@stitches/react/types/styled-component").Styl
|
|
|
97
98
|
"7": any;
|
|
98
99
|
"8": any;
|
|
99
100
|
"9": any;
|
|
101
|
+
"10": any;
|
|
100
102
|
};
|
|
101
103
|
fontSizes: {
|
|
102
104
|
xs: any;
|
|
@@ -61,6 +61,7 @@ declare const StyledTableBody: import("@stitches/react/types/styled-component").
|
|
|
61
61
|
warning: any;
|
|
62
62
|
warningMid: any;
|
|
63
63
|
warningDark: any;
|
|
64
|
+
warningText: any;
|
|
64
65
|
subjectEnglish: any;
|
|
65
66
|
subjectMaths: any;
|
|
66
67
|
subjectScience: any;
|
|
@@ -80,6 +81,7 @@ declare const StyledTableBody: import("@stitches/react/types/styled-component").
|
|
|
80
81
|
"7": any;
|
|
81
82
|
"8": any;
|
|
82
83
|
"9": any;
|
|
84
|
+
"10": any;
|
|
83
85
|
};
|
|
84
86
|
fontSizes: {
|
|
85
87
|
xs: any;
|
|
@@ -58,6 +58,7 @@ export declare const TableCell: import("@stitches/react/types/styled-component")
|
|
|
58
58
|
warning: any;
|
|
59
59
|
warningMid: any;
|
|
60
60
|
warningDark: any;
|
|
61
|
+
warningText: any;
|
|
61
62
|
subjectEnglish: any;
|
|
62
63
|
subjectMaths: any;
|
|
63
64
|
subjectScience: any;
|
|
@@ -77,6 +78,7 @@ export declare const TableCell: import("@stitches/react/types/styled-component")
|
|
|
77
78
|
"7": any;
|
|
78
79
|
"8": any;
|
|
79
80
|
"9": any;
|
|
81
|
+
"10": any;
|
|
80
82
|
};
|
|
81
83
|
fontSizes: {
|
|
82
84
|
xs: any;
|
|
@@ -58,6 +58,7 @@ export declare const TableFooter: import("@stitches/react/types/styled-component
|
|
|
58
58
|
warning: any;
|
|
59
59
|
warningMid: any;
|
|
60
60
|
warningDark: any;
|
|
61
|
+
warningText: any;
|
|
61
62
|
subjectEnglish: any;
|
|
62
63
|
subjectMaths: any;
|
|
63
64
|
subjectScience: any;
|
|
@@ -77,6 +78,7 @@ export declare const TableFooter: import("@stitches/react/types/styled-component
|
|
|
77
78
|
"7": any;
|
|
78
79
|
"8": any;
|
|
79
80
|
"9": any;
|
|
81
|
+
"10": any;
|
|
80
82
|
};
|
|
81
83
|
fontSizes: {
|
|
82
84
|
xs: any;
|
|
@@ -58,6 +58,7 @@ export declare const TableFooterCell: import("@stitches/react/types/styled-compo
|
|
|
58
58
|
warning: any;
|
|
59
59
|
warningMid: any;
|
|
60
60
|
warningDark: any;
|
|
61
|
+
warningText: any;
|
|
61
62
|
subjectEnglish: any;
|
|
62
63
|
subjectMaths: any;
|
|
63
64
|
subjectScience: any;
|
|
@@ -77,6 +78,7 @@ export declare const TableFooterCell: import("@stitches/react/types/styled-compo
|
|
|
77
78
|
"7": any;
|
|
78
79
|
"8": any;
|
|
79
80
|
"9": any;
|
|
81
|
+
"10": any;
|
|
80
82
|
};
|
|
81
83
|
fontSizes: {
|
|
82
84
|
xs: any;
|
|
@@ -61,6 +61,7 @@ declare const StyledTableHeader: import("@stitches/react/types/styled-component"
|
|
|
61
61
|
warning: any;
|
|
62
62
|
warningMid: any;
|
|
63
63
|
warningDark: any;
|
|
64
|
+
warningText: any;
|
|
64
65
|
subjectEnglish: any;
|
|
65
66
|
subjectMaths: any;
|
|
66
67
|
subjectScience: any;
|
|
@@ -80,6 +81,7 @@ declare const StyledTableHeader: import("@stitches/react/types/styled-component"
|
|
|
80
81
|
"7": any;
|
|
81
82
|
"8": any;
|
|
82
83
|
"9": any;
|
|
84
|
+
"10": any;
|
|
83
85
|
};
|
|
84
86
|
fontSizes: {
|
|
85
87
|
xs: any;
|
|
@@ -58,6 +58,7 @@ export declare const TableHeaderCell: import("@stitches/react/types/styled-compo
|
|
|
58
58
|
warning: any;
|
|
59
59
|
warningMid: any;
|
|
60
60
|
warningDark: any;
|
|
61
|
+
warningText: any;
|
|
61
62
|
subjectEnglish: any;
|
|
62
63
|
subjectMaths: any;
|
|
63
64
|
subjectScience: any;
|
|
@@ -77,6 +78,7 @@ export declare const TableHeaderCell: import("@stitches/react/types/styled-compo
|
|
|
77
78
|
"7": any;
|
|
78
79
|
"8": any;
|
|
79
80
|
"9": any;
|
|
81
|
+
"10": any;
|
|
80
82
|
};
|
|
81
83
|
fontSizes: {
|
|
82
84
|
xs: any;
|
|
@@ -58,6 +58,7 @@ export declare const TableRow: import("@stitches/react/types/styled-component").
|
|
|
58
58
|
warning: any;
|
|
59
59
|
warningMid: any;
|
|
60
60
|
warningDark: any;
|
|
61
|
+
warningText: any;
|
|
61
62
|
subjectEnglish: any;
|
|
62
63
|
subjectMaths: any;
|
|
63
64
|
subjectScience: any;
|
|
@@ -77,6 +78,7 @@ export declare const TableRow: import("@stitches/react/types/styled-component").
|
|
|
77
78
|
"7": any;
|
|
78
79
|
"8": any;
|
|
79
80
|
"9": any;
|
|
81
|
+
"10": any;
|
|
80
82
|
};
|
|
81
83
|
fontSizes: {
|
|
82
84
|
xs: any;
|
|
@@ -61,6 +61,7 @@ declare const StyledTabTrigger: import("@stitches/react/types/styled-component")
|
|
|
61
61
|
warning: any;
|
|
62
62
|
warningMid: any;
|
|
63
63
|
warningDark: any;
|
|
64
|
+
warningText: any;
|
|
64
65
|
subjectEnglish: any;
|
|
65
66
|
subjectMaths: any;
|
|
66
67
|
subjectScience: any;
|
|
@@ -80,6 +81,7 @@ declare const StyledTabTrigger: import("@stitches/react/types/styled-component")
|
|
|
80
81
|
"7": any;
|
|
81
82
|
"8": any;
|
|
82
83
|
"9": any;
|
|
84
|
+
"10": any;
|
|
83
85
|
};
|
|
84
86
|
fontSizes: {
|
|
85
87
|
xs: any;
|
|
@@ -64,6 +64,7 @@ declare const StyledRoot: import("@stitches/react/types/styled-component").Style
|
|
|
64
64
|
warning: any;
|
|
65
65
|
warningMid: any;
|
|
66
66
|
warningDark: any;
|
|
67
|
+
warningText: any;
|
|
67
68
|
subjectEnglish: any;
|
|
68
69
|
subjectMaths: any;
|
|
69
70
|
subjectScience: any;
|
|
@@ -83,6 +84,7 @@ declare const StyledRoot: import("@stitches/react/types/styled-component").Style
|
|
|
83
84
|
"7": any;
|
|
84
85
|
"8": any;
|
|
85
86
|
"9": any;
|
|
87
|
+
"10": any;
|
|
86
88
|
};
|
|
87
89
|
fontSizes: {
|
|
88
90
|
xs: any;
|
|
@@ -331,6 +333,7 @@ declare const StyledTabContent: import("@stitches/react/types/styled-component")
|
|
|
331
333
|
warning: any;
|
|
332
334
|
warningMid: any;
|
|
333
335
|
warningDark: any;
|
|
336
|
+
warningText: any;
|
|
334
337
|
subjectEnglish: any;
|
|
335
338
|
subjectMaths: any;
|
|
336
339
|
subjectScience: any;
|
|
@@ -350,6 +353,7 @@ declare const StyledTabContent: import("@stitches/react/types/styled-component")
|
|
|
350
353
|
"7": any;
|
|
351
354
|
"8": any;
|
|
352
355
|
"9": any;
|
|
356
|
+
"10": any;
|
|
353
357
|
};
|
|
354
358
|
fontSizes: {
|
|
355
359
|
xs: any;
|
|
@@ -66,6 +66,7 @@ declare const StyledTriggerList: import("@stitches/react/types/styled-component"
|
|
|
66
66
|
warning: any;
|
|
67
67
|
warningMid: any;
|
|
68
68
|
warningDark: any;
|
|
69
|
+
warningText: any;
|
|
69
70
|
subjectEnglish: any;
|
|
70
71
|
subjectMaths: any;
|
|
71
72
|
subjectScience: any;
|
|
@@ -85,6 +86,7 @@ declare const StyledTriggerList: import("@stitches/react/types/styled-component"
|
|
|
85
86
|
"7": any;
|
|
86
87
|
"8": any;
|
|
87
88
|
"9": any;
|
|
89
|
+
"10": any;
|
|
88
90
|
};
|
|
89
91
|
fontSizes: {
|
|
90
92
|
xs: any;
|
|
@@ -67,6 +67,7 @@ export declare const StyledText: import("@stitches/react/types/styled-component"
|
|
|
67
67
|
warning: any;
|
|
68
68
|
warningMid: any;
|
|
69
69
|
warningDark: any;
|
|
70
|
+
warningText: any;
|
|
70
71
|
subjectEnglish: any;
|
|
71
72
|
subjectMaths: any;
|
|
72
73
|
subjectScience: any;
|
|
@@ -86,6 +87,7 @@ export declare const StyledText: import("@stitches/react/types/styled-component"
|
|
|
86
87
|
"7": any;
|
|
87
88
|
"8": any;
|
|
88
89
|
"9": any;
|
|
90
|
+
"10": any;
|
|
89
91
|
};
|
|
90
92
|
fontSizes: {
|
|
91
93
|
xs: any;
|
|
@@ -61,6 +61,7 @@ declare const StyledTextarea: import("@stitches/react/types/styled-component").S
|
|
|
61
61
|
warning: any;
|
|
62
62
|
warningMid: any;
|
|
63
63
|
warningDark: any;
|
|
64
|
+
warningText: any;
|
|
64
65
|
subjectEnglish: any;
|
|
65
66
|
subjectMaths: any;
|
|
66
67
|
subjectScience: any;
|
|
@@ -80,6 +81,7 @@ declare const StyledTextarea: import("@stitches/react/types/styled-component").S
|
|
|
80
81
|
"7": any;
|
|
81
82
|
"8": any;
|
|
82
83
|
"9": any;
|
|
84
|
+
"10": any;
|
|
83
85
|
};
|
|
84
86
|
fontSizes: {
|
|
85
87
|
xs: any;
|
|
@@ -63,6 +63,7 @@ declare const StyledToast: import("@stitches/react/types/styled-component").Styl
|
|
|
63
63
|
warning: any;
|
|
64
64
|
warningMid: any;
|
|
65
65
|
warningDark: any;
|
|
66
|
+
warningText: any;
|
|
66
67
|
subjectEnglish: any;
|
|
67
68
|
subjectMaths: any;
|
|
68
69
|
subjectScience: any;
|
|
@@ -82,6 +83,7 @@ declare const StyledToast: import("@stitches/react/types/styled-component").Styl
|
|
|
82
83
|
"7": any;
|
|
83
84
|
"8": any;
|
|
84
85
|
"9": any;
|
|
86
|
+
"10": any;
|
|
85
87
|
};
|
|
86
88
|
fontSizes: {
|
|
87
89
|
xs: any;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{Error as g,Close as h}from"@atom-learning/icons";import*as t from"react";import{toast as $}from"react-hot-toast";import{keyframes as i,styled as a}from"../../stitches.js";import{ActionIcon as v}from"../action-icon/ActionIcon.js";import{Icon as s}from"../icon/Icon.js";import{Loader as y}from"../loader/Loader.js";import{Text as w}from"../text/Text.js";const n=400,x=i({"0%":{transform:"translate3d(0,-100%,0)",opacity:0},"100%":{transform:"translate3d(0,0,0)",opacity:1}}),E=i({"0%":{transform:"translate3d(0,0,0)",opacity:1},"100%":{transform:"translate3d(0,-100%,0)",opacity:0}}),k=a("div",{position:"absolute",width:"100%",variants:{visible:{true:{"@allowMotion":{animation:`${x} 250ms cubic-bezier(0.22, 1, 0.36, 1)`}},false:{opacity:0,"@allowMotion":{animation:`${E} 250ms cubic-bezier(0.22, 1, 0.36, 1)`}}}}}),I=a("div",{pointerEvents:"auto",alignItems:"center",borderRadius:"$0",boxShadow:"$1",boxSizing:"border-box",color:"white",display:"flex",minHeight:"$5",pl:"$4",position:"relative",pr:"$
|
|
1
|
+
import{Error as g,Close as h}from"@atom-learning/icons";import*as t from"react";import{toast as $}from"react-hot-toast";import{keyframes as i,styled as a}from"../../stitches.js";import{ActionIcon as v}from"../action-icon/ActionIcon.js";import{Icon as s}from"../icon/Icon.js";import{Loader as y}from"../loader/Loader.js";import{Text as w}from"../text/Text.js";const n=400,x=i({"0%":{transform:"translate3d(0,-100%,0)",opacity:0},"100%":{transform:"translate3d(0,0,0)",opacity:1}}),E=i({"0%":{transform:"translate3d(0,0,0)",opacity:1},"100%":{transform:"translate3d(0,-100%,0)",opacity:0}}),k=a("div",{position:"absolute",width:"100%",variants:{visible:{true:{"@allowMotion":{animation:`${x} 250ms cubic-bezier(0.22, 1, 0.36, 1)`}},false:{opacity:0,"@allowMotion":{animation:`${E} 250ms cubic-bezier(0.22, 1, 0.36, 1)`}}}}}),I=a("div",{pointerEvents:"auto",alignItems:"center",borderRadius:"$0",boxShadow:"$1",boxSizing:"border-box",color:"white",display:"flex",minHeight:"$5",pl:"$4",position:"relative",pr:"$7",py:"$4",transition:"background-color 50ms ease-out",width:"100%","@sm":{width:n},"@allowMotion":{transition:"background-color 50ms ease-out, transform 150ms ease-out"},variants:{status:{blank:{bg:"$primary"},error:{bg:"$danger"},loading:{bg:"$primary"},success:{bg:"$success"}}}}),T=t.memo(({ariaLive:l,height:m,id:e,message:c,role:p,type:o="blank",visible:d,calculateOffset:u,updateHeight:b})=>{const f=u(e,{reverseOrder:!0,margin:8});return t.createElement(k,{visible:d},t.createElement(I,{ref:r=>{r&&m===void 0&&b(e,r.getBoundingClientRect().height)},status:o,role:p,"aria-live":l,style:{transform:`translateY(${f}px)`}},o==="error"&&t.createElement(s,{size:"sm",css:{mr:"$3",flex:"0 0 auto"},is:g}),t.createElement(w,{css:{color:"inherit"}},c),o==="loading"?t.createElement(y,{css:{flex:"0 0 auto",ml:"auto"}}):t.createElement(v,{css:{position:"absolute",top:"$2",right:"$2",color:"white","&:hover,&:focus":{color:"white",opacity:.5}},label:"Close alert",onClick:()=>$.dismiss(e)},t.createElement(s,{is:h}))))});export{n as TOAST_WIDTH,T as Toast};
|
|
@@ -59,6 +59,7 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
|
|
|
59
59
|
warning: any;
|
|
60
60
|
warningMid: any;
|
|
61
61
|
warningDark: any;
|
|
62
|
+
warningText: any;
|
|
62
63
|
subjectEnglish: any;
|
|
63
64
|
subjectMaths: any;
|
|
64
65
|
subjectScience: any;
|
|
@@ -78,6 +79,7 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
|
|
|
78
79
|
"7": any;
|
|
79
80
|
"8": any;
|
|
80
81
|
"9": any;
|
|
82
|
+
"10": any;
|
|
81
83
|
};
|
|
82
84
|
fontSizes: {
|
|
83
85
|
xs: any;
|
|
@@ -326,6 +328,7 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
|
|
|
326
328
|
warning: any;
|
|
327
329
|
warningMid: any;
|
|
328
330
|
warningDark: any;
|
|
331
|
+
warningText: any;
|
|
329
332
|
subjectEnglish: any;
|
|
330
333
|
subjectMaths: any;
|
|
331
334
|
subjectScience: any;
|
|
@@ -345,6 +348,7 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
|
|
|
345
348
|
"7": any;
|
|
346
349
|
"8": any;
|
|
347
350
|
"9": any;
|
|
351
|
+
"10": any;
|
|
348
352
|
};
|
|
349
353
|
fontSizes: {
|
|
350
354
|
xs: any;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as n from"react";import{styled as g}from"../../stitches.js";import{StyledIcon as f,Icon as r}from"../icon/Icon.js";import{StyledItem as h}from"./ToggleGroupItem.js";const t={sm:"32px",md:"40px",lg:"48px"},$={sm:"$4",md:"$
|
|
1
|
+
import*as n from"react";import{styled as g}from"../../stitches.js";import{StyledIcon as f,Icon as r}from"../icon/Icon.js";import{StyledItem as h}from"./ToggleGroupItem.js";const t={sm:"32px",md:"40px",lg:"48px"},$={sm:"$4",md:"$6",lg:"$6"},u={sm:"$2",md:"$3",lg:"$3"},l=i=>({fontSize:`$${i}`,px:$[i],minHeight:t[i],"& > *:not(:last-child)":{mr:u[i]}}),d=g(h,{flexGrow:1,display:"flex",alignItems:"center",justifyContent:"center",fontWeight:600,lineHeight:1,py:"$1",[`& ${f}`]:{flexShrink:0},variants:{size:{sm:l("sm"),md:l("md"),lg:l("lg")},isIconOnly:{true:{}}},compoundVariants:[{isIconOnly:!0,size:"sm",css:{minWidth:t.sm,p:0}},{isIconOnly:!0,size:"md",css:{minWidth:t.md,p:0}},{isIconOnly:!0,size:"lg",css:{minWidth:t.lg,p:0}}]}),x=n.forwardRef(({size:i="md",children:p,...c},a)=>{var o;const s=n.Children.toArray(p),m=s.length<=1,y=m&&n.isValidElement(s[0])&&((o=s[0])==null?void 0:o.type)===r;return n.createElement(d,{ref:a,size:i,isIconOnly:y,...c},s.map(e=>!m&&typeof e=="string"?n.createElement("span",{key:e},e):n.isValidElement(e)&&(e==null?void 0:e.type)===r?n.cloneElement(e,{...e.props,size:i}):e))});export{d as StyledButton,x as ToggleGroupButton};
|
|
@@ -60,6 +60,7 @@ export declare const StyledItem: import("@stitches/react/types/styled-component"
|
|
|
60
60
|
warning: any;
|
|
61
61
|
warningMid: any;
|
|
62
62
|
warningDark: any;
|
|
63
|
+
warningText: any;
|
|
63
64
|
subjectEnglish: any;
|
|
64
65
|
subjectMaths: any;
|
|
65
66
|
subjectScience: any;
|
|
@@ -79,6 +80,7 @@ export declare const StyledItem: import("@stitches/react/types/styled-component"
|
|
|
79
80
|
"7": any;
|
|
80
81
|
"8": any;
|
|
81
82
|
"9": any;
|
|
83
|
+
"10": any;
|
|
82
84
|
};
|
|
83
85
|
fontSizes: {
|
|
84
86
|
xs: any;
|
|
@@ -325,6 +327,7 @@ export declare const ToggleGroupItem: import("@stitches/react/types/styled-compo
|
|
|
325
327
|
warning: any;
|
|
326
328
|
warningMid: any;
|
|
327
329
|
warningDark: any;
|
|
330
|
+
warningText: any;
|
|
328
331
|
subjectEnglish: any;
|
|
329
332
|
subjectMaths: any;
|
|
330
333
|
subjectScience: any;
|
|
@@ -344,6 +347,7 @@ export declare const ToggleGroupItem: import("@stitches/react/types/styled-compo
|
|
|
344
347
|
"7": any;
|
|
345
348
|
"8": any;
|
|
346
349
|
"9": any;
|
|
350
|
+
"10": any;
|
|
347
351
|
};
|
|
348
352
|
fontSizes: {
|
|
349
353
|
xs: any;
|
|
@@ -70,6 +70,7 @@ export declare const StyledRoot: import("@stitches/react/types/styled-component"
|
|
|
70
70
|
warning: any;
|
|
71
71
|
warningMid: any;
|
|
72
72
|
warningDark: any;
|
|
73
|
+
warningText: any;
|
|
73
74
|
subjectEnglish: any;
|
|
74
75
|
subjectMaths: any;
|
|
75
76
|
subjectScience: any;
|
|
@@ -89,6 +90,7 @@ export declare const StyledRoot: import("@stitches/react/types/styled-component"
|
|
|
89
90
|
"7": any;
|
|
90
91
|
"8": any;
|
|
91
92
|
"9": any;
|
|
93
|
+
"10": any;
|
|
92
94
|
};
|
|
93
95
|
fontSizes: {
|
|
94
96
|
xs: any;
|
|
@@ -60,6 +60,7 @@ export declare const ToggleGroup: {
|
|
|
60
60
|
warning: any;
|
|
61
61
|
warningMid: any;
|
|
62
62
|
warningDark: any;
|
|
63
|
+
warningText: any;
|
|
63
64
|
subjectEnglish: any;
|
|
64
65
|
subjectMaths: any;
|
|
65
66
|
subjectScience: any;
|
|
@@ -79,6 +80,7 @@ export declare const ToggleGroup: {
|
|
|
79
80
|
"7": any;
|
|
80
81
|
"8": any;
|
|
81
82
|
"9": any;
|
|
83
|
+
"10": any;
|
|
82
84
|
};
|
|
83
85
|
fontSizes: {
|
|
84
86
|
xs: any;
|
|
@@ -326,6 +328,7 @@ export declare const ToggleGroup: {
|
|
|
326
328
|
warning: any;
|
|
327
329
|
warningMid: any;
|
|
328
330
|
warningDark: any;
|
|
331
|
+
warningText: any;
|
|
329
332
|
subjectEnglish: any;
|
|
330
333
|
subjectMaths: any;
|
|
331
334
|
subjectScience: any;
|
|
@@ -345,6 +348,7 @@ export declare const ToggleGroup: {
|
|
|
345
348
|
"7": any;
|
|
346
349
|
"8": any;
|
|
347
350
|
"9": any;
|
|
351
|
+
"10": any;
|
|
348
352
|
};
|
|
349
353
|
fontSizes: {
|
|
350
354
|
xs: any;
|
|
@@ -595,6 +599,7 @@ export declare const ToggleGroup: {
|
|
|
595
599
|
warning: any;
|
|
596
600
|
warningMid: any;
|
|
597
601
|
warningDark: any;
|
|
602
|
+
warningText: any;
|
|
598
603
|
subjectEnglish: any;
|
|
599
604
|
subjectMaths: any;
|
|
600
605
|
subjectScience: any;
|
|
@@ -614,6 +619,7 @@ export declare const ToggleGroup: {
|
|
|
614
619
|
"7": any;
|
|
615
620
|
"8": any;
|
|
616
621
|
"9": any;
|
|
622
|
+
"10": any;
|
|
617
623
|
};
|
|
618
624
|
fontSizes: {
|
|
619
625
|
xs: any;
|
|
@@ -866,6 +872,7 @@ export declare const ToggleGroup: {
|
|
|
866
872
|
warning: any;
|
|
867
873
|
warningMid: any;
|
|
868
874
|
warningDark: any;
|
|
875
|
+
warningText: any;
|
|
869
876
|
subjectEnglish: any;
|
|
870
877
|
subjectMaths: any;
|
|
871
878
|
subjectScience: any;
|
|
@@ -885,6 +892,7 @@ export declare const ToggleGroup: {
|
|
|
885
892
|
"7": any;
|
|
886
893
|
"8": any;
|
|
887
894
|
"9": any;
|
|
895
|
+
"10": any;
|
|
888
896
|
};
|
|
889
897
|
fontSizes: {
|
|
890
898
|
xs: any;
|
|
@@ -1136,6 +1144,7 @@ export declare const ToggleGroup: {
|
|
|
1136
1144
|
warning: any;
|
|
1137
1145
|
warningMid: any;
|
|
1138
1146
|
warningDark: any;
|
|
1147
|
+
warningText: any;
|
|
1139
1148
|
subjectEnglish: any;
|
|
1140
1149
|
subjectMaths: any;
|
|
1141
1150
|
subjectScience: any;
|
|
@@ -1155,6 +1164,7 @@ export declare const ToggleGroup: {
|
|
|
1155
1164
|
"7": any;
|
|
1156
1165
|
"8": any;
|
|
1157
1166
|
"9": any;
|
|
1167
|
+
"10": any;
|
|
1158
1168
|
};
|
|
1159
1169
|
fontSizes: {
|
|
1160
1170
|
xs: any;
|
|
@@ -62,6 +62,7 @@ declare const StyledContent: import("@stitches/react/types/styled-component").St
|
|
|
62
62
|
warning: any;
|
|
63
63
|
warningMid: any;
|
|
64
64
|
warningDark: any;
|
|
65
|
+
warningText: any;
|
|
65
66
|
subjectEnglish: any;
|
|
66
67
|
subjectMaths: any;
|
|
67
68
|
subjectScience: any;
|
|
@@ -81,6 +82,7 @@ declare const StyledContent: import("@stitches/react/types/styled-component").St
|
|
|
81
82
|
"7": any;
|
|
82
83
|
"8": any;
|
|
83
84
|
"9": any;
|
|
85
|
+
"10": any;
|
|
84
86
|
};
|
|
85
87
|
fontSizes: {
|
|
86
88
|
xs: any;
|
|
@@ -62,6 +62,7 @@ declare const StyledVideo: import("@stitches/react/types/styled-component").Styl
|
|
|
62
62
|
warning: any;
|
|
63
63
|
warningMid: any;
|
|
64
64
|
warningDark: any;
|
|
65
|
+
warningText: any;
|
|
65
66
|
subjectEnglish: any;
|
|
66
67
|
subjectMaths: any;
|
|
67
68
|
subjectScience: any;
|
|
@@ -81,6 +82,7 @@ declare const StyledVideo: import("@stitches/react/types/styled-component").Styl
|
|
|
81
82
|
"7": any;
|
|
82
83
|
"8": any;
|
|
83
84
|
"9": any;
|
|
85
|
+
"10": any;
|
|
84
86
|
};
|
|
85
87
|
fontSizes: {
|
|
86
88
|
xs: any;
|
|
@@ -332,6 +334,7 @@ export declare const Video: React.ForwardRefExoticComponent<Pick<VideoProps, str
|
|
|
332
334
|
warning: any;
|
|
333
335
|
warningMid: any;
|
|
334
336
|
warningDark: any;
|
|
337
|
+
warningText: any;
|
|
335
338
|
subjectEnglish: any;
|
|
336
339
|
subjectMaths: any;
|
|
337
340
|
subjectScience: any;
|
|
@@ -351,6 +354,7 @@ export declare const Video: React.ForwardRefExoticComponent<Pick<VideoProps, str
|
|
|
351
354
|
"7": any;
|
|
352
355
|
"8": any;
|
|
353
356
|
"9": any;
|
|
357
|
+
"10": any;
|
|
354
358
|
};
|
|
355
359
|
fontSizes: {
|
|
356
360
|
xs: any;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const DIALOG_Z_INDEX =
|
|
1
|
+
export declare const DIALOG_Z_INDEX = 1147483646;
|
package/dist/constants/dialog.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
const o=
|
|
1
|
+
const o=1147483646;export{o as DIALOG_Z_INDEX};
|