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

package/dist/components/switch/Switch.d.ts

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -67,6 +67,7 @@ export declare const StyledText: import("@stitches/react/types/styled-component"
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -86,6 +87,7 @@ 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,6 +61,7 @@ declare const StyledTextarea: import("@stitches/react/types/styled-component").S
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -80,6 +81,7 @@ 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,6 +63,7 @@ declare const StyledToast: import("@stitches/react/types/styled-component").Styl
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -82,6 +83,7 @@ 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:"$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=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 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};

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

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

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

@@ -60,6 +60,7 @@ export declare const StyledItem: import("@stitches/react/types/styled-component"
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -79,6 +80,7 @@ export declare const StyledItem: import("@stitches/react/types/styled-component"
         "7": any;
         "8": any;
         "9": any;
+        "10": any;
     };
     fontSizes: {
         xs: any;
@@ -325,6 +327,7 @@ export declare const ToggleGroupItem: import("@stitches/react/types/styled-compo
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -344,6 +347,7 @@ 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,6 +70,7 @@ export declare const StyledRoot: import("@stitches/react/types/styled-component"
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -89,6 +90,7 @@ 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,6 +60,7 @@ export declare const ToggleGroup: {
             warning: any;
             warningMid: any;
             warningDark: any;
+            warningText: any;
             subjectEnglish: any;
             subjectMaths: any;
             subjectScience: any;
@@ -79,6 +80,7 @@ export declare const ToggleGroup: {
             "7": any;
             "8": any;
             "9": any;
+            "10": any;
         };
         fontSizes: {
             xs: any;
@@ -326,6 +328,7 @@ export declare const ToggleGroup: {
                 warning: any;
                 warningMid: any;
                 warningDark: any;
+                warningText: any;
                 subjectEnglish: any;
                 subjectMaths: any;
                 subjectScience: any;
@@ -345,6 +348,7 @@ export declare const ToggleGroup: {
                 "7": any;
                 "8": any;
                 "9": any;
+                "10": any;
             };
             fontSizes: {
                 xs: any;
@@ -595,6 +599,7 @@ export declare const ToggleGroup: {
                 warning: any;
                 warningMid: any;
                 warningDark: any;
+                warningText: any;
                 subjectEnglish: any;
                 subjectMaths: any;
                 subjectScience: any;
@@ -614,6 +619,7 @@ export declare const ToggleGroup: {
                 "7": any;
                 "8": any;
                 "9": any;
+                "10": any;
             };
             fontSizes: {
                 xs: any;
@@ -866,6 +872,7 @@ export declare const ToggleGroup: {
                 warning: any;
                 warningMid: any;
                 warningDark: any;
+                warningText: any;
                 subjectEnglish: any;
                 subjectMaths: any;
                 subjectScience: any;
@@ -885,6 +892,7 @@ export declare const ToggleGroup: {
                 "7": any;
                 "8": any;
                 "9": any;
+                "10": any;
             };
             fontSizes: {
                 xs: any;
@@ -1136,6 +1144,7 @@ export declare const ToggleGroup: {
                 warning: any;
                 warningMid: any;
                 warningDark: any;
+                warningText: any;
                 subjectEnglish: any;
                 subjectMaths: any;
                 subjectScience: any;
@@ -1155,6 +1164,7 @@ export declare const ToggleGroup: {
                 "7": any;
                 "8": any;
                 "9": any;
+                "10": any;
             };
             fontSizes: {
                 xs: any;

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

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

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