@atom-learning/components 1.22.2 → 2.0.0-beta.0

package/CHANGELOG.md

@@ -1,10 +1,3 @@
-## [1.22.2](https://github.com/Atom-Learning/components/compare/v1.22.1...v1.22.2) (2022-08-01)
-
-
-### Bug Fixes
-
-* reduce dialog z-index value ([b4d678a](https://github.com/Atom-Learning/components/commit/b4d678a7b06819733c729219ff19a929a2f4a84b))
-
 # [1.4.0](https://github.com/Atom-Learning/components/compare/v1.3.0...v1.4.0) (2022-04-11)
 
 

package/dist/components/accordion/Accordion.d.ts

@@ -62,6 +62,7 @@ declare const StyledRoot: import("@stitches/react/types/styled-component").Style
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -81,6 +82,7 @@ declare const StyledRoot: import("@stitches/react/types/styled-component").Style
         "7": any;
         "8": any;
         "9": any;
+        "10": any;
     };
     fontSizes: {
         xs: any;

package/dist/components/accordion/AccordionContent.d.ts

@@ -59,6 +59,7 @@ declare const StyledContent: import("@stitches/react/types/styled-component").St
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -78,6 +79,7 @@ declare const StyledContent: import("@stitches/react/types/styled-component").St
         "7": any;
         "8": any;
         "9": any;
+        "10": any;
     };
     fontSizes: {
         xs: any;

package/dist/components/accordion/AccordionItem.d.ts

@@ -59,6 +59,7 @@ declare const StyledItem: import("@stitches/react/types/styled-component").Style
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -78,6 +79,7 @@ declare const StyledItem: import("@stitches/react/types/styled-component").Style
         "7": any;
         "8": any;
         "9": any;
+        "10": any;
     };
     fontSizes: {
         xs: any;

package/dist/components/accordion/AccordionTrigger.d.ts

@@ -61,6 +61,7 @@ declare const StyledTrigger: import("@stitches/react/types/styled-component").St
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -80,6 +81,7 @@ declare const StyledTrigger: import("@stitches/react/types/styled-component").St
         "7": any;
         "8": any;
         "9": any;
+        "10": any;
     };
     fontSizes: {
         xs: any;

package/dist/components/action-icon/ActionIcon.d.ts

@@ -67,6 +67,7 @@ declare const StyledButton: import("@stitches/react/types/styled-component").Sty
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -86,6 +87,7 @@ declare const StyledButton: import("@stitches/react/types/styled-component").Sty
         "7": any;
         "8": any;
         "9": any;
+        "10": any;
     };
     fontSizes: {
         xs: any;

package/dist/components/alert-dialog/AlertDialog.d.ts

@@ -61,6 +61,7 @@ declare const StyledAlertDialog: import("@stitches/react/types/styled-component"
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -80,6 +81,7 @@ declare const StyledAlertDialog: import("@stitches/react/types/styled-component"
         "7": any;
         "8": any;
         "9": any;
+        "10": any;
     };
     fontSizes: {
         xs: any;

package/dist/components/alert-dialog/AlertDialogContent.d.ts

@@ -61,6 +61,7 @@ declare const StyledAlertDialogContent: import("@stitches/react/types/styled-com
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -80,6 +81,7 @@ declare const StyledAlertDialogContent: import("@stitches/react/types/styled-com
         "7": any;
         "8": any;
         "9": any;
+        "10": any;
     };
     fontSizes: {
         xs: any;

package/dist/components/alert-dialog/AlertDialogContent.js

@@ -1 +1 @@
-import{Overlay as m,Content as d,Portal as l}from"@radix-ui/react-alert-dialog";import*as t from"react";import{DIALOG_Z_INDEX as e}from"../../constants/dialog.js";import{keyframes as a,styled as n}from"../../stitches.js";import{fadeIn as f,fadeOut as p}from"../../utilities/style/keyframe-animations.js";const o="translate3d(-50%, -50%, 0)",i="translate3d(-50%, 50vh, 0)",c=a({"0%":{transform:i},"100%":{transform:o}}),x=a({"0%":{transform:o},"100%":{transform:i}}),b=n(m,{backgroundColor:"$alpha600",inset:0,position:"fixed",zIndex:e,"@allowMotion":{'&[data-state="open"]':{animation:`${f} 250ms ease-out`},'&[data-state="closed"]':{animation:`${p} 550ms ease-out`}}}),u=n(d,{bg:"white",borderRadius:"$1",boxShadow:"$3",boxSizing:"border-box",left:"50%",maxWidth:"90vw",p:"$5",position:"fixed",top:"50%",transform:o,"&:focus":{outline:"none"},zIndex:e,"@allowMotion":{'&[data-state="open"]':{animation:`${c} 550ms cubic-bezier(0.22, 1, 0.36, 1)`},'&[data-state="closed"]':{animation:`${x} 550ms cubic-bezier(0.22, 1, 0.36, 1)`}},variants:{size:{sm:{width:"380px"},md:{width:"480px"},lg:{width:"600px"}}}}),$=({size:r="sm",...s})=>t.createElement(l,null,t.createElement(b,null),t.createElement(u,{size:r,...s}));export{$ as AlertDialogContent};
+import{Overlay as m,Content as d,Portal as l}from"@radix-ui/react-alert-dialog";import*as t from"react";import{DIALOG_Z_INDEX as e}from"../../constants/dialog.js";import{keyframes as a,styled as n}from"../../stitches.js";import{fadeIn as f,fadeOut as p}from"../../utilities/style/keyframe-animations.js";const o="translate3d(-50%, -50%, 0)",i="translate3d(-50%, 50vh, 0)",c=a({"0%":{transform:i},"100%":{transform:o}}),x=a({"0%":{transform:o},"100%":{transform:i}}),b=n(m,{backgroundColor:"$alpha600",inset:0,position:"fixed",zIndex:e,"@allowMotion":{'&[data-state="open"]':{animation:`${f} 250ms ease-out`},'&[data-state="closed"]':{animation:`${p} 550ms ease-out`}}}),u=n(d,{bg:"white",borderRadius:"$1",boxShadow:"$3",boxSizing:"border-box",left:"50%",maxWidth:"90vw",p:"$6",position:"fixed",top:"50%",transform:o,"&:focus":{outline:"none"},zIndex:e,"@allowMotion":{'&[data-state="open"]':{animation:`${c} 550ms cubic-bezier(0.22, 1, 0.36, 1)`},'&[data-state="closed"]':{animation:`${x} 550ms cubic-bezier(0.22, 1, 0.36, 1)`}},variants:{size:{sm:{width:"380px"},md:{width:"480px"},lg:{width:"600px"}}}}),$=({size:r="sm",...s})=>t.createElement(l,null,t.createElement(b,null),t.createElement(u,{size:r,...s}));export{$ as AlertDialogContent};

package/dist/components/alert-dialog/alert-context/AlertDialog.js

@@ -1 +1 @@
-import*as e from"react";import{Button as i}from"../../button/Button.js";import{Heading as p}from"../../heading/Heading.js";import{Stack as f}from"../../stack/Stack.js";import{Text as E}from"../../text/Text.js";import{AlertDialog as t}from"../AlertDialog.js";const u=({title:r,description:o,onAction:n,cancelActionText:c,confirmActionText:m,onClose:a,...s})=>e.createElement(t,{defaultOpen:!0},e.createElement(t.Content,{onEscapeKeyDown:l=>l.preventDefault(),onCloseAutoFocus:a,...s},e.createElement(p,{as:t.Title,size:"sm",css:{mb:"$5"}},r),o&&e.createElement(E,{as:t.Description,css:{mb:"$5"}},o),e.createElement(f,{gap:"2",justify:"end"},c&&e.createElement(i,{appearance:"outline",as:t.Cancel,onClick:()=>n(!1),size:"sm"},c),e.createElement(i,{as:t.Action,onClick:()=>n(!0),size:"sm"},m))));export{u as Alert};
+import*as e from"react";import{Button as i}from"../../button/Button.js";import{Heading as p}from"../../heading/Heading.js";import{Stack as f}from"../../stack/Stack.js";import{Text as E}from"../../text/Text.js";import{AlertDialog as t}from"../AlertDialog.js";const u=({title:r,description:o,onAction:n,cancelActionText:c,confirmActionText:m,onClose:a,...s})=>e.createElement(t,{defaultOpen:!0},e.createElement(t.Content,{onEscapeKeyDown:l=>l.preventDefault(),onCloseAutoFocus:a,...s},e.createElement(p,{as:t.Title,size:"sm",css:{mb:"$6"}},r),o&&e.createElement(E,{as:t.Description,css:{mb:"$6"}},o),e.createElement(f,{gap:"2",justify:"end"},c&&e.createElement(i,{appearance:"outline",as:t.Cancel,onClick:()=>n(!1),size:"sm"},c),e.createElement(i,{as:t.Action,onClick:()=>n(!0),size:"sm"},m))));export{u as Alert};

package/dist/components/badge/Badge.d.ts

@@ -59,6 +59,7 @@ declare const StyledBadge: import("@stitches/react/types/styled-component").Styl
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -78,6 +79,7 @@ declare const StyledBadge: import("@stitches/react/types/styled-component").Styl
         "7": any;
         "8": any;
         "9": any;
+        "10": any;
     };
     fontSizes: {
         xs: any;
@@ -326,6 +328,7 @@ declare const StyledBadge: import("@stitches/react/types/styled-component").Styl
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -345,6 +348,7 @@ declare const StyledBadge: import("@stitches/react/types/styled-component").Styl
         "7": any;
         "8": any;
         "9": any;
+        "10": any;
     };
     fontSizes: {
         xs: any;

package/dist/components/box/Box.d.ts

@@ -58,6 +58,7 @@ export declare const Box: import("@stitches/react/types/styled-component").Style
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -77,6 +78,7 @@ export declare const Box: import("@stitches/react/types/styled-component").Style
         "7": any;
         "8": any;
         "9": any;
+        "10": any;
     };
     fontSizes: {
         xs: any;

package/dist/components/button/Button.d.ts

@@ -69,6 +69,7 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -88,6 +89,7 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
         "7": any;
         "8": any;
         "9": any;
+        "10": any;
     };
     fontSizes: {
         xs: any;

package/dist/components/button/Button.js

@@ -1 +1 @@
-import{darken as i,opacify as s}from"color2k";import*as o from"react";import{Box as b}from"../box/Box.js";import{Icon as w}from"../icon/Icon.js";import{Loader as k}from"../loader/Loader.js";import{styled as v,theme as l}from"../../stitches.js";const d=(e,r,a)=>({border:"1px solid",borderColor:"currentColor",color:e,"&[disabled]":{borderColor:"$tonal400",color:"$tonal400",cursor:"not-allowed"},"&:not([disabled]):hover, &:not([disabled]):focus":{textDecoration:"none",color:r},"&:not([disabled]):active":{color:a}}),n=(e,r,a,t="white")=>({bg:e,color:t,"&[disabled]":{bg:"$tonal100",color:"$tonal400",cursor:"not-allowed"},"&:not([disabled]):hover, &:not([disabled]):focus":{bg:r,color:t},"&:not([disabled]):active":{bg:a}}),p=v("button",{alignItems:"center",bg:"unset",border:"unset",borderRadius:"$0",cursor:"pointer",display:"flex",fontFamily:"$body",fontWeight:600,justifyContent:"center",p:"unset",textDecoration:"none",transition:"all 100ms ease-out",whiteSpace:"nowrap",width:"max-content",variants:{theme:{primary:{},secondary:{},success:{},warning:{},danger:{},neutral:{}},appearance:{solid:{},outline:{}},size:{sm:{fontSize:"$sm",lineHeight:1.53,height:"$3",px:"$4"},md:{fontSize:"$md",lineHeight:1.5,height:"$4",px:"$5"},lg:{fontSize:"$lg",lineHeight:1.5,height:"$5",px:"$5"}},isLoading:{true:{cursor:"not-allowed",opacity:.6,pointerEvents:"none"}},fullWidth:{false:{width:"max-content"},true:{width:"100%"}},isRounded:{true:{borderRadius:"$round"}}},compoundVariants:[{theme:"primary",appearance:"solid",css:n("$primary","$primaryMid","$primaryDark")},{theme:"secondary",appearance:"solid",css:n("$primaryDark",i(l.colors.primaryDark.value,.1),i(l.colors.primaryDark.value,.15))},{theme:"success",appearance:"solid",css:n("$success","$successMid","$successDark")},{theme:"warning",appearance:"solid",css:n("$warning","$warningMid","$warningDark","$tonal500")},{theme:"danger",appearance:"solid",css:n("$danger","$dangerMid","$dangerDark")},{theme:"neutral",appearance:"solid",css:n("white",s("white",-.1),s("white",-.25),"$primary")},{theme:"primary",appearance:"outline",css:d("$primary","$primaryMid","$primaryDark")},{theme:"neutral",appearance:"outline",css:d("white",s("white",-.2),s("white",-.35))},{theme:"secondary",appearance:"outline",css:d("$primaryDark",i(l.colors.primaryDark.value,.1),i(l.colors.primaryDark.value,.15))}]}),D=({isLoading:e,children:r})=>o.createElement(o.Fragment,null,o.createElement(k,{css:{opacity:e?1:0,position:"absolute",transition:"opacity 150ms"}}),o.createElement(b,{as:"span",css:e?{opacity:0,transition:"opacity 150ms"}:{}},r)),x=e=>{switch(e){case"lg":return 22;case"md":return 20;case"sm":default:return 16}},m=(e,r)=>o.Children.map(e,(a,t)=>(a==null?void 0:a.type)===w?o.cloneElement(a,{css:{[t===0?"mr":"ml"]:r==="sm"?"$2":"$3",size:x(r),...a.props.css?a.props.css:{}}}):a),u=o.forwardRef(({children:e,isLoading:r,onClick:a,href:t,appearance:h="solid",size:c="md",theme:y="primary",type:g="button",...$},f)=>o.createElement(p,{isLoading:r||!1,onClick:r?void 0:a,appearance:h,size:c,theme:y,...$,...t?{as:"a",href:t,onClick:void 0}:{},...t?{}:{type:g},ref:f},typeof r=="boolean"?o.createElement(D,{isLoading:r},m(e,c)):m(e,c)));u.displayName="Button";export{u as Button,p as StyledButton};
+import{darken as i,opacify as s}from"color2k";import*as o from"react";import{Box as b}from"../box/Box.js";import{Icon as w}from"../icon/Icon.js";import{Loader as k}from"../loader/Loader.js";import{styled as v,theme as l}from"../../stitches.js";const d=(e,r,a)=>({border:"1px solid",borderColor:"currentColor",color:e,"&[disabled]":{borderColor:"$tonal400",color:"$tonal400",cursor:"not-allowed"},"&:not([disabled]):hover, &:not([disabled]):focus":{textDecoration:"none",color:r},"&:not([disabled]):active":{color:a}}),n=(e,r,a,t="white")=>({bg:e,color:t,"&[disabled]":{bg:"$tonal100",color:"$tonal400",cursor:"not-allowed"},"&:not([disabled]):hover, &:not([disabled]):focus":{bg:r,color:t},"&:not([disabled]):active":{bg:a}}),p=v("button",{alignItems:"center",bg:"unset",border:"unset",borderRadius:"$0",cursor:"pointer",display:"flex",fontFamily:"$body",fontWeight:600,justifyContent:"center",p:"unset",textDecoration:"none",transition:"all 100ms ease-out",whiteSpace:"nowrap",width:"max-content",variants:{theme:{primary:{},secondary:{},success:{},warning:{},danger:{},neutral:{}},appearance:{solid:{},outline:{}},size:{sm:{fontSize:"$sm",lineHeight:1.53,height:"$3",px:"$4"},md:{fontSize:"$md",lineHeight:1.5,height:"$4",px:"$6"},lg:{fontSize:"$lg",lineHeight:1.5,height:"$5",px:"$6"}},isLoading:{true:{cursor:"not-allowed",opacity:.6,pointerEvents:"none"}},fullWidth:{false:{width:"max-content"},true:{width:"100%"}},isRounded:{true:{borderRadius:"$round"}}},compoundVariants:[{theme:"primary",appearance:"solid",css:n("$primary","$primaryMid","$primaryDark")},{theme:"secondary",appearance:"solid",css:n("$primaryDark",i(l.colors.primaryDark.value,.1),i(l.colors.primaryDark.value,.15))},{theme:"success",appearance:"solid",css:n("$success","$successMid","$successDark")},{theme:"warning",appearance:"solid",css:n("$warning","$warningMid","$warningDark","$tonal500")},{theme:"danger",appearance:"solid",css:n("$danger","$dangerMid","$dangerDark")},{theme:"neutral",appearance:"solid",css:n("white",s("white",-.1),s("white",-.25),"$primary")},{theme:"primary",appearance:"outline",css:d("$primary","$primaryMid","$primaryDark")},{theme:"neutral",appearance:"outline",css:d("white",s("white",-.2),s("white",-.35))},{theme:"secondary",appearance:"outline",css:d("$primaryDark",i(l.colors.primaryDark.value,.1),i(l.colors.primaryDark.value,.15))}]}),D=({isLoading:e,children:r})=>o.createElement(o.Fragment,null,o.createElement(k,{css:{opacity:e?1:0,position:"absolute",transition:"opacity 150ms"}}),o.createElement(b,{as:"span",css:e?{opacity:0,transition:"opacity 150ms"}:{}},r)),x=e=>{switch(e){case"lg":return 22;case"md":return 20;case"sm":default:return 16}},m=(e,r)=>o.Children.map(e,(a,t)=>(a==null?void 0:a.type)===w?o.cloneElement(a,{css:{[t===0?"mr":"ml"]:r==="sm"?"$2":"$3",size:x(r),...a.props.css?a.props.css:{}}}):a),u=o.forwardRef(({children:e,isLoading:r,onClick:a,href:t,appearance:h="solid",size:c="md",theme:y="primary",type:g="button",...$},f)=>o.createElement(p,{isLoading:r||!1,onClick:r?void 0:a,appearance:h,size:c,theme:y,...$,...t?{as:"a",href:t,onClick:void 0}:{},...t?{}:{type:g},ref:f},typeof r=="boolean"?o.createElement(D,{isLoading:r},m(e,c)):m(e,c)));u.displayName="Button";export{u as Button,p as StyledButton};

package/dist/components/calendar/Day.d.ts

@@ -62,6 +62,7 @@ export declare const Day: import("@stitches/react/types/styled-component").Style
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -81,6 +82,7 @@ export declare const Day: import("@stitches/react/types/styled-component").Style
         "7": any;
         "8": any;
         "9": any;
+        "10": any;
     };
     fontSizes: {
         xs: any;

package/dist/components/carousel/CarouselPagination.d.ts

@@ -59,6 +59,7 @@ export declare const CarouselPagination: import("@stitches/react/types/styled-co
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -78,6 +79,7 @@ export declare const CarouselPagination: import("@stitches/react/types/styled-co
         "7": any;
         "8": any;
         "9": any;
+        "10": any;
     };
     fontSizes: {
         xs: any;

package/dist/components/carousel/CarouselSlide.d.ts

@@ -59,6 +59,7 @@ declare const StyledSlide: import("@stitches/react/types/styled-component").Styl
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -78,6 +79,7 @@ declare const StyledSlide: import("@stitches/react/types/styled-component").Styl
         "7": any;
         "8": any;
         "9": any;
+        "10": any;
     };
     fontSizes: {
         xs: any;

package/dist/components/carousel/CarouselSlider.d.ts

@@ -61,6 +61,7 @@ export declare const CarouselSlider: import("@stitches/react/types/styled-compon
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -80,6 +81,7 @@ export declare const CarouselSlider: import("@stitches/react/types/styled-compon
         "7": any;
         "8": any;
         "9": any;
+        "10": any;
     };
     fontSizes: {
         xs: any;

package/dist/components/checkbox/Checkbox.d.ts

@@ -62,6 +62,7 @@ declare const StyledCheckbox: import("@stitches/react/types/styled-component").S
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -81,6 +82,7 @@ declare const StyledCheckbox: import("@stitches/react/types/styled-component").S
         "7": any;
         "8": any;
         "9": any;
+        "10": any;
     };
     fontSizes: {
         xs: any;

package/dist/components/combobox/Combobox.d.ts

@@ -64,6 +64,7 @@ declare const StyledCombobox: import("@stitches/react/types/styled-component").S
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -83,6 +84,7 @@ declare const StyledCombobox: import("@stitches/react/types/styled-component").S
         "7": any;
         "8": any;
         "9": any;
+        "10": any;
     };
     fontSizes: {
         xs: any;

package/dist/components/combobox/ComboboxInput.d.ts

@@ -60,6 +60,7 @@ export declare const ComboboxInput: import("@stitches/react/types/styled-compone
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -79,6 +80,7 @@ export declare const ComboboxInput: import("@stitches/react/types/styled-compone
         "7": any;
         "8": any;
         "9": any;
+        "10": any;
     };
     fontSizes: {
         xs: any;

package/dist/components/combobox/ComboboxInput.js

@@ -1 +1 @@
-import{ComboboxInput as o}from"@reach/combobox";import{styled as r,theme as e}from"../../stitches.js";import{encodeBackgroundIcon as a}from"../../utilities/style/encode-background-icon.js";const t=r(o,{boxShadow:"none",fontSize:"$md",appearance:"none",backgroundImage:a(e.colors.tonal300.value,"chevron"),backgroundPosition:"right $space$3 top 50%, 0 0",backgroundRepeat:"no-repeat, repeat",backgroundSize:"20px auto, 100%",border:"1px solid $tonal300",borderRadius:"$0",boxSizing:"border-box",color:"$tonal600",cursor:"text",display:"block",fontFamily:"$body",height:"$4",pl:"$3",pr:"$6",transition:"all 100ms ease-out",width:"100%","&::placeholder":{color:"$tonal300",opacity:1},"&:focus-within":{borderColor:"$primary",outline:"none"},"&[disabled]":{backgroundColor:"$tonal100",color:"$tonal400",cursor:"not-allowed"},variants:{state:{error:{border:"1px solid $danger"}}}});export{t as ComboboxInput};
+import{ComboboxInput as o}from"@reach/combobox";import{styled as r,theme as e}from"../../stitches.js";import{encodeBackgroundIcon as a}from"../../utilities/style/encode-background-icon.js";const t=r(o,{boxShadow:"none",fontSize:"$md",appearance:"none",backgroundImage:a(e.colors.tonal300.value,"chevron"),backgroundPosition:"right $space$3 top 50%, 0 0",backgroundRepeat:"no-repeat, repeat",backgroundSize:"20px auto, 100%",border:"1px solid $tonal300",borderRadius:"$0",boxSizing:"border-box",color:"$tonal600",cursor:"text",display:"block",fontFamily:"$body",height:"$4",pl:"$3",pr:"$7",transition:"all 100ms ease-out",width:"100%","&::placeholder":{color:"$tonal300",opacity:1},"&:focus-within":{borderColor:"$primary",outline:"none"},"&[disabled]":{backgroundColor:"$tonal100",color:"$tonal400",cursor:"not-allowed"},variants:{state:{error:{border:"1px solid $danger"}}}});export{t as ComboboxInput};

package/dist/components/combobox/ComboboxList.d.ts

@@ -58,6 +58,7 @@ export declare const ComboboxList: import("@stitches/react/types/styled-componen
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -77,6 +78,7 @@ export declare const ComboboxList: import("@stitches/react/types/styled-componen
         "7": any;
         "8": any;
         "9": any;
+        "10": any;
     };
     fontSizes: {
         xs: any;

package/dist/components/combobox/ComboboxOption.d.ts

@@ -58,6 +58,7 @@ export declare const ComboboxOption: import("@stitches/react/types/styled-compon
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -77,6 +78,7 @@ export declare const ComboboxOption: import("@stitches/react/types/styled-compon
         "7": any;
         "8": any;
         "9": any;
+        "10": any;
     };
     fontSizes: {
         xs: any;

package/dist/components/combobox/ComboboxPopover.d.ts

@@ -58,6 +58,7 @@ export declare const ComboboxPopover: import("@stitches/react/types/styled-compo
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -77,6 +78,7 @@ export declare const ComboboxPopover: import("@stitches/react/types/styled-compo
         "7": any;
         "8": any;
         "9": any;
+        "10": any;
     };
     fontSizes: {
         xs: any;

package/dist/components/dialog/Dialog.d.ts

@@ -63,6 +63,7 @@ declare const StyledDialog: import("@stitches/react/types/styled-component").Sty
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -82,6 +83,7 @@ declare const StyledDialog: import("@stitches/react/types/styled-component").Sty
         "7": any;
         "8": any;
         "9": any;
+        "10": any;
     };
     fontSizes: {
         xs: any;

package/dist/components/dialog/DialogBackground.d.ts

@@ -58,6 +58,7 @@ export declare const DialogBackground: import("@stitches/react/types/styled-comp
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -77,6 +78,7 @@ export declare const DialogBackground: import("@stitches/react/types/styled-comp
         "7": any;
         "8": any;
         "9": any;
+        "10": any;
     };
     fontSizes: {
         xs: any;
@@ -322,6 +324,7 @@ export declare const DialogBackground: import("@stitches/react/types/styled-comp
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -341,6 +344,7 @@ export declare const DialogBackground: import("@stitches/react/types/styled-comp
         "7": any;
         "8": any;
         "9": any;
+        "10": any;
     };
     fontSizes: {
         xs: any;

package/dist/components/dialog/DialogClose.d.ts

@@ -59,6 +59,7 @@ export declare const DialogClose: import("@stitches/react/types/styled-component
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -78,6 +79,7 @@ export declare const DialogClose: import("@stitches/react/types/styled-component
         "7": any;
         "8": any;
         "9": any;
+        "10": any;
     };
     fontSizes: {
         xs: any;

package/dist/components/dialog/DialogContent.d.ts

@@ -61,6 +61,7 @@ declare const StyledDialogContent: import("@stitches/react/types/styled-componen
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -80,6 +81,7 @@ declare const StyledDialogContent: import("@stitches/react/types/styled-componen
         "7": any;
         "8": any;
         "9": any;
+        "10": any;
     };
     fontSizes: {
         xs: any;

package/dist/components/dialog/DialogContent.js

@@ -1 +1 @@
-import{Close as h}from"@atom-learning/icons";import{Overlay as x,Content as b,Portal as g,Close as w}from"@radix-ui/react-dialog";import*as t from"react";import{DIALOG_Z_INDEX as r}from"../../constants/dialog.js";import{keyframes as n,styled as l}from"../../stitches.js";import{ActionIcon as v}from"../action-icon/ActionIcon.js";import{Icon as $}from"../icon/Icon.js";import{DialogBackground as s}from"./DialogBackground.js";import{fadeIn as z,fadeOut as C}from"../../utilities/style/keyframe-animations.js";const e="translate3d(-50%, -50%, 0)",m="translate3d(-50%, 50vh, 0)",d="modal_overlay",D=n({"0%":{transform:m},"100%":{transform:e}}),I=n({"0%":{transform:e},"100%":{transform:m}}),y=l(x,{backgroundColor:"$alpha600",inset:0,position:"fixed",overflowY:"auto",zIndex:r,"@allowMotion":{'&[data-state="open"]':{animation:`${z} 250ms ease-out`},'&[data-state="closed"]':{animation:`${C} 550ms ease-out`}}}),E=l(b,{bg:"white",borderRadius:"$1",boxShadow:"$3",boxSizing:"border-box",left:"50%",maxWidth:"90vw",maxHeight:"90vh",overflowY:"auto",p:"$5",position:"fixed",top:"50%",transform:e,zIndex:r,"&:focus":{outline:"none"},"@allowMotion":{'&[data-state="open"]':{animation:`${D} 550ms cubic-bezier(0.22, 1, 0.36, 1)`},'&[data-state="closed"]':{animation:`${I} 550ms cubic-bezier(0.22, 1, 0.36, 1)`}},variants:{size:{xs:{width:"380px"},sm:{width:"480px"},md:{width:"600px"},lg:{width:"800px"},xl:{width:"1100px"}}}}),O=({size:p="sm",children:a,closeDialogText:f="Close dialog",showCloseButton:c=!0,...u})=>t.createElement(g,null,t.createElement(y,{id:d},t.Children.map(a,o=>(o==null?void 0:o.type)===s&&o),t.createElement(E,{size:p,"aria-label":"Dialog",onPointerDownOutside:o=>{const i=o.target;(i==null?void 0:i.id)!==d&&o.preventDefault()},...u},c&&t.createElement(v,{as:w,css:{position:"absolute",right:"$4",top:"$4"},label:f,size:"lg",theme:"neutral"},t.createElement($,{is:h})),t.Children.map(a,o=>(o==null?void 0:o.type)!==s&&o))));export{O as DialogContent};
+import{Close as h}from"@atom-learning/icons";import{Overlay as x,Content as b,Portal as g,Close as w}from"@radix-ui/react-dialog";import*as t from"react";import{DIALOG_Z_INDEX as r}from"../../constants/dialog.js";import{keyframes as n,styled as l}from"../../stitches.js";import{ActionIcon as v}from"../action-icon/ActionIcon.js";import{Icon as $}from"../icon/Icon.js";import{DialogBackground as s}from"./DialogBackground.js";import{fadeIn as z,fadeOut as C}from"../../utilities/style/keyframe-animations.js";const e="translate3d(-50%, -50%, 0)",m="translate3d(-50%, 50vh, 0)",d="modal_overlay",D=n({"0%":{transform:m},"100%":{transform:e}}),I=n({"0%":{transform:e},"100%":{transform:m}}),y=l(x,{backgroundColor:"$alpha600",inset:0,position:"fixed",overflowY:"auto",zIndex:r,"@allowMotion":{'&[data-state="open"]':{animation:`${z} 250ms ease-out`},'&[data-state="closed"]':{animation:`${C} 550ms ease-out`}}}),E=l(b,{bg:"white",borderRadius:"$1",boxShadow:"$3",boxSizing:"border-box",left:"50%",maxWidth:"90vw",maxHeight:"90vh",overflowY:"auto",p:"$6",position:"fixed",top:"50%",transform:e,zIndex:r,"&:focus":{outline:"none"},"@allowMotion":{'&[data-state="open"]':{animation:`${D} 550ms cubic-bezier(0.22, 1, 0.36, 1)`},'&[data-state="closed"]':{animation:`${I} 550ms cubic-bezier(0.22, 1, 0.36, 1)`}},variants:{size:{xs:{width:"380px"},sm:{width:"480px"},md:{width:"600px"},lg:{width:"800px"},xl:{width:"1100px"}}}}),O=({size:p="sm",children:a,closeDialogText:f="Close dialog",showCloseButton:c=!0,...u})=>t.createElement(g,null,t.createElement(y,{id:d},t.Children.map(a,o=>(o==null?void 0:o.type)===s&&o),t.createElement(E,{size:p,"aria-label":"Dialog",onPointerDownOutside:o=>{const i=o.target;(i==null?void 0:i.id)!==d&&o.preventDefault()},...u},c&&t.createElement(v,{as:w,css:{position:"absolute",right:"$4",top:"$4"},label:f,size:"lg",theme:"neutral"},t.createElement($,{is:h})),t.Children.map(a,o=>(o==null?void 0:o.type)!==s&&o))));export{O as DialogContent};

package/dist/components/divider/Divider.d.ts

@@ -61,6 +61,7 @@ export declare const StyledDivider: import("@stitches/react/types/styled-compone
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -80,6 +81,7 @@ export declare const StyledDivider: import("@stitches/react/types/styled-compone
         "7": any;
         "8": any;
         "9": any;
+        "10": any;
     };
     fontSizes: {
         xs: any;

package/dist/components/dropdown-menu/DropdownMenu.d.ts

@@ -64,6 +64,7 @@ declare const Root: import("@stitches/react/types/styled-component").StyledCompo
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -83,6 +84,7 @@ declare const Root: import("@stitches/react/types/styled-component").StyledCompo
         "7": any;
         "8": any;
         "9": any;
+        "10": any;
     };
     fontSizes: {
         xs: any;

package/dist/components/dropdown-menu/DropdownMenuContent.d.ts

@@ -59,6 +59,7 @@ export declare const DropdownMenuContent: import("@stitches/react/types/styled-c
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -78,6 +79,7 @@ export declare const DropdownMenuContent: import("@stitches/react/types/styled-c
         "7": any;
         "8": any;
         "9": any;
+        "10": any;
     };
     fontSizes: {
         xs: any;

package/dist/components/dropdown-menu/DropdownMenuItem.d.ts

@@ -92,6 +92,7 @@ export declare const DropdownMenuItem: import("@stitches/react/types/styled-comp
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -111,6 +112,7 @@ export declare const DropdownMenuItem: import("@stitches/react/types/styled-comp
         "7": any;
         "8": any;
         "9": any;
+        "10": any;
     };
     fontSizes: {
         xs: any;

package/dist/components/dropdown-menu/DropdownMenuSeparator.d.ts

@@ -59,6 +59,7 @@ export declare const DropdownMenuSeparator: import("@stitches/react/types/styled
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -78,6 +79,7 @@ export declare const DropdownMenuSeparator: import("@stitches/react/types/styled
         "7": any;
         "8": any;
         "9": any;
+        "10": any;
     };
     fontSizes: {
         xs: any;

package/dist/components/dropdown-menu/DropdownMenuTrigger.d.ts

@@ -59,6 +59,7 @@ export declare const DropdownMenuTrigger: import("@stitches/react/types/styled-c
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -78,6 +79,7 @@ export declare const DropdownMenuTrigger: import("@stitches/react/types/styled-c
         "7": any;
         "8": any;
         "9": any;
+        "10": any;
     };
     fontSizes: {
         xs: any;

package/dist/components/empty-state/EmptyState.d.ts

@@ -62,6 +62,7 @@ declare const EmptyStateContainer: import("@stitches/react/types/styled-componen
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -81,6 +82,7 @@ declare const EmptyStateContainer: import("@stitches/react/types/styled-componen
         "7": any;
         "8": any;
         "9": any;
+        "10": any;
     };
     fontSizes: {
         xs: any;
@@ -328,6 +330,7 @@ declare const EmptyStateContainer: import("@stitches/react/types/styled-componen
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -347,6 +350,7 @@ declare const EmptyStateContainer: import("@stitches/react/types/styled-componen
         "7": any;
         "8": any;
         "9": any;
+        "10": any;
     };
     fontSizes: {
         xs: any;

package/dist/components/empty-state/EmptyState.js

@@ -1 +1 @@
-import*as m from"react";import{Flex as a}from"../flex/Flex.js";import{styled as n}from"../../stitches.js";import{EmptyStateBody as p}from"./EmptyStateBody.js";import{EmptyStateImage as o}from"./EmptyStateImage.js";import{EmptyStateTitle as r}from"./EmptyStateTitle.js";const y=n(a,{flexDirection:"column",alignItems:"center",textAlign:"center","& > *:last-child":{mb:0},variants:{size:{xs:{p:"$2"},sm:{p:"$3"},md:{p:"$4"},lg:{p:"$5"},xl:{p:"$6"}}}}),t=({size:i="sm",children:l,...s})=>m.createElement(y,{size:i,...s},m.Children.map(l,e=>m.isValidElement(e)&&(e.type===o||e.type===r||e.type===p)?m.cloneElement(e,{...e.props,size:i}):e));t.displayName="EmptyState",t.Image=o,t.Title=r,t.Body=p;export{t as EmptyState};
+import*as m from"react";import{Flex as a}from"../flex/Flex.js";import{styled as n}from"../../stitches.js";import{EmptyStateBody as p}from"./EmptyStateBody.js";import{EmptyStateImage as o}from"./EmptyStateImage.js";import{EmptyStateTitle as r}from"./EmptyStateTitle.js";const y=n(a,{flexDirection:"column",alignItems:"center",textAlign:"center","& > *:last-child":{mb:0},variants:{size:{xs:{p:"$2"},sm:{p:"$3"},md:{p:"$4"},lg:{p:"$6"},xl:{p:"$7"}}}}),t=({size:i="sm",children:l,...s})=>m.createElement(y,{size:i,...s},m.Children.map(l,e=>m.isValidElement(e)&&(e.type===o||e.type===r||e.type===p)?m.cloneElement(e,{...e.props,size:i}):e));t.displayName="EmptyState",t.Image=o,t.Title=r,t.Body=p;export{t as EmptyState};