@atom-learning/components 1.24.2 → 2.1.0

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;

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

@@ -1 +1 @@
-import{Search as w,Close as z}from"@atom-learning/icons";import*as t from"react";import{ActionIcon as y}from"../action-icon/ActionIcon.js";import{Box as I}from"../box/Box.js";import{Icon as l}from"../icon/Icon.js";import{Input as $}from"../input/Input.js";import{styled as c}from"../../stitches.js";import{useCallbackRef as k}from"../../utilities/hooks/useCallbackRef.js";var H=(e=>(e.SEARCH="SEARCH",e.CLEAR="CLEAR",e))(H||{});const L=c(l,{color:"$tonal300",position:"absolute",pointerEvents:"none",variants:{size:{sm:{top:"$2",right:"$2",size:"$1"},md:{top:10,right:10,size:20}}}}),x=c($,{'&::-webkit-search-decoration, &::-webkit-search-cancel-button, &::-webkit-search-results-button, & input[type="search"]::-webkit-search-results-decoration':{display:"none"}}),p=({size:e="md",css:m,value:n,clearText:u="Clear",onChange:a,...E})=>{const[h,C]=k(),[b,v]=t.useState(n||""),[d,f]=t.useState(n?"CLEAR":"SEARCH"),A=()=>{var r,i;const o=h.current;if(!o)return;const s=(r=Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype,"value"))==null?void 0:r.set;(i=s==null?void 0:s.call)==null||i.call(s,o,"");const R=new Event("input",{bubbles:!0});o.dispatchEvent(R),o.focus()},S=r=>{v(r.target.value),f(r.target.value?"CLEAR":"SEARCH"),a==null||a(r)},g=()=>d==="SEARCH"?t.createElement(L,{is:w,size:e,css:{size:e=="sm"?"$1":20}}):t.createElement(y,{label:u,theme:"neutral",size:e=="sm"?"md":"lg",css:{position:"absolute",top:0,right:0},onClick:A},t.createElement(l,{is:z}));return t.createElement(I,{css:{position:"relative",...m}},t.createElement(x,{ref:C,size:e,type:"search",...E,value:b,onChange:S,css:{pr:e==="sm"?"$5":"$6"}}),g())};p.displayName="SearchInput";export{p as SearchInput};
+import{Search as g,Close as w}from"@atom-learning/icons";import*as t from"react";import{ActionIcon as z}from"../action-icon/ActionIcon.js";import{Box as y}from"../box/Box.js";import{Icon as c}from"../icon/Icon.js";import{Input as I}from"../input/Input.js";import{styled as l}from"../../stitches.js";import{useCallbackRef as k}from"../../utilities/hooks/useCallbackRef.js";var H=(e=>(e.SEARCH="SEARCH",e.CLEAR="CLEAR",e))(H||{});const L=l(c,{color:"$tonal300",position:"absolute",pointerEvents:"none",variants:{size:{sm:{top:"$2",right:"$2",size:"$1"},md:{top:10,right:10,size:20}}}}),x=l(I,{'&::-webkit-search-decoration, &::-webkit-search-cancel-button, &::-webkit-search-results-button, & input[type="search"]::-webkit-search-results-decoration':{display:"none"}}),p=({size:e="md",css:u,value:n,clearText:m="Clear",onChange:a,...E})=>{const[h,C]=k(),[b,v]=t.useState(n||""),[f,d]=t.useState(n?"CLEAR":"SEARCH"),A=()=>{var r,i;const s=h.current;if(!s)return;const o=(r=Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype,"value"))==null?void 0:r.set;(i=o==null?void 0:o.call)==null||i.call(o,s,"");const $=new Event("input",{bubbles:!0});s.dispatchEvent($),s.focus()},R=r=>{v(r.target.value),d(r.target.value?"CLEAR":"SEARCH"),a==null||a(r)},S=()=>f==="SEARCH"?t.createElement(L,{is:g,size:e,css:{size:e=="sm"?"$1":20}}):t.createElement(z,{label:m,theme:"neutral",size:e,css:{position:"absolute",top:"0",right:"$1"},onClick:A},t.createElement(c,{is:w}));return t.createElement(y,{css:{position:"relative",...u}},t.createElement(x,{ref:C,size:e,type:"search",...E,value:b,onChange:R,css:{pr:e==="sm"?"$5":"$6"}}),S())};p.displayName="SearchInput";export{p 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;

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;

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

@@ -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;

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;

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;
@@ -324,6 +325,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;

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;
@@ -326,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;

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;
@@ -334,6 +335,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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;
@@ -331,6 +332,7 @@ declare const StyledTabContent: import("@stitches/react/types/styled-component")
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: 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;

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/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;

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;

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;

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;
@@ -326,6 +327,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;

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;
@@ -325,6 +326,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;

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;

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;
@@ -326,6 +327,7 @@ export declare const ToggleGroup: {
                 warning: any;
                 warningMid: any;
                 warningDark: any;
+                warningText: any;
                 subjectEnglish: any;
                 subjectMaths: any;
                 subjectScience: any;
@@ -595,6 +597,7 @@ export declare const ToggleGroup: {
                 warning: any;
                 warningMid: any;
                 warningDark: any;
+                warningText: any;
                 subjectEnglish: any;
                 subjectMaths: any;
                 subjectScience: any;
@@ -866,6 +869,7 @@ export declare const ToggleGroup: {
                 warning: any;
                 warningMid: any;
                 warningDark: any;
+                warningText: any;
                 subjectEnglish: any;
                 subjectMaths: any;
                 subjectScience: any;
@@ -1136,6 +1140,7 @@ export declare const ToggleGroup: {
                 warning: any;
                 warningMid: any;
                 warningDark: any;
+                warningText: any;
                 subjectEnglish: any;
                 subjectMaths: any;
                 subjectScience: 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;

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;
@@ -332,6 +333,7 @@ export declare const Video: React.ForwardRefExoticComponent<Pick<VideoProps, str
         warning: any;
         warningMid: any;
         warningDark: any;
+        warningText: any;
         subjectEnglish: any;
         subjectMaths: any;
         subjectScience: any;