npm - @atom-learning/components - Versions diffs - 5.12.0 → 5.12.1 - Mend

@atom-learning/components 5.12.0 → 5.12.1

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 (240) hide show

package/dist/components/dropdown-menu/DropdownMenuItem.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{Item as e}from"@radix-ui/react-dropdown-menu";import{styled as t}from"../../stitches.js";import"../../utilities/css-wrapper/CSSWrapper.js";import"../../utilities/no-overflow-wrapper/NoOverflowWrapper.js";import"color2k";import"../../utilities/style/keyframe-animations.js";import{disabledStyle as r}from"../../utilities/style/disabledStyle.js";const o={alignItems:"center",color:"$grey1000",cursor:"pointer",display:"flex",fontFamily:"$body",fontWeight:400,position:"relative",px:"$3",py:"$2","&[data-disabled]":{...r,pointerEvents:"none"},'&[aria-current="page"], &:focus':{"&::before":{borderLeft:"2px solid currentColor",content:"",height:"$2",left:0,outline:"none",position:"absolute",transform:"scale(1)"}},"&:focus":{color:"$primary900",outline:"none"},"&:hover":{textDecoration:"underline"}},i=t(e,o);export{i as DropdownMenuItem,o as itemStyles};
+import{Item as e}from"@radix-ui/react-dropdown-menu";import{styled as t}from"../../stitches.js";const o={alignItems:"center",color:"$grey1000",cursor:"pointer",display:"flex",fontFamily:"$body",fontWeight:400,position:"relative",px:"$3",py:"$2","&[data-disabled]":{opacity:.3,cursor:"not-allowed",pointerEvents:"none"},'&[aria-current="page"], &:focus':{"&::before":{borderLeft:"2px solid currentColor",content:"",height:"$2",left:0,outline:"none",position:"absolute",transform:"scale(1)"}},"&:focus":{color:"$primary900",outline:"none"},"&:hover":{textDecoration:"underline"}},r=t(e,o);export{r as DropdownMenuItem,o as itemStyles};
 //# sourceMappingURL=DropdownMenuItem.js.map

package/dist/components/dropdown-menu/DropdownMenuItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DropdownMenuItem.js","sources":["../../../src/components/dropdown-menu/DropdownMenuItem.tsx"],"sourcesContent":["import { Item } from '@radix-ui/react-dropdown-menu'\n\nimport { styled } from '~/stitches'\~~nimport { disabledStyle } from '~/utilities'\~~n\nexport const itemStyles = {\n alignItems: 'center',\n color: '$grey1000',\n cursor: 'pointer',\n display: 'flex',\n fontFamily: '$body',\n fontWeight: 400,\n position: 'relative',\n px: '$3',\n py: '$2',\n '&[data-disabled]': { ~~...disabledStyle,~~ pointerEvents: 'none' },\n '&[aria-current=\"page\"], &:focus': {\n '&::before': {\n borderLeft: '2px solid currentColor',\n content: '',\n height: '$2',\n left: 0,\n outline: 'none',\n position: 'absolute',\n transform: 'scale(1)'\n }\n },\n '&:focus': {\n color: '$primary900',\n outline: 'none'\n },\n '&:hover': { textDecoration: 'underline' }\n}\n\nexport const DropdownMenuItem = styled(Item, itemStyles)\n"],"names":["itemStyles","~~disabledStyle","~~DropdownMenuItem","styled","Item"],"mappings":"~~+VAKO~~,~~MAAMA~~,EAAa,CACxB,WAAY,SACZ,MAAO,YACP,OAAQ,UACR,QAAS,OACT,WAAY,QACZ,WAAY,IACZ,SAAU,WACV,GAAI,KACJ,GAAI,KACJ,mBAAoB,~~CAAE~~,~~GAAGC~~,~~EAAe~~,cAAe,~~MAAO~~,~~EAC9D~~,kCAAmC,CACjC,YAAa,CACX,WAAY,yBACZ,QAAS,GACT,OAAQ,KACR,KAAM,EACN,QAAS,OACT,SAAU,WACV,UAAW,UACb,CACF,EACA,UAAW,CACT,MAAO,cACP,QAAS,MACX,EACA,UAAW,CAAE,eAAgB,WAAY,CAC3C,EAEaC,EAAmBC,EAAOC,~~EAAMJ~~,CAAU"}
1	+ {"version":3,"file":"DropdownMenuItem.js","sources":["../../../src/components/dropdown-menu/DropdownMenuItem.tsx"],"sourcesContent":["import { Item } from '@radix-ui/react-dropdown-menu'\n\nimport { styled } from '~/stitches'\n\nexport const itemStyles = {\n alignItems: 'center',\n color: '$grey1000',\n cursor: 'pointer',\n display: 'flex',\n fontFamily: '$body',\n fontWeight: 400,\n position: 'relative',\n px: '$3',\n py: '$2',\n '&[data-disabled]': {\n opacity: 0.3,\n cursor: 'not-allowed',\n pointerEvents: 'none'\n },\n '&[aria-current=\"page\"], &:focus': {\n '&::before': {\n borderLeft: '2px solid currentColor',\n content: '',\n height: '$2',\n left: 0,\n outline: 'none',\n position: 'absolute',\n transform: 'scale(1)'\n }\n },\n '&:focus': {\n color: '$primary900',\n outline: 'none'\n },\n '&:hover': { textDecoration: 'underline' }\n}\n\nexport const DropdownMenuItem = styled(Item, itemStyles)\n"],"names":["itemStyles","DropdownMenuItem","styled","Item"],"mappings":"gGAIa,MAAAA,EAAa,CACxB,WAAY,SACZ,MAAO,YACP,OAAQ,UACR,QAAS,OACT,WAAY,QACZ,WAAY,IACZ,SAAU,WACV,GAAI,KACJ,GAAI,KACJ,mBAAoB,CAClB,QAAS,GACT,OAAQ,cACR,cAAe,MACjB,EACA,kCAAmC,CACjC,YAAa,CACX,WAAY,yBACZ,QAAS,GACT,OAAQ,KACR,KAAM,EACN,QAAS,OACT,SAAU,WACV,UAAW,UACb,CACF,EACA,UAAW,CACT,MAAO,cACP,QAAS,MACX,EACA,UAAW,CAAE,eAAgB,WAAY,CAC3C,EAEaC,EAAmBC,EAAOC,EAAMH,CAAU"}

package/dist/components/dropdown-menu/DropdownMenuTrigger.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{Trigger as r}from"@radix-ui/react-dropdown-menu";import{styled as o}from"../../stitches.js";import"../../utilities/css-wrapper/CSSWrapper.js";import"../../utilities/no-overflow-wrapper/NoOverflowWrapper.js";import"color2k";import"../../utilities/style/keyframe-animations.js";import{disabledStyle as i}from"../../utilities/style/disabledStyle.js";const t=o(r,{"&[disabled]":i});export{t as DropdownMenuTrigger};
+import{Trigger as o}from"@radix-ui/react-dropdown-menu";import{styled as r}from"../../stitches.js";const e=r(o,{"&[disabled]":{opacity:.3,cursor:"not-allowed"}});export{e as DropdownMenuTrigger};
 //# sourceMappingURL=DropdownMenuTrigger.js.map

package/dist/components/dropdown-menu/DropdownMenuTrigger.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DropdownMenuTrigger.js","sources":["../../../src/components/dropdown-menu/DropdownMenuTrigger.tsx"],"sourcesContent":["import { Trigger } from '@radix-ui/react-dropdown-menu'\n\nimport { styled } from '~/stitches'\~~nimport { disabledStyle } from '~/utilities'\~~n\nexport const DropdownMenuTrigger = styled(Trigger, {\n '&[disabled]': ~~disabledStyle~~\n})\n"],"names":["DropdownMenuTrigger","styled","Trigger"~~,"disabledStyle"~~],"mappings":"~~wWAKaA~~,EAAsBC,EAAOC,EAAS,CACjD,~~cAAeC~~,~~CACjB~~,CAAC"}
1	+ {"version":3,"file":"DropdownMenuTrigger.js","sources":["../../../src/components/dropdown-menu/DropdownMenuTrigger.tsx"],"sourcesContent":["import { Trigger } from '@radix-ui/react-dropdown-menu'\n\nimport { styled } from '~/stitches'\n\nexport const DropdownMenuTrigger = styled(Trigger, {\n '&[disabled]': {\n opacity: 0.3,\n cursor: 'not-allowed'\n }\n})\n"],"names":["DropdownMenuTrigger","styled","Trigger"],"mappings":"mGAIa,MAAAA,EAAsBC,EAAOC,EAAS,CACjD,cAAe,CACb,QAAS,GACT,OAAQ,aACV,CACF,CAAC"}

package/dist/components/empty-state/EmptyState.d.ts CHANGED Viewed

@@ -1,9 +1,9 @@
 import * as React from 'react';
 declare const EmptyStateContainer: import("@atom-learning/stitches-react/types/styled-component").StyledComponent<import("@atom-learning/stitches-react/types/styled-component").StyledComponent<"div", {
-    direction?: "inherit" | "initial" | "revert" | "unset" | "row" | "column" | "column-reverse" | "row-reverse" | "revert-layer" | undefined;
-    wrap?: "inherit" | "initial" | "revert" | "unset" | "wrap" | "nowrap" | "wrap-reverse" | "revert-layer" | undefined;
-    justify?: "left" | "right" | "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start" | "normal" | "revert-layer" | "unsafe" | "safe" | undefined;
-    align?: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "start" | "flex-end" | "flex-start" | "baseline" | "normal" | "self-end" | "self-start" | "revert-layer" | "unsafe" | "safe" | "first baseline" | "last baseline" | undefined;
+    direction?: "inherit" | "initial" | "revert" | "unset" | "row" | "row-reverse" | "column" | "column-reverse" | "revert-layer" | undefined;
+    wrap?: "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "wrap" | "nowrap" | "wrap-reverse" | undefined;
+    justify?: "left" | "right" | "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "normal" | "unsafe" | "safe" | "start" | "end" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
+    align?: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "normal" | "unsafe" | "safe" | "start" | "end" | "flex-start" | "flex-end" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline" | undefined;
     gap?: number | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "24" | undefined;
 }, {
     sm: string;

package/dist/components/field-wrapper/InlineFieldWrapper.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import*as e from"react";import{Box as o}from"../box/Box.js";import{Checkbox as d}from"../checkbox/Checkbox.js";import{InlineMessage as $}from"../inline-message/InlineMessage.js";import{Label as f}from"../label/Label.js";import{RadioButton as u}from"../radio-button/RadioButton.js";import"../radio-button/RadioButtonGroup.js";import{Description as E}from"./FieldDescription.js";const l=({align:n="start",children:a,css:s,description:i,direction:t="row",error:m,label:p,required:c})=>e.createElement(o,{css:s},e.createElement(f,{align:n,direction:t,required:c,type:"inline"},e.Children.map(a,r=>e.createElement(o,{css:{[t==="reverse"?"ml":"mr"]:"$3",...((r==null?void 0:r.type)===d||(r==null?void 0:r.type)===u)&&{transform:"translateY($space$1)"}}},r)),p),m&&e.createElement($,{css:{mt:"$2"}},m),i&&e.createElement(E,{css:{mt:"$2",[t==="reverse"?"mr":"ml"]:"calc($space$3 + $sizes$1)"}},i));l.displayName="InlineFieldWrapper";export{l as InlineFieldWrapper};
+import*as e from"react";import{Box as m}from"../box/Box.js";import{Checkbox as $}from"../checkbox/Checkbox.js";import{InlineMessage as d}from"../inline-message/InlineMessage.js";import{Label as f}from"../label/Label.js";import{RadioButton as u}from"../radio-button/RadioButton.js";import"../radio-button/RadioButtonGroup.js";import{Description as E}from"./FieldDescription.js";const l=({align:n="start",children:a,css:s,description:i,direction:r="row",error:o,label:c,required:p})=>e.createElement(m,{css:s},e.createElement(f,{align:n,direction:r,required:p,type:"inline"},e.Children.map(a,t=>e.createElement(m,{css:{...r==="reverse"&&{ml:"$3"},...r==="row"&&{mr:"$3"},...((t==null?void 0:t.type)===$||(t==null?void 0:t.type)===u)&&{transform:"translateY($space$1)"}}},t)),c),o&&e.createElement(d,{css:{mt:"$2"}},o),i&&e.createElement(E,{css:{mt:"$2",...r==="reverse"&&{mr:"calc($space$3 + $sizes$1)"},...r==="row"&&{ml:"calc($space$3 + $sizes$1)"}}},i));l.displayName="InlineFieldWrapper";export{l as InlineFieldWrapper};
 //# sourceMappingURL=InlineFieldWrapper.js.map

package/dist/components/field-wrapper/InlineFieldWrapper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"InlineFieldWrapper.js","sources":["../../../src/components/field-wrapper/InlineFieldWrapper.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Box } from '~/components/box'\nimport { Checkbox } from '~/components/checkbox'\nimport { InlineMessage } from '~/components/inline-message'\nimport { Label } from '~/components/label'\nimport { RadioButton } from '~/components/radio-button'\nimport type { CSS } from '~/stitches'\n\nimport { Description } from './FieldDescription'\n\ntype InlineFieldWrapperProps = {\n css?: CSS\n error?: string\n label: string\n required?: boolean\n align?: 'start' \| 'center'\n direction?: 'row' \| 'reverse'\n description?: string\n}\n\nexport const InlineFieldWrapper = ({\n align = 'start',\n children,\n css,\n description,\n direction = 'row',\n error,\n label,\n required\n}: React.PropsWithChildren<InlineFieldWrapperProps>) => (\n <Box css={css}>\n <Label\n align={align}\n direction={direction}\n required={required}\n type=\"inline\"\n >\n {React.Children.map(children, (child: any) => (\n <Box\n css={{\n [direction === 'reverse' ? 'ml' : 'mr']: '$3',\n // provide offset for specific child components\n ...((child?.type === Checkbox \|\| child?.type === RadioButton) && {\n transform: 'translateY($space$1)'\n })\n }}\n >\n {child}\n </Box>\n ))}\n {label}\n </Label>\n {error && <InlineMessage css={{ mt: '$2' }}>{error}</InlineMessage>}\n {description && (\n <Description\n css={{\n mt: '$2',\n // calc required to get correct offset value\n [direction === 'reverse' ? 'mr' : 'ml']: 'calc($space$3 + $sizes$1)'\n }}\n >\n {description}\n </Description>\n )}\n </Box>\n)\n\nInlineFieldWrapper.displayName = 'InlineFieldWrapper'\n"],"names":["InlineFieldWrapper","align","children","css","description","direction","error","label","required","React","Box","Label","child","Checkbox","RadioButton","InlineMessage","Description"],"mappings":"~~yXAqBa~~,~~MAAAA~~,EAAqB,CAAC,CACjC,MAAAC,EAAQ,QACR,SAAAC,EACA,IAAAC,EACA,YAAAC,EACA,UAAAC,EAAY,MACZ,MAAAC,EACA,MAAAC,EACA,SAAAC,CACF,IACEC,EAAA,cAACC,EAAA,CAAI,IAAKP,CACRM,EAAAA,EAAA,cAACE,EAAA,CACC,MAAOV,EACP,UAAWI,EACX,SAAUG,EACV,KAAK,QAEJC,EAAAA,EAAM,SAAS,IAAIP,EAAWU,GAC7BH,EAAA,cAACC,EAAA,CACC,IAAK,CACH,~~CAACL~~,IAAc,~~UAAY~~,~~KAAO~~,~~MAAO~~,~~KAEzC~~,KAAKO,GAAA,KAAA,OAAAA,EAAO,QAASC,IAAYD,GAAA,~~YAAAA~~,EAAO,QAASE,IAAgB,CAC/D,UAAW,sBACb,CACF,~~CAAA~~,~~EAECF,~~CACH,CACD,EACAL,CACH,EACCD,GAASG,EAAA,cAACM,EAAA,CAAc,IAAK,CAAE,GAAI,IAAK,~~CAAIT~~,~~EAAAA,~~CAAM,EAClDF,GACCK,EAAA,cAACO,EAAA,CACC,IAAK,CACH,GAAI,KAEJ,~~CAACX~~,IAAc,~~UAAY~~,~~KAAO~~,~~MAAO~~,~~2BAC3C~~,CAECD,EAAAA,CACH,CAEJ,EAGFJ,EAAmB,YAAc"}
1	+ {"version":3,"file":"InlineFieldWrapper.js","sources":["../../../src/components/field-wrapper/InlineFieldWrapper.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Box } from '~/components/box'\nimport { Checkbox } from '~/components/checkbox'\nimport { InlineMessage } from '~/components/inline-message'\nimport { Label } from '~/components/label'\nimport { RadioButton } from '~/components/radio-button'\nimport type { CSS } from '~/stitches'\n\nimport { Description } from './FieldDescription'\n\ntype InlineFieldWrapperProps = {\n css?: CSS\n error?: string\n label: string\n required?: boolean\n align?: 'start' \| 'center'\n direction?: 'row' \| 'reverse'\n description?: string\n}\n\nexport const InlineFieldWrapper = ({\n align = 'start',\n children,\n css,\n description,\n direction = 'row',\n error,\n label,\n required\n}: React.PropsWithChildren<InlineFieldWrapperProps>) => (\n <Box css={css}>\n <Label\n align={align}\n direction={direction}\n required={required}\n type=\"inline\"\n >\n {React.Children.map(children, (child: any) => (\n <Box\n css={{\n ...(direction === 'reverse' && { ml: '$3' }),\n ...(direction === 'row' && { mr: '$3' }),\n // provide offset for specific child components\n ...((child?.type === Checkbox \|\| child?.type === RadioButton) && {\n transform: 'translateY($space$1)'\n })\n }}\n >\n {child}\n </Box>\n ))}\n {label}\n </Label>\n {error && <InlineMessage css={{ mt: '$2' }}>{error}</InlineMessage>}\n {description && (\n <Description\n css={{\n mt: '$2',\n // calc required to get correct offset value\n ...(direction === 'reverse' && {\n mr: 'calc($space$3 + $sizes$1)'\n }),\n ...(direction === 'row' && {\n ml: 'calc($space$3 + $sizes$1)'\n })\n }}\n >\n {description}\n </Description>\n )}\n </Box>\n)\n\nInlineFieldWrapper.displayName = 'InlineFieldWrapper'\n"],"names":["InlineFieldWrapper","align","children","css","description","direction","error","label","required","React","Box","Label","child","Checkbox","RadioButton","InlineMessage","Description"],"mappings":"yXAqBO,MAAMA,EAAqB,CAAC,CACjC,MAAAC,EAAQ,QACR,SAAAC,EACA,IAAAC,EACA,YAAAC,EACA,UAAAC,EAAY,MACZ,MAAAC,EACA,MAAAC,EACA,SAAAC,CACF,IACEC,EAAA,cAACC,EAAA,CAAI,IAAKP,CACRM,EAAAA,EAAA,cAACE,EAAA,CACC,MAAOV,EACP,UAAWI,EACX,SAAUG,EACV,KAAK,QAEJC,EAAAA,EAAM,SAAS,IAAIP,EAAWU,GAC7BH,EAAA,cAACC,EAAA,CACC,IAAK,CACH,GAAIL,IAAc,WAAa,CAAE,GAAI,IAAK,EAC1C,GAAIA,IAAc,OAAS,CAAE,GAAI,IAAK,EAEtC,KAAKO,GAAA,KAAA,OAAAA,EAAO,QAASC,IAAYD,GAAA,KAAA,OAAAA,EAAO,QAASE,IAAgB,CAC/D,UAAW,sBACb,CACF,GAECF,CACH,CACD,EACAL,CACH,EACCD,GAASG,EAAA,cAACM,EAAA,CAAc,IAAK,CAAE,GAAI,IAAK,GAAIT,CAAM,EAClDF,GACCK,EAAA,cAACO,EAAA,CACC,IAAK,CACH,GAAI,KAEJ,GAAIX,IAAc,WAAa,CAC7B,GAAI,2BACN,EACA,GAAIA,IAAc,OAAS,CACzB,GAAI,2BACN,CACF,CAECD,EAAAA,CACH,CAEJ,EAGFJ,EAAmB,YAAc"}

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

