npm - @atom-learning/components - Versions diffs - 4.0.0-beta.8 → 4.0.0-beta.9 - Mend

@atom-learning/components 4.0.0-beta.8 → 4.0.0-beta.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (247) hide show

package/dist/components/side-bar/SideBarComponents.d.ts CHANGED Viewed

@@ -203,26 +203,11 @@ export declare const SideBarHeader: import("@atom-learning/stitches-react/types/
         marsh1000: any;
         marsh1100: any;
         marsh1200: any;
-        tonal50: any;
-        tonal100: any;
-        tonal200: any;
-        tonal300: any;
-        tonal400: any;
-        tonal500: any;
-        tonal600: any;
         alpha100: any;
         alpha150: any;
         alpha200: any;
         alpha250: any;
         alpha600: any;
-        brandRed: any;
-        brandRedAccent: any;
-        brandGreen: any;
-        brandGreenAccent: any;
-        brandPurple: any;
-        brandPurpleAccent: any;
-        brandYellow: any;
-        brandYellowAccent: any;
         infoLight: any;
         info: any;
         infoMid: any;
@@ -582,26 +567,11 @@ export declare const SideBarBody: import("@atom-learning/stitches-react/types/st
         marsh1000: any;
         marsh1100: any;
         marsh1200: any;
-        tonal50: any;
-        tonal100: any;
-        tonal200: any;
-        tonal300: any;
-        tonal400: any;
-        tonal500: any;
-        tonal600: any;
         alpha100: any;
         alpha150: any;
         alpha200: any;
         alpha250: any;
         alpha600: any;
-        brandRed: any;
-        brandRedAccent: any;
-        brandGreen: any;
-        brandGreenAccent: any;
-        brandPurple: any;
-        brandPurpleAccent: any;
-        brandYellow: any;
-        brandYellowAccent: any;
         infoLight: any;
         info: any;
         infoMid: any;
@@ -961,26 +931,11 @@ export declare const SideBarFooter: import("@atom-learning/stitches-react/types/
         marsh1000: any;
         marsh1100: any;
         marsh1200: any;
-        tonal50: any;
-        tonal100: any;
-        tonal200: any;
-        tonal300: any;
-        tonal400: any;
-        tonal500: any;
-        tonal600: any;
         alpha100: any;
         alpha150: any;
         alpha200: any;
         alpha250: any;
         alpha600: any;
-        brandRed: any;
-        brandRedAccent: any;
-        brandGreen: any;
-        brandGreenAccent: any;
-        brandPurple: any;
-        brandPurpleAccent: any;
-        brandYellow: any;
-        brandYellowAccent: any;
         infoLight: any;
         info: any;
         infoMid: any;
@@ -1340,26 +1295,11 @@ export declare const SideBarBrand: import("@atom-learning/stitches-react/types/s
         marsh1000: any;
         marsh1100: any;
         marsh1200: any;
-        tonal50: any;
-        tonal100: any;
-        tonal200: any;
-        tonal300: any;
-        tonal400: any;
-        tonal500: any;
-        tonal600: any;
         alpha100: any;
         alpha150: any;
         alpha200: any;
         alpha250: any;
         alpha600: any;
-        brandRed: any;
-        brandRedAccent: any;
-        brandGreen: any;
-        brandGreenAccent: any;
-        brandPurple: any;
-        brandPurpleAccent: any;
-        brandYellow: any;
-        brandYellowAccent: any;
         infoLight: any;
         info: any;
         infoMid: any;
@@ -1725,26 +1665,11 @@ export declare const SideBarBrandLogo: {
                 marsh1000: any;
                 marsh1100: any;
                 marsh1200: any;
-                tonal50: any;
-                tonal100: any;
-                tonal200: any;
-                tonal300: any;
-                tonal400: any;
-                tonal500: any;
-                tonal600: any;
                 alpha100: any;
                 alpha150: any;
                 alpha200: any;
                 alpha250: any;
                 alpha600: any;
-                brandRed: any;
-                brandRedAccent: any;
-                brandGreen: any;
-                brandGreenAccent: any;
-                brandPurple: any;
-                brandPurpleAccent: any;
-                brandYellow: any;
-                brandYellowAccent: any;
                 infoLight: any;
                 info: any;
                 infoMid: any;
@@ -1908,7 +1833,7 @@ export declare const SideBarBrandLogo: {
 export declare const SideBarBrandName: import("@atom-learning/stitches-react/types/styled-component").StyledComponent<import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
     ref?: ((instance: HTMLParagraphElement | null) => void) | import("react").RefObject<HTMLParagraphElement> | null | undefined;
 }, "size" | "css" | "weight" | "noCapsize" | "family"> & import("@atom-learning/stitches-react/types/styled-component").TransformProps<{
-    weight?: "bold" | "regular" | undefined;
+    weight?: "normal" | "bold" | undefined;
     family?: "display" | "mono" | "body" | undefined;
     size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
     noCapsize?: boolean | "true" | undefined;
@@ -2117,26 +2042,11 @@ export declare const SideBarBrandName: import("@atom-learning/stitches-react/typ
             marsh1000: any;
             marsh1100: any;
             marsh1200: any;
-            tonal50: any;
-            tonal100: any;
-            tonal200: any;
-            tonal300: any;
-            tonal400: any;
-            tonal500: any;
-            tonal600: any;
             alpha100: any;
             alpha150: any;
             alpha200: any;
             alpha250: any;
             alpha600: any;
-            brandRed: any;
-            brandRedAccent: any;
-            brandGreen: any;
-            brandGreenAccent: any;
-            brandPurple: any;
-            brandPurpleAccent: any;
-            brandYellow: any;
-            brandYellowAccent: any;
             infoLight: any;
             info: any;
             infoMid: any;
@@ -2498,26 +2408,11 @@ export declare const SideBarBrandName: import("@atom-learning/stitches-react/typ
         marsh1000: any;
         marsh1100: any;
         marsh1200: any;
-        tonal50: any;
-        tonal100: any;
-        tonal200: any;
-        tonal300: any;
-        tonal400: any;
-        tonal500: any;
-        tonal600: any;
         alpha100: any;
         alpha150: any;
         alpha200: any;
         alpha250: any;
         alpha600: any;
-        brandRed: any;
-        brandRedAccent: any;
-        brandGreen: any;
-        brandGreenAccent: any;
-        brandPurple: any;
-        brandPurpleAccent: any;
-        brandYellow: any;
-        brandYellowAccent: any;
         infoLight: any;
         info: any;
         infoMid: any;

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

@@ -207,26 +207,11 @@ declare const StyledSlider: import("@atom-learning/stitches-react/types/styled-c
         marsh1000: any;
         marsh1100: any;
         marsh1200: any;
-        tonal50: any;
-        tonal100: any;
-        tonal200: any;
-        tonal300: any;
-        tonal400: any;
-        tonal500: any;
-        tonal600: any;
         alpha100: any;
         alpha150: any;
         alpha200: any;
         alpha250: any;
         alpha600: any;
-        brandRed: any;
-        brandRedAccent: any;
-        brandGreen: any;
-        brandGreenAccent: any;
-        brandPurple: any;
-        brandPurpleAccent: any;
-        brandYellow: any;
-        brandYellowAccent: any;
         infoLight: any;
         info: any;
         infoMid: any;

package/dist/components/slider/Slider.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{Track as $,Root as b,Range as g,Thumb as v}from"@radix-ui/react-slider";import*as e from"react";import{styled as t}from"../../stitches.js";import{CSSWrapper as y}from"../../utilities/css-wrapper/CSSWrapper.js";import"../../utilities/no-overflow-wrapper/NoOverflowWrapper.js";import"color2k";import"../../utilities/style/keyframe-animations.js";import{disabledStyle as a}from"../../utilities/style/disabledStyle.js";import{SliderSteps as S}from"./SliderSteps.js";import{SliderValue as x}from"./SliderValue.js";const o=t($,{borderRadius:"$round",flexGrow:1,position:"relative",'&[data-orientation="horizontal"]':{height:"$space$1"},'&[data-orientation="vertical"]':{width:"$space$1"}}),R=t(b,{alignItems:"center",display:"flex",position:"relative",touchAction:"none",userSelect:"none",cursor:"pointer",'&[data-orientation="horizontal"]':{height:"$1"},'&[data-orientation="vertical"]':{flexDirection:"column",width:"$1"},"&[data-disabled]":a,variants:{theme:{light:{[`${o}`]:{bg:"#fff"}},tonal:{[`${o}`]:{bg:"$tonal200"}}}}}),E=t(g,{bg:"$primary800",borderRadius:"$round",height:"100%",position:"absolute","&[data-disabled]":a}),k=t(v,{bg:"$primary900",borderRadius:"$round",display:"block",size:"$1","&:hover":{bg:"$primary1000"},"&:focus":{outline:"2px solid $primary900",outlineOffset:"2px"},"&[data-disabled]":a}),r=e.forwardRef(({value:l,defaultValue:n,min:d=0,max:m=100,theme:s="tonal",css:p,children:u,...c},f)=>{const i=l||n;return e.createElement(y,{css:p},e.createElement(R,{theme:s,defaultValue:n,value:l,min:d,max:m,ref:f,...c},e.createElement(o,null,e.createElement(E,null)),(i==null?void 0:i.length)&&i.map((w,h)=>e.createElement(k,{key:`thumb${h}`}))),u)});r.Value=x,r.Steps=S,r.displayName="Slider";export{r as Slider};
+import{Track as $,Root as b,Range as g,Thumb as y}from"@radix-ui/react-slider";import*as e from"react";import{styled as t}from"../../stitches.js";import{CSSWrapper as v}from"../../utilities/css-wrapper/CSSWrapper.js";import"../../utilities/no-overflow-wrapper/NoOverflowWrapper.js";import"color2k";import"../../utilities/style/keyframe-animations.js";import{disabledStyle as a}from"../../utilities/style/disabledStyle.js";import{SliderSteps as S}from"./SliderSteps.js";import{SliderValue as x}from"./SliderValue.js";const o=t($,{borderRadius:"$round",flexGrow:1,position:"relative",'&[data-orientation="horizontal"]':{height:"$space$1"},'&[data-orientation="vertical"]':{width:"$space$1"}}),R=t(b,{alignItems:"center",display:"flex",position:"relative",touchAction:"none",userSelect:"none",cursor:"pointer",'&[data-orientation="horizontal"]':{height:"$1"},'&[data-orientation="vertical"]':{flexDirection:"column",width:"$1"},"&[data-disabled]":a,variants:{theme:{light:{[`${o}`]:{bg:"#fff"}},tonal:{[`${o}`]:{bg:"$grey600"}}}}}),E=t(g,{bg:"$primary800",borderRadius:"$round",height:"100%",position:"absolute","&[data-disabled]":a}),k=t(y,{bg:"$primary900",borderRadius:"$round",display:"block",size:"$1","&:hover":{bg:"$primary1000"},"&:focus":{outline:"2px solid $primary900",outlineOffset:"2px"},"&[data-disabled]":a}),r=e.forwardRef(({value:l,defaultValue:n,min:d=0,max:m=100,theme:s="tonal",css:p,children:u,...c},f)=>{const i=l||n;return e.createElement(v,{css:p},e.createElement(R,{theme:s,defaultValue:n,value:l,min:d,max:m,ref:f,...c},e.createElement(o,null,e.createElement(E,null)),(i==null?void 0:i.length)&&i.map((w,h)=>e.createElement(k,{key:`thumb${h}`}))),u)});r.Value=x,r.Steps=S,r.displayName="Slider";export{r as Slider};
 //# sourceMappingURL=Slider.js.map

package/dist/components/slider/Slider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Slider.js","sources":["../../../src/components/slider/Slider.tsx"],"sourcesContent":["import { Range, Root, Thumb, Track } from '@radix-ui/react-slider'\nimport * as React from 'react'\n\nimport { styled } from '~/stitches'\nimport { CSSWrapper, disabledStyle } from '~/utilities'\n\nimport { SliderSteps } from './SliderSteps'\nimport { SliderValue } from './SliderValue'\n\nconst StyledTrack = styled(Track, {\n borderRadius: '$round',\n flexGrow: 1,\n position: 'relative',\n '&[data-orientation=\"horizontal\"]': { height: '$space$1' },\n '&[data-orientation=\"vertical\"]': { width: '$space$1' }\n})\n\nconst StyledSlider = styled(Root, {\n alignItems: 'center',\n display: 'flex',\n position: 'relative',\n touchAction: 'none',\n userSelect: 'none',\n cursor: 'pointer',\n '&[data-orientation=\"horizontal\"]': {\n height: '$1'\n },\n '&[data-orientation=\"vertical\"]': {\n flexDirection: 'column',\n width: '$1'\n },\n '&[data-disabled]': disabledStyle,\n variants: {\n theme: {\n light: {\n [`${StyledTrack}`]: { bg: '#fff' }\n },\n tonal: {\n [`${StyledTrack}`]: { bg: '$~~tonal200~~' }\n }\n }\n }\n})\n\nconst StyledRange = styled(Range, {\n bg: '$primary800',\n borderRadius: '$round',\n height: '100%',\n position: 'absolute',\n '&[data-disabled]': disabledStyle\n})\n\nconst StyledThumb = styled(Thumb, {\n bg: '$primary900',\n borderRadius: '$round',\n display: 'block',\n size: '$1',\n '&:hover': {\n bg: '$primary1000'\n },\n '&:focus': {\n outline: '2px solid $primary900',\n outlineOffset: '2px'\n },\n '&[data-disabled]': disabledStyle\n})\n\nexport type SliderProps = React.ComponentProps<typeof StyledSlider>\n\ntype SliderType = React.ForwardRefExoticComponent<SliderProps> & {\n Value: typeof SliderValue\n Steps: typeof SliderSteps\n}\n\nexport const Slider: SliderType = React.forwardRef(\n (\n {\n value,\n defaultValue,\n min = 0,\n max = 100,\n theme = 'tonal',\n css,\n children,\n ...remainingProps\n },\n ref\n ) => {\n const values = value \|\| defaultValue\n return (\n <CSSWrapper css={css}>\n <StyledSlider\n theme={theme}\n defaultValue={defaultValue}\n value={value}\n min={min}\n max={max}\n ref={ref}\n {...remainingProps}\n >\n <StyledTrack>\n <StyledRange />\n </StyledTrack>\n {values?.length &&\n values.map((_, i) => <StyledThumb key={`thumb${i}`} />)}\n </StyledSlider>\n {children}\n </CSSWrapper>\n )\n }\n) as SliderType\n\nSlider.Value = SliderValue\nSlider.Steps = SliderSteps\n\nSlider.displayName = 'Slider'\n"],"names":["StyledTrack","styled","Track","StyledSlider","Root","disabledStyle","StyledRange","Range","StyledThumb","Thumb","Slider","React","value","defaultValue","min","max","theme","css","children","remainingProps","ref","values","CSSWrapper","_","i","SliderValue","SliderSteps"],"mappings":"ogBASA,MAAMA,EAAcC,EAAOC,EAAO,CAChC,aAAc,SACd,SAAU,EACV,SAAU,WACV,mCAAoC,CAAE,OAAQ,UAAW,EACzD,iCAAkC,CAAE,MAAO,UAAW,CACxD,CAAC,EAEKC,EAAeF,EAAOG,EAAM,CAChC,WAAY,SACZ,QAAS,OACT,SAAU,WACV,YAAa,OACb,WAAY,OACZ,OAAQ,UACR,mCAAoC,CAClC,OAAQ,IACV,EACA,iCAAkC,CAChC,cAAe,SACf,MAAO,IACT,EACA,mBAAoBC,EACpB,SAAU,CACR,MAAO,CACL,MAAO,CACL,CAAC,GAAGL,KAAgB,CAAE,GAAI,MAAO,CACnC,EACA,MAAO,CACL,CAAC,GAAGA,KAAgB,CAAE,GAAI,~~WAAY~~,~~CACxC~~,CACF,CACF,CACF,CAAC,EAEKM,EAAcL,EAAOM,EAAO,CAChC,GAAI,cACJ,aAAc,SACd,OAAQ,OACR,SAAU,WACV,mBAAoBF,CACtB,CAAC,EAEKG,EAAcP,EAAOQ,EAAO,CAChC,GAAI,cACJ,aAAc,SACd,QAAS,QACT,KAAM,KACN,UAAW,CACT,GAAI,cACN,EACA,UAAW,CACT,QAAS,wBACT,cAAe,KACjB,EACA,mBAAoBJ,CACtB,CAAC,EASYK,EAAqBC,EAAM,WACtC,CACE,CACE,MAAAC,EACA,aAAAC,EACA,IAAAC,EAAM,EACN,IAAAC,EAAM,IACN,MAAAC,EAAQ,QACR,IAAAC,EACA,SAAAC,KACGC,CACL,EACAC,IACG,CACH,MAAMC,EAAST,GAASC,EACxB,OACEF,EAAA,cAACW,EAAA,CAAW,IAAKL,CAAAA,EACfN,EAAA,cAACR,EAAA,CACC,MAAOa,EACP,aAAcH,EACd,MAAOD,EACP,IAAKE,EACL,IAAKC,EACL,IAAKK,EACJ,GAAGD,CAAAA,EAEJR,EAAA,cAACX,EAAA,KACCW,EAAA,cAACL,EAAA,IAAY,CACf,GACCe,GAAA,KAAA,OAAAA,EAAQ,SACPA,EAAO,IAAI,CAACE,EAAGC,IAAMb,EAAA,cAACH,EAAA,CAAY,IAAK,QAAQgB,GAAAA,CAAK,CAAE,CAC1D,EACCN,CACH,CAEJ,CACF,EAEAR,EAAO,MAAQe,EACff,EAAO,MAAQgB,EAEfhB,EAAO,YAAc"}
1	+ {"version":3,"file":"Slider.js","sources":["../../../src/components/slider/Slider.tsx"],"sourcesContent":["import { Range, Root, Thumb, Track } from '@radix-ui/react-slider'\nimport * as React from 'react'\n\nimport { styled } from '~/stitches'\nimport { CSSWrapper, disabledStyle } from '~/utilities'\n\nimport { SliderSteps } from './SliderSteps'\nimport { SliderValue } from './SliderValue'\n\nconst StyledTrack = styled(Track, {\n borderRadius: '$round',\n flexGrow: 1,\n position: 'relative',\n '&[data-orientation=\"horizontal\"]': { height: '$space$1' },\n '&[data-orientation=\"vertical\"]': { width: '$space$1' }\n})\n\nconst StyledSlider = styled(Root, {\n alignItems: 'center',\n display: 'flex',\n position: 'relative',\n touchAction: 'none',\n userSelect: 'none',\n cursor: 'pointer',\n '&[data-orientation=\"horizontal\"]': {\n height: '$1'\n },\n '&[data-orientation=\"vertical\"]': {\n flexDirection: 'column',\n width: '$1'\n },\n '&[data-disabled]': disabledStyle,\n variants: {\n theme: {\n light: {\n [`${StyledTrack}`]: { bg: '#fff' }\n },\n tonal: {\n [`${StyledTrack}`]: { bg: '$grey600' }\n }\n }\n }\n})\n\nconst StyledRange = styled(Range, {\n bg: '$primary800',\n borderRadius: '$round',\n height: '100%',\n position: 'absolute',\n '&[data-disabled]': disabledStyle\n})\n\nconst StyledThumb = styled(Thumb, {\n bg: '$primary900',\n borderRadius: '$round',\n display: 'block',\n size: '$1',\n '&:hover': {\n bg: '$primary1000'\n },\n '&:focus': {\n outline: '2px solid $primary900',\n outlineOffset: '2px'\n },\n '&[data-disabled]': disabledStyle\n})\n\nexport type SliderProps = React.ComponentProps<typeof StyledSlider>\n\ntype SliderType = React.ForwardRefExoticComponent<SliderProps> & {\n Value: typeof SliderValue\n Steps: typeof SliderSteps\n}\n\nexport const Slider: SliderType = React.forwardRef(\n (\n {\n value,\n defaultValue,\n min = 0,\n max = 100,\n theme = 'tonal',\n css,\n children,\n ...remainingProps\n },\n ref\n ) => {\n const values = value \|\| defaultValue\n return (\n <CSSWrapper css={css}>\n <StyledSlider\n theme={theme}\n defaultValue={defaultValue}\n value={value}\n min={min}\n max={max}\n ref={ref}\n {...remainingProps}\n >\n <StyledTrack>\n <StyledRange />\n </StyledTrack>\n {values?.length &&\n values.map((_, i) => <StyledThumb key={`thumb${i}`} />)}\n </StyledSlider>\n {children}\n </CSSWrapper>\n )\n }\n) as SliderType\n\nSlider.Value = SliderValue\nSlider.Steps = SliderSteps\n\nSlider.displayName = 'Slider'\n"],"names":["StyledTrack","styled","Track","StyledSlider","Root","disabledStyle","StyledRange","Range","StyledThumb","Thumb","Slider","React","value","defaultValue","min","max","theme","css","children","remainingProps","ref","values","CSSWrapper","_","i","SliderValue","SliderSteps"],"mappings":"ogBASA,MAAMA,EAAcC,EAAOC,EAAO,CAChC,aAAc,SACd,SAAU,EACV,SAAU,WACV,mCAAoC,CAAE,OAAQ,UAAW,EACzD,iCAAkC,CAAE,MAAO,UAAW,CACxD,CAAC,EAEKC,EAAeF,EAAOG,EAAM,CAChC,WAAY,SACZ,QAAS,OACT,SAAU,WACV,YAAa,OACb,WAAY,OACZ,OAAQ,UACR,mCAAoC,CAClC,OAAQ,IACV,EACA,iCAAkC,CAChC,cAAe,SACf,MAAO,IACT,EACA,mBAAoBC,EACpB,SAAU,CACR,MAAO,CACL,MAAO,CACL,CAAC,GAAGL,KAAgB,CAAE,GAAI,MAAO,CACnC,EACA,MAAO,CACL,CAAC,GAAGA,KAAgB,CAAE,GAAI,UAAW,CACvC,CACF,CACF,CACF,CAAC,EAEKM,EAAcL,EAAOM,EAAO,CAChC,GAAI,cACJ,aAAc,SACd,OAAQ,OACR,SAAU,WACV,mBAAoBF,CACtB,CAAC,EAEKG,EAAcP,EAAOQ,EAAO,CAChC,GAAI,cACJ,aAAc,SACd,QAAS,QACT,KAAM,KACN,UAAW,CACT,GAAI,cACN,EACA,UAAW,CACT,QAAS,wBACT,cAAe,KACjB,EACA,mBAAoBJ,CACtB,CAAC,EASYK,EAAqBC,EAAM,WACtC,CACE,CACE,MAAAC,EACA,aAAAC,EACA,IAAAC,EAAM,EACN,IAAAC,EAAM,IACN,MAAAC,EAAQ,QACR,IAAAC,EACA,SAAAC,KACGC,CACL,EACAC,IACG,CACH,MAAMC,EAAST,GAASC,EACxB,OACEF,EAAA,cAACW,EAAA,CAAW,IAAKL,CAAAA,EACfN,EAAA,cAACR,EAAA,CACC,MAAOa,EACP,aAAcH,EACd,MAAOD,EACP,IAAKE,EACL,IAAKC,EACL,IAAKK,EACJ,GAAGD,CAAAA,EAEJR,EAAA,cAACX,EAAA,KACCW,EAAA,cAACL,EAAA,IAAY,CACf,GACCe,GAAA,KAAA,OAAAA,EAAQ,SACPA,EAAO,IAAI,CAACE,EAAGC,IAAMb,EAAA,cAACH,EAAA,CAAY,IAAK,QAAQgB,GAAAA,CAAK,CAAE,CAC1D,EACCN,CACH,CAEJ,CACF,EAEAR,EAAO,MAAQe,EACff,EAAO,MAAQgB,EAEfhB,EAAO,YAAc"}

package/dist/components/slider/SliderSteps.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import*as a from"react";import{styled as n}from"../../stitches.js";import{Text as r}from"../text/Text.js";const i=n("div",{height:"$space$3",mt:"$3",position:"relative",width:"100%"}),s=(l,t,o)=>(l-t)/(o-t)*100,m=(l,t,o)=>{const e=s(l,t,o);return e<=10?0:e>=90?100:50},p=({min:l,max:t,steps:o=[]})=>o.length===0?null:a.createElement(i,null,o.map(e=>a.createElement(r,{as:"span",key:e.value,css:{position:"absolute",color:"$tonal300"},style:{left:`${s(e.value,l,t)}%`,transform:`translateX(-${m(e.value,l,t)}%)`}},e.label)));export{p as SliderSteps};
+import*as s from"react";import{styled as r}from"../../stitches.js";import{Text as i}from"../text/Text.js";const n=r("div",{height:"$space$3",mt:"$3",position:"relative",width:"100%"}),a=(l,e,o)=>(l-e)/(o-e)*100,m=(l,e,o)=>{const t=a(l,e,o);return t<=10?0:t>=90?100:50},p=({min:l,max:e,steps:o=[]})=>o.length===0?null:s.createElement(n,null,o.map(t=>s.createElement(i,{as:"span",key:t.value,css:{position:"absolute",color:"$grey700"},style:{left:`${a(t.value,l,e)}%`,transform:`translateX(-${m(t.value,l,e)}%)`}},t.label)));export{p as SliderSteps};
 //# sourceMappingURL=SliderSteps.js.map

package/dist/components/slider/SliderSteps.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SliderSteps.js","sources":["../../../src/components/slider/SliderSteps.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/stitches'\n\nimport { Text } from '../text'\n\nexport type SliderStepsType = {\n steps?: { label: string; value: number }[]\n}\n\ntype SliderStepsProps = {\n min: number\n max: number\n} & SliderStepsType\n\nconst SliderStepsContainer = styled('div', {\n height: '$space$3',\n mt: '$3',\n position: 'relative',\n width: '100%'\n})\n\nconst getPercentValue = (value: number, min: number, max: number): number => {\n return ((value - min) / (max - min)) * 100\n}\n\nconst getTransformValue = (value: number, min: number, max: number): number => {\n const percentage = getPercentValue(value, min, max)\n\n if (percentage <= 10) return 0\n if (percentage >= 90) return 100\n return 50\n}\n\nexport const SliderSteps = ({ min, max, steps = [] }: SliderStepsProps) => {\n if (steps.length === 0) return null\n\n return (\n <SliderStepsContainer>\n {steps.map((step) => (\n <Text\n as=\"span\"\n key={step.value}\n css={{\n position: 'absolute',\n color: '$~~tonal300~~'\n }}\n style={{\n left: `${getPercentValue(step.value, min, max)}%`,\n transform: `translateX(-${getTransformValue(\n step.value,\n min,\n max\n )}%)`\n }}\n >\n {step.label}\n </Text>\n ))}\n </SliderStepsContainer>\n )\n}\n"],"names":["SliderStepsContainer","styled","getPercentValue","value","min","max","getTransformValue","percentage","SliderSteps","steps","React","step","Text"],"mappings":"0GAeA,MAAMA,EAAuBC,EAAO,MAAO,CACzC,OAAQ,WACR,GAAI,KACJ,SAAU,WACV,MAAO,MACT,CAAC,EAEKC,EAAkB,CAACC,EAAeC,EAAaC,KAC1CF,EAAQC,IAAQC,EAAMD,GAAQ,IAGnCE,EAAoB,CAACH,EAAeC,EAAaC,IAAwB,CAC7E,MAAME,EAAaL,EAAgBC,EAAOC,EAAKC,CAAG,EAElD,OAAIE,GAAc,GAAW,EACzBA,GAAc,GAAW,IACtB,EACT,EAEaC,EAAc,CAAC,CAAE,IAAAJ,EAAK,IAAAC,EAAK,MAAAI,EAAQ,CAAG,CAAA,IAC7CA,EAAM,SAAW,EAAU,KAG7BC,EAAA,cAACV,EAAA,KACES,EAAM,IAAKE,GACVD,EAAA,cAACE,EAAA,CACC,GAAG,OACH,IAAKD,EAAK,MACV,IAAK,CACH,SAAU,WACV,MAAO,~~WACT~~,EACA,MAAO,CACL,KAAM,GAAGT,EAAgBS,EAAK,MAAOP,EAAKC,CAAG,KAC7C,UAAW,eAAeC,EACxBK,EAAK,MACLP,EACAC,CACF,KACF,CAECM,EAAAA,EAAK,KACR,CACD,CACH"}
1	+ {"version":3,"file":"SliderSteps.js","sources":["../../../src/components/slider/SliderSteps.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/stitches'\n\nimport { Text } from '../text'\n\nexport type SliderStepsType = {\n steps?: { label: string; value: number }[]\n}\n\ntype SliderStepsProps = {\n min: number\n max: number\n} & SliderStepsType\n\nconst SliderStepsContainer = styled('div', {\n height: '$space$3',\n mt: '$3',\n position: 'relative',\n width: '100%'\n})\n\nconst getPercentValue = (value: number, min: number, max: number): number => {\n return ((value - min) / (max - min)) * 100\n}\n\nconst getTransformValue = (value: number, min: number, max: number): number => {\n const percentage = getPercentValue(value, min, max)\n\n if (percentage <= 10) return 0\n if (percentage >= 90) return 100\n return 50\n}\n\nexport const SliderSteps = ({ min, max, steps = [] }: SliderStepsProps) => {\n if (steps.length === 0) return null\n\n return (\n <SliderStepsContainer>\n {steps.map((step) => (\n <Text\n as=\"span\"\n key={step.value}\n css={{\n position: 'absolute',\n color: '$grey700'\n }}\n style={{\n left: `${getPercentValue(step.value, min, max)}%`,\n transform: `translateX(-${getTransformValue(\n step.value,\n min,\n max\n )}%)`\n }}\n >\n {step.label}\n </Text>\n ))}\n </SliderStepsContainer>\n )\n}\n"],"names":["SliderStepsContainer","styled","getPercentValue","value","min","max","getTransformValue","percentage","SliderSteps","steps","React","step","Text"],"mappings":"0GAeA,MAAMA,EAAuBC,EAAO,MAAO,CACzC,OAAQ,WACR,GAAI,KACJ,SAAU,WACV,MAAO,MACT,CAAC,EAEKC,EAAkB,CAACC,EAAeC,EAAaC,KAC1CF,EAAQC,IAAQC,EAAMD,GAAQ,IAGnCE,EAAoB,CAACH,EAAeC,EAAaC,IAAwB,CAC7E,MAAME,EAAaL,EAAgBC,EAAOC,EAAKC,CAAG,EAElD,OAAIE,GAAc,GAAW,EACzBA,GAAc,GAAW,IACtB,EACT,EAEaC,EAAc,CAAC,CAAE,IAAAJ,EAAK,IAAAC,EAAK,MAAAI,EAAQ,CAAG,CAAA,IAC7CA,EAAM,SAAW,EAAU,KAG7BC,EAAA,cAACV,EAAA,KACES,EAAM,IAAKE,GACVD,EAAA,cAACE,EAAA,CACC,GAAG,OACH,IAAKD,EAAK,MACV,IAAK,CACH,SAAU,WACV,MAAO,UACT,EACA,MAAO,CACL,KAAM,GAAGT,EAAgBS,EAAK,MAAOP,EAAKC,CAAG,KAC7C,UAAW,eAAeC,EACxBK,EAAK,MACLP,EACAC,CACF,KACF,CAECM,EAAAA,EAAK,KACR,CACD,CACH"}

package/dist/components/slider/SliderValue.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import*as r from"react";import{Text as l}from"../text/Text.js";const a=({value:t=[],outputLabel:e=o=>`Current value is ${o}`})=>r.createElement(l,{css:{mt:"$4",color:"$tonal300",width:"100%"}},e(t.length===1?t[0]:t));export{a as SliderValue};
+import*as o from"react";import{Text as l}from"../text/Text.js";const a=({value:e=[],outputLabel:t=r=>`Current value is ${r}`})=>o.createElement(l,{css:{mt:"$4",color:"$grey700",width:"100%"}},t(e.length===1?e[0]:e));export{a as SliderValue};
 //# sourceMappingURL=SliderValue.js.map

package/dist/components/slider/SliderValue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SliderValue.js","sources":["../../../src/components/slider/SliderValue.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Text } from '../text'\n\nexport type SliderValueType = {\n outputLabel?: (value: number \| number[]) => string\n}\n\ntype SliderValueProps = SliderValueType & {\n value?: number[]\n}\n\nexport const SliderValue = ({\n value = [],\n outputLabel = (value) => `Current value is ${value}`\n}: SliderValueProps) => {\n return (\n <Text css={{ mt: '$4', color: '$~~tonal300~~', width: '100%' }}>\n {outputLabel(value.length === 1 ? value[0] : value)}\n </Text>\n )\n}\n"],"names":["SliderValue","value","outputLabel","React","Text"],"mappings":"qEAYaA,EAAc,CAAC,CAC1B,MAAAC,EAAQ,CAAC,EACT,YAAAC,EAAeD,GAAU,oBAAoBA,GAC/C,IAEIE,EAAA,cAACC,EAAA,CAAK,IAAK,CAAE,GAAI,KAAM,MAAO,~~YAAa~~,MAAO,MAAO,CAAA,~~EACtDF~~,EAAYD,EAAM,SAAW,EAAIA,EAAM,GAAKA,CAAK,CACpD"}
1	+ {"version":3,"file":"SliderValue.js","sources":["../../../src/components/slider/SliderValue.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Text } from '../text'\n\nexport type SliderValueType = {\n outputLabel?: (value: number \| number[]) => string\n}\n\ntype SliderValueProps = SliderValueType & {\n value?: number[]\n}\n\nexport const SliderValue = ({\n value = [],\n outputLabel = (value) => `Current value is ${value}`\n}: SliderValueProps) => {\n return (\n <Text css={{ mt: '$4', color: '$grey700', width: '100%' }}>\n {outputLabel(value.length === 1 ? value[0] : value)}\n </Text>\n )\n}\n"],"names":["SliderValue","value","outputLabel","React","Text"],"mappings":"qEAYaA,EAAc,CAAC,CAC1B,MAAAC,EAAQ,CAAC,EACT,YAAAC,EAAeD,GAAU,oBAAoBA,GAC/C,IAEIE,EAAA,cAACC,EAAA,CAAK,IAAK,CAAE,GAAI,KAAM,MAAO,WAAY,MAAO,MAAO,CAAA,EACrDF,EAAYD,EAAM,SAAW,EAAIA,EAAM,GAAKA,CAAK,CACpD"}

package/dist/components/sortable/Handle.d.ts CHANGED Viewed

@@ -212,26 +212,11 @@ export declare const StyledHandle: import("@atom-learning/stitches-react/types/s
             marsh1000: any;
             marsh1100: any;
             marsh1200: any;
-            tonal50: any;
-            tonal100: any;
-            tonal200: any;
-            tonal300: any;
-            tonal400: any;
-            tonal500: any;
-            tonal600: any;
             alpha100: any;
             alpha150: any;
             alpha200: any;
             alpha250: any;
             alpha600: any;
-            brandRed: any;
-            brandRedAccent: any;
-            brandGreen: any;
-            brandGreenAccent: any;
-            brandPurple: any;
-            brandPurpleAccent: any;
-            brandYellow: any;
-            brandYellowAccent: any;
             infoLight: any;
             info: any;
             infoMid: any;
@@ -610,26 +595,11 @@ export declare const StyledHandle: import("@atom-learning/stitches-react/types/s
         marsh1000: any;
         marsh1100: any;
         marsh1200: any;
-        tonal50: any;
-        tonal100: any;
-        tonal200: any;
-        tonal300: any;
-        tonal400: any;
-        tonal500: any;
-        tonal600: any;
         alpha100: any;
         alpha150: any;
         alpha200: any;
         alpha250: any;
         alpha600: any;
-        brandRed: any;
-        brandRedAccent: any;
-        brandGreen: any;
-        brandGreenAccent: any;
-        brandPurple: any;
-        brandPurpleAccent: any;
-        brandYellow: any;
-        brandYellowAccent: any;
         infoLight: any;
         info: any;
         infoMid: any;

package/dist/components/spacer/Spacer.d.ts CHANGED Viewed

@@ -206,26 +206,11 @@ export declare const Spacer: import("@atom-learning/stitches-react/types/styled-
         marsh1000: any;
         marsh1100: any;
         marsh1200: any;
-        tonal50: any;
-        tonal100: any;
-        tonal200: any;
-        tonal300: any;
-        tonal400: any;
-        tonal500: any;
-        tonal600: any;
         alpha100: any;
         alpha150: any;
         alpha200: any;
         alpha250: any;
         alpha600: any;
-        brandRed: any;
-        brandRedAccent: any;
-        brandGreen: any;
-        brandGreenAccent: any;
-        brandPurple: any;
-        brandPurpleAccent: any;
-        brandYellow: any;
-        brandYellowAccent: any;
         infoLight: any;
         info: any;
         infoMid: any;

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

@@ -204,26 +204,11 @@ declare const StyledStackContent: import("@atom-learning/stitches-react/types/st
         marsh1000: any;
         marsh1100: any;
         marsh1200: any;
-        tonal50: any;
-        tonal100: any;
-        tonal200: any;
-        tonal300: any;
-        tonal400: any;
-        tonal500: any;
-        tonal600: any;
         alpha100: any;
         alpha150: any;
         alpha200: any;
         alpha250: any;
         alpha600: any;
-        brandRed: any;
-        brandRedAccent: any;
-        brandGreen: any;
-        brandGreenAccent: any;
-        brandPurple: any;
-        brandPurpleAccent: any;
-        brandYellow: any;
-        brandYellowAccent: any;
         infoLight: any;
         info: any;
         infoMid: any;

package/dist/components/stepper/Stepper.d.ts CHANGED Viewed

@@ -217,26 +217,11 @@ export declare const Stepper: {
                 marsh1000: any;
                 marsh1100: any;
                 marsh1200: any;
-                tonal50: any;
-                tonal100: any;
-                tonal200: any;
-                tonal300: any;
-                tonal400: any;
-                tonal500: any;
-                tonal600: any;
                 alpha100: any;
                 alpha150: any;
                 alpha200: any;
                 alpha250: any;
                 alpha600: any;
-                brandRed: any;
-                brandRedAccent: any;
-                brandGreen: any;
-                brandGreenAccent: any;
-                brandPurple: any;
-                brandPurpleAccent: any;
-                brandYellow: any;
-                brandYellowAccent: any;
                 infoLight: any;
                 info: any;
                 infoMid: any;
@@ -625,26 +610,11 @@ export declare const Stepper: {
                 marsh1000: any;
                 marsh1100: any;
                 marsh1200: any;
-                tonal50: any;
-                tonal100: any;
-                tonal200: any;
-                tonal300: any;
-                tonal400: any;
-                tonal500: any;
-                tonal600: any;
                 alpha100: any;
                 alpha150: any;
                 alpha200: any;
                 alpha250: any;
                 alpha600: any;
-                brandRed: any;
-                brandRedAccent: any;
-                brandGreen: any;
-                brandGreenAccent: any;
-                brandPurple: any;
-                brandPurpleAccent: any;
-                brandYellow: any;
-                brandYellowAccent: any;
                 infoLight: any;
                 info: any;
                 infoMid: any;

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

@@ -208,26 +208,11 @@ export declare const StepperStepBullet: import("@atom-learning/stitches-react/ty
         marsh1000: any;
         marsh1100: any;
         marsh1200: any;
-        tonal50: any;
-        tonal100: any;
-        tonal200: any;
-        tonal300: any;
-        tonal400: any;
-        tonal500: any;
-        tonal600: any;
         alpha100: any;
         alpha150: any;
         alpha200: any;
         alpha250: any;
         alpha600: any;
-        brandRed: any;
-        brandRedAccent: any;
-        brandGreen: any;
-        brandGreenAccent: any;
-        brandPurple: any;
-        brandPurpleAccent: any;
-        brandYellow: any;
-        brandYellowAccent: any;
         infoLight: any;
         info: any;
         infoMid: any;
@@ -588,26 +573,11 @@ export declare const StepperStepBullet: import("@atom-learning/stitches-react/ty
         marsh1000: any;
         marsh1100: any;
         marsh1200: any;
-        tonal50: any;
-        tonal100: any;
-        tonal200: any;
-        tonal300: any;
-        tonal400: any;
-        tonal500: any;
-        tonal600: any;
         alpha100: any;
         alpha150: any;
         alpha200: any;
         alpha250: any;
         alpha600: any;
-        brandRed: any;
-        brandRedAccent: any;
-        brandGreen: any;
-        brandGreenAccent: any;
-        brandPurple: any;
-        brandPurpleAccent: any;
-        brandYellow: any;
-        brandYellowAccent: any;
         infoLight: any;
         info: any;
         infoMid: any;

package/dist/components/stepper/StepperStepBullet.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{styled as e}from"../../stitches.js";import{Flex as o}from"../flex/Flex.js";const r=e(o,{position:"relative",p:"$2",justifyContent:"center",alignItems:"center",size:"$3",borderRadius:"50%",border:"none",bg:"$tonal100",zIndex:1,flex:"none",variants:{status:{default:{bg:"$tonal100",color:"$tonal300"},active:{bg:"white",color:"$primary900",border:"2px solid",borderColor:"currentColor"},viewed:{bg:"white",border:"2px solid $tonal200",color:"$tonal600"},completed:{bg:"$primary800",color:"white"},reviewed:{bg:"$primary900",color:"white"},success:{bg:"$success",color:"white"}}}});export{r as StepperStepBullet};
+import{styled as e}from"../../stitches.js";import{Flex as r}from"../flex/Flex.js";const o=e(r,{position:"relative",p:"$2",justifyContent:"center",alignItems:"center",size:"$3",borderRadius:"50%",border:"none",bg:"$grey200",zIndex:1,flex:"none",variants:{status:{default:{bg:"$grey200",color:"$grey700"},active:{bg:"white",color:"$primary900",border:"2px solid",borderColor:"currentColor"},viewed:{bg:"white",border:"2px solid $grey600",color:"$grey1000"},completed:{bg:"$primary800",color:"white"},reviewed:{bg:"$primary900",color:"white"},success:{bg:"$success",color:"white"}}}});export{o as StepperStepBullet};
 //# sourceMappingURL=StepperStepBullet.js.map

package/dist/components/stepper/StepperStepBullet.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepperStepBullet.js","sources":["../../../src/components/stepper/StepperStepBullet.tsx"],"sourcesContent":["import { styled } from '~/stitches'\n\nimport { Flex } from '../flex'\n\nexport const StepperStepBullet = styled(Flex, {\n position: 'relative',\n p: '$2',\n justifyContent: 'center',\n alignItems: 'center',\n size: '$3',\n borderRadius: '50%',\n border: 'none',\n bg: '$~~tonal100~~',\n zIndex: 1,\n flex: 'none',\n variants: {\n status: {\n default: { bg: '$~~tonal100~~', color: '$~~tonal300~~' },\n active: {\n bg: 'white',\n color: '$primary900',\n border: '2px solid',\n borderColor: 'currentColor'\n },\n viewed: {\n bg: 'white',\n border: '2px solid $~~tonal200~~',\n color: '$~~tonal600~~'\n },\n completed: { bg: '$primary800', color: 'white' },\n reviewed: { bg: '$primary900', color: 'white' },\n success: { bg: '$success', color: 'white' }\n }\n }\n})\n"],"names":["StepperStepBullet","styled","Flex"],"mappings":"kFAIa,MAAAA,EAAoBC,EAAOC,EAAM,CAC5C,SAAU,WACV,EAAG,KACH,eAAgB,SAChB,WAAY,SACZ,KAAM,KACN,aAAc,MACd,OAAQ,OACR,GAAI,~~YACJ~~,OAAQ,EACR,KAAM,OACN,SAAU,CACR,OAAQ,CACN,QAAS,CAAE,GAAI,~~YAAa~~,MAAO,~~WAAY~~,~~EAC/C~~,OAAQ,CACN,GAAI,QACJ,MAAO,cACP,OAAQ,YACR,YAAa,cACf,EACA,OAAQ,CACN,GAAI,QACJ,OAAQ,~~sBACR~~,MAAO,WACT,EACA,UAAW,CAAE,GAAI,cAAe,MAAO,OAAQ,EAC/C,SAAU,CAAE,GAAI,cAAe,MAAO,OAAQ,EAC9C,QAAS,CAAE,GAAI,WAAY,MAAO,OAAQ,CAC5C,CACF,CACF,CAAC"}
1	+ {"version":3,"file":"StepperStepBullet.js","sources":["../../../src/components/stepper/StepperStepBullet.tsx"],"sourcesContent":["import { styled } from '~/stitches'\n\nimport { Flex } from '../flex'\n\nexport const StepperStepBullet = styled(Flex, {\n position: 'relative',\n p: '$2',\n justifyContent: 'center',\n alignItems: 'center',\n size: '$3',\n borderRadius: '50%',\n border: 'none',\n bg: '$grey200',\n zIndex: 1,\n flex: 'none',\n variants: {\n status: {\n default: { bg: '$grey200', color: '$grey700' },\n active: {\n bg: 'white',\n color: '$primary900',\n border: '2px solid',\n borderColor: 'currentColor'\n },\n viewed: {\n bg: 'white',\n border: '2px solid $grey600',\n color: '$grey1000'\n },\n completed: { bg: '$primary800', color: 'white' },\n reviewed: { bg: '$primary900', color: 'white' },\n success: { bg: '$success', color: 'white' }\n }\n }\n})\n"],"names":["StepperStepBullet","styled","Flex"],"mappings":"kFAIa,MAAAA,EAAoBC,EAAOC,EAAM,CAC5C,SAAU,WACV,EAAG,KACH,eAAgB,SAChB,WAAY,SACZ,KAAM,KACN,aAAc,MACd,OAAQ,OACR,GAAI,WACJ,OAAQ,EACR,KAAM,OACN,SAAU,CACR,OAAQ,CACN,QAAS,CAAE,GAAI,WAAY,MAAO,UAAW,EAC7C,OAAQ,CACN,GAAI,QACJ,MAAO,cACP,OAAQ,YACR,YAAa,cACf,EACA,OAAQ,CACN,GAAI,QACJ,OAAQ,qBACR,MAAO,WACT,EACA,UAAW,CAAE,GAAI,cAAe,MAAO,OAAQ,EAC/C,SAAU,CAAE,GAAI,cAAe,MAAO,OAAQ,EAC9C,QAAS,CAAE,GAAI,WAAY,MAAO,OAAQ,CAC5C,CACF,CACF,CAAC"}

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

@@ -208,26 +208,11 @@ export declare const StepperStepContainer: import("@atom-learning/stitches-react
         marsh1000: any;
         marsh1100: any;
         marsh1200: any;
-        tonal50: any;
-        tonal100: any;
-        tonal200: any;
-        tonal300: any;
-        tonal400: any;
-        tonal500: any;
-        tonal600: any;
         alpha100: any;
         alpha150: any;
         alpha200: any;
         alpha250: any;
         alpha600: any;
-        brandRed: any;
-        brandRedAccent: any;
-        brandGreen: any;
-        brandGreenAccent: any;
-        brandPurple: any;
-        brandPurpleAccent: any;
-        brandYellow: any;
-        brandYellowAccent: any;
         infoLight: any;
         info: any;
         infoMid: any;
@@ -591,26 +576,11 @@ export declare const StepperStepContainer: import("@atom-learning/stitches-react
         marsh1000: any;
         marsh1100: any;
         marsh1200: any;
-        tonal50: any;
-        tonal100: any;
-        tonal200: any;
-        tonal300: any;
-        tonal400: any;
-        tonal500: any;
-        tonal600: any;
         alpha100: any;
         alpha150: any;
         alpha200: any;
         alpha250: any;
         alpha600: any;
-        brandRed: any;
-        brandRedAccent: any;
-        brandGreen: any;
-        brandGreenAccent: any;
-        brandPurple: any;
-        brandPurpleAccent: any;
-        brandYellow: any;
-        brandYellowAccent: any;
         infoLight: any;
         info: any;
         infoMid: any;

package/dist/components/stepper/StepperStepContainer.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{styled as t}from"../../stitches.js";import{Flex as i}from"../flex/Flex.js";const o=t(i,{position:"relative",fontFamily:"$body",fontWeight:600,fontSize:"$md",alignItems:"center","&:not(:last-child)::after":{content:"",position:"absolute"},"&:focus-visible":{outline:"none"},variants:{canInteract:{true:{}},direction:{vertical:{py:"$3",flexDirection:"row","&:not(:last-child)::after":{height:"100%",width:"4px",left:"14px",top:"50%"}},horizontal:{px:"$2",flexDirection:"column","&:not(:last-child)::after":{width:"100%",height:"4px",left:"50%",top:"14px"}}},separator:{default:{"&:not(:last-child)::after":{bg:"$tonal100"}},active:{"&:not(:last-child)::after":{bg:"$primary800"}},success:{"&:not(:last-child)::after":{bg:"$success"}},viewed:{"&:not(:last-child)::after":{bg:"$tonal200"}}},status:{completed:{},active:{},default:{},viewed:{},success:{},reviewed:{}}},compoundVariants:[{canInteract:!0,status:"completed",css:{"&:hover":{"& :first-child":{bg:"$primary900",color:"white !important"},"& :last-child":{color:"$primary900"}},"&:focus-visible":{"& :first-child":{outline:"2px solid $primary800",outlineOffset:"2px"}}}},{canInteract:!0,status:"active",css:{"&:hover":{"& :first-child":{borderColor:"$tonal400",color:"$tonal600"},"& :last-child":{color:"$tonal600"}},"&:focus-visible":{"& :first-child":{outline:"2px solid $primary800",outlineOffset:"2px"}}}},{canInteract:!0,status:"viewed",css:{"&:hover":{"& :first-child":{borderColor:"$tonal400",color:"$tonal600"},"& :last-child":{color:"$tonal600"}},"&:focus-visible":{"& :first-child":{outline:"2px solid $primary800 !important",outlineOffset:"2px !important"}}}},{canInteract:!0,status:"reviewed",css:{"&:focus-visible":{"& :first-child":{outline:"2px solid $primary800 !important",outlineOffset:"2px !important"}}}}]});export{o as StepperStepContainer};
+import{styled as t}from"../../stitches.js";import{Flex as e}from"../flex/Flex.js";const i=t(e,{position:"relative",fontFamily:"$body",fontWeight:600,fontSize:"$md",alignItems:"center","&:not(:last-child)::after":{content:"",position:"absolute"},"&:focus-visible":{outline:"none"},variants:{canInteract:{true:{}},direction:{vertical:{py:"$3",flexDirection:"row","&:not(:last-child)::after":{height:"100%",width:"4px",left:"14px",top:"50%"}},horizontal:{px:"$2",flexDirection:"column","&:not(:last-child)::after":{width:"100%",height:"4px",left:"50%",top:"14px"}}},separator:{default:{"&:not(:last-child)::after":{bg:"$grey200"}},active:{"&:not(:last-child)::after":{bg:"$primary800"}},success:{"&:not(:last-child)::after":{bg:"$success"}},viewed:{"&:not(:last-child)::after":{bg:"$grey600"}}},status:{completed:{},active:{},default:{},viewed:{},success:{},reviewed:{}}},compoundVariants:[{canInteract:!0,status:"completed",css:{"&:hover":{"& :first-child":{bg:"$primary900",color:"white !important"},"& :last-child":{color:"$primary900"}},"&:focus-visible":{"& :first-child":{outline:"2px solid $primary800",outlineOffset:"2px"}}}},{canInteract:!0,status:"active",css:{"&:hover":{"& :first-child":{borderColor:"$grey800",color:"$grey1000"},"& :last-child":{color:"$grey1000"}},"&:focus-visible":{"& :first-child":{outline:"2px solid $primary800",outlineOffset:"2px"}}}},{canInteract:!0,status:"viewed",css:{"&:hover":{"& :first-child":{borderColor:"$grey800",color:"$grey1000"},"& :last-child":{color:"$grey1000"}},"&:focus-visible":{"& :first-child":{outline:"2px solid $primary800 !important",outlineOffset:"2px !important"}}}},{canInteract:!0,status:"reviewed",css:{"&:focus-visible":{"& :first-child":{outline:"2px solid $primary800 !important",outlineOffset:"2px !important"}}}}]});export{i as StepperStepContainer};
 //# sourceMappingURL=StepperStepContainer.js.map

package/dist/components/stepper/StepperStepContainer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepperStepContainer.js","sources":["../../../src/components/stepper/StepperStepContainer.tsx"],"sourcesContent":["import { styled } from '~/stitches'\n\nimport { Flex } from '../flex'\n\nexport const StepperStepContainer = styled(Flex, {\n position: 'relative',\n fontFamily: '$body',\n fontWeight: 600,\n fontSize: '$md',\n alignItems: 'center',\n '&:not(:last-child)::after': {\n content: '',\n position: 'absolute'\n },\n '&:focus-visible': {\n outline: 'none'\n },\n variants: {\n canInteract: { true: {} },\n direction: {\n vertical: {\n py: '$3',\n flexDirection: 'row',\n '&:not(:last-child)::after': {\n height: '100%',\n width: '4px',\n left: '14px',\n top: '50%'\n }\n },\n horizontal: {\n px: '$2',\n flexDirection: 'column',\n '&:not(:last-child)::after': {\n width: '100%',\n height: '4px',\n left: '50%',\n top: '14px'\n }\n }\n },\n separator: {\n default: { '&:not(:last-child)::after': { bg: '$~~tonal100~~' } },\n active: { '&:not(:last-child)::after': { bg: '$primary800' } },\n success: { '&:not(:last-child)::after': { bg: '$success' } },\n viewed: { '&:not(:last-child)::after': { bg: '$~~tonal200~~' } }\n },\n status: {\n completed: {},\n active: {},\n default: {},\n viewed: {},\n success: {},\n reviewed: {}\n }\n },\n compoundVariants: [\n {\n canInteract: true,\n status: 'completed',\n css: {\n '&:hover': {\n '& :first-child': { bg: '$primary900', color: 'white !important' },\n '& :last-child': { color: '$primary900' }\n },\n '&:focus-visible': {\n '& :first-child': {\n outline: '2px solid $primary800',\n outlineOffset: '2px'\n }\n }\n }\n },\n {\n canInteract: true,\n status: 'active',\n css: {\n '&:hover': {\n '& :first-child': { borderColor: '$~~tonal400~~', color: '$~~tonal600~~' },\n '& :last-child': { color: '$~~tonal600~~' }\n },\n '&:focus-visible': {\n '& :first-child': {\n outline: '2px solid $primary800',\n outlineOffset: '2px'\n }\n }\n }\n },\n {\n canInteract: true,\n status: 'viewed',\n css: {\n '&:hover': {\n '& :first-child': { borderColor: '$~~tonal400~~', color: '$~~tonal600~~' },\n '& :last-child': { color: '$~~tonal600~~' }\n },\n '&:focus-visible': {\n '& :first-child': {\n outline: '2px solid $primary800 !important',\n outlineOffset: '2px !important'\n }\n }\n }\n },\n {\n canInteract: true,\n status: 'reviewed',\n css: {\n '&:focus-visible': {\n '& :first-child': {\n outline: '2px solid $primary800 !important',\n outlineOffset: '2px !important'\n }\n }\n }\n }\n ]\n})\n"],"names":["StepperStepContainer","styled","Flex"],"mappings":"kFAIO,MAAMA,EAAuBC,EAAOC,EAAM,CAC/C,SAAU,WACV,WAAY,QACZ,WAAY,IACZ,SAAU,MACV,WAAY,SACZ,4BAA6B,CAC3B,QAAS,GACT,SAAU,UACZ,EACA,kBAAmB,CACjB,QAAS,MACX,EACA,SAAU,CACR,YAAa,CAAE,KAAM,EAAG,EACxB,UAAW,CACT,SAAU,CACR,GAAI,KACJ,cAAe,MACf,4BAA6B,CAC3B,OAAQ,OACR,MAAO,MACP,KAAM,OACN,IAAK,KACP,CACF,EACA,WAAY,CACV,GAAI,KACJ,cAAe,SACf,4BAA6B,CAC3B,MAAO,OACP,OAAQ,MACR,KAAM,MACN,IAAK,MACP,CACF,CACF,EACA,UAAW,CACT,QAAS,CAAE,4BAA6B,CAAE,GAAI,~~WAAY~~,CAAE,~~EAC5D~~,OAAQ,CAAE,4BAA6B,CAAE,GAAI,aAAc,CAAE,EAC7D,QAAS,CAAE,4BAA6B,CAAE,GAAI,UAAW,CAAE,EAC3D,OAAQ,CAAE,4BAA6B,CAAE,GAAI,~~WAAY~~,CAAE,~~CAC7D~~,EACA,OAAQ,CACN,UAAW,GACX,OAAQ,CAAA,EACR,QAAS,CACT,EAAA,OAAQ,CAAA,EACR,QAAS,CAAC,EACV,SAAU,EACZ,CACF,EACA,iBAAkB,CAChB,CACE,YAAa,GACb,OAAQ,YACR,IAAK,CACH,UAAW,CACT,iBAAkB,CAAE,GAAI,cAAe,MAAO,kBAAmB,EACjE,gBAAiB,CAAE,MAAO,aAAc,CAC1C,EACA,kBAAmB,CACjB,iBAAkB,CAChB,QAAS,wBACT,cAAe,KACjB,CACF,CACF,CACF,EACA,CACE,YAAa,GACb,OAAQ,SACR,IAAK,CACH,UAAW,CACT,iBAAkB,CAAE,YAAa,~~YAAa~~,MAAO,WAAY,~~EACjE~~,gBAAiB,CAAE,MAAO,WAAY,CACxC,EACA,kBAAmB,CACjB,iBAAkB,CAChB,QAAS,wBACT,cAAe,KACjB,CACF,CACF,CACF,EACA,CACE,YAAa,GACb,OAAQ,SACR,IAAK,CACH,UAAW,CACT,iBAAkB,CAAE,YAAa,~~YAAa~~,MAAO,WAAY,~~EACjE~~,gBAAiB,CAAE,MAAO,WAAY,CACxC,EACA,kBAAmB,CACjB,iBAAkB,CAChB,QAAS,mCACT,cAAe,gBACjB,CACF,CACF,CACF,EACA,CACE,YAAa,GACb,OAAQ,WACR,IAAK,CACH,kBAAmB,CACjB,iBAAkB,CAChB,QAAS,mCACT,cAAe,gBACjB,CACF,CACF,CACF,CACF,CACF,CAAC"}
1	+ {"version":3,"file":"StepperStepContainer.js","sources":["../../../src/components/stepper/StepperStepContainer.tsx"],"sourcesContent":["import { styled } from '~/stitches'\n\nimport { Flex } from '../flex'\n\nexport const StepperStepContainer = styled(Flex, {\n position: 'relative',\n fontFamily: '$body',\n fontWeight: 600,\n fontSize: '$md',\n alignItems: 'center',\n '&:not(:last-child)::after': {\n content: '',\n position: 'absolute'\n },\n '&:focus-visible': {\n outline: 'none'\n },\n variants: {\n canInteract: { true: {} },\n direction: {\n vertical: {\n py: '$3',\n flexDirection: 'row',\n '&:not(:last-child)::after': {\n height: '100%',\n width: '4px',\n left: '14px',\n top: '50%'\n }\n },\n horizontal: {\n px: '$2',\n flexDirection: 'column',\n '&:not(:last-child)::after': {\n width: '100%',\n height: '4px',\n left: '50%',\n top: '14px'\n }\n }\n },\n separator: {\n default: { '&:not(:last-child)::after': { bg: '$grey200' } },\n active: { '&:not(:last-child)::after': { bg: '$primary800' } },\n success: { '&:not(:last-child)::after': { bg: '$success' } },\n viewed: { '&:not(:last-child)::after': { bg: '$grey600' } }\n },\n status: {\n completed: {},\n active: {},\n default: {},\n viewed: {},\n success: {},\n reviewed: {}\n }\n },\n compoundVariants: [\n {\n canInteract: true,\n status: 'completed',\n css: {\n '&:hover': {\n '& :first-child': { bg: '$primary900', color: 'white !important' },\n '& :last-child': { color: '$primary900' }\n },\n '&:focus-visible': {\n '& :first-child': {\n outline: '2px solid $primary800',\n outlineOffset: '2px'\n }\n }\n }\n },\n {\n canInteract: true,\n status: 'active',\n css: {\n '&:hover': {\n '& :first-child': { borderColor: '$grey800', color: '$grey1000' },\n '& :last-child': { color: '$grey1000' }\n },\n '&:focus-visible': {\n '& :first-child': {\n outline: '2px solid $primary800',\n outlineOffset: '2px'\n }\n }\n }\n },\n {\n canInteract: true,\n status: 'viewed',\n css: {\n '&:hover': {\n '& :first-child': { borderColor: '$grey800', color: '$grey1000' },\n '& :last-child': { color: '$grey1000' }\n },\n '&:focus-visible': {\n '& :first-child': {\n outline: '2px solid $primary800 !important',\n outlineOffset: '2px !important'\n }\n }\n }\n },\n {\n canInteract: true,\n status: 'reviewed',\n css: {\n '&:focus-visible': {\n '& :first-child': {\n outline: '2px solid $primary800 !important',\n outlineOffset: '2px !important'\n }\n }\n }\n }\n ]\n})\n"],"names":["StepperStepContainer","styled","Flex"],"mappings":"kFAIO,MAAMA,EAAuBC,EAAOC,EAAM,CAC/C,SAAU,WACV,WAAY,QACZ,WAAY,IACZ,SAAU,MACV,WAAY,SACZ,4BAA6B,CAC3B,QAAS,GACT,SAAU,UACZ,EACA,kBAAmB,CACjB,QAAS,MACX,EACA,SAAU,CACR,YAAa,CAAE,KAAM,EAAG,EACxB,UAAW,CACT,SAAU,CACR,GAAI,KACJ,cAAe,MACf,4BAA6B,CAC3B,OAAQ,OACR,MAAO,MACP,KAAM,OACN,IAAK,KACP,CACF,EACA,WAAY,CACV,GAAI,KACJ,cAAe,SACf,4BAA6B,CAC3B,MAAO,OACP,OAAQ,MACR,KAAM,MACN,IAAK,MACP,CACF,CACF,EACA,UAAW,CACT,QAAS,CAAE,4BAA6B,CAAE,GAAI,UAAW,CAAE,EAC3D,OAAQ,CAAE,4BAA6B,CAAE,GAAI,aAAc,CAAE,EAC7D,QAAS,CAAE,4BAA6B,CAAE,GAAI,UAAW,CAAE,EAC3D,OAAQ,CAAE,4BAA6B,CAAE,GAAI,UAAW,CAAE,CAC5D,EACA,OAAQ,CACN,UAAW,GACX,OAAQ,CAAA,EACR,QAAS,CACT,EAAA,OAAQ,CAAA,EACR,QAAS,CAAC,EACV,SAAU,EACZ,CACF,EACA,iBAAkB,CAChB,CACE,YAAa,GACb,OAAQ,YACR,IAAK,CACH,UAAW,CACT,iBAAkB,CAAE,GAAI,cAAe,MAAO,kBAAmB,EACjE,gBAAiB,CAAE,MAAO,aAAc,CAC1C,EACA,kBAAmB,CACjB,iBAAkB,CAChB,QAAS,wBACT,cAAe,KACjB,CACF,CACF,CACF,EACA,CACE,YAAa,GACb,OAAQ,SACR,IAAK,CACH,UAAW,CACT,iBAAkB,CAAE,YAAa,WAAY,MAAO,WAAY,EAChE,gBAAiB,CAAE,MAAO,WAAY,CACxC,EACA,kBAAmB,CACjB,iBAAkB,CAChB,QAAS,wBACT,cAAe,KACjB,CACF,CACF,CACF,EACA,CACE,YAAa,GACb,OAAQ,SACR,IAAK,CACH,UAAW,CACT,iBAAkB,CAAE,YAAa,WAAY,MAAO,WAAY,EAChE,gBAAiB,CAAE,MAAO,WAAY,CACxC,EACA,kBAAmB,CACjB,iBAAkB,CAChB,QAAS,mCACT,cAAe,gBACjB,CACF,CACF,CACF,EACA,CACE,YAAa,GACb,OAAQ,WACR,IAAK,CACH,kBAAmB,CACjB,iBAAkB,CAChB,QAAS,mCACT,cAAe,gBACjB,CACF,CACF,CACF,CACF,CACF,CAAC"}