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

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

@@ -64,6 +64,7 @@ export declare const EmptyStateBody: import("@stitches/react/types/styled-compon
             warning: any;
             warningMid: any;
             warningDark: any;
+            warningText: any;
             subjectEnglish: any;
             subjectMaths: any;
             subjectScience: any;
@@ -83,6 +84,7 @@ export declare const EmptyStateBody: import("@stitches/react/types/styled-compon
             "7": any;
             "8": any;
             "9": any;
+            "10": any;
         };
         fontSizes: {
             xs: any;
@@ -333,6 +335,7 @@ export declare const EmptyStateBody: import("@stitches/react/types/styled-compon
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -352,6 +355,7 @@ export declare const EmptyStateBody: import("@stitches/react/types/styled-compon
         "7": any;
         "8": any;
         "9": any;
+        "10": any;
     };
     fontSizes: {
         xs: any;

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

@@ -1 +1 @@
-import{Text as t}from"../text/Text.js";import{styled as m}from"../../stitches.js";const o=m(t,{color:"$tonal400",fontWeight:"400",variants:{size:{xs:{fontSize:"$sm",mb:"$4"},sm:{fontSize:"$sm",mb:"$4"},md:{fontSize:"$sm",mb:"$4"},lg:{fontSize:"$md",mb:"$5"},xl:{fontSize:"$md",mb:"$5"}}}});export{o as EmptyStateBody};
+import{Text as t}from"../text/Text.js";import{styled as m}from"../../stitches.js";const o=m(t,{color:"$tonal400",fontWeight:"400",variants:{size:{xs:{fontSize:"$sm",mb:"$4"},sm:{fontSize:"$sm",mb:"$4"},md:{fontSize:"$sm",mb:"$4"},lg:{fontSize:"$md",mb:"$6"},xl:{fontSize:"$md",mb:"$7"}}}});export{o as EmptyStateBody};

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

@@ -62,6 +62,7 @@ export declare const EmptyStateImage: import("@stitches/react/types/styled-compo
             warning: any;
             warningMid: any;
             warningDark: any;
+            warningText: any;
             subjectEnglish: any;
             subjectMaths: any;
             subjectScience: any;
@@ -81,6 +82,7 @@ export declare const EmptyStateImage: import("@stitches/react/types/styled-compo
             "7": any;
             "8": any;
             "9": any;
+            "10": any;
         };
         fontSizes: {
             xs: any;
@@ -331,6 +333,7 @@ export declare const EmptyStateImage: import("@stitches/react/types/styled-compo
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -350,6 +353,7 @@ export declare const EmptyStateImage: import("@stitches/react/types/styled-compo
         "7": any;
         "8": any;
         "9": any;
+        "10": any;
     };
     fontSizes: {
         xs: any;

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

@@ -1 +1 @@
-import{Image as t}from"../image/Image.js";import{styled as m}from"../../stitches.js";const i=m(t,{variants:{size:{xs:{width:"56px",height:"32px",mb:"$4"},sm:{size:"84px",mb:"$4"},md:{width:"126px",height:"72px",mb:"$4"},lg:{width:"190px",height:"142px",mb:"$5"},xl:{width:"285px",height:"213px",mb:"$5"}}}});export{i as EmptyStateImage};
+import{Image as t}from"../image/Image.js";import{styled as m}from"../../stitches.js";const i=m(t,{variants:{size:{xs:{width:"56px",height:"32px",mb:"$4"},sm:{size:"84px",mb:"$4"},md:{width:"126px",height:"72px",mb:"$4"},lg:{width:"190px",height:"142px",mb:"$6"},xl:{width:"285px",height:"213px",mb:"$6"}}}});export{i as EmptyStateImage};

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

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

package/dist/components/flex/Flex.d.ts

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

package/dist/components/form/Form.d.ts

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

package/dist/components/grid/Grid.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 declare const GridContainer: import("@stitches/react/types/styled-component").StyledComponent<"div", {
-    gap?: number | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | undefined;
+    gap?: number | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | undefined;
 }, {
     sm: string;
     md: string;
@@ -61,6 +61,7 @@ declare const GridContainer: import("@stitches/react/types/styled-component").St
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -80,6 +81,7 @@ declare const GridContainer: import("@stitches/react/types/styled-component").St
         "7": any;
         "8": any;
         "9": any;
+        "10": any;
     };
     fontSizes: {
         xs: any;

package/dist/components/heading/Heading.d.ts

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

package/dist/components/icon/Icon.d.ts

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

package/dist/components/image/Image.d.ts

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

package/dist/components/input/Input.d.ts

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

package/dist/components/label/Label.d.ts

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

package/dist/components/link/Link.d.ts

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

package/dist/components/list/List.d.ts

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

package/dist/components/notification-badge/NotificationBadge.d.ts

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

package/dist/components/popover/Popover.d.ts

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

package/dist/components/popover/PopoverContent.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/popover/PopoverContent.js

@@ -1 +1 @@
-import{Close as r}from"@atom-learning/icons";import{Content as l,Arrow as p,Close as h}from"@radix-ui/react-popover";import*as e from"react";import{styled as t}from"../../stitches.js";import{ActionIcon as c}from"../action-icon/ActionIcon.js";import{Icon as f}from"../icon/Icon.js";import{slideDownAndFade as $,slideLeftAndFade as g,slideUpAndFade as x,slideRightAndFade as w}from"../../utilities/style/keyframe-animations.js";const b=t(l,{bg:"white",borderRadius:"$1",boxShadow:"$2",maxWidth:"90vw",p:"$sizes$2",pr:"$6",position:"relative","@allowMotion":{animationDuration:"75ms",animationTimingFunction:"cubic-bezier(0.16, 1, 0.3, 1)",willChange:"transform, opacity",'&[data-state="open"]':{'&[data-side="top"]':{animationName:$},'&[data-side="right"]':{animationName:g},'&[data-side="bottom"]':{animationName:x},'&[data-side="left"]':{animationName:w}}},variants:{size:{sm:{maxWidth:"200px"},md:{maxWidth:"400px"},lg:{maxWidth:"600px"}}}}),z=t(p,{fill:"white",zIndex:1,'[data-align="end"] &':{mr:"$sizes$2"},'[data-align="start"] &':{ml:"$sizes$2"}}),C=({children:i,side:o="top",sideOffset:a=8,closePopoverText:s="Close popover",showCloseButton:n=!0,size:m="md",...d})=>e.createElement(b,{size:m,side:o,sideOffset:a,...d},n&&e.createElement(c,{as:h,css:{position:"absolute",right:"$0",top:"$0"},label:s,size:"lg",theme:"neutral"},e.createElement(f,{is:r})),i,e.createElement(z,{width:16,height:8}));export{C as PopoverContent};
+import{Close as r}from"@atom-learning/icons";import{Content as l,Arrow as p,Close as h}from"@radix-ui/react-popover";import*as e from"react";import{styled as t}from"../../stitches.js";import{ActionIcon as c}from"../action-icon/ActionIcon.js";import{Icon as f}from"../icon/Icon.js";import{slideDownAndFade as $,slideLeftAndFade as g,slideUpAndFade as x,slideRightAndFade as w}from"../../utilities/style/keyframe-animations.js";const b=t(l,{bg:"white",borderRadius:"$1",boxShadow:"$2",maxWidth:"90vw",p:"$sizes$2",pr:"$7",position:"relative","@allowMotion":{animationDuration:"75ms",animationTimingFunction:"cubic-bezier(0.16, 1, 0.3, 1)",willChange:"transform, opacity",'&[data-state="open"]':{'&[data-side="top"]':{animationName:$},'&[data-side="right"]':{animationName:g},'&[data-side="bottom"]':{animationName:x},'&[data-side="left"]':{animationName:w}}},variants:{size:{sm:{maxWidth:"200px"},md:{maxWidth:"400px"},lg:{maxWidth:"600px"}}}}),z=t(p,{fill:"white",zIndex:1,'[data-align="end"] &':{mr:"$sizes$2"},'[data-align="start"] &':{ml:"$sizes$2"}}),C=({children:i,side:o="top",sideOffset:a=8,closePopoverText:s="Close popover",showCloseButton:n=!0,size:m="md",...d})=>e.createElement(b,{size:m,side:o,sideOffset:a,...d},n&&e.createElement(c,{as:h,css:{position:"absolute",right:"$0",top:"$0"},label:s,size:"lg",theme:"neutral"},e.createElement(f,{is:r})),i,e.createElement(z,{width:16,height:8}));export{C as PopoverContent};

package/dist/components/progress-bar/ProgressBar.d.ts

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

package/dist/components/radio-button/RadioButton.d.ts

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

package/dist/components/radio-button/RadioButtonGroup.d.ts

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

package/dist/components/radio-button/RadioButtonGroup.js

@@ -1 +1 @@
-import*as r from"@radix-ui/react-radio-group";import{styled as t}from"../../stitches.js";const o=t(r.Root,{display:"flex",flexWrap:"wrap",variants:{direction:{row:{flexDirection:"row","& > *:not(:last-child)":{mr:"$5"}},column:{flexDirection:"column"}}}});o.displayName="RadioButtonGroup";export{o as RadioButtonGroup};
+import*as r from"@radix-ui/react-radio-group";import{styled as t}from"../../stitches.js";const o=t(r.Root,{display:"flex",flexWrap:"wrap",variants:{direction:{row:{flexDirection:"row","& > *:not(:last-child)":{mr:"$6"}},column:{flexDirection:"column"}}}});o.displayName="RadioButtonGroup";export{o as RadioButtonGroup};

package/dist/components/radio-card/RadioCard.d.ts

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

package/dist/components/radio-card/RadioCard.js

@@ -1 +1 @@
-import*as l from"@radix-ui/react-radio-group";import*as e from"react";import{styled as t}from"../../stitches.js";import{Box as d}from"../box/Box.js";const o=t(l.Item,{alignItems:"center",bg:"white",border:"1px solid $tonal200",borderRadius:"$0",cursor:"pointer",display:"flex",textAlign:"left",'&[data-state="checked"]':{outline:"2px solid $primary",outlineOffset:"-2px"},variants:{align:{left:{flexDirection:"row"},right:{flexDirection:"row-reverse"}},size:{md:{px:"$4",py:"$3"},lg:{px:"$5",py:"$4"}},isFullWidth:{true:{width:"100%"},false:{width:"max-content"}}}}),c=t("div",{alignItems:"center",appearance:"none",backgroundColor:"transparent",border:"1px solid $tonal500",borderRadius:"$round",display:"flex",flexShrink:0,justifyContent:"center",p:0,size:"$1",transition:"all 50ms ease-out",'[data-state="checked"] &':{backgroundColor:"$primary",borderColor:"$primary"},variants:{containerIsFullWidth:{true:{},false:{}},align:{left:{mr:"$4"},right:{}}},compoundVariants:[{containerIsFullWidth:!0,align:"right",css:{ml:"auto"}},{containerIsFullWidth:!1,align:"right",css:{ml:"$4"}}]}),p=t(l.Indicator,{backgroundColor:"white",borderRadius:"$round",position:"absolute",size:"6px"}),u=({children:a,isFullWidth:r=!1,size:n="md",align:i="left",...s})=>e.createElement(o,{...s,align:i,isFullWidth:r,size:n},e.createElement(c,{align:i,containerIsFullWidth:r},e.createElement(p,null)),e.createElement(d,null,a));export{u as RadioCard,o as StyledRadioCard};
+import*as l from"@radix-ui/react-radio-group";import*as e from"react";import{styled as t}from"../../stitches.js";import{Box as d}from"../box/Box.js";const o=t(l.Item,{alignItems:"center",bg:"white",border:"1px solid $tonal200",borderRadius:"$0",cursor:"pointer",display:"flex",textAlign:"left",'&[data-state="checked"]':{outline:"2px solid $primary",outlineOffset:"-2px"},variants:{align:{left:{flexDirection:"row"},right:{flexDirection:"row-reverse"}},size:{md:{px:"$4",py:"$3"},lg:{px:"$6",py:"$4"}},isFullWidth:{true:{width:"100%"},false:{width:"max-content"}}}}),c=t("div",{alignItems:"center",appearance:"none",backgroundColor:"transparent",border:"1px solid $tonal500",borderRadius:"$round",display:"flex",flexShrink:0,justifyContent:"center",p:0,size:"$1",transition:"all 50ms ease-out",'[data-state="checked"] &':{backgroundColor:"$primary",borderColor:"$primary"},variants:{containerIsFullWidth:{true:{},false:{}},align:{left:{mr:"$4"},right:{}}},compoundVariants:[{containerIsFullWidth:!0,align:"right",css:{ml:"auto"}},{containerIsFullWidth:!1,align:"right",css:{ml:"$4"}}]}),p=t(l.Indicator,{backgroundColor:"white",borderRadius:"$round",position:"absolute",size:"6px"}),u=({children:a,isFullWidth:r=!1,size:n="md",align:i="left",...s})=>e.createElement(o,{...s,align:i,isFullWidth:r,size:n},e.createElement(c,{align:i,containerIsFullWidth:r},e.createElement(p,null)),e.createElement(d,null,a));export{u as RadioCard,o as StyledRadioCard};

package/dist/components/search-input/SearchInput.js

@@ -1 +1 @@
-import{Search as R,Close as b}from"@atom-learning/icons";import*as t from"react";import{ActionIcon as g}from"../action-icon/ActionIcon.js";import{Box as v}from"../box/Box.js";import{Icon as i}from"../icon/Icon.js";import{Input as d}from"../input/Input.js";import{styled as l}from"../../stitches.js";var z=(e=>(e.SEARCH="SEARCH",e.CLEAR="CLEAR",e))(z||{});const f=l(i,{color:"$tonal300",position:"absolute",pointerEvents:"none",variants:{size:{sm:{top:"$2",right:"$2",size:"$1"},md:{top:10,right:10,size:20}}}}),$=l(d,{'&::-webkit-search-decoration, &::-webkit-search-cancel-button, &::-webkit-search-results-button, & input[type="search"]::-webkit-search-results-decoration':{display:"none"}}),c=({size:e="md",css:m,value:s,clearText:p="Clear",onChange:r,...u})=>{const[E,a]=t.useState(s||""),[C,n]=t.useState(s?"CLEAR":"SEARCH"),h=()=>{a(""),n("SEARCH"),r==null||r({currentTarget:{value:""},target:{value:""}})},S=o=>{a(o.target.value),n(o.target.value?"CLEAR":"SEARCH"),r==null||r(o)},A=()=>C==="SEARCH"?t.createElement(f,{is:R,size:e,css:{size:e=="sm"?"$1":20}}):t.createElement(g,{label:p,theme:"neutral",size:e=="sm"?"md":"lg",css:{position:"absolute",top:0,right:0},onClick:h},t.createElement(i,{is:b}));return t.createElement(v,{css:{position:"relative",...m}},t.createElement($,{size:e,type:"search",...u,value:E,onChange:S,css:{pr:e==="sm"?"$5":"$6"}}),A())};c.displayName="SearchInput";export{c as SearchInput};
+import{Search as R,Close as b}from"@atom-learning/icons";import*as t from"react";import{ActionIcon as g}from"../action-icon/ActionIcon.js";import{Box as v}from"../box/Box.js";import{Icon as i}from"../icon/Icon.js";import{Input as d}from"../input/Input.js";import{styled as l}from"../../stitches.js";var z=(e=>(e.SEARCH="SEARCH",e.CLEAR="CLEAR",e))(z||{});const f=l(i,{color:"$tonal300",position:"absolute",pointerEvents:"none",variants:{size:{sm:{top:"$2",right:"$2",size:"$1"},md:{top:10,right:10,size:20}}}}),$=l(d,{'&::-webkit-search-decoration, &::-webkit-search-cancel-button, &::-webkit-search-results-button, & input[type="search"]::-webkit-search-results-decoration':{display:"none"}}),c=({size:e="md",css:m,value:s,clearText:p="Clear",onChange:r,...u})=>{const[E,a]=t.useState(s||""),[C,n]=t.useState(s?"CLEAR":"SEARCH"),h=()=>{a(""),n("SEARCH"),r==null||r({currentTarget:{value:""},target:{value:""}})},S=o=>{a(o.target.value),n(o.target.value?"CLEAR":"SEARCH"),r==null||r(o)},A=()=>C==="SEARCH"?t.createElement(f,{is:R,size:e,css:{size:e=="sm"?"$1":20}}):t.createElement(g,{label:p,theme:"neutral",size:e=="sm"?"md":"lg",css:{position:"absolute",top:0,right:0},onClick:h},t.createElement(i,{is:b}));return t.createElement(v,{css:{position:"relative",...m}},t.createElement($,{size:e,type:"search",...u,value:E,onChange:S,css:{pr:e==="sm"?"$6":"$7"}}),A())};c.displayName="SearchInput";export{c as SearchInput};

package/dist/components/select/Select.d.ts

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

package/dist/components/select/Select.js

@@ -1 +1 @@
-import*as o from"react";import{styled as d,theme as s}from"../../stitches.js";import{encodeBackgroundIcon as c}from"../../utilities/style/encode-background-icon.js";const p=d("select",{appearance:"none",backgroundColor:"white",backgroundImage:c(s.colors.tonal300.value,"chevron"),backgroundRepeat:"no-repeat, repeat",border:"1px solid $tonal300",borderRadius:"$0",color:"$tonal600",display:"block",fontFamily:"$body",fontWeight:400,lineHeight:1.4,transition:"all 75ms ease-out",width:"100%","&:hover":{cursor:"pointer"},"&:focus":{borderColor:"$primary",outline:"none"},"&::-ms-expand":{display:"none"},"&[disabled], > option[disabled]":{backgroundColor:"$tonal100",color:"$tonal400",cursor:"not-allowed"},variants:{size:{sm:{backgroundPosition:"right $space$2 top 50%, 0 0",backgroundSize:"18px auto, 100%",fontSize:"$sm",height:"$3",pl:"$2",pr:"$5"},md:{backgroundPosition:"right $space$3 top 50%, 0 0",backgroundSize:"20px auto, 100%",fontSize:"$md",height:"$4",pl:"$3",pr:"$6"}},state:{error:{border:"1px solid $danger"}}}}),t=o.forwardRef(({placeholder:r,children:n,size:l="md",...e},i)=>{const a={size:l,ref:i,...e};return!e.value&&!e.defaultValue&&(a.defaultValue=""),o.createElement(p,{...a},r&&o.createElement("option",{disabled:!0,hidden:!0,value:""},r),n)});t.displayName="Select";export{t as Select};
+import*as o from"react";import{styled as d,theme as s}from"../../stitches.js";import{encodeBackgroundIcon as c}from"../../utilities/style/encode-background-icon.js";const p=d("select",{appearance:"none",backgroundColor:"white",backgroundImage:c(s.colors.tonal300.value,"chevron"),backgroundRepeat:"no-repeat, repeat",border:"1px solid $tonal300",borderRadius:"$0",color:"$tonal600",display:"block",fontFamily:"$body",fontWeight:400,lineHeight:1.4,transition:"all 75ms ease-out",width:"100%","&:hover":{cursor:"pointer"},"&:focus":{borderColor:"$primary",outline:"none"},"&::-ms-expand":{display:"none"},"&[disabled], > option[disabled]":{backgroundColor:"$tonal100",color:"$tonal400",cursor:"not-allowed"},variants:{size:{sm:{backgroundPosition:"right $space$2 top 50%, 0 0",backgroundSize:"18px auto, 100%",fontSize:"$sm",height:"$3",pl:"$2",pr:"$6"},md:{backgroundPosition:"right $space$3 top 50%, 0 0",backgroundSize:"20px auto, 100%",fontSize:"$md",height:"$4",pl:"$3",pr:"$7"}},state:{error:{border:"1px solid $danger"}}}}),t=o.forwardRef(({placeholder:r,children:n,size:l="md",...e},i)=>{const a={size:l,ref:i,...e};return!e.value&&!e.defaultValue&&(a.defaultValue=""),o.createElement(p,{...a},r&&o.createElement("option",{disabled:!0,hidden:!0,value:""},r),n)});t.displayName="Select";export{t as Select};

package/dist/components/slider/Slider.d.ts

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

package/dist/components/stack/Stack.d.ts

@@ -5,7 +5,7 @@ declare const StyledStack: import("@stitches/react/types/styled-component").Styl
     wrap?: "wrap" | "wrap-reverse" | "no-wrap" | undefined;
     justify?: boolean | "center" | "false" | "end" | "start" | undefined;
     align?: boolean | "center" | "false" | "end" | "start" | undefined;
-    gap?: number | boolean | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "false" | undefined;
+    gap?: number | boolean | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "false" | undefined;
 }, {
     sm: string;
     md: string;
@@ -66,6 +66,7 @@ declare const StyledStack: import("@stitches/react/types/styled-component").Styl
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -85,6 +86,7 @@ declare const StyledStack: import("@stitches/react/types/styled-component").Styl
         "7": any;
         "8": any;
         "9": any;
+        "10": any;
     };
     fontSizes: {
         xs: any;

package/dist/components/stack-content/StackContent.d.ts

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

package/dist/components/stack-content/StackContent.js

@@ -1 +1 @@
-import*as t from"react";import{styled as r}from"../../stitches.js";import{StyledDivider as d}from"../divider/Divider.js";import{StyledHeading as e}from"../heading/Heading.js";import{StyledImage as l}from"../image/Image.js";import{StyledList as a}from"../list/List.js";import{StyledText as c}from"../text/Text.js";const n=r("div",{[`& > ${e}`]:{maxWidth:"65ch","&:not(:first-child)":{mt:"$5"},"&:not(:last-child)":{mb:"$5"}},[`& > ${c}`]:{maxWidth:"75ch","&:not(:last-child)":{mb:"$5"}},[`& > ${a}`]:{maxWidth:"75ch","&:not(:last-child)":{mb:"$5"}},[`& > ${d}`]:{my:"$5"},[`& > ${l}`]:{display:"block","&:not(:first-child)":{mt:"$6"},"&:not(:last-child)":{mb:"$6"}}}),o=t.forwardRef((m,i)=>t.createElement(n,{ref:i,...m}));o.displayName="StackContent";export{o as StackContent};
+import*as t from"react";import{styled as r}from"../../stitches.js";import{StyledDivider as d}from"../divider/Divider.js";import{StyledHeading as e}from"../heading/Heading.js";import{StyledImage as l}from"../image/Image.js";import{StyledList as a}from"../list/List.js";import{StyledText as c}from"../text/Text.js";const n=r("div",{[`& > ${e}`]:{maxWidth:"65ch","&:not(:first-child)":{mt:"$6"},"&:not(:last-child)":{mb:"$6"}},[`& > ${c}`]:{maxWidth:"75ch","&:not(:last-child)":{mb:"$6"}},[`& > ${a}`]:{maxWidth:"75ch","&:not(:last-child)":{mb:"$6"}},[`& > ${d}`]:{my:"$6"},[`& > ${l}`]:{display:"block","&:not(:first-child)":{mt:"$7"},"&:not(:last-child)":{mb:"$7"}}}),o=t.forwardRef((m,i)=>t.createElement(n,{ref:i,...m}));o.displayName="StackContent";export{o as StackContent};

package/dist/components/stepper/StepperStepBullet.d.ts

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

package/dist/components/stepper/StepperStepContainer.d.ts

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

package/dist/components/stepper/StepperStepLabel.d.ts

@@ -64,6 +64,7 @@ export declare const StepperStepLabel: import("@stitches/react/types/styled-comp
             warning: any;
             warningMid: any;
             warningDark: any;
+            warningText: any;
             subjectEnglish: any;
             subjectMaths: any;
             subjectScience: any;
@@ -83,6 +84,7 @@ export declare const StepperStepLabel: import("@stitches/react/types/styled-comp
             "7": any;
             "8": any;
             "9": any;
+            "10": any;
         };
         fontSizes: {
             xs: any;
@@ -334,6 +336,7 @@ export declare const StepperStepLabel: import("@stitches/react/types/styled-comp
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;
@@ -353,6 +356,7 @@ export declare const StepperStepLabel: import("@stitches/react/types/styled-comp
         "7": any;
         "8": any;
         "9": any;
+        "10": any;
     };
     fontSizes: {
         xs: any;