@@ -1,8 +1,8 @@
 export declare const Flex: import("@atom-learning/stitches-react/types/styled-component").StyledComponent<"div", {
-    direction?: "inherit" | "initial" | "revert" | "unset" | "row" | "column" | "column-reverse" | "row-reverse" | "revert-layer" | undefined;
-    wrap?: "inherit" | "initial" | "revert" | "unset" | "wrap" | "nowrap" | "wrap-reverse" | "revert-layer" | undefined;
-    justify?: "left" | "right" | "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start" | "normal" | "revert-layer" | "unsafe" | "safe" | undefined;
-    align?: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "start" | "flex-end" | "flex-start" | "baseline" | "normal" | "self-end" | "self-start" | "revert-layer" | "unsafe" | "safe" | "first baseline" | "last baseline" | undefined;
+    direction?: "inherit" | "initial" | "revert" | "unset" | "row" | "row-reverse" | "column" | "column-reverse" | "revert-layer" | undefined;
+    wrap?: "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "wrap" | "nowrap" | "wrap-reverse" | undefined;
+    justify?: "left" | "right" | "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "normal" | "unsafe" | "safe" | "start" | "end" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
+    align?: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "normal" | "unsafe" | "safe" | "start" | "end" | "flex-start" | "flex-end" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline" | undefined;
     gap?: number | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "24" | undefined;
 }, {
     sm: string;

package/dist/components/flex/Flex.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{styled as l}from"../../stitches.js";import{createThemeVariants as o}from"../../utilities/create-theme-variants/createThemeVariants.js";import"../../utilities/css-wrapper/CSSWrapper.js";import"../../utilities/no-overflow-wrapper/NoOverflowWrapper.js";import"color2k";import"../../utilities/style/keyframe-animations.js";const r=(e,n)=>e.reduce((i,a)=>({...i,[a]:n(a)}),{}),t=["inherit","initial","revert","revert-layer","unset"],s=l("div",{display:"flex",variants:{direction:r([...t,"row","row-reverse","column","column-reverse"],e=>({flexDirection:e})),wrap:r([...t,"nowrap","wrap","wrap-reverse"],e=>({flexWrap:e})),justify:r([...t,"normal","unsafe","safe","start","center","end","flex-start","flex-end","left","right","space-between","space-around","space-evenly","stretch"],e=>({justifyContent:e})),align:r([...t,"normal","unsafe","safe","center","start","end","self-start","self-end","flex-start","flex-end","baseline","first baseline","last baseline","stretch"],e=>({alignItems:e})),gap:o("space",{gap:"$key"})}});s.displayName="Flex";export{s as Flex};
+import{styled as t}from"../../stitches.js";const e=t("div",{display:"flex",variants:{direction:{row:{flexDirection:"row"},"row-reverse":{flexDirection:"row-reverse"},column:{flexDirection:"column"},"column-reverse":{flexDirection:"column-reverse"},inherit:{flexDirection:"inherit"},initial:{flexDirection:"initial"},revert:{flexDirection:"revert"},"revert-layer":{flexDirection:"revert-layer"},unset:{flexDirection:"unset"}},wrap:{nowrap:{flexWrap:"nowrap"},wrap:{flexWrap:"wrap"},"wrap-reverse":{flexWrap:"wrap-reverse"},inherit:{flexWrap:"inherit"},initial:{flexWrap:"initial"},revert:{flexWrap:"revert"},"revert-layer":{flexWrap:"revert-layer"},unset:{flexWrap:"unset"}},justify:{normal:{justifyContent:"normal"},unsafe:{justifyContent:"unsafe"},safe:{justifyContent:"safe"},start:{justifyContent:"start"},center:{justifyContent:"center"},end:{justifyContent:"end"},"flex-start":{justifyContent:"flex-start"},"flex-end":{justifyContent:"flex-end"},left:{justifyContent:"left"},right:{justifyContent:"right"},"space-between":{justifyContent:"space-between"},"space-around":{justifyContent:"space-around"},"space-evenly":{justifyContent:"space-evenly"},stretch:{justifyContent:"stretch"},inherit:{justifyContent:"inherit"},initial:{justifyContent:"initial"},revert:{justifyContent:"revert"},"revert-layer":{justifyContent:"revert-layer"},unset:{justifyContent:"unset"}},align:{normal:{alignItems:"normal"},unsafe:{alignItems:"unsafe"},safe:{alignItems:"safe"},center:{alignItems:"center"},start:{alignItems:"start"},end:{alignItems:"end"},"self-start":{alignItems:"self-start"},"self-end":{alignItems:"self-end"},"flex-start":{alignItems:"flex-start"},"flex-end":{alignItems:"flex-end"},baseline:{alignItems:"baseline"},"first baseline":{alignItems:"first baseline"},"last baseline":{alignItems:"last baseline"},stretch:{alignItems:"stretch"},inherit:{alignItems:"inherit"},initial:{alignItems:"initial"},revert:{alignItems:"revert"},"revert-layer":{alignItems:"revert-layer"},unset:{alignItems:"unset"}},gap:{0:{gap:"$space$0"},1:{gap:"$space$1"},2:{gap:"$space$2"},3:{gap:"$space$3"},4:{gap:"$space$4"},24:{gap:"$space$24"},5:{gap:"$space$5"},6:{gap:"$space$6"},7:{gap:"$space$7"},8:{gap:"$space$8"},9:{gap:"$space$9"}}}});e.displayName="Flex";export{e as Flex};
 //# sourceMappingURL=Flex.js.map

package/dist/components/flex/Flex.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Flex.js","sources":["../../../src/components/flex/Flex.tsx"],"sourcesContent":["import { ~~CSS,~~ styled } from '~/stitches'\~~nimport~~ { ~~createThemeVariants~~ } ~~from~~ '~~~/utilities~~'~~\n\nconst~~ ~~createVariants = <T extends GlobalValue[]>(~~\n ~~variants~~: T,\n fn: ~~(string: T[number]) => CSS~~\n) => {\n ~~return~~ ~~variants.reduce(\n (prev, variant) => (~~{ ~~...prev, [variant]~~: ~~fn(variant)~~ }),\n {} as ~~Record<T[number],~~ ~~CSS>\n )\n~~}\n~~\nconst~~ ~~globalValues~~ = ~~[\n~~ '~~inherit~~',\n '~~initial',\n 'revert',\n 'revert~~-~~layer~~'~~,\n 'unset'\n]~~ as ~~const\n\n/\n~~ ~~The following type is partially a hack to get the rest of the createVariants array parameter to be recognised as const.\~~n * ~~Thus~~ ~~giving~~ ~~is the correct types generated for these generated variant props.\~~n * No ~~clue~~ ~~how we can do it cleaner.\~~n * ~~Mad props to~~: ~~Elliot~~ ~~for getting this to working as is.\~~n \n /\n// ~~eslint~~-~~disable-next-line~~ ~~@typescript-eslint/ban-types\ntype~~ ~~GlobalValue~~ = ~~(typeof~~ ~~globalValues)[number] \| (string & {~~})\n~~\nexport~~ ~~const Flex = styled('div',~~ {\n ~~display~~: '~~flex~~',\n ~~variants~~: {~~\n direction~~: ~~createVariants(\n [...globalValues,~~ '~~row~~', '~~row~~-reverse', ~~'column',~~ '~~column~~-reverse'],\n ~~(v)~~ => {\n ~~return~~ { ~~flexDirection~~: v }\n ~~}\n ),\n wrap~~: ~~createVariants(\n [...globalValues,~~ '~~nowrap~~', '~~wrap~~', '~~wrap~~-~~reverse~~'],\n ~~(v)~~ => {~~\n return~~ { flexWrap: v }\n }~~\n )~~,\n // Why is both `start` and `flex-start` valid values? Answer: https://csslayout.news/whats-the-difference-between-the-alignment-values-of-start-flex-start-and-self-start/\n justify: ~~createVariants(~~\n ~~[\n ...globalValues,\n~~ 'normal',\n 'unsafe',\n 'safe',\n 'start',\n 'center',\n 'end',\n 'flex-start',\n 'flex-end',\n 'left',\n 'right',\n 'space-between',\n 'space-around',\n 'space-evenly',\n 'stretch'\n ],\n ~~(v)~~ => {\n ~~return~~ { justifyContent: v }\n }\n ),\n align: ~~createVariants(~~\n ~~[\n ...globalValues,\n~~ 'normal',\n 'unsafe',\n 'safe',\n 'center',\n 'start',\n 'end',\n 'self-start',\n 'self-end',\n 'flex-start',\n 'flex-end',\n 'baseline',\n 'first baseline',\n 'last baseline',\n 'stretch'\n ],\n ~~(v)~~ => {\n ~~return~~ { alignItems: v }\n }\n ),\n gap: ~~createThemeVariants(~~'space', { gap: '$~~key~~' })\n }\n})\n\nFlex.displayName = 'Flex'\n"],"names":["~~createVariants~~","~~variants~~","fn","~~prev"~~,~~"variant"~~,~~"globalValues"~~,~~"Flex"~~,~~"styled"~~,~~"v"~~,~~"createThemeVariants"]~~,~~"mappings":"sUAGA~~,~~MAAMA~~,~~EAAiB~~,~~CACrBC~~,~~EACAC~~,~~IAEOD~~,~~EAAS~~,~~OACd~~,~~CAACE~~,~~EAAMC~~,~~KAAa~~,CAAE,~~GAAGD~~,~~EAAM~~,~~CAACC~~,~~GAAUF~~,~~EAAGE~~,~~CAAO~~,CAAE,~~GACtD~~,~~CAAA~~,~~CACF~~,~~EAGIC~~,~~EAAe~~,~~CACnB~~,~~UACA~~,~~UACA~~,~~SACA~~,~~eACA~~,~~OACF~~,~~EAYaC~~,~~EAAOC~~,~~EAAO~~,MAAO,~~CAChC~~,QAAS,~~OACT~~,SAAU,~~CACR~~,~~UAAWP~~,~~EACT~~,~~CAAC~~,~~GAAGK~~,~~EAAc~~,~~MAAO~~,cAAe,SAAU,~~gBAAgB~~,~~EACjEG~~,~~IACQ~~,CAAE,~~cAAeA~~,CAAE,~~EAE9B~~,~~EACA~~,~~KAAMR~~,~~EACJ~~,~~CAAC~~,~~GAAGK~~,~~EAAc~~,SAAU,OAAQ,~~cAAc~~,~~EACjDG~~,~~IACQ~~,CAAE,~~SAAUA~~,CAAE,~~EAEzB~~,EAEA,~~QAASR~~,~~EACP~~,~~CACE~~,~~GAAGK~~,~~EACH~~,~~SACA~~,~~SACA~~,~~OACA~~,~~QACA~~,~~SACA~~,~~MACA~~,~~aACA~~,~~WACA~~,~~OACA~~,~~QACA~~,~~gBACA~~,~~eACA~~,~~eACA~~,~~SACF~~,~~EACCG~~,~~IACQ~~,CAAE,~~eAAgBA~~,CAAE,~~EAE~~/B,EACA,~~MAAOR~~,~~EACL~~,~~CACE~~,~~GAAGK~~,~~EACH~~,~~SACA~~,~~SACA~~,~~OACA~~,~~SACA~~,~~QACA~~,~~MACA~~,~~aACA~~,~~WACA~~,~~aACA~~,~~WACA~~,~~WACA~~,~~iBACA~~,~~gBACA~~,~~SACF~~,~~EACCG~~,~~IACQ~~,CAAE,~~WAAYA~~,CAAE,~~EAE3B~~,~~EACA~~,~~IAAKC~~,~~EAAoB~~,~~QAAS~~,CAAE,IAAK,~~MAAO~~,~~CAAC~~,~~CACnD~~,CACF,CAAC,~~EAEDH~~,EAAK,YAAc"}
1	+ {"version":3,"file":"Flex.js","sources":["../../../src/components/flex/Flex.tsx"],"sourcesContent":["import { styled } from '~/stitches'\n\nexport const Flex = styled('div', {\n display: 'flex',\n variants: {\n direction: {\n row: { flexDirection: 'row' },\n 'row-reverse': { flexDirection: 'row-reverse' },\n column: { flexDirection: 'column' },\n 'column-reverse': { flexDirection: 'column-reverse' },\n inherit: { flexDirection: 'inherit' },\n initial: { flexDirection: 'initial' },\n revert: { flexDirection: 'revert' },\n 'revert-layer': { flexDirection: 'revert-layer' },\n unset: { flexDirection: 'unset' }\n },\n wrap: {\n nowrap: { flexWrap: 'nowrap' },\n wrap: { flexWrap: 'wrap' },\n 'wrap-reverse': { flexWrap: 'wrap-reverse' },\n inherit: { flexWrap: 'inherit' },\n initial: { flexWrap: 'initial' },\n revert: { flexWrap: 'revert' },\n 'revert-layer': { flexWrap: 'revert-layer' },\n unset: { flexWrap: 'unset' }\n },\n // Why is both `start` and `flex-start` valid values? Answer: https://csslayout.news/whats-the-difference-between-the-alignment-values-of-start-flex-start-and-self-start/\n justify: {\n normal: { justifyContent: 'normal' },\n unsafe: { justifyContent: 'unsafe' },\n safe: { justifyContent: 'safe' },\n start: { justifyContent: 'start' },\n center: { justifyContent: 'center' },\n end: { justifyContent: 'end' },\n 'flex-start': { justifyContent: 'flex-start' },\n 'flex-end': { justifyContent: 'flex-end' },\n left: { justifyContent: 'left' },\n right: { justifyContent: 'right' },\n 'space-between': { justifyContent: 'space-between' },\n 'space-around': { justifyContent: 'space-around' },\n 'space-evenly': { justifyContent: 'space-evenly' },\n stretch: { justifyContent: 'stretch' },\n inherit: { justifyContent: 'inherit' },\n initial: { justifyContent: 'initial' },\n revert: { justifyContent: 'revert' },\n 'revert-layer': { justifyContent: 'revert-layer' },\n unset: { justifyContent: 'unset' }\n },\n\n align: {\n normal: { alignItems: 'normal' },\n unsafe: { alignItems: 'unsafe' },\n safe: { alignItems: 'safe' },\n center: { alignItems: 'center' },\n start: { alignItems: 'start' },\n end: { alignItems: 'end' },\n 'self-start': { alignItems: 'self-start' },\n 'self-end': { alignItems: 'self-end' },\n 'flex-start': { alignItems: 'flex-start' },\n 'flex-end': { alignItems: 'flex-end' },\n baseline: { alignItems: 'baseline' },\n 'first baseline': { alignItems: 'first baseline' },\n 'last baseline': { alignItems: 'last baseline' },\n stretch: { alignItems: 'stretch' },\n inherit: { alignItems: 'inherit' },\n initial: { alignItems: 'initial' },\n revert: { alignItems: 'revert' },\n 'revert-layer': { alignItems: 'revert-layer' },\n unset: { alignItems: 'unset' }\n },\n gap: {\n '0': { gap: '$space$0' },\n '1': { gap: '$space$1' },\n '2': { gap: '$space$2' },\n '3': { gap: '$space$3' },\n '4': { gap: '$space$4' },\n '24': { gap: '$space$24' },\n '5': { gap: '$space$5' },\n '6': { gap: '$space$6' },\n '7': { gap: '$space$7' },\n '8': { gap: '$space$8' },\n '9': { gap: '$space$9' }\n }\n }\n})\n\nFlex.displayName = 'Flex'\n"],"names":["Flex","styled"],"mappings":"iDAEaA,EAAOC,EAAO,MAAO,CAChC,QAAS,OACT,SAAU,CACR,UAAW,CACT,IAAK,CAAE,cAAe,KAAM,EAC5B,cAAe,CAAE,cAAe,aAAc,EAC9C,OAAQ,CAAE,cAAe,QAAS,EAClC,iBAAkB,CAAE,cAAe,gBAAiB,EACpD,QAAS,CAAE,cAAe,SAAU,EACpC,QAAS,CAAE,cAAe,SAAU,EACpC,OAAQ,CAAE,cAAe,QAAS,EAClC,eAAgB,CAAE,cAAe,cAAe,EAChD,MAAO,CAAE,cAAe,OAAQ,CAClC,EACA,KAAM,CACJ,OAAQ,CAAE,SAAU,QAAS,EAC7B,KAAM,CAAE,SAAU,MAAO,EACzB,eAAgB,CAAE,SAAU,cAAe,EAC3C,QAAS,CAAE,SAAU,SAAU,EAC/B,QAAS,CAAE,SAAU,SAAU,EAC/B,OAAQ,CAAE,SAAU,QAAS,EAC7B,eAAgB,CAAE,SAAU,cAAe,EAC3C,MAAO,CAAE,SAAU,OAAQ,CAC7B,EAEA,QAAS,CACP,OAAQ,CAAE,eAAgB,QAAS,EACnC,OAAQ,CAAE,eAAgB,QAAS,EACnC,KAAM,CAAE,eAAgB,MAAO,EAC/B,MAAO,CAAE,eAAgB,OAAQ,EACjC,OAAQ,CAAE,eAAgB,QAAS,EACnC,IAAK,CAAE,eAAgB,KAAM,EAC7B,aAAc,CAAE,eAAgB,YAAa,EAC7C,WAAY,CAAE,eAAgB,UAAW,EACzC,KAAM,CAAE,eAAgB,MAAO,EAC/B,MAAO,CAAE,eAAgB,OAAQ,EACjC,gBAAiB,CAAE,eAAgB,eAAgB,EACnD,eAAgB,CAAE,eAAgB,cAAe,EACjD,eAAgB,CAAE,eAAgB,cAAe,EACjD,QAAS,CAAE,eAAgB,SAAU,EACrC,QAAS,CAAE,eAAgB,SAAU,EACrC,QAAS,CAAE,eAAgB,SAAU,EACrC,OAAQ,CAAE,eAAgB,QAAS,EACnC,eAAgB,CAAE,eAAgB,cAAe,EACjD,MAAO,CAAE,eAAgB,OAAQ,CACnC,EAEA,MAAO,CACL,OAAQ,CAAE,WAAY,QAAS,EAC/B,OAAQ,CAAE,WAAY,QAAS,EAC/B,KAAM,CAAE,WAAY,MAAO,EAC3B,OAAQ,CAAE,WAAY,QAAS,EAC/B,MAAO,CAAE,WAAY,OAAQ,EAC7B,IAAK,CAAE,WAAY,KAAM,EACzB,aAAc,CAAE,WAAY,YAAa,EACzC,WAAY,CAAE,WAAY,UAAW,EACrC,aAAc,CAAE,WAAY,YAAa,EACzC,WAAY,CAAE,WAAY,UAAW,EACrC,SAAU,CAAE,WAAY,UAAW,EACnC,iBAAkB,CAAE,WAAY,gBAAiB,EACjD,gBAAiB,CAAE,WAAY,eAAgB,EAC/C,QAAS,CAAE,WAAY,SAAU,EACjC,QAAS,CAAE,WAAY,SAAU,EACjC,QAAS,CAAE,WAAY,SAAU,EACjC,OAAQ,CAAE,WAAY,QAAS,EAC/B,eAAgB,CAAE,WAAY,cAAe,EAC7C,MAAO,CAAE,WAAY,OAAQ,CAC/B,EACA,IAAK,CACH,EAAK,CAAE,IAAK,UAAW,EACvB,EAAK,CAAE,IAAK,UAAW,EACvB,EAAK,CAAE,IAAK,UAAW,EACvB,EAAK,CAAE,IAAK,UAAW,EACvB,EAAK,CAAE,IAAK,UAAW,EACvB,GAAM,CAAE,IAAK,WAAY,EACzB,EAAK,CAAE,IAAK,UAAW,EACvB,EAAK,CAAE,IAAK,UAAW,EACvB,EAAK,CAAE,IAAK,UAAW,EACvB,EAAK,CAAE,IAAK,UAAW,EACvB,EAAK,CAAE,IAAK,UAAW,CACzB,CACF,CACF,CAAC,EAEDD,EAAK,YAAc"}

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

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import { CSS } from '../../stitches';
 declare const GridContainer: import("@atom-learning/stitches-react/types/styled-component").StyledComponent<"div", {
     gap?: number | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "24" | undefined;
 }, {
@@ -375,11 +374,10 @@ type GridProps = React.ComponentProps<typeof GridContainer> & {
     minItemSize?: string;
     maxItemSize?: string;
 } & {
-    css?: CSS;
     as?: any;
 };
 export declare const Grid: {
-    ({ css, gap, minItemSize, maxItemSize, ...remainingProps }: GridProps): React.JSX.Element;
+    ({ css, style, gap, minItemSize, maxItemSize, ...remainingProps }: GridProps): React.JSX.Element;
     displayName: string;
 };
 export {};

package/dist/components/grid/Grid.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import*as p from"react";import{styled as o}from"../../stitches.js";import{createThemeVariants as s}from"../../utilities/create-theme-variants/createThemeVariants.js";import"../../utilities/css-wrapper/CSSWrapper.js";import"../../utilities/no-overflow-wrapper/NoOverflowWrapper.js";import"color2k";import"../../utilities/style/keyframe-animations.js";const n=o("div",{display:"grid",variants:{gap:s("space",{gap:"$key"})}}),t=({css:i,gap:m=2,minItemSize:e,maxItemSize:a="1fr",...r})=>p.createElement(n,{css:{...e&&{gridTemplateColumns:`repeat(auto-fit, minmax(${e}, ${a}))`},...i},gap:m,...r});t.displayName="Grid";export{t as Grid};
+import*as t from"react";import{styled as c}from"../../stitches.js";const g=c("div",{display:"grid",variants:{gap:{0:{gap:"$space$0"},1:{gap:"$space$1"},2:{gap:"$space$2"},3:{gap:"$space$3"},4:{gap:"$space$4"},24:{gap:"$space$24"},5:{gap:"$space$5"},6:{gap:"$space$6"},7:{gap:"$space$7"},8:{gap:"$space$8"},9:{gap:"$space$9"}}}}),e=({css:p,style:s,gap:i=2,minItemSize:a,maxItemSize:m="1fr",...$})=>t.createElement(g,{style:{...s,"--min-item-size":a,"--max-item-size":m},css:{...a&&{gridTemplateColumns:"repeat(auto-fit, minmax(var(--min-item-size), var(--max-item-size)))"},...p},gap:i,...$});e.displayName="Grid";export{e as Grid};
 //# sourceMappingURL=Grid.js.map

package/dist/components/grid/Grid.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Grid.js","sources":["../../../src/components/grid/Grid.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { ~~CSS,~~ styled } from '~/stitches'\~~nimport { createThemeVariants } from '~/utilities'\~~n\nconst GridContainer = styled('div', {\n display: 'grid',\n variants: {\n gap: ~~createThemeVariants(~~'space', { gap: '$~~key~~' })\n }\n})\n\ntype GridProps = React.ComponentProps<typeof GridContainer> & {\n minItemSize?: string\n maxItemSize?: string\n} & {\n ~~css?: CSS\n~~ as?: any\n} // (!) `css` and `as` are both props that come from `stitches`. It would be better to figure out and export the appropriate type for them in stitches!\n\nexport const Grid = ({\n css,\n gap = 2,\n minItemSize,\n maxItemSize = '1fr',\n ...remainingProps\n}: GridProps) => (\n <GridContainer\n css={{\n ...(minItemSize && {\n gridTemplateColumns: `repeat(auto-fit, minmax(~~${minItemSize}~~, ~~${maxItemSize}~~))`\n }),\n ...(css ~~as any)~~\n }}\n gap={gap}\n {...remainingProps}\n />\n)\n\nGrid.displayName = 'Grid'\n"],"names":["GridContainer","styled","~~createThemeVariants~~","~~Grid~~","~~css~~","gap","minItemSize","maxItemSize","remainingProps","React"],"mappings":"~~8VAKA~~,MAAMA,EAAgBC,EAAO,MAAO,CAClC,QAAS,OACT,SAAU,CACR,~~IAAKC~~,~~EAAoB~~,~~QAAS~~,CAAE,IAAK,~~MAAO~~,~~CAAC~~,~~CACnD~~,CACF,CAAC,~~EAUYC~~,EAAO,CAAC,CACnB,IAAAC,EACA,IAAAC,EAAM,EACN,YAAAC,EACA,YAAAC,EAAc,SACXC,CACL,IACEC,EAAA,cAACT,EAAA,CACC,IAAK,CACH,~~GAAIM~~,GAAe,CACjB,oBAAqB,~~2BAA2BA~~,~~MAAgBC,KAClE,~~EACA,~~GAAIH~~,~~CACN~~,EACA,~~IAAKC~~,EACJ,GAAGG,CACN,~~CAAA~~,~~EAGFL,~~EAAK,YAAc"}
1	+ {"version":3,"file":"Grid.js","sources":["../../../src/components/grid/Grid.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/stitches'\n\nconst GridContainer = styled('div', {\n display: 'grid',\n variants: {\n gap: {\n '0': { gap: '$space$0' },\n '1': { gap: '$space$1' },\n '2': { gap: '$space$2' },\n '3': { gap: '$space$3' },\n '4': { gap: '$space$4' },\n '24': { gap: '$space$24' },\n '5': { gap: '$space$5' },\n '6': { gap: '$space$6' },\n '7': { gap: '$space$7' },\n '8': { gap: '$space$8' },\n '9': { gap: '$space$9' }\n }\n }\n})\n\ntype GridProps = React.ComponentProps<typeof GridContainer> & {\n minItemSize?: string\n maxItemSize?: string\n} & {\n as?: any\n} // (!) `css` and `as` are both props that come from `stitches`. It would be better to figure out and export the appropriate type for them in stitches!\n\nexport const Grid = ({\n css,\n style,\n gap = 2,\n minItemSize,\n maxItemSize = '1fr',\n ...remainingProps\n}: GridProps) => (\n <GridContainer\n style={{\n ...style,\n '--min-item-size': minItemSize,\n '--max-item-size': maxItemSize\n }}\n css={{\n ...(minItemSize && {\n gridTemplateColumns: `repeat(auto-fit, minmax(var(--min-item-size), var(--max-item-size)))`\n }),\n ...css\n }}\n gap={gap}\n {...remainingProps}\n />\n)\n\nGrid.displayName = 'Grid'\n"],"names":["GridContainer","styled","Grid","css","style","gap","minItemSize","maxItemSize","remainingProps","React"],"mappings":"mEAIA,MAAMA,EAAgBC,EAAO,MAAO,CAClC,QAAS,OACT,SAAU,CACR,IAAK,CACH,EAAK,CAAE,IAAK,UAAW,EACvB,EAAK,CAAE,IAAK,UAAW,EACvB,EAAK,CAAE,IAAK,UAAW,EACvB,EAAK,CAAE,IAAK,UAAW,EACvB,EAAK,CAAE,IAAK,UAAW,EACvB,GAAM,CAAE,IAAK,WAAY,EACzB,EAAK,CAAE,IAAK,UAAW,EACvB,EAAK,CAAE,IAAK,UAAW,EACvB,EAAK,CAAE,IAAK,UAAW,EACvB,EAAK,CAAE,IAAK,UAAW,EACvB,EAAK,CAAE,IAAK,UAAW,CACzB,CACF,CACF,CAAC,EASYC,EAAO,CAAC,CACnB,IAAAC,EACA,MAAAC,EACA,IAAAC,EAAM,EACN,YAAAC,EACA,YAAAC,EAAc,SACXC,CACL,IACEC,EAAA,cAACT,EAAA,CACC,MAAO,CACL,GAAGI,EACH,kBAAmBE,EACnB,kBAAmBC,CACrB,EACA,IAAK,CACH,GAAID,GAAe,CACjB,oBAAqB,sEACvB,EACA,GAAGH,CACL,EACA,IAAKE,EACJ,GAAGG,CAAAA,CACN,EAGFN,EAAK,YAAc"}

package/dist/components/heading/Heading.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import*as e from"react";import{styled as f}from"../../stitches.js";import"../../utilities/css-wrapper/CSSWrapper.js";import"../../utilities/no-overflow-wrapper/NoOverflowWrapper.js";import{capsize as i}from"../../utilities/style/capsize.js";import"color2k";import"../../utilities/style/keyframe-animations.js";const t=f("h2",{m:0,variants:{size:{xs:{fontFamily:"$body",fontSize:"$md",lineHeight:1.5,...i(.3864)},sm:{fontFamily:"$body",fontSize:"$lg",lineHeight:1.14,...i(.2078)},md:{fontFamily:"$display",fontSize:"$xl",lineHeight:1.14,letterSpacing:"0.01em",...i(.2114,.2634)},lg:{fontFamily:"$display",fontSize:"$2xl",lineHeight:1.08,letterSpacing:"0.01em",...i(.1405,.2405)},xl:{fontFamily:"$display",fontSize:"$3xl",lineHeight:1.12,...i(.16,.26)},xxl:{fontFamily:"$display",fontSize:"$4xl",lineHeight:1,...i(.1,.2)}},noCapsize:{true:{"&::before, &::after":{display:"none !important"}}},weight:{medium:{fontWeight:500},bold:{fontWeight:700}}}}),o=e.forwardRef(({size:l="md",weight:n="bold",...m},a)=>e.createElement(t,{ref:a,size:l,weight:n,...m}));o.displayName="Heading";export{o as Heading,t as StyledHeading};
+import*as e from"react";import{styled as f}from"../../stitches.js";import"../../utilities/css-wrapper/CSSWrapper.js";import{capsize as i}from"../../utilities/style/capsize.js";import"color2k";import"../../utilities/style/keyframe-animations.js";import"../../utilities/no-overflow-wrapper/NoOverflowWrapper.js";const t=f("h2",{m:0,variants:{size:{xs:{fontFamily:"$body",fontSize:"$md",lineHeight:1.5,...i(.3864)},sm:{fontFamily:"$body",fontSize:"$lg",lineHeight:1.14,...i(.2078)},md:{fontFamily:"$display",fontSize:"$xl",lineHeight:1.14,letterSpacing:"0.01em",...i(.2114,.2634)},lg:{fontFamily:"$display",fontSize:"$2xl",lineHeight:1.08,letterSpacing:"0.01em",...i(.1405,.2405)},xl:{fontFamily:"$display",fontSize:"$3xl",lineHeight:1.12,...i(.16,.26)},xxl:{fontFamily:"$display",fontSize:"$4xl",lineHeight:1,...i(.1,.2)}},noCapsize:{true:{"&::before, &::after":{display:"none !important"}}},weight:{medium:{fontWeight:500},bold:{fontWeight:700}}}}),o=e.forwardRef(({size:l="md",weight:n="bold",...m},a)=>e.createElement(t,{ref:a,size:l,weight:n,...m}));o.displayName="Heading";export{o as Heading,t as StyledHeading};
 //# sourceMappingURL=Heading.js.map

package/dist/components/icon/Icon.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import*as e from"react";import{styled as n}from"../../stitches.js";const i=n("svg",{display:"inline-block",fill:"none",flexShrink:0,stroke:"currentcolor",strokeLinecap:"round",strokeLinejoin:"round",verticalAlign:"middle",variants:{size:{sm:{size:"$1",strokeWidth:"1.5"},md:{size:"$2",strokeWidth:"1.75"},lg:{size:"$3",strokeWidth:"2"}}}}),d=e.forwardRef(({is:r,size:o="md",...s},t)=>e.createElement(i,{size:o,"aria-hidden":"true",...s,as:r,ref:t}));export{d as Icon,i as StyledIcon};
+import*as e from"react";import{styled as n}from"../../stitches.js";const i=n("svg",{display:"inline-block",fill:"none",flexShrink:0,stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",verticalAlign:"middle",variants:{size:{sm:{size:"$1",strokeWidth:"1.5"},md:{size:"$2",strokeWidth:"1.75"},lg:{size:"$3",strokeWidth:"2"}}}}),d=e.forwardRef(({is:r,size:o="md",...s},t)=>e.createElement(i,{size:o,"aria-hidden":"true",...s,as:r,ref:t}));export{d as Icon,i as StyledIcon};
 //# sourceMappingURL=Icon.js.map

package/dist/components/icon/Icon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Icon.js","sources":["../../../src/components/icon/Icon.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/stitches'\nimport { Override } from '~/utilities/types'\n\nexport const StyledIcon = styled('svg', {\n display: 'inline-block',\n fill: 'none',\n flexShrink: 0,\n stroke: '~~currentcolor~~',\n strokeLinecap: 'round',\n strokeLinejoin: 'round',\n verticalAlign: 'middle',\n variants: {\n size: {\n sm: { size: '$1', strokeWidth: '1.5' },\n md: { size: '$2', strokeWidth: '1.75' },\n lg: { size: '$3', strokeWidth: '2' }\n }\n }\n})\n\ntype IconProps = Override<\n React.ComponentProps<typeof StyledIcon>,\n {\n is: React.FC<React.SVGProps<SVGSVGElement>>\n as?: never\n }\n>\n\nexport const Icon: React.ForwardRefExoticComponent<IconProps> =\n React.forwardRef(({ is: SVG, size = 'md', ...remainingProps }, ref) => (\n <StyledIcon\n size={size}\n aria-hidden=\"true\"\n {...remainingProps}\n as={SVG}\n ref={ref}\n />\n ))\n"],"names":["StyledIcon","styled","Icon","React","SVG","size","remainingProps","ref"],"mappings":"mEAKa,MAAAA,EAAaC,EAAO,MAAO,CACtC,QAAS,eACT,KAAM,OACN,WAAY,EACZ,OAAQ,eACR,cAAe,QACf,eAAgB,QAChB,cAAe,SACf,SAAU,CACR,KAAM,CACJ,GAAI,CAAE,KAAM,KAAM,YAAa,KAAM,EACrC,GAAI,CAAE,KAAM,KAAM,YAAa,MAAO,EACtC,GAAI,CAAE,KAAM,KAAM,YAAa,GAAI,CACrC,CACF,CACF,CAAC,EAUYC,EACXC,EAAM,WAAW,CAAC,CAAE,GAAIC,EAAK,KAAAC,EAAO,QAASC,CAAe,EAAGC,IAC7DJ,EAAA,cAACH,EACC,CAAA,KAAMK,EACN,cAAY,OACX,GAAGC,EACJ,GAAIF,EACJ,IAAKG,EACP,CACD"}
1	+ {"version":3,"file":"Icon.js","sources":["../../../src/components/icon/Icon.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/stitches'\nimport { Override } from '~/utilities/types'\n\nexport const StyledIcon = styled('svg', {\n display: 'inline-block',\n fill: 'none',\n flexShrink: 0,\n stroke: 'currentColor',\n strokeLinecap: 'round',\n strokeLinejoin: 'round',\n verticalAlign: 'middle',\n variants: {\n size: {\n sm: { size: '$1', strokeWidth: '1.5' },\n md: { size: '$2', strokeWidth: '1.75' },\n lg: { size: '$3', strokeWidth: '2' }\n }\n }\n})\n\ntype IconProps = Override<\n React.ComponentProps<typeof StyledIcon>,\n {\n is: React.FC<React.SVGProps<SVGSVGElement>>\n as?: never\n }\n>\n\nexport const Icon: React.ForwardRefExoticComponent<IconProps> =\n React.forwardRef(({ is: SVG, size = 'md', ...remainingProps }, ref) => (\n <StyledIcon\n size={size}\n aria-hidden=\"true\"\n {...remainingProps}\n as={SVG}\n ref={ref}\n />\n ))\n"],"names":["StyledIcon","styled","Icon","React","SVG","size","remainingProps","ref"],"mappings":"mEAKa,MAAAA,EAAaC,EAAO,MAAO,CACtC,QAAS,eACT,KAAM,OACN,WAAY,EACZ,OAAQ,eACR,cAAe,QACf,eAAgB,QAChB,cAAe,SACf,SAAU,CACR,KAAM,CACJ,GAAI,CAAE,KAAM,KAAM,YAAa,KAAM,EACrC,GAAI,CAAE,KAAM,KAAM,YAAa,MAAO,EACtC,GAAI,CAAE,KAAM,KAAM,YAAa,GAAI,CACrC,CACF,CACF,CAAC,EAUYC,EACXC,EAAM,WAAW,CAAC,CAAE,GAAIC,EAAK,KAAAC,EAAO,QAASC,CAAe,EAAGC,IAC7DJ,EAAA,cAACH,EACC,CAAA,KAAMK,EACN,cAAY,OACX,GAAGC,EACJ,GAAIF,EACJ,IAAKG,EACP,CACD"}

package/dist/components/inline-message/InlineMessage.config.d.ts CHANGED Viewed

@@ -1,5 +1,3 @@
 import * as React from 'react';
-import type { CSS } from '../../stitches';
 import { InlineMessageTheme } from './InlineMessage.types';
-export declare const INLINE_MESSAGE_THEMES: Record<InlineMessageTheme, CSS>;
 export declare const INLINE_MESSAGE_ICONS: Record<InlineMessageTheme, React.FC<React.SVGProps<SVGSVGElement>>>;

package/dist/components/inline-message/InlineMessage.config.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{OkCircle as o,Danger as n,Info as r,Error as c}from"@atom-learning/icons";const e={success:{color:"$success"},warning:{color:"$warningText","& svg":{color:"$warningDark"}},info:{color:"$info"},neutral:{color:"$grey800"},error:{color:"$danger"}},s={success:o,warning:n,info:r,neutral:r,error:c};export{s as INLINE_MESSAGE_ICONS,e as INLINE_MESSAGE_THEMES};
+import{OkCircle as o,Danger as n,Info as r,Error as e}from"@atom-learning/icons";const c={success:o,warning:n,info:r,neutral:r,error:e};export{c as INLINE_MESSAGE_ICONS};
 //# sourceMappingURL=InlineMessage.config.js.map

package/dist/components/inline-message/InlineMessage.config.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"InlineMessage.config.js","sources":["../../../src/components/inline-message/InlineMessage.config.ts"],"sourcesContent":["import { Danger, Error, Info, OkCircle } from '@atom-learning/icons'\nimport * as React from 'react'\n\nimport ~~type~~ { ~~CSS } from '~/stitches'\n\nimport {~~ InlineMessageTheme } from './InlineMessage.types'\n\nexport const INLINE_MESSAGE_THEMES: Record<InlineMessageTheme, CSS> = {\n success: { color: '$success' },\n warning: { color: '$warningText', '& svg': { color: '$warningDark' } },\n info: { color: '$info' },\n neutral: { color: '$grey800' },\n error: { color: '$danger' }\n}\n\nexport const INLINE_MESSAGE_ICONS: Record<\n InlineMessageTheme,\n React.FC<React.SVGProps<SVGSVGElement>>\n> = {\n success: OkCircle,\n warning: Danger,\n info: Info,\n neutral: Info,\n error: Error\n}\n"],"names":["~~INLINE_MESSAGE_THEMES","~~INLINE_MESSAGE_ICONS","OkCircle","Danger","Info","Error"],"mappings":"~~iFAOO~~,MAAMA,~~EAAyD,CACpE,QAAS,CAAE,MAAO,UAAW,EAC7B,QAAS,CAAE,MAAO,eAAgB,QAAS,CAAE,MAAO,cAAe,CAAE,EACrE,KAAM,CAAE,MAAO,OAAQ,EACvB,QAAS,CAAE,MAAO,UAAW,EAC7B,MAAO,CAAE,MAAO,SAAU,CAC5B,EAEaC,~~EAGT,CACF,QAASC,EACT,QAASC,EACT,KAAMC,EACN,QAASA,EACT,MAAOC,CACT"}
1	+ {"version":3,"file":"InlineMessage.config.js","sources":["../../../src/components/inline-message/InlineMessage.config.ts"],"sourcesContent":["import { Danger, Error, Info, OkCircle } from '@atom-learning/icons'\nimport * as React from 'react'\n\nimport { InlineMessageTheme } from './InlineMessage.types'\n\nexport const INLINE_MESSAGE_ICONS: Record<\n InlineMessageTheme,\n React.FC<React.SVGProps<SVGSVGElement>>\n> = {\n success: OkCircle,\n warning: Danger,\n info: Info,\n neutral: Info,\n error: Error\n}\n"],"names":["INLINE_MESSAGE_ICONS","OkCircle","Danger","Info","Error"],"mappings":"iFAKO,MAAMA,EAGT,CACF,QAASC,EACT,QAASC,EACT,KAAMC,EACN,QAASA,EACT,MAAOC,CACT"}

package/dist/components/inline-message/InlineMessage.d.ts CHANGED Viewed

@@ -1,10 +1,9 @@
 import * as React from 'react';
-import { InlineMessageTheme } from './InlineMessage.types';
 declare const InlineMessageContainer: import("@atom-learning/stitches-react/types/styled-component").StyledComponent<import("@atom-learning/stitches-react/types/styled-component").StyledComponent<"div", {
-    direction?: "inherit" | "initial" | "revert" | "unset" | "row" | "column" | "column-reverse" | "row-reverse" | "revert-layer" | undefined;
-    wrap?: "inherit" | "initial" | "revert" | "unset" | "wrap" | "nowrap" | "wrap-reverse" | "revert-layer" | undefined;
-    justify?: "left" | "right" | "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start" | "normal" | "revert-layer" | "unsafe" | "safe" | undefined;
-    align?: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "start" | "flex-end" | "flex-start" | "baseline" | "normal" | "self-end" | "self-start" | "revert-layer" | "unsafe" | "safe" | "first baseline" | "last baseline" | undefined;
+    direction?: "inherit" | "initial" | "revert" | "unset" | "row" | "row-reverse" | "column" | "column-reverse" | "revert-layer" | undefined;
+    wrap?: "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "wrap" | "nowrap" | "wrap-reverse" | undefined;
+    justify?: "left" | "right" | "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "normal" | "unsafe" | "safe" | "start" | "end" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
+    align?: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "normal" | "unsafe" | "safe" | "start" | "end" | "flex-start" | "flex-end" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline" | undefined;
     gap?: number | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "24" | undefined;
 }, {
     sm: string;
@@ -375,7 +374,7 @@ declare const InlineMessageContainer: import("@atom-learning/stitches-react/type
         marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
     };
 }>>, {
-    theme?: InlineMessageTheme | undefined;
+    theme?: "info" | "success" | "warning" | "error" | "neutral" | undefined;
 }, {
     sm: string;
     md: string;

package/dist/components/inline-message/InlineMessage.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import*as e from"react";import{Flex as a}from"../flex/Flex.js";import{Icon as c}from"../icon/Icon.js";import{Text as i}from"../text/Text.js";import{styled as E}from"../../stitches.js";import{INLINE_MESSAGE_THEMES as p,INLINE_MESSAGE_ICONS as f}from"./InlineMessage.config.js";const l=E(a,{variants:{theme:p}}),I=({css:r,showIcon:t=!0,theme:s="error",size:m="sm",children:o,...n})=>e.createElement(l,{theme:s,css:r,...n},t&&e.createElement(c,{css:{mr:"$2"},size:"sm",is:f[s]}),e.createElement(i,{as:"span",size:m,css:{transform:"translateY($space$0)"}},o));export{I as InlineMessage};
+import*as r from"react";import{Flex as m}from"../flex/Flex.js";import{Icon as a}from"../icon/Icon.js";import{Text as i}from"../text/Text.js";import{styled as l}from"../../stitches.js";import{INLINE_MESSAGE_ICONS as f}from"./InlineMessage.config.js";const p=l(m,{variants:{theme:{success:{color:"$success"},warning:{color:"$warningText","& svg":{color:"$warningDark"}},info:{color:"$info"},neutral:{color:"$grey800"},error:{color:"$danger"}}}}),$=({css:o,showIcon:s=!0,theme:e="error",size:t="sm",children:n,...c})=>r.createElement(p,{theme:e,css:o,...c},s&&r.createElement(a,{css:{mr:"$2"},size:"sm",is:f[e]}),r.createElement(i,{as:"span",size:t,css:{transform:"translateY($space$0)"}},n));export{$ as InlineMessage};
 //# sourceMappingURL=InlineMessage.js.map

package/dist/components/inline-message/InlineMessage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"InlineMessage.js","sources":["../../../src/components/inline-message/InlineMessage.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Flex } from '~/components/flex'\nimport { Icon } from '~/components/icon'\nimport { Text } from '~/components/text'\nimport { styled } from '~/stitches'\n\nimport {\n INLINE_MESSAGE_ICONS~~,\n INLINE_MESSAGE_THEMES\n~~} from './InlineMessage.config'\nimport { InlineMessageTheme } from './InlineMessage.types'\n\nconst InlineMessageContainer = styled(Flex, {\n variants: {\n theme: ~~INLINE_MESSAGE_THEMES~~\n }\n})\n\ntype TInlineMessageProps = React.ComponentProps<\n typeof InlineMessageContainer\n> & {\n showIcon?: boolean\n size?: 'xs' \| 'sm' \| 'md'\n}\n\nexport const InlineMessage = ({\n css,\n showIcon = true,\n theme = 'error',\n size = 'sm',\n children,\n ...rest\n}: TInlineMessageProps) => (\n <InlineMessageContainer theme={theme} css={css} {...rest}>\n {showIcon && (\n <Icon\n css={{ mr: '$2' }}\n size=\"sm\"\n is={INLINE_MESSAGE_ICONS[theme as InlineMessageTheme]}\n />\n )}\n <Text as=\"span\" size={size} css={{ transform: 'translateY($space$0)' }}>\n {children}\n </Text>\n </InlineMessageContainer>\n)\n"],"names":["InlineMessageContainer","styled","Flex","~~INLINE_MESSAGE_THEMES","~~InlineMessage","css","showIcon","theme","size","children","rest","React","Icon","INLINE_MESSAGE_ICONS","Text"],"mappings":"~~oRAaA~~,MAAMA,EAAyBC,EAAOC,EAAM,CAC1C,SAAU,CACR,~~MAAOC~~,~~CACT~~,CACF,CAAC,EASYC,EAAgB,CAAC,CAC5B,IAAAC,EACA,SAAAC,EAAW,GACX,MAAAC,EAAQ,QACR,KAAAC,EAAO,KACP,SAAAC,KACGC,CACL,IACEC,EAAA,~~cAACX~~,EAAA,CAAuB,~~MAAOO~~,EAAO,IAAKF,EAAM,GAAGK,CAAAA,EACjDJ,GACCK,EAAA,cAACC,EAAA,CACC,IAAK,CAAE,GAAI,IAAK,EAChB,KAAK,KACL,GAAIC,EAAqBN,EAC3B,CAAA,EAEFI,EAAA,cAACG,EAAA,CAAK,GAAG,OAAO,KAAMN,EAAM,IAAK,CAAE,UAAW,sBAAuB,CAClEC,EAAAA,CACH,CACF"}
1	+ {"version":3,"file":"InlineMessage.js","sources":["../../../src/components/inline-message/InlineMessage.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Flex } from '~/components/flex'\nimport { Icon } from '~/components/icon'\nimport { Text } from '~/components/text'\nimport { styled } from '~/stitches'\n\nimport { INLINE_MESSAGE_ICONS } from './InlineMessage.config'\nimport { InlineMessageTheme } from './InlineMessage.types'\n\nconst InlineMessageContainer = styled(Flex, {\n variants: {\n theme: {\n success: { color: '$success' },\n warning: { color: '$warningText', '& svg': { color: '$warningDark' } },\n info: { color: '$info' },\n neutral: { color: '$grey800' },\n error: { color: '$danger' }\n }\n }\n})\n\ntype TInlineMessageProps = React.ComponentProps<\n typeof InlineMessageContainer\n> & {\n showIcon?: boolean\n size?: 'xs' \| 'sm' \| 'md'\n}\n\nexport const InlineMessage = ({\n css,\n showIcon = true,\n theme = 'error',\n size = 'sm',\n children,\n ...rest\n}: TInlineMessageProps) => (\n <InlineMessageContainer theme={theme} css={css} {...rest}>\n {showIcon && (\n <Icon\n css={{ mr: '$2' }}\n size=\"sm\"\n is={INLINE_MESSAGE_ICONS[theme as InlineMessageTheme]}\n />\n )}\n <Text as=\"span\" size={size} css={{ transform: 'translateY($space$0)' }}>\n {children}\n </Text>\n </InlineMessageContainer>\n)\n"],"names":["InlineMessageContainer","styled","Flex","InlineMessage","css","showIcon","theme","size","children","rest","React","Icon","INLINE_MESSAGE_ICONS","Text"],"mappings":"yPAUA,MAAMA,EAAyBC,EAAOC,EAAM,CAC1C,SAAU,CACR,MAAO,CACL,QAAS,CAAE,MAAO,UAAW,EAC7B,QAAS,CAAE,MAAO,eAAgB,QAAS,CAAE,MAAO,cAAe,CAAE,EACrE,KAAM,CAAE,MAAO,OAAQ,EACvB,QAAS,CAAE,MAAO,UAAW,EAC7B,MAAO,CAAE,MAAO,SAAU,CAC5B,CACF,CACF,CAAC,EASYC,EAAgB,CAAC,CAC5B,IAAAC,EACA,SAAAC,EAAW,GACX,MAAAC,EAAQ,QACR,KAAAC,EAAO,KACP,SAAAC,KACGC,CACL,IACEC,EAAA,cAACV,EAAA,CAAuB,MAAOM,EAAO,IAAKF,EAAM,GAAGK,CAAAA,EACjDJ,GACCK,EAAA,cAACC,EAAA,CACC,IAAK,CAAE,GAAI,IAAK,EAChB,KAAK,KACL,GAAIC,EAAqBN,EAC3B,CAAA,EAEFI,EAAA,cAACG,EAAA,CAAK,GAAG,OAAO,KAAMN,EAAM,IAAK,CAAE,UAAW,sBAAuB,CAClEC,EAAAA,CACH,CACF"}

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

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { Text } from '../text';
 export declare const InputBackground: import("@atom-learning/stitches-react/types/styled-component").StyledComponent<import("@atom-learning/stitches-react/types/styled-component").StyledComponent<"div", {
-    direction?: "inherit" | "initial" | "revert" | "unset" | "row" | "column" | "column-reverse" | "row-reverse" | "revert-layer" | undefined;
-    wrap?: "inherit" | "initial" | "revert" | "unset" | "wrap" | "nowrap" | "wrap-reverse" | "revert-layer" | undefined;
-    justify?: "left" | "right" | "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start" | "normal" | "revert-layer" | "unsafe" | "safe" | undefined;
-    align?: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "start" | "flex-end" | "flex-start" | "baseline" | "normal" | "self-end" | "self-start" | "revert-layer" | "unsafe" | "safe" | "first baseline" | "last baseline" | undefined;
+    direction?: "inherit" | "initial" | "revert" | "unset" | "row" | "row-reverse" | "column" | "column-reverse" | "revert-layer" | undefined;
+    wrap?: "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "wrap" | "nowrap" | "wrap-reverse" | undefined;
+    justify?: "left" | "right" | "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "normal" | "unsafe" | "safe" | "start" | "end" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
+    align?: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "normal" | "unsafe" | "safe" | "start" | "end" | "flex-start" | "flex-end" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline" | undefined;
     gap?: number | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "24" | undefined;
 }, {
     sm: string;

package/dist/components/input/Input.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import*as r from"react";import{styled as m}from"../../stitches.js";import"../../utilities/css-wrapper/CSSWrapper.js";import"../../utilities/no-overflow-wrapper/NoOverflowWrapper.js";import"color2k";import"../../utilities/style/keyframe-animations.js";import{overrideStitchesVariantValue as u}from"../../utilities/override-stitches-variant-value/overrideStitchesVariantValue.js";import{disabledStyle as b}from"../../utilities/style/disabledStyle.js";import{Flex as g}from"../flex/Flex.js";import{Text as h}from"../text/Text.js";const i=m(g,{color:"$grey1000",transition:"background 100ms ease-out, borderColor 100ms ease-out",width:"100%","&::placeholder":{color:"$grey700",opacity:1},variants:{appearance:{standard:{background:"white",border:"1px solid $grey800",borderRadius:"$1","&:focus-within":{borderColor:"$blue800"}},modern:{background:"$grey100",border:"none",borderRadius:"$1","&:focus-within":{outline:"2px solid $blue800",outlineOffset:1,zIndex:1}}},size:{sm:{height:"$3"},md:{height:"$4"},lg:{height:"$5"},xl:{height:"$6"}},disabled:{true:b},state:{error:{}}},compoundVariants:[{state:"error",appearance:"standard",css:{borderColor:"$danger"}},{state:"error",appearance:"modern",css:{bg:"$dangerLight","&:focus-within":{outlineColor:"$danger"}}}]});i.displayName="InputBackground";const f=m.withConfig({shouldForwardStitchesProp:e=>["as"].includes(e)})(h,{appearance:"none",border:"none",background:"none",backgroundImage:"none",backgroundColor:"transparent",boxShadow:"none",boxSizing:"border-box","&:focus":{outline:"none"},px:"$3",size:"100%"}),x={sm:"sm",md:"md",lg:"md",xl:"lg"},p=r.forwardRef(({type:e="text",css:a,size:o,...n},t)=>{const s=r.useMemo(()=>u(o,d=>x[d]),[o]);return r.createElement(f,{ref:t,as:"input",type:e==="number"?"text":e,inputMode:e==="number"?"numeric":void 0,pattern:e==="number"?"[0-9]*":void 0,size:s,...n})});p.displayName="InputText";const c=r.forwardRef(({className:e,size:a="md",appearance:o="standard",state:n,disabled:t,css:s,...d},l)=>r.createElement(i,{size:a,appearance:o,disabled:t,state:n,css:s,className:e},r.createElement(p,{size:a,ref:l,disabled:t,...d})));c.displayName="Input";export{c as Input,i as InputBackground,p as InputText};
+import*as r from"react";import{styled as l}from"../../stitches.js";import{overrideStitchesVariantValue as m}from"../../utilities/override-stitches-variant-value/overrideStitchesVariantValue.js";import{Flex as b}from"../flex/Flex.js";import{Text as g}from"../text/Text.js";const i=l(b,{color:"$grey1000",transition:"background 100ms ease-out, borderColor 100ms ease-out",width:"100%","&::placeholder":{color:"$grey700",opacity:1},variants:{appearance:{standard:{background:"white",border:"1px solid $grey800",borderRadius:"$1","&:focus-within":{borderColor:"$blue800"}},modern:{background:"$grey100",border:"none",borderRadius:"$1","&:focus-within":{outline:"2px solid $blue800",outlineOffset:1,zIndex:1}}},size:{sm:{height:"$3"},md:{height:"$4"},lg:{height:"$5"},xl:{height:"$6"}},disabled:{true:{opacity:.3,cursor:"not-allowed"}},state:{error:{}}},compoundVariants:[{state:"error",appearance:"standard",css:{borderColor:"$danger"}},{state:"error",appearance:"modern",css:{bg:"$dangerLight","&:focus-within":{outlineColor:"$danger"}}}]});i.displayName="InputBackground";const h=l.withConfig({shouldForwardStitchesProp:e=>["as"].includes(e)})(g,{appearance:"none",border:"none",background:"none",backgroundImage:"none",backgroundColor:"transparent",boxShadow:"none",boxSizing:"border-box","&:focus":{outline:"none"},px:"$3",size:"100%"}),f={sm:"sm",md:"md",lg:"md",xl:"lg"},c=r.forwardRef(({type:e="text",css:t,size:o,...n},a)=>{const s=r.useMemo(()=>m(o,d=>f[d]),[o]);return r.createElement(h,{ref:a,as:"input",type:e==="number"?"text":e,inputMode:e==="number"?"numeric":void 0,pattern:e==="number"?"[0-9]*":void 0,size:s,...n})});c.displayName="InputText";const u=r.forwardRef(({className:e,size:t="md",appearance:o="standard",state:n,disabled:a,css:s,...d},p)=>r.createElement(i,{size:t,appearance:o,disabled:a,state:n,css:s,className:e},r.createElement(c,{size:t,ref:p,disabled:a,...d})));u.displayName="Input";export{u as Input,i as InputBackground,c as InputText};
 //# sourceMappingURL=Input.js.map

package/dist/components/input/Input.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Input.js","sources":["../../../src/components/input/Input.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/stitches'\nimport { ~~disabledStyle } from '~/utilities'\nimport {~~ overrideStitchesVariantValue } from '~/utilities/override-stitches-variant-value/overrideStitchesVariantValue'\n\nimport { Flex } from '../flex'\nimport { Text } from '../text'\n\nexport const InputBackground = styled(Flex, {\n color: '$grey1000',\n transition: 'background 100ms ease-out, borderColor 100ms ease-out',\n width: '100%',\n '&::placeholder': {\n color: '$grey700',\n opacity: 1\n },\n variants: {\n appearance: {\n standard: {\n background: 'white',\n border: '1px solid $grey800',\n borderRadius: '$1',\n '&:focus-within': {\n borderColor: '$blue800'\n }\n },\n modern: {\n background: '$grey100',\n border: 'none',\n borderRadius: '$1',\n '&:focus-within': {\n outline: '2px solid $blue800',\n outlineOffset: 1,\n zIndex: 1\n }\n }\n },\n size: {\n sm: { height: '$3' },\n md: { height: '$4' },\n lg: { height: '$5' },\n xl: { height: '$6' }\n },\n disabled: {\n true: ~~disabledStyle~~\n },\n state: {\n error: {}\n }\n },\n compoundVariants: [\n {\n state: 'error',\n appearance: 'standard',\n css: { borderColor: '$danger' }\n },\n {\n state: 'error',\n appearance: 'modern',\n css: {\n bg: '$dangerLight',\n '&:focus-within': {\n outlineColor: '$danger'\n }\n }\n }\n ]\n})\n\nInputBackground.displayName = 'InputBackground'\n\nconst StyledInputText = styled.withConfig({\n shouldForwardStitchesProp: (propName) => ['as'].includes(propName)\n})(Text as unknown as 'input', {\n // unsets\n appearance: 'none',\n border: 'none',\n background: 'none',\n backgroundImage: 'none',\n backgroundColor: 'transparent',\n boxShadow: 'none', // prevent default iOS default styling\n boxSizing: 'border-box',\n '&:focus': {\n outline: 'none'\n },\n //\n px: '$3',\n size: '100%'\n})\n\nexport type InputTextProps = Omit<\n React.ComponentProps<typeof StyledInputText>,\n 'size' \| 'type' \| 'as'\n> & {\n size: React.ComponentProps<typeof Text>['size']\n // override default 'type' property to prevent Input from being used to render\n // checkboxes, radios etc — we have dedicated components for them\n type?: 'text' \| 'number' \| 'email' \| 'password' \| 'tel' \| 'url' \| 'search'\n as?: never\n}\n\nconst toTextSize = {\n sm: 'sm',\n md: 'md',\n lg: 'md',\n xl: 'lg'\n}\n\nexport const InputText: React.ForwardRefExoticComponent<InputTextProps> =\n React.forwardRef(({ type = 'text', css, size, ...rest }, ref) => {\n const textSize = React.useMemo(\n () => overrideStitchesVariantValue(size, (s) => toTextSize[s]),\n [size]\n )\n\n return (\n <StyledInputText\n ref={ref}\n as=\"input\"\n type={type === 'number' ? 'text' : type}\n inputMode={type === 'number' ? 'numeric' : undefined}\n pattern={type === 'number' ? '[0-9]*' : undefined}\n size={textSize}\n {...rest}\n />\n )\n })\n\nInputText.displayName = 'InputText'\n\ntype InputBackgroundProps = React.ComponentProps<typeof InputBackground>\nexport type InputProps = Omit<\n React.ComponentProps<typeof InputText>,\n 'size' \| 'state' \| 'appearance'\n> & {\n size?: InputBackgroundProps['size']\n state?: InputBackgroundProps['state']\n appearance?: InputBackgroundProps['appearance']\n}\n\nexport const Input: React.ForwardRefExoticComponent<InputProps> =\n React.forwardRef(\n (\n {\n className,\n size = 'md',\n appearance = 'standard',\n state,\n disabled,\n css,\n ...rest\n },\n ref\n ) => {\n return (\n <InputBackground\n size={size}\n appearance={appearance}\n disabled={disabled}\n state={state}\n css={css}\n className={className}\n >\n <InputText size={size} ref={ref} disabled={disabled} {...rest} />\n </InputBackground>\n )\n }\n )\n\nInput.displayName = 'Input'\n"],"names":["InputBackground","styled","Flex","~~disabledStyle","~~StyledInputText","propName","Text","toTextSize","InputText","React","type","css","size","rest","ref","textSize","overrideStitchesVariantValue","s","Input","className","appearance","state","disabled"],"mappings":"~~+gBASO~~,~~MAAMA~~,EAAkBC,EAAOC,EAAM,CAC1C,MAAO,YACP,WAAY,wDACZ,MAAO,OACP,iBAAkB,CAChB,MAAO,WACP,QAAS,CACX,EACA,SAAU,CACR,WAAY,CACV,SAAU,CACR,WAAY,QACZ,OAAQ,qBACR,aAAc,KACd,iBAAkB,CAChB,YAAa,UACf,CACF,EACA,OAAQ,CACN,WAAY,WACZ,OAAQ,OACR,aAAc,KACd,iBAAkB,CAChB,QAAS,qBACT,cAAe,EACf,OAAQ,CACV,CACF,CACF,EACA,KAAM,CACJ,GAAI,CAAE,OAAQ,IAAK,EACnB,GAAI,CAAE,OAAQ,IAAK,EACnB,GAAI,CAAE,OAAQ,IAAK,EACnB,GAAI,CAAE,OAAQ,IAAK,CACrB,EACA,SAAU,CACR,~~KAAMC~~,~~CACR~~,EACA,MAAO,CACL,MAAO,CAAA,CACT,CACF,EACA,iBAAkB,CAChB,CACE,MAAO,QACP,WAAY,WACZ,IAAK,CAAE,YAAa,SAAU,CAChC,EACA,CACE,MAAO,QACP,WAAY,SACZ,IAAK,CACH,GAAI,eACJ,iBAAkB,CAChB,aAAc,SAChB,CACF,CACF,CACF,CACF,CAAC,~~EAEDH~~,EAAgB,YAAc,kBAE9B,~~MAAMI~~,~~EAAkBH~~,EAAO,WAAW,CACxC,~~0BAA4BI~~,GAAa,CAAC,IAAI,EAAE,SAASA,CAAQ,CACnE,CAAC,EAAEC,EAA4B,CAE7B,WAAY,OACZ,OAAQ,OACR,WAAY,OACZ,gBAAiB,OACjB,gBAAiB,cACjB,UAAW,OACX,UAAW,aACX,UAAW,CACT,QAAS,MACX,EAEA,GAAI,KACJ,KAAM,MACR,CAAC,EAaKC,EAAa,CACjB,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,GAAI,IACN,EAEaC,EACXC,EAAM,WAAW,CAAC,CAAE,KAAAC,EAAO,OAAQ,IAAAC,EAAK,KAAAC,KAASC,CAAK,EAAGC,IAAQ,CAC/D,MAAMC,EAAWN,EAAM,QACrB,IAAMO,EAA6BJ,EAAOK,GAAMV,EAAWU,EAAE,EAC7D,CAACL,CAAI,CACP,EAEA,OACEH,EAAA,cAACL,EAAA,CACC,IAAKU,EACL,GAAG,QACH,KAAMJ,IAAS,SAAW,OAASA,EACnC,UAAWA,IAAS,SAAW,UAAY,OAC3C,QAASA,IAAS,SAAW,SAAW,OACxC,KAAMK,EACL,GAAGF,CAAAA,CACN,CAEJ,CAAC,EAEHL,EAAU,YAAc,YAYjB,MAAMU,EACXT,EAAM,WACJ,CACE,CACE,UAAAU,EACA,KAAAP,EAAO,KACP,WAAAQ,EAAa,WACb,MAAAC,EACA,SAAAC,EACA,IAAAX,KACGE,CACL,EACAC,IAGEL,EAAA,~~cAACT~~,EAAA,CACC,~~KAAMY~~,EACN,WAAYQ,EACZ,SAAUE,EACV,MAAOD,EACP,IAAKV,EACL,UAAWQ,CAEXV,EAAAA,EAAA,cAACD,EAAA,CAAU,KAAMI,EAAM,IAAKE,EAAK,SAAUQ,EAAW,GAAGT,CAAAA,CAAM,CACjE,CAGN,EAEFK,EAAM,YAAc"}
1	+ {"version":3,"file":"Input.js","sources":["../../../src/components/input/Input.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/stitches'\nimport { overrideStitchesVariantValue } from '~/utilities/override-stitches-variant-value/overrideStitchesVariantValue'\n\nimport { Flex } from '../flex'\nimport { Text } from '../text'\n\nexport const InputBackground = styled(Flex, {\n color: '$grey1000',\n transition: 'background 100ms ease-out, borderColor 100ms ease-out',\n width: '100%',\n '&::placeholder': {\n color: '$grey700',\n opacity: 1\n },\n variants: {\n appearance: {\n standard: {\n background: 'white',\n border: '1px solid $grey800',\n borderRadius: '$1',\n '&:focus-within': {\n borderColor: '$blue800'\n }\n },\n modern: {\n background: '$grey100',\n border: 'none',\n borderRadius: '$1',\n '&:focus-within': {\n outline: '2px solid $blue800',\n outlineOffset: 1,\n zIndex: 1\n }\n }\n },\n size: {\n sm: { height: '$3' },\n md: { height: '$4' },\n lg: { height: '$5' },\n xl: { height: '$6' }\n },\n disabled: {\n true: {\n opacity: 0.3,\n cursor: 'not-allowed'\n }\n },\n state: {\n error: {}\n }\n },\n compoundVariants: [\n {\n state: 'error',\n appearance: 'standard',\n css: { borderColor: '$danger' }\n },\n {\n state: 'error',\n appearance: 'modern',\n css: {\n bg: '$dangerLight',\n '&:focus-within': {\n outlineColor: '$danger'\n }\n }\n }\n ]\n})\n\nInputBackground.displayName = 'InputBackground'\n\nconst StyledInputText = styled.withConfig({\n shouldForwardStitchesProp: (propName) => ['as'].includes(propName)\n})(Text as unknown as 'input', {\n // unsets\n appearance: 'none',\n border: 'none',\n background: 'none',\n backgroundImage: 'none',\n backgroundColor: 'transparent',\n boxShadow: 'none', // prevent default iOS default styling\n boxSizing: 'border-box',\n '&:focus': {\n outline: 'none'\n },\n //\n px: '$3',\n size: '100%'\n})\n\nexport type InputTextProps = Omit<\n React.ComponentProps<typeof StyledInputText>,\n 'size' \| 'type' \| 'as'\n> & {\n size: React.ComponentProps<typeof Text>['size']\n // override default 'type' property to prevent Input from being used to render\n // checkboxes, radios etc — we have dedicated components for them\n type?: 'text' \| 'number' \| 'email' \| 'password' \| 'tel' \| 'url' \| 'search'\n as?: never\n}\n\nconst toTextSize = {\n sm: 'sm',\n md: 'md',\n lg: 'md',\n xl: 'lg'\n}\n\nexport const InputText: React.ForwardRefExoticComponent<InputTextProps> =\n React.forwardRef(({ type = 'text', css, size, ...rest }, ref) => {\n const textSize = React.useMemo(\n () => overrideStitchesVariantValue(size, (s) => toTextSize[s]),\n [size]\n )\n\n return (\n <StyledInputText\n ref={ref}\n as=\"input\"\n type={type === 'number' ? 'text' : type}\n inputMode={type === 'number' ? 'numeric' : undefined}\n pattern={type === 'number' ? '[0-9]*' : undefined}\n size={textSize}\n {...rest}\n />\n )\n })\n\nInputText.displayName = 'InputText'\n\ntype InputBackgroundProps = React.ComponentProps<typeof InputBackground>\nexport type InputProps = Omit<\n React.ComponentProps<typeof InputText>,\n 'size' \| 'state' \| 'appearance'\n> & {\n size?: InputBackgroundProps['size']\n state?: InputBackgroundProps['state']\n appearance?: InputBackgroundProps['appearance']\n}\n\nexport const Input: React.ForwardRefExoticComponent<InputProps> =\n React.forwardRef(\n (\n {\n className,\n size = 'md',\n appearance = 'standard',\n state,\n disabled,\n css,\n ...rest\n },\n ref\n ) => {\n return (\n <InputBackground\n size={size}\n appearance={appearance}\n disabled={disabled}\n state={state}\n css={css}\n className={className}\n >\n <InputText size={size} ref={ref} disabled={disabled} {...rest} />\n </InputBackground>\n )\n }\n )\n\nInput.displayName = 'Input'\n"],"names":["InputBackground","styled","Flex","StyledInputText","propName","Text","toTextSize","InputText","React","type","css","size","rest","ref","textSize","overrideStitchesVariantValue","s","Input","className","appearance","state","disabled"],"mappings":"gRAQa,MAAAA,EAAkBC,EAAOC,EAAM,CAC1C,MAAO,YACP,WAAY,wDACZ,MAAO,OACP,iBAAkB,CAChB,MAAO,WACP,QAAS,CACX,EACA,SAAU,CACR,WAAY,CACV,SAAU,CACR,WAAY,QACZ,OAAQ,qBACR,aAAc,KACd,iBAAkB,CAChB,YAAa,UACf,CACF,EACA,OAAQ,CACN,WAAY,WACZ,OAAQ,OACR,aAAc,KACd,iBAAkB,CAChB,QAAS,qBACT,cAAe,EACf,OAAQ,CACV,CACF,CACF,EACA,KAAM,CACJ,GAAI,CAAE,OAAQ,IAAK,EACnB,GAAI,CAAE,OAAQ,IAAK,EACnB,GAAI,CAAE,OAAQ,IAAK,EACnB,GAAI,CAAE,OAAQ,IAAK,CACrB,EACA,SAAU,CACR,KAAM,CACJ,QAAS,GACT,OAAQ,aACV,CACF,EACA,MAAO,CACL,MAAO,CAAA,CACT,CACF,EACA,iBAAkB,CAChB,CACE,MAAO,QACP,WAAY,WACZ,IAAK,CAAE,YAAa,SAAU,CAChC,EACA,CACE,MAAO,QACP,WAAY,SACZ,IAAK,CACH,GAAI,eACJ,iBAAkB,CAChB,aAAc,SAChB,CACF,CACF,CACF,CACF,CAAC,EAEDF,EAAgB,YAAc,kBAE9B,MAAMG,EAAkBF,EAAO,WAAW,CACxC,0BAA4BG,GAAa,CAAC,IAAI,EAAE,SAASA,CAAQ,CACnE,CAAC,EAAEC,EAA4B,CAE7B,WAAY,OACZ,OAAQ,OACR,WAAY,OACZ,gBAAiB,OACjB,gBAAiB,cACjB,UAAW,OACX,UAAW,aACX,UAAW,CACT,QAAS,MACX,EAEA,GAAI,KACJ,KAAM,MACR,CAAC,EAaKC,EAAa,CACjB,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,GAAI,IACN,EAEaC,EACXC,EAAM,WAAW,CAAC,CAAE,KAAAC,EAAO,OAAQ,IAAAC,EAAK,KAAAC,KAASC,CAAK,EAAGC,IAAQ,CAC/D,MAAMC,EAAWN,EAAM,QACrB,IAAMO,EAA6BJ,EAAOK,GAAMV,EAAWU,EAAE,EAC7D,CAACL,CAAI,CACP,EAEA,OACEH,EAAA,cAACL,EAAA,CACC,IAAKU,EACL,GAAG,QACH,KAAMJ,IAAS,SAAW,OAASA,EACnC,UAAWA,IAAS,SAAW,UAAY,OAC3C,QAASA,IAAS,SAAW,SAAW,OACxC,KAAMK,EACL,GAAGF,CAAAA,CACN,CAEJ,CAAC,EAEHL,EAAU,YAAc,YAYjB,MAAMU,EACXT,EAAM,WACJ,CACE,CACE,UAAAU,EACA,KAAAP,EAAO,KACP,WAAAQ,EAAa,WACb,MAAAC,EACA,SAAAC,EACA,IAAAX,KACGE,CACL,EACAC,IAGEL,EAAA,cAACR,EAAA,CACC,KAAMW,EACN,WAAYQ,EACZ,SAAUE,EACV,MAAOD,EACP,IAAKV,EACL,UAAWQ,CAEXV,EAAAA,EAAA,cAACD,EAAA,CAAU,KAAMI,EAAM,IAAKE,EAAK,SAAUQ,EAAW,GAAGT,CAAAA,CAAM,CACjE,CAGN,EAEFK,EAAM,YAAc"}

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

@@ -2,7 +2,7 @@ import * as React from 'react';
 import type { Override } from '../../utilities/types';
 declare const StyledLabel: import("@atom-learning/stitches-react/types/styled-component").StyledComponent<"label", {
     size?: "sm" | "md" | undefined;
-    type?: "inline" | "block" | undefined;
+    type?: "block" | "inline" | undefined;
     align?: "center" | "start" | undefined;
     direction?: "row" | "reverse" | undefined;
     appearance?: "standard" | "modern" | undefined;

package/dist/components/link/Link.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import*as o from"react";import{styled as p}from"../../stitches.js";import"../../utilities/css-wrapper/CSSWrapper.js";import"../../utilities/no-overflow-wrapper/NoOverflowWrapper.js";import"color2k";import"../../utilities/style/keyframe-animations.js";import{disabledStyle as d}from"../../utilities/style/disabledStyle.js";import{getExternalAnchorProps as s}from"../../utilities/uri/index.js";import{StyledHeading as l}from"../heading/Heading.js";import{StyledLi as f}from"../list/List.js";import"../markdown-content/components/MarkdownCode.js";import{StyledMarkdownEmphasis as y}from"../markdown-content/components/MarkdownEmphasis.js";import"../markdown-content/components/MarkdownInlineCode.js";import"../image/Image.js";import{StyledText as c,textVariants as b}from"../text/Text.js";import"../markdown-content/components/MarkdownStrong.js";import"../divider/Divider.js";const t=p("a",{bg:"unset",border:"unset",p:"unset",color:"$primary800",cursor:"pointer",fontFamily:"$body",textDecoration:"none","&:focus, &:hover":{color:"$primary900",textDecoration:"underline"},"&:active":{color:"$primary1000"},"&[disabled]":{...d,pointerEvents:"none"},[`${c} > &, ${l} > &, ${f} > &, ${y} > &`]:{fontSize:"100%",lineHeight:1,"&::before, &::after":{content:"none"}},variants:b,defaultVariants:{size:"md"}}),e=o.forwardRef(({as:i,disabled:n,href:r,...m},a)=>o.createElement(t,{as:i||(r?void 0:"button"),noCapsize:r?void 0:!0,href:r,...n&&{disabled:!0},...m,...s(r),ref:a}));e.displayName="Link";export{e as Link,t as StyledLink};
+import*as o from"react";import{styled as d}from"../../stitches.js";import{getExternalAnchorProps as l}from"../../utilities/uri/index.js";import{textVariants as m}from"../text/Text.js";const r=d("a",{bg:"unset",border:"unset",p:"unset",color:"$primary800",cursor:"pointer",fontFamily:"$body",textDecoration:"none","&:focus, &:hover":{color:"$primary900",textDecoration:"underline"},"&:active":{color:"$primary1000"},"&[disabled]":{opacity:.3,cursor:"not-allowed",pointerEvents:"none"},"p > &, h1 > &, h2 > &, h3 > &, h4 > &, li > &, em > &":{fontSize:"100%",lineHeight:1,"&::before, &::after":{content:"none"}},variants:m,defaultVariants:{size:"md"}}),t=o.forwardRef(({as:n,disabled:i,href:e,...a},s)=>o.createElement(r,{as:n||(e?void 0:"button"),noCapsize:e?void 0:!0,href:e,...i&&{disabled:!0},...a,...l(e),ref:s}));t.displayName="Link";export{t as Link,r as StyledLink};
 //# sourceMappingURL=Link.js.map

package/dist/components/link/Link.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Link.js","sources":["../../../src/components/link/Link.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/stitches'\nimport { NavigatorActions } from '~/types'\nimport { ~~disabledStyle,~~ Override } from '~/utilities'\nimport { getExternalAnchorProps } from '~/utilities/uri'\n\nimport { ~~StyledHeading } from '../heading/Heading'\nimport { StyledLi } from '../list/List'\nimport { StyledMarkdownEmphasis } from '../markdown-content/components'\nimport { StyledText,~~ textVariants } from '../text/Text'\n\nexport const StyledLink = styled('a', {\n bg: 'unset',\n border: 'unset',\n p: 'unset',\n color: '$primary800',\n cursor: 'pointer',\n fontFamily: '$body',\n textDecoration: 'none',\n '&:focus, &:hover': {\n color: '$primary900',\n textDecoration: 'underline'\n },\n '&:active': {\n color: '$primary1000'\n },\n '&[disabled]': {\n ~~...disabledStyle~~,\n pointerEvents: 'none'\n },\n\n ~~[`${StyledText}~~ > &, ~~${StyledHeading}~~ > &, ~~${StyledLi}~~ > &, ~~${StyledMarkdownEmphasis}~~ > ~~&`]:\n~~ {\n fontSize: '100%',\n lineHeight: 1,\n '&::before, &::after': {\n content: 'none'\n }\n },\n variants: textVariants,\n defaultVariants: {\n size: 'md'\n }\n})\n\ntype LinkProps = Override<\n React.ComponentProps<typeof StyledLink>,\n {\n as?: React.ComponentType \| React.ElementType\n } & NavigatorActions & { disabled?: boolean }\n>\n\nexport const Link: React.ForwardRefExoticComponent<LinkProps> =\n React.forwardRef(({ as, disabled, href, ...rest }, ref) => (\n <StyledLink\n as={as \|\| (!href ? 'button' : undefined)}\n noCapsize={!href ? true : undefined}\n href={href}\n {...(disabled && { disabled: true })}\n {...rest}\n {...getExternalAnchorProps(href)}\n ref={ref}\n />\n ))\n\nLink.displayName = 'Link'\n"],"names":["StyledLink","styled","~~disabledStyle","StyledText","StyledHeading","StyledLi","StyledMarkdownEmphasis","~~textVariants","Link","React","as","disabled","href","rest","ref","getExternalAnchorProps"],"mappings":"~~y2BAYa~~,~~MAAAA~~,EAAaC,EAAO,IAAK,CACpC,GAAI,QACJ,OAAQ,QACR,EAAG,QACH,MAAO,cACP,OAAQ,UACR,WAAY,QACZ,eAAgB,OAChB,mBAAoB,CAClB,MAAO,cACP,eAAgB,WAClB,EACA,WAAY,CACV,MAAO,cACT,EACA,cAAe,CACb,~~GAAGC~~,~~EACH~~,cAAe,MACjB,~~EAEA~~,~~CAAC~~,~~GAAGC~~,~~UAAmBC,UAAsBC,UAAiBC,SAC5D,CACE,~~SAAU,OACV,WAAY,EACZ,sBAAuB,CACrB,QAAS,MACX,CACF,~~EACF~~,SAAUC,EACV,gBAAiB,CACf,KAAM,IACR,CACF,CAAC,EASYC,EACXC,EAAM,WAAW,CAAC,CAAE,GAAAC,EAAI,SAAAC,EAAU,KAAAC,KAASC,CAAK,EAAGC,IACjDL,EAAA,~~cAACT~~,GACC,~~GAAIU~~,IAAQE,EAAkB,OAAX,UACnB,UAAYA,EAAc,OAAP,GACnB,KAAMA,EACL,GAAID,GAAY,CAAE,SAAU,EAAK,EACjC,GAAGE,EACH,GAAGE,EAAuBH,CAAI,EAC/B,IAAKE,~~CAAAA,~~CACP,CACD,EAEHN,EAAK,YAAc"}
1	+ {"version":3,"file":"Link.js","sources":["../../../src/components/link/Link.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/stitches'\nimport { NavigatorActions } from '~/types'\nimport { Override } from '~/utilities'\nimport { getExternalAnchorProps } from '~/utilities/uri'\n\nimport { textVariants } from '../text/Text'\n\nexport const StyledLink = styled('a', {\n bg: 'unset',\n border: 'unset',\n p: 'unset',\n color: '$primary800',\n cursor: 'pointer',\n fontFamily: '$body',\n textDecoration: 'none',\n '&:focus, &:hover': {\n color: '$primary900',\n textDecoration: 'underline'\n },\n '&:active': {\n color: '$primary1000'\n },\n '&[disabled]': {\n opacity: 0.3,\n cursor: 'not-allowed',\n pointerEvents: 'none'\n },\n 'p > &, h1 > &, h2 > &, h3 > &, h4 > &, li > &, em > &': {\n fontSize: '100%',\n lineHeight: 1,\n '&::before, &::after': {\n content: 'none'\n }\n },\n variants: textVariants,\n defaultVariants: {\n size: 'md'\n }\n})\n\ntype LinkProps = Override<\n React.ComponentProps<typeof StyledLink>,\n {\n as?: React.ComponentType \| React.ElementType\n } & NavigatorActions & { disabled?: boolean }\n>\n\nexport const Link: React.ForwardRefExoticComponent<LinkProps> =\n React.forwardRef(({ as, disabled, href, ...rest }, ref) => (\n <StyledLink\n as={as \|\| (!href ? 'button' : undefined)}\n noCapsize={!href ? true : undefined}\n href={href}\n {...(disabled && { disabled: true })}\n {...rest}\n {...getExternalAnchorProps(href)}\n ref={ref}\n />\n ))\n\nLink.displayName = 'Link'\n"],"names":["StyledLink","styled","textVariants","Link","React","as","disabled","href","rest","ref","getExternalAnchorProps"],"mappings":"wLASO,MAAMA,EAAaC,EAAO,IAAK,CACpC,GAAI,QACJ,OAAQ,QACR,EAAG,QACH,MAAO,cACP,OAAQ,UACR,WAAY,QACZ,eAAgB,OAChB,mBAAoB,CAClB,MAAO,cACP,eAAgB,WAClB,EACA,WAAY,CACV,MAAO,cACT,EACA,cAAe,CACb,QAAS,GACT,OAAQ,cACR,cAAe,MACjB,EACA,wDAAyD,CACvD,SAAU,OACV,WAAY,EACZ,sBAAuB,CACrB,QAAS,MACX,CACF,EACA,SAAUC,EACV,gBAAiB,CACf,KAAM,IACR,CACF,CAAC,EASYC,EACXC,EAAM,WAAW,CAAC,CAAE,GAAAC,EAAI,SAAAC,EAAU,KAAAC,KAASC,CAAK,EAAGC,IACjDL,EAAA,cAACJ,GACC,GAAIK,IAAQE,EAAkB,OAAX,UACnB,UAAYA,EAAc,OAAP,GACnB,KAAMA,EACL,GAAID,GAAY,CAAE,SAAU,EAAK,EACjC,GAAGE,EACH,GAAGE,EAAuBH,CAAI,EAC/B,IAAKE,CACP,CAAA,CACD,EAEHN,EAAK,YAAc"}

package/dist/components/list/List.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import*as t from"react";import{styled as i}from"../../stitches.js";import{textVariants as d}from"../text/Text.js";const e=i("li",{}),l=i("ul",{listStylePosition:"inside",fontFamily:"$body",m:"unset",p:"unset",[`& > ${e}`]:{"&:not(:last-child)":{mb:"$2"},"&:last-child":{mb:0}},variants:{...d,as:{ol:{pl:"$4",listStyleType:"decimal",[`& > ${e}`]:{pl:"$1","&::marker":{fontSize:".875em",fontWeight:"bold"}}},ul:{pl:"$3",[`& > ${e}`]:{pl:"$2","&::marker":{content:"\u2022 ",fontWeight:"bold"}}}},theme:{primary:{[`& > ${e}`]:{"&::marker":{color:"$primary800"}}}}}}),o=t.forwardRef(({size:r="md",noCapsize:m=!0,ordered:s,...a},n)=>t.createElement(l,{ref:n,as:s?"ol":"ul",size:r,noCapsize:m,...a}));o.Item=e;export{o as List,e as StyledLi,l as StyledList};
+import*as e from"react";import{styled as t}from"../../stitches.js";import{textVariants as d}from"../text/Text.js";const i=t("li",{}),l=t("ul",{listStylePosition:"inside",fontFamily:"$body",m:"unset",p:"unset","& > li":{"&:not(:last-child)":{mb:"$2"},"&:last-child":{mb:0}},variants:{...d,as:{ol:{pl:"$4",listStyleType:"decimal","& > li":{pl:"$1","&::marker":{fontSize:".875em",fontWeight:"bold"}}},ul:{pl:"$3","& > li":{pl:"$2","&::marker":{content:"\u2022 ",fontWeight:"bold"}}}},theme:{primary:{"& > li":{"&::marker":{color:"$primary800"}}}}}}),o=e.forwardRef(({size:r="md",noCapsize:m=!0,ordered:s,...a},n)=>e.createElement(l,{ref:n,as:s?"ol":"ul",size:r,noCapsize:m,...a}));o.Item=i;export{o as List,i as StyledLi,l as StyledList};
 //# sourceMappingURL=List.js.map

package/dist/components/list/List.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"List.js","sources":["../../../src/components/list/List.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/stitches'\n\nimport { textVariants } from '../text'\n\nexport const StyledLi = styled('li', {})\n\nexport const StyledList = styled('ul', {\n listStylePosition: 'inside',\n fontFamily: '$body',\n m: 'unset',\n p: 'unset',\n ~~[`&~~ > ~~${StyledLi}`]~~: {\n '&:not(:last-child)': { mb: '$2' },\n '&:last-child': { mb: 0 }\n },\n variants: {\n ...textVariants,\n as: {\n ol: {\n pl: '$4',\n listStyleType: 'decimal',\n ~~[`&~~ > ~~${StyledLi}`]~~: {\n pl: '$1',\n '&::marker': { fontSize: '.875em', fontWeight: 'bold' }\n }\n },\n ul: {\n pl: '$3',\n ~~[`&~~ > ~~${StyledLi}`]~~: {\n pl: '$2',\n '&::marker': { content: '• ', fontWeight: 'bold' }\n }\n }\n },\n theme: {\n primary: {\n ~~[`&~~ > ~~${StyledLi}`]~~: {\n '&::marker': { color: '$primary800' }\n }\n }\n }\n }\n})\n\ntype ListProps = React.ComponentProps<typeof StyledList> & {\n ordered?: boolean\n}\n\ntype ListType = React.ForwardRefExoticComponent<ListProps> & {\n Item: typeof StyledLi\n}\n\nexport const List = React.forwardRef(\n ({ size = 'md', noCapsize = true, ordered, ...remainingProps }, ref) => (\n <StyledList\n ref={ref}\n as={ordered ? 'ol' : 'ul'}\n size={size}\n noCapsize={noCapsize}\n {...remainingProps}\n />\n )\n) as ListType\n\nList.Item = StyledLi\n"],"names":["StyledLi","styled","StyledList","textVariants","List","React","size","noCapsize","ordered","remainingProps","ref"],"mappings":"~~kHAMO~~,~~MAAMA~~,EAAWC,EAAO,KAAM,CAAA,CAAE,EAE1BC,EAAaD,EAAO,KAAM,CACrC,kBAAmB,SACnB,WAAY,QACZ,EAAG,QACH,EAAG,QACH,~~CAAC~~,~~OAAOD~~,~~KAAa,CACnB,~~qBAAsB,CAAE,GAAI,IAAK,EACjC,eAAgB,CAAE,GAAI,CAAE,CAC1B,EACA,SAAU,CACR,~~GAAGG~~,EACH,GAAI,CACF,GAAI,CACF,GAAI,KACJ,cAAe,UACf,~~CAAC~~,~~OAAOH~~,~~KAAa,CACnB,~~GAAI,KACJ,YAAa,CAAE,SAAU,SAAU,WAAY,MAAO,CACxD,CACF,EACA,GAAI,CACF,GAAI,KACJ,~~CAAC~~,~~OAAOA~~,~~KAAa,CACnB,~~GAAI,KACJ,YAAa,CAAE,QAAS,UAAM,WAAY,MAAO,CACnD,CACF,CACF,EACA,MAAO,CACL,QAAS,CACP,~~CAAC~~,~~OAAOA~~,~~KAAa,CACnB,~~YAAa,CAAE,MAAO,aAAc,CACtC,CACF,CACF,CACF,CACF,CAAC,~~EAUYI~~,EAAOC,EAAM,WACxB,CAAC,CAAE,KAAAC,EAAO,KAAM,UAAAC,EAAY,GAAM,QAAAC,KAAYC,CAAe,EAAGC,IAC9DL,EAAA,cAACH,~~EAAA~~,~~CACC~~,IAAKQ,EACL,GAAIF,EAAU,KAAO,KACrB,KAAMF,EACN,UAAWC,EACV,GAAGE,CAAAA,CACN,CAEJ,EAEAL,EAAK,KAAOJ"}
1	+ {"version":3,"file":"List.js","sources":["../../../src/components/list/List.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/stitches'\n\nimport { textVariants } from '../text'\n\nexport const StyledLi = styled('li', {})\n\nexport const StyledList = styled('ul', {\n listStylePosition: 'inside',\n fontFamily: '$body',\n m: 'unset',\n p: 'unset',\n '& > li': {\n '&:not(:last-child)': { mb: '$2' },\n '&:last-child': { mb: 0 }\n },\n variants: {\n ...textVariants,\n as: {\n ol: {\n pl: '$4',\n listStyleType: 'decimal',\n '& > li': {\n pl: '$1',\n '&::marker': { fontSize: '.875em', fontWeight: 'bold' }\n }\n },\n ul: {\n pl: '$3',\n '& > li': {\n pl: '$2',\n '&::marker': { content: '• ', fontWeight: 'bold' }\n }\n }\n },\n theme: {\n primary: {\n '& > li': {\n '&::marker': { color: '$primary800' }\n }\n }\n }\n }\n})\n\ntype ListProps = React.ComponentProps<typeof StyledList> & {\n ordered?: boolean\n}\n\ntype ListType = React.ForwardRefExoticComponent<ListProps> & {\n Item: typeof StyledLi\n}\n\nexport const List = React.forwardRef(\n ({ size = 'md', noCapsize = true, ordered, ...remainingProps }, ref) => (\n <StyledList\n ref={ref}\n as={ordered ? 'ol' : 'ul'}\n size={size}\n noCapsize={noCapsize}\n {...remainingProps}\n />\n )\n) as ListType\n\nList.Item = StyledLi\n"],"names":["StyledLi","styled","StyledList","textVariants","List","React","size","noCapsize","ordered","remainingProps","ref"],"mappings":"kHAMa,MAAAA,EAAWC,EAAO,KAAM,CAAA,CAAE,EAE1BC,EAAaD,EAAO,KAAM,CACrC,kBAAmB,SACnB,WAAY,QACZ,EAAG,QACH,EAAG,QACH,SAAU,CACR,qBAAsB,CAAE,GAAI,IAAK,EACjC,eAAgB,CAAE,GAAI,CAAE,CAC1B,EACA,SAAU,CACR,GAAGE,EACH,GAAI,CACF,GAAI,CACF,GAAI,KACJ,cAAe,UACf,SAAU,CACR,GAAI,KACJ,YAAa,CAAE,SAAU,SAAU,WAAY,MAAO,CACxD,CACF,EACA,GAAI,CACF,GAAI,KACJ,SAAU,CACR,GAAI,KACJ,YAAa,CAAE,QAAS,UAAM,WAAY,MAAO,CACnD,CACF,CACF,EACA,MAAO,CACL,QAAS,CACP,SAAU,CACR,YAAa,CAAE,MAAO,aAAc,CACtC,CACF,CACF,CACF,CACF,CAAC,EAUYC,EAAOC,EAAM,WACxB,CAAC,CAAE,KAAAC,EAAO,KAAM,UAAAC,EAAY,GAAM,QAAAC,KAAYC,CAAe,EAAGC,IAC9DL,EAAA,cAACH,EACC,CAAA,IAAKQ,EACL,GAAIF,EAAU,KAAO,KACrB,KAAMF,EACN,UAAWC,EACV,GAAGE,CAAAA,CACN,CAEJ,EAEAL,EAAK,KAAOJ"}

package/dist/components/loader/Loader.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import*as m from"@radix-ui/react-visually-hidden";import*as e from"react";import{Flex as r}from"../flex/Flex.js";import{keyframes as s,styled as l}from"../../stitches.js";const c=s({"0%":{opacity:0},"30%":{opacity:1},"50%":{opacity:1},"80%":{opacity:0},"100%":{opacity:0}}),t=l("div",{animationName:`${c}`,animationDuration:"1s",animationFillMode:"both",animationIterationCount:"infinite",animationTimingFunction:"linear",backgroundColor:"currentColor",borderRadius:"$round","&:nth-child(1)":{animationDelay:"-300ms"},"&:nth-child(2)":{animationDelay:"-150ms"},"&:nth-child(3)":{animationDelay:0},variants:{size:{sm:{size:"4px",mx:"2px"},md:{size:"6px",mx:"2px"},lg:{size:"8px",mx:"3px"}}}}),p=({css:n={},message:a="Loading",size:i="md",...o})=>e.createElement(r,{css:{justifyContent:"center",...n},role:"alert",...o},e.createElement(m.Root,null,a),e.createElement(t,{size:i}),e.createElement(t,{size:i}),e.createElement(t,{size:i}));export{p as Loader};
+import*as m from"@radix-ui/react-visually-hidden";import*as e from"react";import{Flex as r}from"../flex/Flex.js";import{keyframes as s,styled as l}from"../../stitches.js";const c=s({"0%":{opacity:0},"30%":{opacity:1},"50%":{opacity:1},"80%":{opacity:0},"100%":{opacity:0}}),t=l("div",{animationName:`${c}`,animationDuration:"1000ms",animationFillMode:"both",animationIterationCount:"infinite",animationTimingFunction:"linear",backgroundColor:"currentColor",borderRadius:"$round","&:nth-child(1)":{animationDelay:"-300ms"},"&:nth-child(2)":{animationDelay:"-150ms"},"&:nth-child(3)":{animationDelay:0},variants:{size:{sm:{size:"4px",mx:"2px"},md:{size:"6px",mx:"2px"},lg:{size:"8px",mx:"3px"}}}}),p=({css:n={},message:a="Loading",size:i="md",...o})=>e.createElement(r,{css:{justifyContent:"center",...n},role:"alert",...o},e.createElement(m.Root,null,a),e.createElement(t,{size:i}),e.createElement(t,{size:i}),e.createElement(t,{size:i}));export{p as Loader};
 //# sourceMappingURL=Loader.js.map

package/dist/components/loader/Loader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Loader.js","sources":["../../../src/components/loader/Loader.tsx"],"sourcesContent":["import * as VisuallyHidden from '@radix-ui/react-visually-hidden'\nimport * as React from 'react'\n\nimport { Flex } from '~/components/flex'\nimport { CSS, keyframes, styled } from '~/stitches'\n\nconst FadeInOut = keyframes({\n '0%': { opacity: 0 },\n '30%': { opacity: 1 },\n '50%': { opacity: 1 },\n '80%': { opacity: 0 },\n '100%': { opacity: 0 }\n})\n\nconst Dot = styled('div', {\n animationName: `${FadeInOut}`,\n animationDuration: '1s',\n animationFillMode: 'both',\n animationIterationCount: 'infinite',\n animationTimingFunction: 'linear',\n backgroundColor: 'currentColor',\n borderRadius: '$round',\n '&:nth-child(1)': {\n animationDelay: '-300ms'\n },\n '&:nth-child(2)': {\n animationDelay: '-150ms'\n },\n '&:nth-child(3)': {\n animationDelay: 0\n },\n\n variants: {\n size: {\n sm: { size: '4px', mx: '2px' },\n md: { size: '6px', mx: '2px' },\n lg: { size: '8px', mx: '3px' }\n }\n }\n})\n\ntype LoaderProps = {\n message?: string\n size?: 'sm' \| 'md' \| 'lg'\n css?: CSS\n}\n\nexport const Loader = ({\n css = {},\n message = 'Loading',\n size = 'md',\n ...props\n}: LoaderProps) => (\n <Flex\n css={{\n justifyContent: 'center',\n ~~// Stitches doesn't recognise CSS as the right type here. The Modulz team doesn't know why.\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n~~ ...(css ~~as any)~~\n }}\n role=\"alert\"\n {...props}\n >\n <VisuallyHidden.Root>{message}</VisuallyHidden.Root>\n <Dot size={size} />\n <Dot size={size} />\n <Dot size={size} />\n </Flex>\n)\n"],"names":["FadeInOut","keyframes","Dot","styled","Loader","css","message","size","props","React","Flex","VisuallyHidden"],"mappings":"2KAMA,MAAMA,EAAYC,EAAU,CAC1B,KAAM,CAAE,QAAS,CAAE,EACnB,MAAO,CAAE,QAAS,CAAE,EACpB,MAAO,CAAE,QAAS,CAAE,EACpB,MAAO,CAAE,QAAS,CAAE,EACpB,OAAQ,CAAE,QAAS,CAAE,CACvB,CAAC,EAEKC,EAAMC,EAAO,MAAO,CACxB,cAAe,GAAGH,IAClB,kBAAmB,~~KACnB~~,kBAAmB,OACnB,wBAAyB,WACzB,wBAAyB,SACzB,gBAAiB,eACjB,aAAc,SACd,iBAAkB,CAChB,eAAgB,QAClB,EACA,iBAAkB,CAChB,eAAgB,QAClB,EACA,iBAAkB,CAChB,eAAgB,CAClB,EAEA,SAAU,CACR,KAAM,CACJ,GAAI,CAAE,KAAM,MAAO,GAAI,KAAM,EAC7B,GAAI,CAAE,KAAM,MAAO,GAAI,KAAM,EAC7B,GAAI,CAAE,KAAM,MAAO,GAAI,KAAM,CAC/B,CACF,CACF,CAAC,EAQYI,EAAS,CAAC,CACrB,IAAAC,EAAM,CAAA,EACN,QAAAC,EAAU,UACV,KAAAC,EAAO,QACJC,CACL,IACEC,EAAA,cAACC,EAAA,CACC,IAAK,CACH,eAAgB,~~SAGhB~~,~~GAAIL~~,~~CACN~~,EACA,KAAK,QACJ,GAAGG,CAEJC,EAAAA,EAAA,cAACE,EAAe,KAAf,KAAqBL,CAAQ,EAC9BG,EAAA,cAACP,EAAA,CAAI,KAAMK,EAAM,EACjBE,EAAA,cAACP,EAAA,CAAI,KAAMK,CAAAA,CAAM,EACjBE,EAAA,cAACP,EAAA,CAAI,KAAMK,EAAM,CACnB"}
1	+ {"version":3,"file":"Loader.js","sources":["../../../src/components/loader/Loader.tsx"],"sourcesContent":["import * as VisuallyHidden from '@radix-ui/react-visually-hidden'\nimport * as React from 'react'\n\nimport { Flex } from '~/components/flex'\nimport { CSS, keyframes, styled } from '~/stitches'\n\nconst FadeInOut = keyframes({\n '0%': { opacity: 0 },\n '30%': { opacity: 1 },\n '50%': { opacity: 1 },\n '80%': { opacity: 0 },\n '100%': { opacity: 0 }\n})\n\nconst Dot = styled('div', {\n animationName: `${FadeInOut}`,\n animationDuration: '1000ms',\n animationFillMode: 'both',\n animationIterationCount: 'infinite',\n animationTimingFunction: 'linear',\n backgroundColor: 'currentColor',\n borderRadius: '$round',\n '&:nth-child(1)': {\n animationDelay: '-300ms'\n },\n '&:nth-child(2)': {\n animationDelay: '-150ms'\n },\n '&:nth-child(3)': {\n animationDelay: 0\n },\n\n variants: {\n size: {\n sm: { size: '4px', mx: '2px' },\n md: { size: '6px', mx: '2px' },\n lg: { size: '8px', mx: '3px' }\n }\n }\n})\n\ntype LoaderProps = {\n message?: string\n size?: 'sm' \| 'md' \| 'lg'\n css?: CSS\n}\n\nexport const Loader = ({\n css = {},\n message = 'Loading',\n size = 'md',\n ...props\n}: LoaderProps) => (\n <Flex\n css={{\n justifyContent: 'center',\n ...css\n }}\n role=\"alert\"\n {...props}\n >\n <VisuallyHidden.Root>{message}</VisuallyHidden.Root>\n <Dot size={size} />\n <Dot size={size} />\n <Dot size={size} />\n </Flex>\n)\n"],"names":["FadeInOut","keyframes","Dot","styled","Loader","css","message","size","props","React","Flex","VisuallyHidden"],"mappings":"2KAMA,MAAMA,EAAYC,EAAU,CAC1B,KAAM,CAAE,QAAS,CAAE,EACnB,MAAO,CAAE,QAAS,CAAE,EACpB,MAAO,CAAE,QAAS,CAAE,EACpB,MAAO,CAAE,QAAS,CAAE,EACpB,OAAQ,CAAE,QAAS,CAAE,CACvB,CAAC,EAEKC,EAAMC,EAAO,MAAO,CACxB,cAAe,GAAGH,IAClB,kBAAmB,SACnB,kBAAmB,OACnB,wBAAyB,WACzB,wBAAyB,SACzB,gBAAiB,eACjB,aAAc,SACd,iBAAkB,CAChB,eAAgB,QAClB,EACA,iBAAkB,CAChB,eAAgB,QAClB,EACA,iBAAkB,CAChB,eAAgB,CAClB,EAEA,SAAU,CACR,KAAM,CACJ,GAAI,CAAE,KAAM,MAAO,GAAI,KAAM,EAC7B,GAAI,CAAE,KAAM,MAAO,GAAI,KAAM,EAC7B,GAAI,CAAE,KAAM,MAAO,GAAI,KAAM,CAC/B,CACF,CACF,CAAC,EAQYI,EAAS,CAAC,CACrB,IAAAC,EAAM,CAAA,EACN,QAAAC,EAAU,UACV,KAAAC,EAAO,QACJC,CACL,IACEC,EAAA,cAACC,EAAA,CACC,IAAK,CACH,eAAgB,SAChB,GAAGL,CACL,EACA,KAAK,QACJ,GAAGG,CAEJC,EAAAA,EAAA,cAACE,EAAe,KAAf,KAAqBL,CAAQ,EAC9BG,EAAA,cAACP,EAAA,CAAI,KAAMK,EAAM,EACjBE,EAAA,cAACP,EAAA,CAAI,KAAMK,CAAAA,CAAM,EACjBE,EAAA,cAACP,EAAA,CAAI,KAAMK,EAAM,CACnB"}

package/dist/components/markdown-content/MarkdownContent.d.ts CHANGED Viewed

@@ -1,10 +1,10 @@
 import * as React from 'react';
 type HandleNode = (node: any) => JSX.Element | null;
 declare const StyledMarkdownContent: import("@atom-learning/stitches-react/types/styled-component").StyledComponent<import("@atom-learning/stitches-react/types/styled-component").StyledComponent<"div", {
-    direction?: "inherit" | "initial" | "revert" | "unset" | "row" | "column" | "column-reverse" | "row-reverse" | "revert-layer" | undefined;
-    wrap?: "inherit" | "initial" | "revert" | "unset" | "wrap" | "nowrap" | "wrap-reverse" | "revert-layer" | undefined;
-    justify?: "left" | "right" | "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start" | "normal" | "revert-layer" | "unsafe" | "safe" | undefined;
-    align?: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "start" | "flex-end" | "flex-start" | "baseline" | "normal" | "self-end" | "self-start" | "revert-layer" | "unsafe" | "safe" | "first baseline" | "last baseline" | undefined;
+    direction?: "inherit" | "initial" | "revert" | "unset" | "row" | "row-reverse" | "column" | "column-reverse" | "revert-layer" | undefined;
+    wrap?: "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "wrap" | "nowrap" | "wrap-reverse" | undefined;
+    justify?: "left" | "right" | "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "normal" | "unsafe" | "safe" | "start" | "end" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
+    align?: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "normal" | "unsafe" | "safe" | "start" | "end" | "flex-start" | "flex-end" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline" | undefined;
     gap?: number | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "24" | undefined;
 }, {
     sm: string;

package/dist/components/markdown-content/MarkdownContent.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import s from"mdast-util-directive";import f from"mdast-util-from-markdown";import l from"micromark-extension-directive";import*as p from"react";import{styled as c}from"../../stitches.js";import{Flex as k}from"../flex/Flex.js";import{StyledHeading as w}from"../heading/Heading.js";import{StyledList as h}from"../list/List.js";import{StyledText as M}from"../text/Text.js";import{MarkdownCode as g}from"./components/MarkdownCode.js";import{MarkdownEmphasis as u}from"./components/MarkdownEmphasis.js";import{MarkdownHeading as x}from"./components/MarkdownHeading.js";import{MarkdownInlineCode as $}from"./components/MarkdownInlineCode.js";import{MarkdownImage as y}from"./components/MarkdownImage.js";import{MarkdownLink as C}from"./components/MarkdownLink.js";import{MarkdownList as L}from"./components/MarkdownList.js";import{MarkdownListItem as E}from"./components/MarkdownListItem.js";import{MarkdownParagraph as I}from"./components/MarkdownParagraph.js";import{MarkdownStrong as S}from"./components/MarkdownStrong.js";import{MarkdownText as T}from"./components/MarkdownText.js";import{MarkdownThematicBreak as W}from"./components/MarkdownThematicBreak.js";const v=c(k,{[`& > ${w}`]:{maxWidth:"65ch"},[`& > ${M}`]:{maxWidth:"75ch"},[`& > ${h}`]:{maxWidth:"75ch"}}),B={code:g,emphasis:u,heading:x,inlineCode:$,image:y,link:C,list:L,listItem:E,paragraph:I,strong:S,text:T,thematicBreak:W},H=o=>{var r,t;if((r=o.position)!=null&&r.start){const{line:m,column:n,offset:e}=(t=o.position)==null?void 0:t.start;return`${o.type}${m}${n}${e}`}return`${o.type}${+new Date}`},d=({content:o,customComponents:r={},css:t})=>{const m=f(o,{extensions:[l()],mdastExtensions:[s.fromMarkdown]}),n={...B,...r},e=i=>{const a=n[i.type];return a?p.createElement(a,{key:H(i),node:i,handleNode:e}):null};return p.createElement(v,{direction:"column",gap:5,css:t},m.children.map(e))};d.displayName="MarkdownContent";export{d as MarkdownContent};
+import d from"mdast-util-directive";import l from"mdast-util-from-markdown";import f from"micromark-extension-directive";import*as p from"react";import{styled as c}from"../../stitches.js";import{Flex as k}from"../flex/Flex.js";import{MarkdownCode as h}from"./components/MarkdownCode.js";import{MarkdownEmphasis as w}from"./components/MarkdownEmphasis.js";import{MarkdownHeading as M}from"./components/MarkdownHeading.js";import{MarkdownInlineCode as u}from"./components/MarkdownInlineCode.js";import{MarkdownImage as g}from"./components/MarkdownImage.js";import{MarkdownLink as x}from"./components/MarkdownLink.js";import{MarkdownList as $}from"./components/MarkdownList.js";import{MarkdownListItem as y}from"./components/MarkdownListItem.js";import{MarkdownParagraph as C}from"./components/MarkdownParagraph.js";import{MarkdownStrong as E}from"./components/MarkdownStrong.js";import{MarkdownText as I}from"./components/MarkdownText.js";import{MarkdownThematicBreak as L}from"./components/MarkdownThematicBreak.js";const W=c(k,{"& > h1, & > h2, & > h3, & > h4":{maxWidth:"65ch"},"& > p":{maxWidth:"75ch"},"& > ul":{maxWidth:"75ch"}}),v={code:h,emphasis:w,heading:M,inlineCode:u,image:g,link:x,list:$,listItem:y,paragraph:C,strong:E,text:I,thematicBreak:L},B=o=>{var r,t;if((r=o.position)!=null&&r.start){const{line:m,column:n,offset:e}=(t=o.position)==null?void 0:t.start;return`${o.type}${m}${n}${e}`}return`${o.type}${+new Date}`},s=({content:o,customComponents:r={},css:t})=>{const m=l(o,{extensions:[f()],mdastExtensions:[d.fromMarkdown]}),n={...v,...r},e=i=>{const a=n[i.type];return a?p.createElement(a,{key:B(i),node:i,handleNode:e}):null};return p.createElement(W,{direction:"column",gap:5,css:t},m.children.map(e))};s.displayName="MarkdownContent";export{s as MarkdownContent};
 //# sourceMappingURL=MarkdownContent.js.map