npm - @atom-learning/components - Versions diffs - 3.6.0 → 3.8.0 - Mend

@atom-learning/components 3.6.0 → 3.8.0

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

package/CHANGELOG.md CHANGED Viewed

@@ -1,18 +1,19 @@
-# [3.6.0](https://github.com/Atom-Learning/components/compare/v3.5.2...v3.6.0) (2023-12-05)
+# [3.8.0](https://github.com/Atom-Learning/components/compare/v3.7.0...v3.8.0) (2024-01-03)
 ### Bug Fixes
-* override onDismiss for DismissibleGroupItem to be the one from the Root ([fac670a](https://github.com/Atom-Learning/components/commit/fac670a1819a8c979e92dcd2f3bb23ac327e781d))
+* improve CheckboxGroup types ([a2a5e14](https://github.com/Atom-Learning/components/commit/a2a5e14c40997bea21f7045de067db170adb37ce))
+* update snapshots ([89d999c](https://github.com/Atom-Learning/components/commit/89d999c44df91e54629ca01440cf03740fb5a3f3))
 ### Features
-* allow Dismissible to be controlled ([036d022](https://github.com/Atom-Learning/components/commit/036d02294c009d8027ebb33b991e9e6cbaafe5b7))
-* keep value in DismissibleGroupItem as it's useful there ([36f25dc](https://github.com/Atom-Learning/components/commit/36f25dcd514fec9e3e566bfad532360684be66a0))
-* remove unecessary prop value from Dismissible ([1e6d195](https://github.com/Atom-Learning/components/commit/1e6d19596b3b7a839be65e7a9e0e4da7bdef2587))
-* remove value prop from BannerRegular test ([e90acad](https://github.com/Atom-Learning/components/commit/e90acadb1b30675165a1f34470003351fc656f03))
-* update components which use Dismissible to match props ([60dc13d](https://github.com/Atom-Learning/components/commit/60dc13d7e8a076bfb10b55830e788e3c9879549c))
+* component CheckboxGroup ([b4a3064](https://github.com/Atom-Learning/components/commit/b4a306463b577c5918c15ca3a113693fd81d7308))
+* export CheckboxGroup ([2f24322](https://github.com/Atom-Learning/components/commit/2f243221042da6d20b9d3261390696cf237c9656))
+* minor Checkbox css tweaks and simplify test ([b1bc454](https://github.com/Atom-Learning/components/commit/b1bc454e3f2698bf4ac8f0a1e9b90cc2c25429f0))
+* test CheckboxGroup ([c055509](https://github.com/Atom-Learning/components/commit/c0555091afa139e395c26a63fe01fd406f54ff0d))
+* tweaks to CheckboxGroup components to play better with components using them ([4bb0c85](https://github.com/Atom-Learning/components/commit/4bb0c8581ea1b366a6b6ae01fd1570b330cc8d1e))
 # [1.4.0](https://github.com/Atom-Learning/components/compare/v1.3.0...v1.4.0) (2022-04-11)

package/dist/components/checkbox/Checkbox.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{Minus as l,Ok as d}from"@atom-learning/icons";import*as t from"@radix-ui/react-checkbox";import*as r from"react";import{styled as i}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 p}from"../../utilities/override-stitches-variant-value/overrideStitchesVariantValue.js";import{disabledStyle as c}from"../../utilities/style/disabledStyle.js";import{Icon as f}from"../icon/Icon.js";const u=i(t.Indicator,{position:"absolute",top:"50%",left:"50%",transform:"translateX(-50%) translateY(-50%)"}),b=i(t.Root,{appearance:"none",position:"relative",backgroundColor:"transparent",border:"1px solid $colors$tonal400",borderRadius:"3px",color:"white",cursor:"pointer",size:"$1",p:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"all 50ms ease-out",'&[data-state="checked"]':{backgroundColor:"$primary",borderColor:"$primary"},'&[data-state="indeterminate"]':{backgroundColor:"$primary",borderColor:"$primary"},"&:focus":{outline:"2px solid $primary",outlineOffset:"1px"},"&[disabled]":c,variants:{state:{error:{borderColor:"$danger"}},size:{md:{size:"$1"},lg:{size:"$2",mt:"-$1"}}}}),C={md:"sm",lg:"md"},a=r.forwardRef(({size:e="md",...o},s)=>{const n=r.useMemo(()=>p(e,m=>C[m]),[e]);return r.createElement(b,{...o,size:e,ref:s},r.createElement(u,{asChild:!0},r.createElement(f,{is:o.checked==="indeterminate"?l:d,css:{strokeWidth:"3"},size:n})))});a.displayName="Checkbox";export{a as Checkbox};
+import{Minus as d,Ok as p}from"@atom-learning/icons";import*as t from"@radix-ui/react-checkbox";import*as e from"react";import{styled as i}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 c}from"../../utilities/override-stitches-variant-value/overrideStitchesVariantValue.js";import{disabledStyle as f}from"../../utilities/style/disabledStyle.js";import{Icon as u}from"../icon/Icon.js";const b=i(t.Indicator,{position:"absolute",top:"50%",left:"50%",transform:"translateX(-50%) translateY(-50%)"}),k=i(t.Root,{appearance:"none",position:"relative",backgroundColor:"transparent",border:"1px solid $colors$tonal400",borderRadius:"3px",color:"white",cursor:"pointer",size:"$1",p:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"all 50ms ease-out",flexShrink:0,'&[data-state="checked"]':{backgroundColor:"$primary",borderColor:"$primary"},'&[data-state="indeterminate"]':{backgroundColor:"$primary",borderColor:"$primary"},"&:focus":{outline:"2px solid $primary",outlineOffset:"1px"},"&[disabled]":f,variants:{state:{error:{borderColor:"$danger"}},size:{md:{size:"$1"},lg:{size:"$2",mt:"-$1"}}}}),y={md:"sm",lg:"md"},a=e.forwardRef(({size:r="md",checked:o,...s},n)=>{const m=e.useMemo(()=>c(r,l=>y[l]),[r]);return e.createElement(k,{ref:n,checked:o,size:r,...s},e.createElement(b,{asChild:!0},e.createElement(u,{is:o==="indeterminate"?d:p,css:{strokeWidth:"3"},size:m})))});a.displayName="Checkbox";export{a as Checkbox};
 //# sourceMappingURL=Checkbox.js.map

package/dist/components/checkbox/Checkbox.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Checkbox.js","sources":["../../../src/components/checkbox/Checkbox.tsx"],"sourcesContent":["import { Minus, Ok } from '@atom-learning/icons'\nimport * as RadixCheckbox from '@radix-ui/react-checkbox'\nimport * as React from 'react'\n\nimport { styled } from '~/stitches'\nimport { disabledStyle } from '~/utilities'\nimport { overrideStitchesVariantValue } from '~/utilities/override-stitches-variant-value/overrideStitchesVariantValue'\n\nimport { Icon } from '../icon'\n\nconst StyledIndicator = styled(RadixCheckbox.Indicator, {\n position: 'absolute',\n top: '50%',\n left: '50%',\n transform: 'translateX(-50%) translateY(-50%)'\n})\n\nconst StyledCheckbox = styled(RadixCheckbox.Root, {\n appearance: 'none',\n position: 'relative',\n backgroundColor: 'transparent',\n border: '1px solid $colors$tonal400',\n borderRadius: '3px',\n color: 'white',\n cursor: 'pointer',\n size: '$1',\n p: 0,\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n transition: 'all 50ms ease-out',\n '&[data-state=\"checked\"]': {\n backgroundColor: '$primary',\n borderColor: '$primary'\n },\n '&[data-state=\"indeterminate\"]': {\n backgroundColor: '$primary',\n borderColor: '$primary'\n },\n '&:focus': {\n outline: '2px solid $primary',\n outlineOffset: '1px'\n },\n '&[disabled]': disabledStyle,\n variants: {\n state: {\n error: {\n borderColor: '$danger'\n }\n },\n size: {\n md: {\n size: '$1'\n },\n lg: {\n size: '$2',\n mt: '-$1'\n }\n }\n }\n})\n\nconst toIconSize = {\n md: 'sm',\n lg: 'md'\n}\n\ntype CheckboxProps = React.ComponentProps<typeof StyledCheckbox>\n\nexport const Checkbox: React.FC<CheckboxProps> = React.forwardRef(\n ({ size = 'md', ...~~props~~ }, ref) => {\n const iconSize = React.useMemo(\n () => overrideStitchesVariantValue(size, (s) => toIconSize[s]),\n [size]\n )\n\n return (\n <StyledCheckbox {~~...props~~} size={size} ~~ref=~~{~~ref~~}>\n <StyledIndicator asChild>\n <Icon\n is={~~props.~~checked === 'indeterminate' ? Minus : Ok}\n css={{\n strokeWidth: '3'\n }}\n size={iconSize}\n />\n </StyledIndicator>\n </StyledCheckbox>\n )\n }\n)\n\nCheckbox.displayName = 'Checkbox'\n"],"names":["StyledIndicator","styled","RadixCheckbox","StyledCheckbox","disabledStyle","toIconSize","Checkbox","React","size","~~props~~","ref","iconSize","overrideStitchesVariantValue","s","Icon","Minus","Ok"],"mappings":"wkBAUA,MAAMA,EAAkBC,EAAOC,EAAc,UAAW,CACtD,SAAU,WACV,IAAK,MACL,KAAM,MACN,UAAW,mCACb,CAAC,EAEKC,EAAiBF,EAAOC,EAAc,KAAM,CAChD,WAAY,OACZ,SAAU,WACV,gBAAiB,cACjB,OAAQ,6BACR,aAAc,MACd,MAAO,QACP,OAAQ,UACR,KAAM,KACN,EAAG,EACH,QAAS,OACT,WAAY,SACZ,eAAgB,SAChB,WAAY,oBACZ,0BAA2B,CACzB,gBAAiB,WACjB,YAAa,UACf,EACA,gCAAiC,CAC/B,gBAAiB,WACjB,YAAa,UACf,EACA,UAAW,CACT,QAAS,qBACT,cAAe,KACjB,EACA,cAAeE,EACf,SAAU,CACR,MAAO,CACL,MAAO,CACL,YAAa,SACf,CACF,EACA,KAAM,CACJ,GAAI,CACF,KAAM,IACR,EACA,GAAI,CACF,KAAM,KACN,GAAI,KACN,CACF,CACF,CACF,CAAC,EAEKC,EAAa,CACjB,GAAI,KACJ,GAAI,IACN,EAIaC,EAAoCC,EAAM,WACrD,CAAC,CAAE,KAAAC,EAAO,~~QAASC~~,~~CAAM~~,EAAGC,IAAQ,~~CAClC~~,MAAMC,~~EAAWJ~~,EAAM,QACrB,~~IAAMK~~,~~EAA6BJ~~,~~EAAOK~~,~~GAAMR~~,~~EAAWQ~~,EAAE,EAC7D,~~CAACL~~,CAAI,CACP,EAEA,OACED,EAAA,cAACJ,EAAA,~~CAAgB~~,~~GAAGM~~,~~EAAO~~,KAAMD,~~EAAM~~,~~IAAKE~~,~~CAC1CH~~,EAAAA,EAAA,cAACP,EAAA,CAAgB,QAAO,~~IACtBO~~,EAAA,~~cAACO~~,EAAA,CACC,~~GAAIL~~,~~EAAM~~,~~UAAY~~,~~gBAAkBM,~~EAAQC,~~EAChD~~,IAAK,CACH,YAAa,GACf,EACA,KAAML,CACR,CAAA,CACF,CACF,CAEJ,CACF,~~EAEAL~~,EAAS,YAAc"}
1	+ {"version":3,"file":"Checkbox.js","sources":["../../../src/components/checkbox/Checkbox.tsx"],"sourcesContent":["import { Minus, Ok } from '@atom-learning/icons'\nimport * as RadixCheckbox from '@radix-ui/react-checkbox'\nimport * as React from 'react'\n\nimport { styled } from '~/stitches'\nimport { disabledStyle } from '~/utilities'\nimport { overrideStitchesVariantValue } from '~/utilities/override-stitches-variant-value/overrideStitchesVariantValue'\n\nimport { Icon } from '../icon'\n\nconst StyledIndicator = styled(RadixCheckbox.Indicator, {\n position: 'absolute',\n top: '50%',\n left: '50%',\n transform: 'translateX(-50%) translateY(-50%)'\n})\n\nconst StyledCheckbox = styled(RadixCheckbox.Root, {\n appearance: 'none',\n position: 'relative',\n backgroundColor: 'transparent',\n border: '1px solid $colors$tonal400',\n borderRadius: '3px',\n color: 'white',\n cursor: 'pointer',\n size: '$1',\n p: 0,\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n transition: 'all 50ms ease-out',\n flexShrink: 0,\n '&[data-state=\"checked\"]': {\n backgroundColor: '$primary',\n borderColor: '$primary'\n },\n '&[data-state=\"indeterminate\"]': {\n backgroundColor: '$primary',\n borderColor: '$primary'\n },\n '&:focus': {\n outline: '2px solid $primary',\n outlineOffset: '1px'\n },\n '&[disabled]': disabledStyle,\n variants: {\n state: {\n error: {\n borderColor: '$danger'\n }\n },\n size: {\n md: {\n size: '$1'\n },\n lg: {\n size: '$2',\n mt: '-$1'\n }\n }\n }\n})\n\nconst toIconSize = {\n md: 'sm',\n lg: 'md'\n}\n\ntype CheckboxProps = React.ComponentProps<typeof StyledCheckbox>\n\nexport const Checkbox: React.FC<CheckboxProps> = React.forwardRef(\n ({ size = 'md', checked, ...rest }, ref) => {\n const iconSize = React.useMemo(\n () => overrideStitchesVariantValue(size, (s) => toIconSize[s]),\n [size]\n )\n\n return (\n <StyledCheckbox ref={ref} checked={checked} size={size} {...rest}>\n <StyledIndicator asChild>\n <Icon\n is={checked === 'indeterminate' ? Minus : Ok}\n css={{\n strokeWidth: '3'\n }}\n size={iconSize}\n />\n </StyledIndicator>\n </StyledCheckbox>\n )\n }\n)\n\nCheckbox.displayName = 'Checkbox'\n"],"names":["StyledIndicator","styled","RadixCheckbox","StyledCheckbox","disabledStyle","toIconSize","Checkbox","React","size","checked","rest","ref","iconSize","overrideStitchesVariantValue","s","Icon","Minus","Ok"],"mappings":"wkBAUA,MAAMA,EAAkBC,EAAOC,EAAc,UAAW,CACtD,SAAU,WACV,IAAK,MACL,KAAM,MACN,UAAW,mCACb,CAAC,EAEKC,EAAiBF,EAAOC,EAAc,KAAM,CAChD,WAAY,OACZ,SAAU,WACV,gBAAiB,cACjB,OAAQ,6BACR,aAAc,MACd,MAAO,QACP,OAAQ,UACR,KAAM,KACN,EAAG,EACH,QAAS,OACT,WAAY,SACZ,eAAgB,SAChB,WAAY,oBACZ,WAAY,EACZ,0BAA2B,CACzB,gBAAiB,WACjB,YAAa,UACf,EACA,gCAAiC,CAC/B,gBAAiB,WACjB,YAAa,UACf,EACA,UAAW,CACT,QAAS,qBACT,cAAe,KACjB,EACA,cAAeE,EACf,SAAU,CACR,MAAO,CACL,MAAO,CACL,YAAa,SACf,CACF,EACA,KAAM,CACJ,GAAI,CACF,KAAM,IACR,EACA,GAAI,CACF,KAAM,KACN,GAAI,KACN,CACF,CACF,CACF,CAAC,EAEKC,EAAa,CACjB,GAAI,KACJ,GAAI,IACN,EAIaC,EAAoCC,EAAM,WACrD,CAAC,CAAE,KAAAC,EAAO,KAAM,QAAAC,KAAYC,CAAK,EAAGC,IAAQ,CAC1C,MAAMC,EAAWL,EAAM,QACrB,IAAMM,EAA6BL,EAAOM,GAAMT,EAAWS,EAAE,EAC7D,CAACN,CAAI,CACP,EAEA,OACED,EAAA,cAACJ,EAAA,CAAe,IAAKQ,EAAK,QAASF,EAAS,KAAMD,EAAO,GAAGE,CAC1DH,EAAAA,EAAA,cAACP,EAAA,CAAgB,QAAO,EAAA,EACtBO,EAAA,cAACQ,EAAA,CACC,GAAIN,IAAY,gBAAkBO,EAAQC,EAC1C,IAAK,CACH,YAAa,GACf,EACA,KAAML,CACR,CAAA,CACF,CACF,CAEJ,CACF,EAEAN,EAAS,YAAc"}

package/dist/components/checkbox-group/CheckboxGroup.context.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export { CheckboxGroupMountedContext, CheckboxGroupMountedProvider } from './context/CheckboxGroupMounted.context';
2	+ export { CheckboxGroupCheckedContext, CheckboxGroupCheckedProvider } from './context/CheckboxGroupChecked.context';