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

package/CHANGELOG.md

@@ -1,3 +1,29 @@
+# [2.0.0](https://github.com/Atom-Learning/components/compare/v1.24.2...v2.0.0) (2022-09-06)
+
+
+### Bug Fixes
+
+* action icon sizes ([e46f613](https://github.com/Atom-Learning/components/commit/e46f613c030e3e3cc15ab2c8e148fa95e11f01e8))
+* align sizes to buttons ([4df4f1f](https://github.com/Atom-Learning/components/commit/4df4f1fbd8e1a2eaf6f26166a28086a70009a2c2))
+* always base icon size on actionicon size ([2570aaa](https://github.com/Atom-Learning/components/commit/2570aaa26fa919355f33f7eb8fea5f16be6df787))
+* attempting manual merge ([51a1c66](https://github.com/Atom-Learning/components/commit/51a1c666de0b6cad1c086bcc6efe1dd1f57ab47d))
+* changing back missed icon size ([23348a3](https://github.com/Atom-Learning/components/commit/23348a3c3588329de9285aa9002ba77497ac0789))
+* display px value in docs ([fe24ca0](https://github.com/Atom-Learning/components/commit/fe24ca09a74cdfd4c4e8d3fb3603f2c3b61e6c24))
+* fixing type issue ([1510885](https://github.com/Atom-Learning/components/commit/1510885f5b0e97e75d48e8e1414e7b4324dc8ba6))
+* further aligning with design after unintended change to icon ([1ccaf5e](https://github.com/Atom-Learning/components/commit/1ccaf5e087475411f194bd359a6567977c91b9af))
+* merge in main ([52176f2](https://github.com/Atom-Learning/components/commit/52176f203441f96d4e8b702ca63d79db715d4242))
+* moving logic into compound variants ([8567512](https://github.com/Atom-Learning/components/commit/85675123c43f7e4e0c71093163380e42a91fb3ed))
+* moving to size map rather than compound variants ([ab10933](https://github.com/Atom-Learning/components/commit/ab10933dc308cc563dd11fe29245717705c1262b))
+* retaining conditional logic on input fields ([72c1e52](https://github.com/Atom-Learning/components/commit/72c1e52562d4939b1a4cc10771d4885f1f2e55ce))
+* updating mdx to remove unused prop ([94444f3](https://github.com/Atom-Learning/components/commit/94444f3aff999ad4b56216f47fda4e08464667db))
+* updating snapshot ([59e1460](https://github.com/Atom-Learning/components/commit/59e14605b727eb6e46827dc8d524059dd0f6f658))
+* updating snapshots after merge conflict ([8c0577a](https://github.com/Atom-Learning/components/commit/8c0577a4223936fdfbad6c2950798d7c9dbfcddc))
+
+
+### BREAKING CHANGES
+
+* { sizes for ActionIcon are going from sm-xl to xs-lg }
+
 # [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,7 +62,6 @@ declare const StyledRoot: import("@stitches/react/types/styled-component").Style
         warning: any;
         warningMid: any;
         warningDark: any;
-        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -82,7 +81,6 @@ 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,7 +59,6 @@ declare const StyledContent: import("@stitches/react/types/styled-component").St
         warning: any;
         warningMid: any;
         warningDark: any;
-        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -79,7 +78,6 @@ 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/AccordionContent.js

@@ -1 +1 @@
-import{Content as i}from"@radix-ui/react-accordion";import t from"react";import{keyframes as o,styled as n}from"../../stitches.js";import{CSSWrapper as c}from"../../utilities/css-wrapper/CSSWrapper.js";const d=o({from:{height:0},to:{height:"var(--radix-accordion-content-height)"}}),m=o({from:{height:"var(--radix-accordion-content-height)"},to:{height:0}}),s=n(i,{border:0,width:"100%",bg:"#fff",'&[data-state="open"]':{borderRadius:"0 0 $0 $0"},"@allowMotion":{'&[data-state="open"]':{animation:`${d} 300ms ease-out`},'&[data-state="closed"]':{animation:`${m} 300ms ease-out`}}}),h=({children:e,css:a,...r})=>t.createElement(s,{...r},t.createElement(c,{css:a},e));export{h as AccordionContent};
+import{Content as i}from"@radix-ui/react-accordion";import t from"react";import{keyframes as e,styled as n}from"../../stitches.js";import{CSSWrapper as c}from"../../utilities/css-wrapper/CSSWrapper.js";const d=e({from:{height:0},to:{height:"var(--radix-accordion-content-height)"}}),m=e({from:{height:"var(--radix-accordion-content-height)"},to:{height:0}}),s=n(i,{border:0,width:"100%",bg:"#fff",'&[data-state="open"]':{borderRadius:"0 0 $0 $0"},"@allowMotion":{'&[data-state="open"]':{animation:`${d} 300ms ease-out`},'&[data-state="closed"]':{animation:`${m} 300ms ease-out`}}}),h=({children:o,css:a,...r})=>t.createElement(s,{...r},t.createElement(c,{css:a},o));export{h as AccordionContent};

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

@@ -59,7 +59,6 @@ declare const StyledItem: import("@stitches/react/types/styled-component").Style
         warning: any;
         warningMid: any;
         warningDark: any;
-        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -79,7 +78,6 @@ 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/AccordionItem.js

@@ -1 +1 @@
-import{Item as r}from"@radix-ui/react-accordion";import m from"react";import{styled as d}from"../../stitches.js";const l=d(r,{width:"100%",overflow:"hidden","&:not(:last-child)":{mb:"$1"}}),i=({children:o,value:t,...e})=>m.createElement(l,{value:t,...e},o);export{i as AccordionItem};
+import{Item as r}from"@radix-ui/react-accordion";import m from"react";import{styled as d}from"../../stitches.js";const l=d(r,{width:"100%",overflow:"hidden","&:not(:last-child)":{mb:"$1"}}),i=({children:e,value:t,...o})=>m.createElement(l,{value:t,...o},e);export{i as AccordionItem};

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

@@ -61,7 +61,6 @@ declare const StyledTrigger: import("@stitches/react/types/styled-component").St
         warning: any;
         warningMid: any;
         warningDark: any;
-        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -81,7 +80,6 @@ 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.constants.d.ts

@@ -0,0 +1,6 @@
+export declare const ActionIconSizeMap: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+};

package/dist/components/action-icon/ActionIcon.constants.js

@@ -0,0 +1 @@
+const m={xs:"sm",sm:"sm",md:"md",lg:"lg"};export{m as ActionIconSizeMap};

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

@@ -5,7 +5,7 @@ import { Override } from '../../utilities';
 declare const StyledButton: import("@stitches/react/types/styled-component").StyledComponent<"button", {
     theme?: "primary" | "success" | "danger" | "warning" | "neutral" | undefined;
     appearance?: "outline" | "solid" | "simple" | undefined;
-    size?: "md" | "lg" | "xl" | undefined;
+    size?: "sm" | "md" | "lg" | "xs" | undefined;
     isRounded?: boolean | "true" | undefined;
 }, {
     sm: string;
@@ -67,7 +67,6 @@ declare const StyledButton: import("@stitches/react/types/styled-component").Sty
         warning: any;
         warningMid: any;
         warningDark: any;
-        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -87,7 +86,6 @@ declare const StyledButton: import("@stitches/react/types/styled-component").Sty
         "7": any;
         "8": any;
         "9": any;
-        "10": any;
     };
     fontSizes: {
         xs: any;

package/dist/components/action-icon/ActionIcon.js

@@ -1 +1 @@
-import{darken as i}from"color2k";import g from"invariant";import*as n from"react";import{styled as D,theme as o}from"../../stitches.js";import{Icon as m}from"../icon/Icon.js";const c=(e,r,a)=>({bg:"transparent",color:e,"&:not(:disabled):hover, &:not(:disabled):focus":{color:r},"&:not(:disabled):active":{color:a},"&[disabled]":{color:"$tonal400",cursor:"not-allowed"}}),l=(e,r,a)=>({bg:e,color:"white","&:not(:disabled):hover, &:not(:disabled):focus":{bg:r,color:"white"},"&:not(:disabled):active":{bg:a},"&[disabled]":{bg:"$tonal100",color:"$tonal400",cursor:"not-allowed"}}),p=(e,r,a)=>({border:"1px solid",borderColor:"currentColor",color:e,"&:not(:disabled):hover, &:not(:disabled):focus":{color:r},"&:not(:disabled):active":{color:a},"&[disabled]":{borderColor:"$tonal400",color:"$tonal400",cursor:"not-allowed"}}),w=D("button",{alignItems:"center",appearance:"none",bg:"white",border:"unset",borderRadius:"$0",boxSizing:"border-box",cursor:"pointer",display:"flex",justifyContent:"center",p:"unset",transition:"all 100ms ease-out",variants:{theme:{neutral:{},primary:{},success:{},warning:{},danger:{}},appearance:{simple:{},outline:{},solid:{}},size:{md:{size:"$3"},lg:{size:"$4"},xl:{size:"$5"}},isRounded:{true:{borderRadius:"$round"}}},compoundVariants:[{theme:"neutral",appearance:"simple",css:c("$tonal300","$primaryMid","$primaryDark")},{theme:"primary",appearance:"simple",css:c("$primary","$primaryMid","$primaryDark")},{theme:"primaryDark",appearance:"simple",css:c("$primaryDark",i(o.colors.primaryDark.value,.1),i(o.colors.primaryDark.value,.15))},{theme:"success",appearance:"simple",css:c("$success","$successMid","$successDark")},{theme:"warning",appearance:"simple",css:c("$warning","$warningMid","$warningDark")},{theme:"danger",appearance:"simple",css:c("$danger","$dangerMid","$dangerDark")},{theme:"primary",appearance:"solid",css:l("$primary","$primaryMid","$primaryDark")},{theme:"primaryDark",appearance:"solid",css:l("$primaryDark",i(o.colors.primaryDark.value,.1),i(o.colors.primaryDark.value,.15))},{theme:"success",appearance:"solid",css:l("$success","$successMid","$successDark")},{theme:"warning",appearance:"solid",css:l("$warning","$warningMid","$warningDark")},{theme:"danger",appearance:"solid",css:l("$danger","$dangerMid","$dangerDark")},{theme:"primary",appearance:"outline",css:p("$primary","$primaryMid","$primaryDark")},{theme:"primaryDark",appearance:"outline",css:p("$primaryDark",i(o.colors.primaryDark.value,.1),i(o.colors.primaryDark.value,.15))},{theme:"success",appearance:"outline",css:p("$success","$successMid","$successDark")},{theme:"warning",appearance:"outline",css:p("$warning","$warningMid","$warningDark")},{theme:"danger",appearance:"outline",css:p("$danger","$dangerMid","$dangerDark")}]}),t=n.forwardRef(({children:e,theme:r="primary",appearance:a="simple",size:$="md",label:h,href:u,disabled:d,...b},k)=>{const y=`A single ${m.displayName} component is permitted as a child of ${t.displayName}`;return g(n.Children.count(e)===1,y),n.createElement(w,{...b,...u?{as:"a",href:d?null:u,onClick:void 0,"aria-disabled":!!d}:{type:"button"},"aria-label":h,theme:r,appearance:a,size:$,ref:k,disabled:d},n.Children.map(e,s=>{if(!n.isValidElement(s))throw new Error(y);return g(s.type===m,`Children of type ${s==null?void 0:s.type} aren't permitted. Only an ${m.displayName} component is allowed in ${t.displayName}`),n.cloneElement(s,{css:{size:["lg","xl"].includes($)?20:16,...s.props.css?s.props.css:{}}})}))});t.displayName="ActionIcon";export{t as ActionIcon};
+import{darken as i}from"color2k";import g from"invariant";import*as o from"react";import{styled as D,theme as n}from"../../stitches.js";import{ActionIconSizeMap as w}from"./ActionIcon.constants.js";import{Icon as m}from"../icon/Icon.js";const c=(e,r,a)=>({bg:"transparent",color:e,"&:not(:disabled):hover, &:not(:disabled):focus":{color:r},"&:not(:disabled):active":{color:a},"&[disabled]":{color:"$tonal400",cursor:"not-allowed"}}),l=(e,r,a)=>({bg:e,color:"white","&:not(:disabled):hover, &:not(:disabled):focus":{bg:r,color:"white"},"&:not(:disabled):active":{bg:a},"&[disabled]":{bg:"$tonal100",color:"$tonal400",cursor:"not-allowed"}}),p=(e,r,a)=>({border:"1px solid",borderColor:"currentColor",color:e,"&:not(:disabled):hover, &:not(:disabled):focus":{color:r},"&:not(:disabled):active":{color:a},"&[disabled]":{borderColor:"$tonal400",color:"$tonal400",cursor:"not-allowed"}}),f=D("button",{alignItems:"center",appearance:"none",bg:"white",border:"unset",borderRadius:"$0",boxSizing:"border-box",cursor:"pointer",display:"flex",justifyContent:"center",p:"unset",transition:"all 100ms ease-out",variants:{theme:{neutral:{},primary:{},success:{},warning:{},danger:{}},appearance:{simple:{},outline:{},solid:{}},size:{xs:{size:"$2"},sm:{size:"$3"},md:{size:"$4"},lg:{size:"$5"}},isRounded:{true:{borderRadius:"$round"}}},compoundVariants:[{theme:"neutral",appearance:"simple",css:c("$tonal300","$primaryMid","$primaryDark")},{theme:"primary",appearance:"simple",css:c("$primary","$primaryMid","$primaryDark")},{theme:"primaryDark",appearance:"simple",css:c("$primaryDark",i(n.colors.primaryDark.value,.1),i(n.colors.primaryDark.value,.15))},{theme:"success",appearance:"simple",css:c("$success","$successMid","$successDark")},{theme:"warning",appearance:"simple",css:c("$warning","$warningMid","$warningDark")},{theme:"danger",appearance:"simple",css:c("$danger","$dangerMid","$dangerDark")},{theme:"primary",appearance:"solid",css:l("$primary","$primaryMid","$primaryDark")},{theme:"primaryDark",appearance:"solid",css:l("$primaryDark",i(n.colors.primaryDark.value,.1),i(n.colors.primaryDark.value,.15))},{theme:"success",appearance:"solid",css:l("$success","$successMid","$successDark")},{theme:"warning",appearance:"solid",css:l("$warning","$warningMid","$warningDark")},{theme:"danger",appearance:"solid",css:l("$danger","$dangerMid","$dangerDark")},{theme:"primary",appearance:"outline",css:p("$primary","$primaryMid","$primaryDark")},{theme:"primaryDark",appearance:"outline",css:p("$primaryDark",i(n.colors.primaryDark.value,.1),i(n.colors.primaryDark.value,.15))},{theme:"success",appearance:"outline",css:p("$success","$successMid","$successDark")},{theme:"warning",appearance:"outline",css:p("$warning","$warningMid","$warningDark")},{theme:"danger",appearance:"outline",css:p("$danger","$dangerMid","$dangerDark")}]}),t=o.forwardRef(({children:e,theme:r="primary",appearance:a="simple",size:$="sm",label:b,href:u,disabled:d,...h},k)=>{const y=`A single ${m.displayName} component is permitted as a child of ${t.displayName}`;return g(o.Children.count(e)===1,y),o.createElement(f,{...h,...u?{as:"a",href:d?null:u,onClick:void 0,"aria-disabled":!!d}:{type:"button"},"aria-label":b,theme:r,appearance:a,size:$,ref:k,disabled:d},o.Children.map(e,s=>{if(!o.isValidElement(s))throw new Error(y);return g(s.type===m,`Children of type ${s==null?void 0:s.type} aren't permitted. Only an ${m.displayName} component is allowed in ${t.displayName}`),o.cloneElement(s,{size:w[$],css:{...s.props.css?s.props.css:{}}})}))});t.displayName="ActionIcon";export{t as ActionIcon};

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

@@ -61,7 +61,6 @@ declare const StyledAlertDialog: import("@stitches/react/types/styled-component"
         warning: any;
         warningMid: any;
         warningDark: any;
-        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -81,7 +80,6 @@ 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,7 +61,6 @@ declare const StyledAlertDialogContent: import("@stitches/react/types/styled-com
         warning: any;
         warningMid: any;
         warningDark: any;
-        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -81,7 +80,6 @@ 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:"$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};
+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"}}}}),h=({size:r="sm",...s})=>t.createElement(l,null,t.createElement(b,null),t.createElement(u,{size:r,...s}));export{h as AlertDialogContent};

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

@@ -1 +1 @@
-import*as e from"react";import{useIsMountedRef as s}from"../../../utilities/use-is-mounted-ref/index.js";import{Alert as u}from"./AlertDialog.js";import{reducer as a,initialState as d}from"./reducer.js";const n=e.createContext({showAlert:()=>null}),c=({children:r})=>{const[t,o]=e.useReducer(a,d),l=s();return e.createElement(n.Provider,{value:{showAlert:i=>o({payload:i,type:"ADD"})}},Boolean(t.length)&&e.createElement(u,{...t[0],key:t[0].id,onClose:()=>{l.current&&o({payload:t[0].id,type:"REMOVE"})}}),r)},m=()=>{const r=e.useContext(n);if(r===void 0)throw new Error("useAlert must be used within a AlertProvider");return r};export{c as AlertProvider,m as useAlert};
+import*as e from"react";import{useIsMountedRef as s}from"../../../utilities/hooks/useIsMountedRef.js";import{Alert as u}from"./AlertDialog.js";import{reducer as a,initialState as d}from"./reducer.js";const n=e.createContext({showAlert:()=>null}),c=({children:r})=>{const[t,o]=e.useReducer(a,d),l=s();return e.createElement(n.Provider,{value:{showAlert:i=>o({payload:i,type:"ADD"})}},Boolean(t.length)&&e.createElement(u,{...t[0],key:t[0].id,onClose:()=>{l.current&&o({payload:t[0].id,type:"REMOVE"})}}),r)},m=()=>{const r=e.useContext(n);if(r===void 0)throw new Error("useAlert must be used within a AlertProvider");return r};export{c as AlertProvider,m as useAlert};

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:"$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};
+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};

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

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

package/dist/components/badge/Badge.js

@@ -1 +1 @@
-import*as e from"react";import{styled as n}from"../../stitches.js";import{Box as a}from"../box/Box.js";import{Flex as m}from"../flex/Flex.js";const l=n(m,{justifyContent:"center",alignItems:"center",borderRadius:"$0",border:"1px solid #FFFFFF",fontFamily:"$body",variants:{theme:{success:{bg:"$successLight",color:"$successDark"},warning:{bg:"$warningLight",color:"$tonal600"},danger:{bg:"$dangerLight",color:"$dangerDark"},neutral:{bg:"$tonal50",color:"$tonal400"},info:{bg:"$primaryLight",color:"$primaryMid"}},size:{xs:{fontSize:"$sm",px:"$3",height:"$2"},sm:{fontSize:"$md",px:"$4",height:"$3"},md:{fontSize:"$md",px:"$4",height:"$4"}}}}),o=({theme:t="info",size:r="sm",children:i,...s})=>e.createElement(l,{role:"status",theme:t,size:r,...s},e.createElement(a,{as:"div",css:{whiteSpace:"nowrap",overflowX:"hidden",textOverflow:"ellipsis",py:"$0"}},i));o.displayName="Badge";export{o as Badge};
+import*as e from"react";import{styled as n}from"../../stitches.js";import{Box as a}from"../box/Box.js";import{Flex as m}from"../flex/Flex.js";const l=n(m,{justifyContent:"center",alignItems:"center",borderRadius:"$0",border:"1px solid #FFFFFF",fontFamily:"$body",variants:{theme:{success:{bg:"$successLight",color:"$successDark"},warning:{bg:"$warningLight",color:"$tonal600"},danger:{bg:"$dangerLight",color:"$dangerDark"},neutral:{bg:"$tonal50",color:"$tonal400"},info:{bg:"$primaryLight",color:"$primaryMid"}},size:{xs:{fontSize:"$sm",px:"$3",height:"$2"},sm:{fontSize:"$md",px:"$4",height:"$3"},md:{fontSize:"$md",px:"$4",height:"$4"}}}}),t=({theme:o="info",size:r="sm",children:i,...s})=>e.createElement(l,{role:"status",theme:o,size:r,...s},e.createElement(a,{as:"div",css:{whiteSpace:"nowrap",overflowX:"hidden",textOverflow:"ellipsis",py:"$0"}},i));t.displayName="Badge";export{t as Badge};

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

@@ -58,7 +58,6 @@ 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;
@@ -78,7 +77,6 @@ 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,7 +69,6 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
         warning: any;
         warningMid: any;
         warningDark: any;
-        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -89,7 +88,6 @@ 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:"$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};
+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:$="button",...g},f)=>o.createElement(p,{isLoading:r||!1,onClick:r?void 0:a,appearance:h,size:c,theme:y,...g,...t?{as:"a",href:t,onClick:void 0}:{},...t?{}:{type:$},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/Calendar.d.ts

@@ -8,12 +8,15 @@ export declare type CalendarTranslationProps = {
         open: string;
         next: string;
         previous: string;
+        nextYear: string;
+        previousYear: string;
     };
 };
 declare type CalendarProps = DayzedInterface & CalendarTranslationProps & {
     css?: CSS;
     refDateToday?: React.RefObject<HTMLButtonElement>;
     refDateSelected?: React.RefObject<HTMLButtonElement>;
+    setYear: (date: Date) => Promise<void>;
 };
 export declare const Calendar: React.FC<CalendarProps>;
 export {};

package/dist/components/calendar/Calendar.js

@@ -1 +1 @@
-import{ChevronLeft as I,ChevronRight as S}from"@atom-learning/icons";import{useDayzed as B}from"dayzed";import*as e from"react";import{ActionIcon as h}from"../action-icon/ActionIcon.js";import{Box as y}from"../box/Box.js";import{Flex as g}from"../flex/Flex.js";import{Heading as M}from"../heading/Heading.js";import{Icon as u}from"../icon/Icon.js";import{Text as W}from"../text/Text.js";import{styled as j}from"../../stitches.js";import{monthNamesShort as A,weekdayNamesShort as F}from"./constants.js";import{Day as G}from"./Day.js";const $=j("div",{display:"grid",gridTemplateColumns:"repeat(7, 1fr)",gridGap:"$1 $2"}),H=(t,r)=>{const s=t.slice(0,r);return t.slice(r).concat(s)},E=({css:t,refDateSelected:r,refDateToday:s,firstDayOfWeek:l=0,monthNames:x=A,weekdayNames:k=F,labels:c={next:"Next month",previous:"Previous month"},...v})=>{const{calendars:o,getBackProps:D,getForwardProps:b,getDateProps:N}=B({firstDayOfWeek:l,showOutsideDays:!0,...v});return o.length?e.createElement(y,{css:{position:"relative",width:"min-content",mt:"-$1",...t}},e.createElement(g,{css:{position:"absolute",top:0,right:"-$1"}},e.createElement(h,{label:c.previous,theme:"neutral",size:"lg",...D({calendars:o})},e.createElement(u,{is:I})),e.createElement(h,{label:c.next,theme:"neutral",size:"lg",...b({calendars:o})},e.createElement(u,{is:S}))),o.map(({month:a,year:m,weeks:w})=>e.createElement(y,{key:`${a}${m}`},e.createElement(g,{css:{height:"$4",alignItems:"center",mb:"$4"}},e.createElement(M,{size:"xs"},x[a]," ",m)),e.createElement($,{css:{mb:"$3"}},H(k,l).map(n=>e.createElement(W,{as:"span",size:"sm",key:`${a}${m}${n}`,css:{fontWeight:600,textAlign:"center"}},n))),e.createElement($,null,w.map((n,z)=>n.map((i,C)=>{const p=`${a}${m}${z}${C}`;if(!i)return e.createElement("div",{key:p});const{date:O,selected:d,today:f,prevMonth:P,nextMonth:T}=i;return e.createElement(G,{isOutsideMonth:P||T,isSelected:d,isToday:f,key:p,ref:d?r:f?s:null,...N({dateObj:i}),type:"button"},O.getDate())})))))):null};E.displayName="Calendar";export{E as Calendar};
+import{ChevronLeft as q,ChevronRight as H}from"@atom-learning/icons";import{useDayzed as J}from"dayzed";import*as e from"react";import{ActionIcon as x}from"../action-icon/ActionIcon.js";import{Box as h}from"../box/Box.js";import{Flex as C}from"../flex/Flex.js";import{Icon as Y}from"../icon/Icon.js";import{Text as K}from"../text/Text.js";import{Button as w}from"../button/Button.js";import{styled as F}from"../../stitches.js";import{monthNamesShort as Q,weekdayNamesShort as V,DEFAULT_LABELS as X}from"./constants.js";import{Day as Z}from"./Day.js";const g=F("div",{display:"grid",gridTemplateColumns:"repeat(7, 1fr)",gridGap:"$1 $2"}),ee=F(w,{color:"$tonal600",p:"$3",width:"$6",variants:{selected:{false:{color:"$tonal600 !important",fontWeight:"400","&:hover":{bg:"$tonal100 !important",color:"$tonal600 !important"},"&[disabled]":{bg:"white !important"}}}}}),te=(i,c)=>{const u=i.slice(0,c);return i.slice(c).concat(u)},S=({css:i,refDateSelected:c,refDateToday:u,firstDayOfWeek:f=0,monthNames:N=Q,weekdayNames:T=V,labels:y=X,date:o=new Date,minDate:l,maxDate:s,setYear:A,...L})=>{const[a,E]=e.useState(!1),[m,k]=e.useState(o==null?void 0:o.getFullYear()),O=t=>{const r=o;r.setFullYear(t),A(r),E(!1)},W=l&&m-16<=l.getFullYear(),z=s&&m>=s.getFullYear(),B=Array.from({length:16},(t,r)=>{const n=m-r;return s&&n>s.getFullYear()||l&&n<l.getFullYear()?0:n}),{calendars:d,getBackProps:I,getForwardProps:M,getDateProps:G}=J({firstDayOfWeek:f,showOutsideDays:!0,date:o,minDate:l,maxDate:s,...L});return d.length?e.createElement(h,{css:{position:"relative",width:"min-content",mt:"-$1",...i}},e.createElement(C,{css:{position:"absolute",top:0,right:"-$1"}},e.createElement(x,{label:y[a?"previousYear":"previous"],theme:"neutral",size:"md",...!a&&I({calendars:d}),...a&&{onClick:()=>k(m-16)},disabled:a&&W},e.createElement(Y,{is:q})),e.createElement(x,{label:y[a?"nextYear":"next"],theme:"neutral",size:"md",...!a&&M({calendars:d}),...a&&{onClick:()=>k(m+16)},disabled:a&&z},e.createElement(Y,{is:H}))),a&&e.createElement(g,{css:{gridTemplateColumns:"repeat(4, 1fr)",pt:"$7",direction:"rtl",gridGap:"$3 $1"}},B.map((t,r)=>{const n=t===o.getFullYear();return t?e.createElement(ee,{key:`${t}${r}`,theme:n?"primary":"neutral",isRounded:!0,onClick:()=>O(t),selected:n},t):e.createElement(h,{key:r,css:{width:"$6",height:"$4"}})})),!a&&d.map(({month:t,year:r,weeks:n})=>e.createElement(h,{key:`${t}${r}`},e.createElement(C,{css:{height:"$4",alignItems:"center",mb:"$4"}},e.createElement(w,{theme:"neutral",css:{px:"0",color:"$tonal600"},onClick:()=>E(!0)},N[t]," ",r)),e.createElement(g,{css:{mb:"$3"}},te(T,f).map(p=>e.createElement(K,{as:"span",size:"sm",key:`${t}${r}${p}`,css:{fontWeight:600,textAlign:"center"}},p))),e.createElement(g,null,n.map((p,P)=>p.map(($,R)=>{const D=`${t}${r}${P}${R}`;if(!$)return e.createElement("div",{key:D});const{date:j,selected:b,today:v,prevMonth:U,nextMonth:_}=$;return e.createElement(Z,{isOutsideMonth:U||_,isSelected:b,isToday:v,key:D,ref:b?c:v?u:null,...G({dateObj:$}),type:"button"},j.getDate())})))))):null};S.displayName="Calendar";export{S as Calendar};

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

@@ -62,7 +62,6 @@ 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;
@@ -82,7 +81,6 @@ 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/calendar/constants.d.ts

@@ -1,2 +1,9 @@
 export declare const monthNamesShort: string[];
 export declare const weekdayNamesShort: string[];
+export declare const DEFAULT_LABELS: {
+    open: string;
+    next: string;
+    previous: string;
+    nextYear: string;
+    previousYear: string;
+};

package/dist/components/calendar/constants.js

@@ -1 +1 @@
-const e=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],a=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"];export{e as monthNamesShort,a as weekdayNamesShort};
+const e=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],r=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],o={open:"Open calendar",next:"Next month",previous:"Previous month",nextYear:"Next year",previousYear:"Previous year"};export{o as DEFAULT_LABELS,e as monthNamesShort,r as weekdayNamesShort};

package/dist/components/carousel/CarouselArrows.js

@@ -1 +1 @@
-import{ChevronLeft as s,ChevronRight as i}from"@atom-learning/icons";import{ButtonBack as a,ButtonNext as l}from"pure-react-carousel";import*as r from"react";import{Icon as o}from"../icon/Icon.js";import{styled as t}from"../../stitches.js";const n={alignItems:"center",bg:"unset",border:"unset",color:"$primary",cursor:"pointer",display:"flex",justifyContent:"center",p:"unset",size:"$5",top:"50%",transform:"translateY(-50%)",transition:"color 0.15s ease-in-out","&:hover":{color:"$primaryMid"},"&:active":{color:"$primaryDark"},"&:disabled":{color:"$tonal100"}},m=t(a,n),c=t(l,n),p=e=>r.createElement(m,{...e},r.createElement(o,{is:s})),u=e=>r.createElement(c,{...e},r.createElement(o,{is:i}));export{u as CarouselArrowNext,p as CarouselArrowPrevious};
+import{ChevronLeft as s,ChevronRight as i}from"@atom-learning/icons";import{ButtonBack as a,ButtonNext as l}from"pure-react-carousel";import*as r from"react";import{Icon as t}from"../icon/Icon.js";import{styled as o}from"../../stitches.js";const n={alignItems:"center",bg:"unset",border:"unset",color:"$primary",cursor:"pointer",display:"flex",justifyContent:"center",p:"unset",size:"$5",top:"50%",transform:"translateY(-50%)",transition:"color 0.15s ease-in-out","&:hover":{color:"$primaryMid"},"&:active":{color:"$primaryDark"},"&:disabled":{color:"$tonal100"}},m=o(a,n),c=o(l,n),p=e=>r.createElement(m,{...e},r.createElement(t,{is:s})),u=e=>r.createElement(c,{...e},r.createElement(t,{is:i}));export{u as CarouselArrowNext,p as CarouselArrowPrevious};

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

@@ -59,7 +59,6 @@ export declare const CarouselPagination: import("@stitches/react/types/styled-co
         warning: any;
         warningMid: any;
         warningDark: any;
-        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -79,7 +78,6 @@ 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,7 +59,6 @@ declare const StyledSlide: import("@stitches/react/types/styled-component").Styl
         warning: any;
         warningMid: any;
         warningDark: any;
-        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -79,7 +78,6 @@ 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,7 +61,6 @@ export declare const CarouselSlider: import("@stitches/react/types/styled-compon
         warning: any;
         warningMid: any;
         warningDark: any;
-        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -81,7 +80,6 @@ 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,7 +62,6 @@ declare const StyledCheckbox: import("@stitches/react/types/styled-component").S
         warning: any;
         warningMid: any;
         warningDark: any;
-        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -82,7 +81,6 @@ declare const StyledCheckbox: import("@stitches/react/types/styled-component").S
         "7": any;
         "8": any;
         "9": any;
-        "10": any;
     };
     fontSizes: {
         xs: any;

package/dist/components/checkbox/Checkbox.js

@@ -1 +1 @@
-import{Minus as i,Ok as l}from"@atom-learning/icons";import*as e from"@radix-ui/react-checkbox";import*as o from"react";import{styled as t}from"../../stitches.js";import{Icon as s}from"../icon/Icon.js";const d=t(e.Indicator,{display:"flex",alignItems:"center",justifyContent:"center"}),c=t(e.Root,{appearance:"none",backgroundColor:"transparent",border:"1px solid $colors$tonal400",borderRadius:"3px",color:"white",cursor:"pointer",size:"$1",p:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"all 50ms ease-out",'&[data-state="checked"]':{backgroundColor:"$primary",borderColor:"$primary"},'&[data-state="indeterminate"]':{backgroundColor:"$primary",borderColor:"$primary"},"&:focus":{outline:"2px solid $primary",outlineOffset:"1px"},"&[disabled]":{backgroundColor:"$tonal100",borderColor:"$tonal400",cursor:"not-allowed",color:"$tonal400"},variants:{state:{error:{borderColor:"$danger"}}}}),a=o.forwardRef((r,n)=>o.createElement(c,{...r,ref:n},o.createElement(d,null,o.createElement(s,{is:r.checked==="indeterminate"?i:l,css:{pointerEvents:"none",position:"absolute",strokeWidth:"3",size:14}}))));a.displayName="Checkbox";export{a as Checkbox};
+import{Minus as i,Ok as l}from"@atom-learning/icons";import*as r from"@radix-ui/react-checkbox";import*as o from"react";import{styled as t}from"../../stitches.js";import{Icon as s}from"../icon/Icon.js";const d=t(r.Indicator,{display:"flex",alignItems:"center",justifyContent:"center"}),c=t(r.Root,{appearance:"none",backgroundColor:"transparent",border:"1px solid $colors$tonal400",borderRadius:"3px",color:"white",cursor:"pointer",size:"$1",p:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"all 50ms ease-out",'&[data-state="checked"]':{backgroundColor:"$primary",borderColor:"$primary"},'&[data-state="indeterminate"]':{backgroundColor:"$primary",borderColor:"$primary"},"&:focus":{outline:"2px solid $primary",outlineOffset:"1px"},"&[disabled]":{backgroundColor:"$tonal100",borderColor:"$tonal400",cursor:"not-allowed",color:"$tonal400"},variants:{state:{error:{borderColor:"$danger"}}}}),a=o.forwardRef((e,n)=>o.createElement(c,{...e,ref:n},o.createElement(d,null,o.createElement(s,{is:e.checked==="indeterminate"?i:l,css:{pointerEvents:"none",position:"absolute",strokeWidth:"3",size:14}}))));a.displayName="Checkbox";export{a as Checkbox};

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

@@ -64,7 +64,6 @@ declare const StyledCombobox: import("@stitches/react/types/styled-component").S
         warning: any;
         warningMid: any;
         warningDark: any;
-        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -84,7 +83,6 @@ 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/Combobox.js

@@ -1 +1 @@
-import{Combobox as t,ComboboxOptionText as b}from"@reach/combobox";import*as r from"react";import{globalCss as p,styled as i}from"../../stitches.js";import{ComboboxInput as x}from"./ComboboxInput.js";import{ComboboxList as e}from"./ComboboxList.js";import{ComboboxOption as n}from"./ComboboxOption.js";import{ComboboxPopover as s}from"./ComboboxPopover.js";p({":root":{"--reach-combobox":1}})();const C=i(t,{}),o=m=>r.createElement(C,{...m});o.displayName="Combobox",o.Option=n,o.Input=x,o.Popover=s,o.List=e,o.OptionText=b;export{o as Combobox};
+import{Combobox as t,ComboboxOptionText as b}from"@reach/combobox";import*as r from"react";import{globalCss as p,styled as i}from"../../stitches.js";import{ComboboxInput as e}from"./ComboboxInput.js";import{ComboboxList as x}from"./ComboboxList.js";import{ComboboxOption as n}from"./ComboboxOption.js";import{ComboboxPopover as s}from"./ComboboxPopover.js";p({":root":{"--reach-combobox":1}})();const C=i(t,{}),o=m=>r.createElement(C,{...m});o.displayName="Combobox",o.Option=n,o.Input=e,o.Popover=s,o.List=x,o.OptionText=b;export{o as Combobox};

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

@@ -60,7 +60,6 @@ export declare const ComboboxInput: import("@stitches/react/types/styled-compone
         warning: any;
         warningMid: any;
         warningDark: any;
-        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -80,7 +79,6 @@ 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:"$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};
+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};

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

@@ -58,7 +58,6 @@ export declare const ComboboxList: import("@stitches/react/types/styled-componen
         warning: any;
         warningMid: any;
         warningDark: any;
-        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -78,7 +77,6 @@ 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,7 +58,6 @@ export declare const ComboboxOption: import("@stitches/react/types/styled-compon
         warning: any;
         warningMid: any;
         warningDark: any;
-        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -78,7 +77,6 @@ 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,7 +58,6 @@ export declare const ComboboxPopover: import("@stitches/react/types/styled-compo
         warning: any;
         warningMid: any;
         warningDark: any;
-        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -78,7 +77,6 @@ export declare const ComboboxPopover: import("@stitches/react/types/styled-compo
         "7": any;
         "8": any;
         "9": any;
-        "10": any;
     };
     fontSizes: {
         xs: any;

package/dist/components/date-input/DateInput.js

@@ -1 +1 @@
-import{CalendarEvent as N}from"@atom-learning/icons";import*as e from"react";import{ActionIcon as z}from"../action-icon/ActionIcon.js";import{Box as A}from"../box/Box.js";import{Calendar as I}from"../calendar/Calendar.js";import{Icon as T}from"../icon/Icon.js";import{Input as k}from"../input/Input.js";import{Popover as n}from"../popover/Popover.js";import{DEFAULT_DATE_FORMAT as x}from"./constants.js";import{useDate as F}from"./use-date.js";const D=e.forwardRef(({initialDate:E,dateFormat:h=x,firstDayOfWeek:g=1,disabled:r,monthNames:v,weekdayNames:b,size:s="md",labels:m={open:"Open calendar",next:"Next month",previous:"Previous month"},revalidate:l,onChange:o,...C},y)=>{const{date:t,dateString:O,setDate:i}=F(E,h),[w,d]=e.useState(!1),p=e.useRef(null),u=e.useRef(null);return e.useEffect(()=>{o==null||o(t)},[t,o]),e.createElement(A,{css:{position:"relative"}},e.createElement(k,{name:"date",disabled:r,size:s,...C,onChange:a=>i(a.target.value,!0),value:O,ref:y}),e.createElement(n,{modal:!0,open:w,onOpenChange:d},e.createElement(n.Trigger,{asChild:!0},e.createElement(z,{css:{position:"absolute",top:0,right:0},disabled:r,label:m.open,size:s==="sm"?"md":"lg",theme:"neutral"},e.createElement(T,{size:"sm",is:N}))),e.createElement(n.Content,{css:{pr:"$sizes$2"},side:"bottom",align:"end",showCloseButton:!1,onOpenAutoFocus:a=>{var c,f;a.preventDefault(),t?(c=u.current)==null||c.focus():(f=p.current)==null||f.focus()}},e.createElement(I,{date:t||new Date,selected:t,onDateSelected:async a=>{d(!1),await i(a.date,!1),l&&l()},refDateToday:p,refDateSelected:u,firstDayOfWeek:g,monthNames:v,weekdayNames:b,labels:m}))))});D.displayName="DateInput";export{D as DateInput};
+import{CalendarEvent as N}from"@atom-learning/icons";import*as e from"react";import{ActionIcon as O}from"../action-icon/ActionIcon.js";import{Box as S}from"../box/Box.js";import{Calendar as k}from"../calendar/Calendar.js";import{DEFAULT_LABELS as x}from"../calendar/constants.js";import{Icon as z}from"../icon/Icon.js";import{Input as L}from"../input/Input.js";import{Popover as m}from"../popover/Popover.js";import{DEFAULT_DATE_FORMAT as R}from"./constants.js";import{useDate as B}from"./use-date.js";const D=e.forwardRef(({initialDate:E,dateFormat:g=R,firstDayOfWeek:h=1,disabled:s,monthNames:C,weekdayNames:b,size:l="md",labels:v,revalidate:o,onChange:n,minDate:y,maxDate:w,...A},T)=>{const{date:a,dateString:F,setDate:r}=B(E,g),i={...x,...v},[I,d]=e.useState(!1),f=e.useRef(null),c=e.useRef(null);return e.useEffect(()=>{n==null||n(a)},[a,n]),e.createElement(S,{css:{position:"relative"}},e.createElement(L,{name:"date",disabled:s,size:l,...A,onChange:t=>r(t.target.value,!0),value:F,ref:T}),e.createElement(m,{modal:!0,open:I,onOpenChange:d},e.createElement(m.Trigger,{asChild:!0},e.createElement(O,{css:{position:"absolute",top:"0",right:"0"},disabled:s,label:i.open,size:l,theme:"neutral"},e.createElement(z,{is:N}))),e.createElement(m.Content,{css:{pr:"$sizes$2"},side:"bottom",align:"end",showCloseButton:!1,onOpenAutoFocus:t=>{var p,u;t.preventDefault(),a?(p=c.current)==null||p.focus():(u=f.current)==null||u.focus()}},e.createElement(k,{date:a||new Date,selected:a,onDateSelected:async t=>{d(!1),await r(t.date,!1),o&&o()},setYear:async t=>{await r(t,!1),o&&o()},minDate:y,maxDate:w,refDateToday:f,refDateSelected:c,firstDayOfWeek:h,monthNames:C,weekdayNames:b,labels:i}))))});D.displayName="DateInput";export{D as DateInput};