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

package/dist/components/table/TableFooter.d.ts

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

package/dist/components/table/TableFooterCell.d.ts

@@ -58,7 +58,6 @@ export declare const TableFooterCell: 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 TableFooterCell: import("@stitches/react/types/styled-compo
         "7": any;
         "8": any;
         "9": any;
-        "10": any;
     };
     fontSizes: {
         xs: any;

package/dist/components/table/TableHeader.d.ts

@@ -61,7 +61,6 @@ declare const StyledTableHeader: 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 StyledTableHeader: import("@stitches/react/types/styled-component"
         "7": any;
         "8": any;
         "9": any;
-        "10": any;
     };
     fontSizes: {
         xs: any;

package/dist/components/table/TableHeader.js

@@ -1 +1 @@
-import m from"react";import{styled as l}from"../../stitches.js";import{TableHeaderCell as r}from"./TableHeaderCell.js";const o=l("thead",{variants:{theme:{primary:{[`${r}`]:{bg:"$primary"}},primaryDark:{[`${r}`]:{bg:"$primaryDark"}},light:{[`${r}`]:{bg:"$tonal50",color:"$tonal600"}}}}}),e=({theme:a="primaryDark",...t})=>m.createElement(o,{theme:a,...t});e.displayName="TableHeader";export{e as TableHeader};
+import m from"react";import{styled as l}from"../../stitches.js";import{TableHeaderCell as e}from"./TableHeaderCell.js";const o=l("thead",{variants:{theme:{primary:{[`${e}`]:{bg:"$primary"}},primaryDark:{[`${e}`]:{bg:"$primaryDark"}},light:{[`${e}`]:{bg:"$tonal50",color:"$tonal600"}}}}}),r=({theme:a="primaryDark",...t})=>m.createElement(o,{theme:a,...t});r.displayName="TableHeader";export{r as TableHeader};

package/dist/components/table/TableHeaderCell.d.ts

@@ -58,7 +58,6 @@ export declare const TableHeaderCell: 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 TableHeaderCell: import("@stitches/react/types/styled-compo
         "7": any;
         "8": any;
         "9": any;
-        "10": any;
     };
     fontSizes: {
         xs: any;

package/dist/components/table/TableRow.d.ts

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

package/dist/components/tabs/TabTrigger.d.ts

@@ -61,7 +61,6 @@ declare const StyledTabTrigger: 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 StyledTabTrigger: import("@stitches/react/types/styled-component")
         "7": any;
         "8": any;
         "9": any;
-        "10": any;
     };
     fontSizes: {
         xs: any;

package/dist/components/tabs/TabTrigger.js

@@ -1 +1 @@
-import{Trigger as l}from"@radix-ui/react-tabs";import{opacify as o}from"color2k";import*as n from"react";import{styled as s,theme as e}from"../../stitches.js";const c=s(l,{background:"none",border:"none",cursor:"pointer",flexShrink:0,fontFamily:"$body",p:"$4",height:"$5",userSelect:"none",transition:"0.3s",variants:{theme:{light:{'&[data-state="active"]':{color:"$primary",fontWeight:600,letterSpacing:"-0.005em",boxShadow:"inset 0 -2px 0 0 currentColor"},'&[data-state="inactive"]':{color:"$tonal500"},"&:not([data-disabled]):hover":{color:"$primary",bg:o(e.colors.primary.value,-.9)},"&:not([data-disabled]):active":{color:"$primary",bg:o(e.colors.primary.value,-.8),boxShadow:"none"},"&[data-disabled],&[data-disabled]:hover":{color:"$tonal200",cursor:"not-allowed"}},dark:{color:"white",'&[data-state="active"]':{fontWeight:600,letterSpacing:"-0.005em",boxShadow:"inset 0 -2px 0 0 currentColor"},"&:not([data-disabled]):hover":{bg:o("white",-.8)},"&:not([data-disabled]):active":{bg:o("white",-.7),boxShadow:"none"},"&[data-disabled],&[data-disabled]:hover":{color:"$tonal200",cursor:"not-allowed"}}}}}),a=({children:t,theme:r,disabled:i=!1,...d})=>n.createElement(c,{disabled:i,theme:r,...d},t);a.displayName="TabTrigger";export{a as TabTrigger};
+import{Trigger as l}from"@radix-ui/react-tabs";import{opacify as e}from"color2k";import*as n from"react";import{styled as s,theme as o}from"../../stitches.js";const c=s(l,{background:"none",border:"none",cursor:"pointer",flexShrink:0,fontFamily:"$body",p:"$4",height:"$5",userSelect:"none",transition:"0.3s",variants:{theme:{light:{'&[data-state="active"]':{color:"$primary",fontWeight:600,letterSpacing:"-0.005em",boxShadow:"inset 0 -2px 0 0 currentColor"},'&[data-state="inactive"]':{color:"$tonal500"},"&:not([data-disabled]):hover":{color:"$primary",bg:e(o.colors.primary.value,-.9)},"&:not([data-disabled]):active":{color:"$primary",bg:e(o.colors.primary.value,-.8),boxShadow:"none"},"&[data-disabled],&[data-disabled]:hover":{color:"$tonal200",cursor:"not-allowed"}},dark:{color:"white",'&[data-state="active"]':{fontWeight:600,letterSpacing:"-0.005em",boxShadow:"inset 0 -2px 0 0 currentColor"},"&:not([data-disabled]):hover":{bg:e("white",-.8)},"&:not([data-disabled]):active":{bg:e("white",-.7),boxShadow:"none"},"&[data-disabled],&[data-disabled]:hover":{color:"$tonal200",cursor:"not-allowed"}}}}}),a=({children:t,theme:r,disabled:i=!1,...d})=>n.createElement(c,{disabled:i,theme:r,...d},t);a.displayName="TabTrigger";export{a as TabTrigger};

package/dist/components/tabs/Tabs.d.ts

@@ -64,7 +64,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;
@@ -84,7 +83,6 @@ declare const StyledRoot: import("@stitches/react/types/styled-component").Style
         "7": any;
         "8": any;
         "9": any;
-        "10": any;
     };
     fontSizes: {
         xs: any;
@@ -333,7 +331,6 @@ declare const StyledTabContent: import("@stitches/react/types/styled-component")
         warning: any;
         warningMid: any;
         warningDark: any;
-        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -353,7 +350,6 @@ declare const StyledTabContent: import("@stitches/react/types/styled-component")
         "7": any;
         "8": any;
         "9": any;
-        "10": any;
     };
     fontSizes: {
         xs: any;

package/dist/components/tabs/Tabs.js

@@ -1 +1 @@
-import{Root as l,Content as n}from"@radix-ui/react-tabs";import*as p from"react";import{styled as e}from"../../stitches.js";import{TriggerListWrapper as t}from"./TabsTriggerList.js";import{TabTrigger as s}from"./TabTrigger.js";import{passPropsToChildren as g}from"./utils.js";const h=e(l,{display:"flex",flexDirection:"column",variants:{theme:{light:{color:"$primary"},dark:{color:"white"}}}}),i=e(n,{flexGrow:1,fontFamily:"$body",variants:{theme:{light:{color:"$textForeground"},dark:{bg:"$primaryDark",color:"white"}}}}),r=({theme:o="light",children:m,...a})=>p.createElement(h,{theme:o,...a},g(m,{theme:o},[t,i]));r.TriggerList=t,r.Trigger=s,r.Content=i,r.displayName="Tabs";export{r as Tabs};
+import{Root as l,Content as n}from"@radix-ui/react-tabs";import*as p from"react";import{styled as o}from"../../stitches.js";import{TriggerListWrapper as t}from"./TabsTriggerList.js";import{TabTrigger as s}from"./TabTrigger.js";import{passPropsToChildren as g}from"./utils.js";const h=o(l,{display:"flex",flexDirection:"column",variants:{theme:{light:{color:"$primary"},dark:{color:"white"}}}}),i=o(n,{flexGrow:1,fontFamily:"$body",variants:{theme:{light:{color:"$textForeground"},dark:{bg:"$primaryDark",color:"white"}}}}),r=({theme:e="light",children:m,...a})=>p.createElement(h,{theme:e,...a},g(m,{theme:e},[t,i]));r.TriggerList=t,r.Trigger=s,r.Content=i,r.displayName="Tabs";export{r as Tabs};

package/dist/components/tabs/TabsTriggerList.d.ts

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

package/dist/components/tabs/TabsTriggerList.js

@@ -1 +1 @@
-import{ChevronLeft as P,ChevronRight as R}from"@atom-learning/icons";import{List as _}from"@radix-ui/react-tabs";import{opacify as k}from"color2k";import o,{useRef as F,useState as f,useCallback as J,useEffect as y}from"react";import{debounce as K}from"throttle-debounce";import{ActionIcon as M}from"../action-icon/ActionIcon.js";import{Flex as X}from"../flex/Flex.js";import{Icon as x}from"../icon/Icon.js";import{theme as j,styled as W}from"../../stitches.js";import{TabTrigger as L}from"./TabTrigger.js";import{passPropsToChildren as z}from"./utils.js";const q=k("white",-.2),G=k(j.colors.primaryDark.value,-.2),C=W(M,{position:"absolute",transition:"all 125ms",variants:{theme:{light:{bg:`${q} !important`},dark:{bg:`${G} !important`,color:"currentColor !important"}},visible:{true:{opacity:1,visibility:"visible",pointerEvents:"all"},false:{opacity:0,visibility:"hidden",pointerEvents:"none"}}}}),T=W(_,{flexShrink:0,display:"flex",width:"100%",overflowX:"auto","&::-webkit-scrollbar":{display:"none"},scrollbarWidth:"none",variants:{theme:{light:{borderBottom:"1px solid $tonal300"},dark:{bg:"$primaryDark",borderBottom:"1px solid $tonal200"}},appearance:{uppercase:{"& button":{textTransform:"uppercase"}}}}}),H=({children:h,theme:i,appearance:d,enableTabScrolling:S,scrollPercentage:$=10,...b})=>{const n=F(null),[u,a]=f(!1),[v,c]=f(!1),[D,I]=f(),g=J(t=>{const e=n.current;if(e){const{scrollWidth:l,scrollLeft:s,offsetWidth:m}=e,E=Math.round(l*($/100));let p=s;if(t==="right"){const r=s+E;p=r+m<=l?r:l-m}else{const r=s-E;p=r>0?r:0}e.scroll({left:p,behavior:"smooth"}),setTimeout(()=>{const{scrollWidth:r,scrollLeft:w,offsetWidth:A}=e,B=r-(w+A);w===0?(a(!1),c(!0)):B<5?(c(!1),a(!0)):(a(!0),c(!0))},500)}},[]);return y(()=>{const t=K(500,()=>{I(window.innerWidth)});return window.addEventListener("resize",t),()=>{window.removeEventListener("resize",t)}},[]),y(()=>{var t;const e=n.current;if(e){const{offsetWidth:l,scrollWidth:s}=e,m=s>l;(t=e.scroll)==null||t.call(e,{left:0}),a(!1),c(m)}},[D]),u||v||S?o.createElement(X,{css:{position:"relative"}},o.createElement(C,{size:"xl",label:"Scroll Left",theme:i,onClick:()=>g("left"),visible:u,css:{left:0}},o.createElement(x,{is:P,size:"lg"})),o.createElement(T,{...b,ref:n,appearance:d,theme:i},z(h,{theme:i},[L])),o.createElement(C,{size:"xl",label:"Scroll right",theme:i,onClick:()=>g("right"),visible:v,css:{right:0}},o.createElement(x,{is:R,size:"lg"}))):o.createElement(T,{theme:i,...b,appearance:d,ref:n},z(h,{theme:i},[L]))};export{H as TriggerListWrapper};
+import{ChevronLeft as P,ChevronRight as R}from"@atom-learning/icons";import{List as _}from"@radix-ui/react-tabs";import{opacify as y}from"color2k";import o,{useRef as F,useState as f,useCallback as J,useEffect as k}from"react";import{debounce as K}from"throttle-debounce";import{ActionIcon as M}from"../action-icon/ActionIcon.js";import{Flex as X}from"../flex/Flex.js";import{Icon as W}from"../icon/Icon.js";import{theme as j,styled as x}from"../../stitches.js";import{TabTrigger as L}from"./TabTrigger.js";import{passPropsToChildren as C}from"./utils.js";const q=y("white",-.2),G=y(j.colors.primaryDark.value,-.2),T=x(M,{position:"absolute",transition:"all 125ms",variants:{theme:{light:{bg:`${q} !important`},dark:{bg:`${G} !important`,color:"currentColor !important"}},visible:{true:{opacity:1,visibility:"visible",pointerEvents:"all"},false:{opacity:0,visibility:"hidden",pointerEvents:"none"}}}}),S=x(_,{flexShrink:0,display:"flex",width:"100%",overflowX:"auto","&::-webkit-scrollbar":{display:"none"},scrollbarWidth:"none",variants:{theme:{light:{borderBottom:"1px solid $tonal300"},dark:{bg:"$primaryDark",borderBottom:"1px solid $tonal200"}},appearance:{uppercase:{"& button":{textTransform:"uppercase"}}}}}),H=({children:h,theme:i,appearance:d,enableTabScrolling:$,scrollPercentage:z=10,...b})=>{const s=F(null),[u,a]=f(!1),[v,c]=f(!1),[D,I]=f(),g=J(t=>{const e=s.current;if(e){const{scrollWidth:l,scrollLeft:n,offsetWidth:m}=e,E=Math.round(l*(z/100));let p=n;if(t==="right"){const r=n+E;p=r+m<=l?r:l-m}else{const r=n-E;p=r>0?r:0}e.scroll({left:p,behavior:"smooth"}),setTimeout(()=>{const{scrollWidth:r,scrollLeft:w,offsetWidth:A}=e,B=r-(w+A);w===0?(a(!1),c(!0)):B<5?(c(!1),a(!0)):(a(!0),c(!0))},500)}},[]);return k(()=>{const t=K(500,()=>{I(window.innerWidth)});return window.addEventListener("resize",t),()=>{window.removeEventListener("resize",t)}},[]),k(()=>{var t;const e=s.current;if(e){const{offsetWidth:l,scrollWidth:n}=e,m=n>l;(t=e.scroll)==null||t.call(e,{left:0}),a(!1),c(m)}},[D]),u||v||$?o.createElement(X,{css:{position:"relative"}},o.createElement(T,{size:"lg",label:"Scroll Left",theme:i,onClick:()=>g("left"),visible:u,css:{left:0}},o.createElement(W,{is:P})),o.createElement(S,{...b,ref:s,appearance:d,theme:i},C(h,{theme:i},[L])),o.createElement(T,{size:"lg",label:"Scroll right",theme:i,onClick:()=>g("right"),visible:v,css:{right:0}},o.createElement(W,{is:R}))):o.createElement(S,{theme:i,...b,appearance:d,ref:s},C(h,{theme:i},[L]))};export{H as TriggerListWrapper};

package/dist/components/tabs/utils.js

@@ -1 +1 @@
-import o from"react";const t=(n,e,i=[])=>o.Children.map(n,l=>o.isValidElement(l)&&i.includes(l==null?void 0:l.type)?o.cloneElement(l,{...e}):l);export{t as passPropsToChildren};
+import e from"react";const t=(n,o,i=[])=>e.Children.map(n,l=>e.isValidElement(l)&&i.includes(l==null?void 0:l.type)?e.cloneElement(l,{...o}):l);export{t as passPropsToChildren};

package/dist/components/text/Text.d.ts

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

package/dist/components/textarea/Textarea.d.ts

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

package/dist/components/toast/Toast.d.ts

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

package/dist/components/toast/Toast.js

@@ -1 +1 @@
-import{Error as g,Close as h}from"@atom-learning/icons";import*as t from"react";import{toast as $}from"react-hot-toast";import{keyframes as i,styled as a}from"../../stitches.js";import{ActionIcon as v}from"../action-icon/ActionIcon.js";import{Icon as s}from"../icon/Icon.js";import{Loader as y}from"../loader/Loader.js";import{Text as w}from"../text/Text.js";const n=400,x=i({"0%":{transform:"translate3d(0,-100%,0)",opacity:0},"100%":{transform:"translate3d(0,0,0)",opacity:1}}),E=i({"0%":{transform:"translate3d(0,0,0)",opacity:1},"100%":{transform:"translate3d(0,-100%,0)",opacity:0}}),k=a("div",{position:"absolute",width:"100%",variants:{visible:{true:{"@allowMotion":{animation:`${x} 250ms cubic-bezier(0.22, 1, 0.36, 1)`}},false:{opacity:0,"@allowMotion":{animation:`${E} 250ms cubic-bezier(0.22, 1, 0.36, 1)`}}}}}),I=a("div",{pointerEvents:"auto",alignItems:"center",borderRadius:"$0",boxShadow:"$1",boxSizing:"border-box",color:"white",display:"flex",minHeight:"$5",pl:"$4",position:"relative",pr:"$7",py:"$4",transition:"background-color 50ms ease-out",width:"100%","@sm":{width:n},"@allowMotion":{transition:"background-color 50ms ease-out, transform 150ms ease-out"},variants:{status:{blank:{bg:"$primary"},error:{bg:"$danger"},loading:{bg:"$primary"},success:{bg:"$success"}}}}),T=t.memo(({ariaLive:l,height:m,id:e,message:c,role:p,type:o="blank",visible:d,calculateOffset:u,updateHeight:b})=>{const f=u(e,{reverseOrder:!0,margin:8});return t.createElement(k,{visible:d},t.createElement(I,{ref:r=>{r&&m===void 0&&b(e,r.getBoundingClientRect().height)},status:o,role:p,"aria-live":l,style:{transform:`translateY(${f}px)`}},o==="error"&&t.createElement(s,{size:"sm",css:{mr:"$3",flex:"0 0 auto"},is:g}),t.createElement(w,{css:{color:"inherit"}},c),o==="loading"?t.createElement(y,{css:{flex:"0 0 auto",ml:"auto"}}):t.createElement(v,{css:{position:"absolute",top:"$2",right:"$2",color:"white","&:hover,&:focus":{color:"white",opacity:.5}},label:"Close alert",onClick:()=>$.dismiss(e)},t.createElement(s,{is:h}))))});export{n as TOAST_WIDTH,T as Toast};
+import{Error as g,Close as h}from"@atom-learning/icons";import*as e from"react";import{toast as $}from"react-hot-toast";import{keyframes as i,styled as a}from"../../stitches.js";import{ActionIcon as v}from"../action-icon/ActionIcon.js";import{Icon as s}from"../icon/Icon.js";import{Loader as y}from"../loader/Loader.js";import{Text as w}from"../text/Text.js";const n=400,x=i({"0%":{transform:"translate3d(0,-100%,0)",opacity:0},"100%":{transform:"translate3d(0,0,0)",opacity:1}}),E=i({"0%":{transform:"translate3d(0,0,0)",opacity:1},"100%":{transform:"translate3d(0,-100%,0)",opacity:0}}),k=a("div",{position:"absolute",width:"100%",variants:{visible:{true:{"@allowMotion":{animation:`${x} 250ms cubic-bezier(0.22, 1, 0.36, 1)`}},false:{opacity:0,"@allowMotion":{animation:`${E} 250ms cubic-bezier(0.22, 1, 0.36, 1)`}}}}}),I=a("div",{pointerEvents:"auto",alignItems:"center",borderRadius:"$0",boxShadow:"$1",boxSizing:"border-box",color:"white",display:"flex",minHeight:"$5",pl:"$4",position:"relative",pr:"$6",py:"$4",transition:"background-color 50ms ease-out",width:"100%","@sm":{width:n},"@allowMotion":{transition:"background-color 50ms ease-out, transform 150ms ease-out"},variants:{status:{blank:{bg:"$primary"},error:{bg:"$danger"},loading:{bg:"$primary"},success:{bg:"$success"}}}}),T=e.memo(({ariaLive:l,height:m,id:t,message:c,role:p,type:o="blank",visible:d,calculateOffset:u,updateHeight:b})=>{const f=u(t,{reverseOrder:!0,margin:8});return e.createElement(k,{visible:d},e.createElement(I,{ref:r=>{r&&m===void 0&&b(t,r.getBoundingClientRect().height)},status:o,role:p,"aria-live":l,style:{transform:`translateY(${f}px)`}},o==="error"&&e.createElement(s,{size:"sm",css:{mr:"$3",flex:"0 0 auto"},is:g}),e.createElement(w,{css:{color:"inherit"}},c),o==="loading"?e.createElement(y,{css:{flex:"0 0 auto",ml:"auto"}}):e.createElement(v,{css:{position:"absolute",top:"$2",right:"$2",color:"white","&:hover,&:focus":{color:"white",opacity:.5}},label:"Close alert",onClick:()=>$.dismiss(t)},e.createElement(s,{is:h}))))});export{n as TOAST_WIDTH,T as Toast};

package/dist/components/toast/ToastProvider.js

@@ -1 +1 @@
-import*as e from"react";import{useToaster as p}from"react-hot-toast";import{default as P}from"react-hot-toast";import{styled as c}from"../../stitches.js";import{TOAST_WIDTH as d,Toast as f}from"./Toast.js";const u=2147483647,T=c("div",{left:"$2",position:"fixed",top:"$2",right:"$2",zIndex:u,"@sm":{top:"$3",right:"auto",left:`calc(50% - ${d/2}px)`}}),o=({children:a})=>{const{toasts:r,handlers:s}=p(),{startPause:i,endPause:l,calculateOffset:n,updateHeight:m}=s;return e.createElement(e.Fragment,null,e.createElement(T,{onMouseEnter:i,onMouseLeave:l},r.map(t=>e.createElement(f,{key:t.id,calculateOffset:n,updateHeight:m,...t}))),a)};o.displayName="ToastProvider";export{o as ToastProvider,P as toast};
+import*as e from"react";import{useToaster as p}from"react-hot-toast";import{default as E}from"react-hot-toast";import{styled as c}from"../../stitches.js";import{TOAST_WIDTH as d,Toast as f}from"./Toast.js";const u=2147483647,T=c("div",{left:"$2",position:"fixed",top:"$2",right:"$2",zIndex:u,"@sm":{top:"$3",right:"auto",left:`calc(50% - ${d/2}px)`}}),a=({children:o})=>{const{toasts:r,handlers:s}=p(),{startPause:i,endPause:l,calculateOffset:n,updateHeight:m}=s;return e.createElement(e.Fragment,null,e.createElement(T,{onMouseEnter:i,onMouseLeave:l},r.map(t=>e.createElement(f,{key:t.id,calculateOffset:n,updateHeight:m,...t}))),o)};a.displayName="ToastProvider";export{a as ToastProvider,E as toast};

package/dist/components/toggle-group/ToggleGroupButton.d.ts

@@ -59,7 +59,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;
@@ -79,7 +78,6 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
         "7": any;
         "8": any;
         "9": any;
-        "10": any;
     };
     fontSizes: {
         xs: any;
@@ -328,7 +326,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;
@@ -348,7 +345,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/toggle-group/ToggleGroupButton.js

@@ -1 +1 @@
-import*as n from"react";import{styled as g}from"../../stitches.js";import{StyledIcon as f,Icon as r}from"../icon/Icon.js";import{StyledItem as h}from"./ToggleGroupItem.js";const t={sm:"32px",md:"40px",lg:"48px"},$={sm:"$4",md:"$6",lg:"$6"},u={sm:"$2",md:"$3",lg:"$3"},l=i=>({fontSize:`$${i}`,px:$[i],minHeight:t[i],"& > *:not(:last-child)":{mr:u[i]}}),d=g(h,{flexGrow:1,display:"flex",alignItems:"center",justifyContent:"center",fontWeight:600,lineHeight:1,py:"$1",[`& ${f}`]:{flexShrink:0},variants:{size:{sm:l("sm"),md:l("md"),lg:l("lg")},isIconOnly:{true:{}}},compoundVariants:[{isIconOnly:!0,size:"sm",css:{minWidth:t.sm,p:0}},{isIconOnly:!0,size:"md",css:{minWidth:t.md,p:0}},{isIconOnly:!0,size:"lg",css:{minWidth:t.lg,p:0}}]}),x=n.forwardRef(({size:i="md",children:p,...c},a)=>{var o;const s=n.Children.toArray(p),m=s.length<=1,y=m&&n.isValidElement(s[0])&&((o=s[0])==null?void 0:o.type)===r;return n.createElement(d,{ref:a,size:i,isIconOnly:y,...c},s.map(e=>!m&&typeof e=="string"?n.createElement("span",{key:e},e):n.isValidElement(e)&&(e==null?void 0:e.type)===r?n.cloneElement(e,{...e.props,size:i}):e))});export{d as StyledButton,x as ToggleGroupButton};
+import*as n from"react";import{styled as g}from"../../stitches.js";import{StyledIcon as f,Icon as r}from"../icon/Icon.js";import{StyledItem as h}from"./ToggleGroupItem.js";const t={sm:"32px",md:"40px",lg:"48px"},u={sm:"$4",md:"$5",lg:"$5"},$={sm:"$2",md:"$3",lg:"$3"},l=i=>({fontSize:`$${i}`,px:u[i],minHeight:t[i],"& > *:not(:last-child)":{mr:$[i]}}),d=g(h,{flexGrow:1,display:"flex",alignItems:"center",justifyContent:"center",fontWeight:600,lineHeight:1,py:"$1",[`& ${f}`]:{flexShrink:0},variants:{size:{sm:l("sm"),md:l("md"),lg:l("lg")},isIconOnly:{true:{}}},compoundVariants:[{isIconOnly:!0,size:"sm",css:{minWidth:t.sm,p:0}},{isIconOnly:!0,size:"md",css:{minWidth:t.md,p:0}},{isIconOnly:!0,size:"lg",css:{minWidth:t.lg,p:0}}]}),x=n.forwardRef(({size:i="md",children:p,...c},a)=>{var m;const s=n.Children.toArray(p),o=s.length<=1,y=o&&n.isValidElement(s[0])&&((m=s[0])==null?void 0:m.type)===r;return n.createElement(d,{ref:a,size:i,isIconOnly:y,...c},s.map(e=>!o&&typeof e=="string"?n.createElement("span",{key:e},e):n.isValidElement(e)&&(e==null?void 0:e.type)===r?n.cloneElement(e,{...e.props,size:i}):e))});export{d as StyledButton,x as ToggleGroupButton};

package/dist/components/toggle-group/ToggleGroupItem.d.ts

@@ -60,7 +60,6 @@ export declare const StyledItem: import("@stitches/react/types/styled-component"
         warning: any;
         warningMid: any;
         warningDark: any;
-        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -80,7 +79,6 @@ export declare const StyledItem: import("@stitches/react/types/styled-component"
         "7": any;
         "8": any;
         "9": any;
-        "10": any;
     };
     fontSizes: {
         xs: any;
@@ -327,7 +325,6 @@ export declare const ToggleGroupItem: import("@stitches/react/types/styled-compo
         warning: any;
         warningMid: any;
         warningDark: any;
-        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -347,7 +344,6 @@ export declare const ToggleGroupItem: import("@stitches/react/types/styled-compo
         "7": any;
         "8": any;
         "9": any;
-        "10": any;
     };
     fontSizes: {
         xs: any;

package/dist/components/toggle-group/ToggleGroupRoot.d.ts

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

package/dist/components/toggle-group/index.d.ts

@@ -60,7 +60,6 @@ export declare const ToggleGroup: {
             warning: any;
             warningMid: any;
             warningDark: any;
-            warningText: any;
             subjectEnglish: any;
             subjectMaths: any;
             subjectScience: any;
@@ -80,7 +79,6 @@ export declare const ToggleGroup: {
             "7": any;
             "8": any;
             "9": any;
-            "10": any;
         };
         fontSizes: {
             xs: any;
@@ -328,7 +326,6 @@ export declare const ToggleGroup: {
                 warning: any;
                 warningMid: any;
                 warningDark: any;
-                warningText: any;
                 subjectEnglish: any;
                 subjectMaths: any;
                 subjectScience: any;
@@ -348,7 +345,6 @@ export declare const ToggleGroup: {
                 "7": any;
                 "8": any;
                 "9": any;
-                "10": any;
             };
             fontSizes: {
                 xs: any;
@@ -599,7 +595,6 @@ export declare const ToggleGroup: {
                 warning: any;
                 warningMid: any;
                 warningDark: any;
-                warningText: any;
                 subjectEnglish: any;
                 subjectMaths: any;
                 subjectScience: any;
@@ -619,7 +614,6 @@ export declare const ToggleGroup: {
                 "7": any;
                 "8": any;
                 "9": any;
-                "10": any;
             };
             fontSizes: {
                 xs: any;
@@ -872,7 +866,6 @@ export declare const ToggleGroup: {
                 warning: any;
                 warningMid: any;
                 warningDark: any;
-                warningText: any;
                 subjectEnglish: any;
                 subjectMaths: any;
                 subjectScience: any;
@@ -892,7 +885,6 @@ export declare const ToggleGroup: {
                 "7": any;
                 "8": any;
                 "9": any;
-                "10": any;
             };
             fontSizes: {
                 xs: any;
@@ -1144,7 +1136,6 @@ export declare const ToggleGroup: {
                 warning: any;
                 warningMid: any;
                 warningDark: any;
-                warningText: any;
                 subjectEnglish: any;
                 subjectMaths: any;
                 subjectScience: any;
@@ -1164,7 +1155,6 @@ export declare const ToggleGroup: {
                 "7": any;
                 "8": any;
                 "9": any;
-                "10": any;
             };
             fontSizes: {
                 xs: any;

package/dist/components/tooltip/TooltipContent.d.ts

@@ -62,7 +62,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;
@@ -82,7 +81,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/validation-error/ValidationError.js

@@ -1 +1 @@
-import{Error as s}from"@atom-learning/icons";import*as r from"react";import{Flex as m}from"../flex/Flex.js";import{Icon as i}from"../icon/Icon.js";import{Text as a}from"../text/Text.js";const n=({css:e,children:o,...t})=>r.createElement(m,{css:{color:"$danger",alignItems:"flex-start",...e},...t},r.createElement(i,{is:s,size:"sm",css:{mr:"$2",flexShrink:0},"aria-hidden":!0}),r.createElement(a,{css:{color:"inherit",transform:"translateY($space$1)"},size:"sm"},o));export{n as ValidationError};
+import{Error as s}from"@atom-learning/icons";import*as r from"react";import{Flex as m}from"../flex/Flex.js";import{Icon as i}from"../icon/Icon.js";import{Text as a}from"../text/Text.js";const n=({css:e,children:t,...o})=>r.createElement(m,{css:{color:"$danger",alignItems:"flex-start",...e},...o},r.createElement(i,{is:s,size:"sm",css:{mr:"$2",flexShrink:0},"aria-hidden":!0}),r.createElement(a,{css:{color:"inherit",transform:"translateY($space$1)"},size:"sm"},t));export{n as ValidationError};

package/dist/components/video/Video.d.ts

@@ -62,7 +62,6 @@ declare const StyledVideo: import("@stitches/react/types/styled-component").Styl
         warning: any;
         warningMid: any;
         warningDark: any;
-        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -82,7 +81,6 @@ declare const StyledVideo: import("@stitches/react/types/styled-component").Styl
         "7": any;
         "8": any;
         "9": any;
-        "10": any;
     };
     fontSizes: {
         xs: any;
@@ -334,7 +332,6 @@ export declare const Video: React.ForwardRefExoticComponent<Pick<VideoProps, str
         warning: any;
         warningMid: any;
         warningDark: any;
-        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -354,7 +351,6 @@ export declare const Video: React.ForwardRefExoticComponent<Pick<VideoProps, str
         "7": any;
         "8": any;
         "9": any;
-        "10": any;
     };
     fontSizes: {
         xs: any;