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

package/dist/components/checkbox/Checkbox.d.ts

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

package/dist/components/checkbox/Checkbox.js

@@ -1,2 +1,2 @@
-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:"$primary800",borderColor:"$primary800"},'&[data-state="indeterminate"]':{backgroundColor:"$primary800",borderColor:"$primary800"},"&:focus":{outline:"2px solid $primary800",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};
+import{Minus as l,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%)"}),y=i(t.Root,{appearance:"none",position:"relative",backgroundColor:"transparent",border:"1px solid $colors$grey800",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:"$primary800",borderColor:"$primary800"},'&[data-state="indeterminate"]':{backgroundColor:"$primary800",borderColor:"$primary800"},"&:focus":{outline:"2px solid $primary800",outlineOffset:"1px"},"&[disabled]":f,variants:{state:{error:{borderColor:"$danger"}},size:{md:{size:"$1"},lg:{size:"$2",mt:"-$1"}}}}),k={md:"sm",lg:"md"},a=e.forwardRef(({size:r="md",checked:o,...s},n)=>{const m=e.useMemo(()=>c(r,d=>k[d]),[r]);return e.createElement(y,{ref:n,checked:o,size:r,...s},e.createElement(b,{asChild:!0},e.createElement(u,{is:o==="indeterminate"?l:p,css:{strokeWidth:"3"},size:m})))});a.displayName="Checkbox";export{a as Checkbox};
 //# sourceMappingURL=Checkbox.js.map

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

@@ -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  flexShrink: 0,\n  '&[data-state=\"checked\"]': {\n    backgroundColor: '$primary800',\n    borderColor: '$primary800'\n  },\n  '&[data-state=\"indeterminate\"]': {\n    backgroundColor: '$primary800',\n    borderColor: '$primary800'\n  },\n  '&:focus': {\n    outline: '2px solid $primary800',\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\nexport const Checkbox: React.ForwardRefExoticComponent<\n  React.ComponentProps<typeof StyledCheckbox>\n> = React.forwardRef(({ 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\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,cACjB,YAAa,aACf,EACA,gCAAiC,CAC/B,gBAAiB,cACjB,YAAa,aACf,EACA,UAAW,CACT,QAAS,wBACT,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,EAEaC,EAETC,EAAM,WAAW,CAAC,CAAE,KAAAC,EAAO,KAAM,QAAAC,KAAYC,CAAK,EAAGC,IAAQ,CAC/D,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,CAAC,EAEDN,EAAS,YAAc"}
+{"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$grey800',\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: '$primary800',\n    borderColor: '$primary800'\n  },\n  '&[data-state=\"indeterminate\"]': {\n    backgroundColor: '$primary800',\n    borderColor: '$primary800'\n  },\n  '&:focus': {\n    outline: '2px solid $primary800',\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\nexport const Checkbox: React.ForwardRefExoticComponent<\n  React.ComponentProps<typeof StyledCheckbox>\n> = React.forwardRef(({ 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\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,4BACR,aAAc,MACd,MAAO,QACP,OAAQ,UACR,KAAM,KACN,EAAG,EACH,QAAS,OACT,WAAY,SACZ,eAAgB,SAChB,WAAY,oBACZ,WAAY,EACZ,0BAA2B,CACzB,gBAAiB,cACjB,YAAa,aACf,EACA,gCAAiC,CAC/B,gBAAiB,cACjB,YAAa,aACf,EACA,UAAW,CACT,QAAS,wBACT,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,EAEaC,EAETC,EAAM,WAAW,CAAC,CAAE,KAAAC,EAAO,KAAM,QAAAC,KAAYC,CAAK,EAAGC,IAAQ,CAC/D,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,CAAC,EAEDN,EAAS,YAAc"}

package/dist/components/checkbox-group/CheckboxGroup.d.ts

@@ -216,26 +216,11 @@ export declare const CheckboxGroup: (({ checked, defaultChecked, onCheckedChange
                 marsh1000: any;
                 marsh1100: any;
                 marsh1200: any;
-                tonal50: any;
-                tonal100: any;
-                tonal200: any;
-                tonal300: any;
-                tonal400: any;
-                tonal500: any;
-                tonal600: any;
                 alpha100: any;
                 alpha150: any;
                 alpha200: any;
                 alpha250: any;
                 alpha600: any;
-                brandRed: any;
-                brandRedAccent: any;
-                brandGreen: any;
-                brandGreenAccent: any;
-                brandPurple: any;
-                brandPurpleAccent: any;
-                brandYellow: any;
-                brandYellowAccent: any;
                 infoLight: any;
                 info: any;
                 infoMid: any;
@@ -606,26 +591,11 @@ export declare const CheckboxGroup: (({ checked, defaultChecked, onCheckedChange
                 marsh1000: any;
                 marsh1100: any;
                 marsh1200: any;
-                tonal50: any;
-                tonal100: any;
-                tonal200: any;
-                tonal300: any;
-                tonal400: any;
-                tonal500: any;
-                tonal600: any;
                 alpha100: any;
                 alpha150: any;
                 alpha200: any;
                 alpha250: any;
                 alpha600: any;
-                brandRed: any;
-                brandRedAccent: any;
-                brandGreen: any;
-                brandGreenAccent: any;
-                brandPurple: any;
-                brandPurpleAccent: any;
-                brandYellow: any;
-                brandYellowAccent: any;
                 infoLight: any;
                 info: any;
                 infoMid: any;
@@ -1273,26 +1243,11 @@ export declare const CheckboxGroup: (({ checked, defaultChecked, onCheckedChange
                 marsh1000: any;
                 marsh1100: any;
                 marsh1200: any;
-                tonal50: any;
-                tonal100: any;
-                tonal200: any;
-                tonal300: any;
-                tonal400: any;
-                tonal500: any;
-                tonal600: any;
                 alpha100: any;
                 alpha150: any;
                 alpha200: any;
                 alpha250: any;
                 alpha600: any;
-                brandRed: any;
-                brandRedAccent: any;
-                brandGreen: any;
-                brandGreenAccent: any;
-                brandPurple: any;
-                brandPurpleAccent: any;
-                brandYellow: any;
-                brandYellowAccent: any;
                 infoLight: any;
                 info: any;
                 infoMid: any;

package/dist/components/checkbox-tree/CheckboxTree.d.ts

@@ -204,26 +204,11 @@ export declare const CheckboxTree: (({ checked, defaultChecked, onCheckedChange,
                 marsh1000: any;
                 marsh1100: any;
                 marsh1200: any;
-                tonal50: any;
-                tonal100: any;
-                tonal200: any;
-                tonal300: any;
-                tonal400: any;
-                tonal500: any;
-                tonal600: any;
                 alpha100: any;
                 alpha150: any;
                 alpha200: any;
                 alpha250: any;
                 alpha600: any;
-                brandRed: any;
-                brandRedAccent: any;
-                brandGreen: any;
-                brandGreenAccent: any;
-                brandPurple: any;
-                brandPurpleAccent: any;
-                brandYellow: any;
-                brandYellowAccent: any;
                 infoLight: any;
                 info: any;
                 infoMid: any;
@@ -856,26 +841,11 @@ export declare const CheckboxTree: (({ checked, defaultChecked, onCheckedChange,
                 marsh1000: any;
                 marsh1100: any;
                 marsh1200: any;
-                tonal50: any;
-                tonal100: any;
-                tonal200: any;
-                tonal300: any;
-                tonal400: any;
-                tonal500: any;
-                tonal600: any;
                 alpha100: any;
                 alpha150: any;
                 alpha200: any;
                 alpha250: any;
                 alpha600: any;
-                brandRed: any;
-                brandRedAccent: any;
-                brandGreen: any;
-                brandGreenAccent: any;
-                brandPurple: any;
-                brandPurpleAccent: any;
-                brandYellow: any;
-                brandYellowAccent: any;
                 infoLight: any;
                 info: any;
                 infoMid: any;
@@ -1565,26 +1535,11 @@ export declare const CheckboxTree: (({ checked, defaultChecked, onCheckedChange,
                 marsh1000: any;
                 marsh1100: any;
                 marsh1200: any;
-                tonal50: any;
-                tonal100: any;
-                tonal200: any;
-                tonal300: any;
-                tonal400: any;
-                tonal500: any;
-                tonal600: any;
                 alpha100: any;
                 alpha150: any;
                 alpha200: any;
                 alpha250: any;
                 alpha600: any;
-                brandRed: any;
-                brandRedAccent: any;
-                brandGreen: any;
-                brandGreenAccent: any;
-                brandPurple: any;
-                brandPurpleAccent: any;
-                brandYellow: any;
-                brandYellowAccent: any;
                 infoLight: any;
                 info: any;
                 infoMid: any;
@@ -2297,26 +2252,11 @@ export declare const CheckboxTree: (({ checked, defaultChecked, onCheckedChange,
                 marsh1000: any;
                 marsh1100: any;
                 marsh1200: any;
-                tonal50: any;
-                tonal100: any;
-                tonal200: any;
-                tonal300: any;
-                tonal400: any;
-                tonal500: any;
-                tonal600: any;
                 alpha100: any;
                 alpha150: any;
                 alpha200: any;
                 alpha250: any;
                 alpha600: any;
-                brandRed: any;
-                brandRedAccent: any;
-                brandGreen: any;
-                brandGreenAccent: any;
-                brandPurple: any;
-                brandPurpleAccent: any;
-                brandYellow: any;
-                brandYellowAccent: any;
                 infoLight: any;
                 info: any;
                 infoMid: any;

package/dist/components/chip/Chip.d.ts

@@ -204,26 +204,11 @@ export declare const StyledChipContent: import("@atom-learning/stitches-react/ty
         marsh1000: any;
         marsh1100: any;
         marsh1200: any;
-        tonal50: any;
-        tonal100: any;
-        tonal200: any;
-        tonal300: any;
-        tonal400: any;
-        tonal500: any;
-        tonal600: any;
         alpha100: any;
         alpha150: any;
         alpha200: any;
         alpha250: any;
         alpha600: any;
-        brandRed: any;
-        brandRedAccent: any;
-        brandGreen: any;
-        brandGreenAccent: any;
-        brandPurple: any;
-        brandPurpleAccent: any;
-        brandYellow: any;
-        brandYellowAccent: any;
         infoLight: any;
         info: any;
         infoMid: any;
@@ -590,26 +575,11 @@ export declare const StyledRoot: import("@atom-learning/stitches-react/types/sty
         marsh1000: any;
         marsh1100: any;
         marsh1200: any;
-        tonal50: any;
-        tonal100: any;
-        tonal200: any;
-        tonal300: any;
-        tonal400: any;
-        tonal500: any;
-        tonal600: any;
         alpha100: any;
         alpha150: any;
         alpha200: any;
         alpha250: any;
         alpha600: any;
-        brandRed: any;
-        brandRedAccent: any;
-        brandGreen: any;
-        brandGreenAccent: any;
-        brandPurple: any;
-        brandPurpleAccent: any;
-        brandYellow: any;
-        brandYellowAccent: any;
         infoLight: any;
         info: any;
         infoMid: any;
@@ -970,26 +940,11 @@ export declare const StyledRoot: import("@atom-learning/stitches-react/types/sty
         marsh1000: any;
         marsh1100: any;
         marsh1200: any;
-        tonal50: any;
-        tonal100: any;
-        tonal200: any;
-        tonal300: any;
-        tonal400: any;
-        tonal500: any;
-        tonal600: any;
         alpha100: any;
         alpha150: any;
         alpha200: any;
         alpha250: any;
         alpha600: any;
-        brandRed: any;
-        brandRedAccent: any;
-        brandGreen: any;
-        brandGreenAccent: any;
-        brandPurple: any;
-        brandPurpleAccent: any;
-        brandYellow: any;
-        brandYellowAccent: any;
         infoLight: any;
         info: any;
         infoMid: any;
@@ -1360,26 +1315,11 @@ export declare const ChipRootContext: React.Context<Omit<Omit<Omit<React.Detaile
             marsh1000: any;
             marsh1100: any;
             marsh1200: any;
-            tonal50: any;
-            tonal100: any;
-            tonal200: any;
-            tonal300: any;
-            tonal400: any;
-            tonal500: any;
-            tonal600: any;
             alpha100: any;
             alpha150: any;
             alpha200: any;
             alpha250: any;
             alpha600: any;
-            brandRed: any;
-            brandRedAccent: any;
-            brandGreen: any;
-            brandGreenAccent: any;
-            brandPurple: any;
-            brandPurpleAccent: any;
-            brandYellow: any;
-            brandYellowAccent: any;
             infoLight: any;
             info: any;
             infoMid: any;
@@ -1742,26 +1682,11 @@ export declare const ChipRootContext: React.Context<Omit<Omit<Omit<React.Detaile
             marsh1000: any;
             marsh1100: any;
             marsh1200: any;
-            tonal50: any;
-            tonal100: any;
-            tonal200: any;
-            tonal300: any;
-            tonal400: any;
-            tonal500: any;
-            tonal600: any;
             alpha100: any;
             alpha150: any;
             alpha200: any;
             alpha250: any;
             alpha600: any;
-            brandRed: any;
-            brandRedAccent: any;
-            brandGreen: any;
-            brandGreenAccent: any;
-            brandPurple: any;
-            brandPurpleAccent: any;
-            brandYellow: any;
-            brandYellowAccent: any;
             infoLight: any;
             info: any;
             infoMid: any;
@@ -2133,26 +2058,11 @@ export declare const Chip: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.
             marsh1000: any;
             marsh1100: any;
             marsh1200: any;
-            tonal50: any;
-            tonal100: any;
-            tonal200: any;
-            tonal300: any;
-            tonal400: any;
-            tonal500: any;
-            tonal600: any;
             alpha100: any;
             alpha150: any;
             alpha200: any;
             alpha250: any;
             alpha600: any;
-            brandRed: any;
-            brandRedAccent: any;
-            brandGreen: any;
-            brandGreenAccent: any;
-            brandPurple: any;
-            brandPurpleAccent: any;
-            brandYellow: any;
-            brandYellowAccent: any;
             infoLight: any;
             info: any;
             infoMid: any;
@@ -2515,26 +2425,11 @@ export declare const Chip: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.
             marsh1000: any;
             marsh1100: any;
             marsh1200: any;
-            tonal50: any;
-            tonal100: any;
-            tonal200: any;
-            tonal300: any;
-            tonal400: any;
-            tonal500: any;
-            tonal600: any;
             alpha100: any;
             alpha150: any;
             alpha200: any;
             alpha250: any;
             alpha600: any;
-            brandRed: any;
-            brandRedAccent: any;
-            brandGreen: any;
-            brandGreenAccent: any;
-            brandPurple: any;
-            brandPurpleAccent: any;
-            brandYellow: any;
-            brandYellowAccent: any;
             infoLight: any;
             info: any;
             infoMid: any;

package/dist/components/chip-dismissible-group/ChipDismissibleGroupItem.d.ts

@@ -213,26 +213,11 @@ declare const StyledChipDismissibleGroupItem: import("@atom-learning/stitches-re
             marsh1000: any;
             marsh1100: any;
             marsh1200: any;
-            tonal50: any;
-            tonal100: any;
-            tonal200: any;
-            tonal300: any;
-            tonal400: any;
-            tonal500: any;
-            tonal600: any;
             alpha100: any;
             alpha150: any;
             alpha200: any;
             alpha250: any;
             alpha600: any;
-            brandRed: any;
-            brandRedAccent: any;
-            brandGreen: any;
-            brandGreenAccent: any;
-            brandPurple: any;
-            brandPurpleAccent: any;
-            brandYellow: any;
-            brandYellowAccent: any;
             infoLight: any;
             info: any;
             infoMid: any;
@@ -595,26 +580,11 @@ declare const StyledChipDismissibleGroupItem: import("@atom-learning/stitches-re
             marsh1000: any;
             marsh1100: any;
             marsh1200: any;
-            tonal50: any;
-            tonal100: any;
-            tonal200: any;
-            tonal300: any;
-            tonal400: any;
-            tonal500: any;
-            tonal600: any;
             alpha100: any;
             alpha150: any;
             alpha200: any;
             alpha250: any;
             alpha600: any;
-            brandRed: any;
-            brandRedAccent: any;
-            brandGreen: any;
-            brandGreenAccent: any;
-            brandPurple: any;
-            brandPurpleAccent: any;
-            brandYellow: any;
-            brandYellowAccent: any;
             infoLight: any;
             info: any;
             infoMid: any;
@@ -984,26 +954,11 @@ declare const StyledChipDismissibleGroupItem: import("@atom-learning/stitches-re
                 marsh1000: any;
                 marsh1100: any;
                 marsh1200: any;
-                tonal50: any;
-                tonal100: any;
-                tonal200: any;
-                tonal300: any;
-                tonal400: any;
-                tonal500: any;
-                tonal600: any;
                 alpha100: any;
                 alpha150: any;
                 alpha200: any;
                 alpha250: any;
                 alpha600: any;
-                brandRed: any;
-                brandRedAccent: any;
-                brandGreen: any;
-                brandGreenAccent: any;
-                brandPurple: any;
-                brandPurpleAccent: any;
-                brandYellow: any;
-                brandYellowAccent: any;
                 infoLight: any;
                 info: any;
                 infoMid: any;
@@ -1367,26 +1322,11 @@ declare const StyledChipDismissibleGroupItem: import("@atom-learning/stitches-re
         marsh1000: any;
         marsh1100: any;
         marsh1200: any;
-        tonal50: any;
-        tonal100: any;
-        tonal200: any;
-        tonal300: any;
-        tonal400: any;
-        tonal500: any;
-        tonal600: any;
         alpha100: any;
         alpha150: any;
         alpha200: any;
         alpha250: any;
         alpha600: any;
-        brandRed: any;
-        brandRedAccent: any;
-        brandGreen: any;
-        brandGreenAccent: any;
-        brandPurple: any;
-        brandPurpleAccent: any;
-        brandYellow: any;
-        brandYellowAccent: any;
         infoLight: any;
         info: any;
         infoMid: any;

package/dist/components/chip-dismissible-group/ChipDismissibleGroupItem.js

@@ -1,2 +1,2 @@
-import{Close as l}from"@atom-learning/icons";import*as e from"react";import{Chip as i}from"../chip/Chip.js";import"../chip/ChipGroup.js";import{DismissibleGroup as m}from"../dismissible-group/index.js";import{styled as n}from"../../stitches.js";import{ActionIcon as c}from"../action-icon/ActionIcon.js";import{Icon as p}from"../icon/Icon.js";const a=n(i,{px:"$1"}),f=({size:t="md",children:o,dismissActionLabel:r="Dismiss",...s})=>e.createElement(m.Item,{asChild:!0,...s},e.createElement(a,{size:t},e.createElement(i.Content,null,o),e.createElement(m.Trigger,{asChild:!0},e.createElement(c,{label:r,css:{color:"$tonal200"},size:t==="sm"?"xs":"sm"},e.createElement(p,{is:l})))));export{f as ChipDismissibleGroupItem};
+import{Close as l}from"@atom-learning/icons";import*as e from"react";import{Chip as m}from"../chip/Chip.js";import"../chip/ChipGroup.js";import{DismissibleGroup as t}from"../dismissible-group/index.js";import{styled as n}from"../../stitches.js";import{ActionIcon as c}from"../action-icon/ActionIcon.js";import{Icon as p}from"../icon/Icon.js";const a=n(m,{px:"$1"}),f=({size:i="md",children:r,dismissActionLabel:o="Dismiss",...s})=>e.createElement(t.Item,{asChild:!0,...s},e.createElement(a,{size:i},e.createElement(m.Content,null,r),e.createElement(t.Trigger,{asChild:!0},e.createElement(c,{label:o,css:{color:"$grey600"},size:i==="sm"?"xs":"sm"},e.createElement(p,{is:l})))));export{f as ChipDismissibleGroupItem};
 //# sourceMappingURL=ChipDismissibleGroupItem.js.map

package/dist/components/chip-dismissible-group/ChipDismissibleGroupItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChipDismissibleGroupItem.js","sources":["../../../src/components/chip-dismissible-group/ChipDismissibleGroupItem.tsx"],"sourcesContent":["import { Close } from '@atom-learning/icons'\nimport * as React from 'react'\n\nimport { Chip } from '~/components/chip'\nimport { DismissibleGroup } from '~/components/dismissible-group'\nimport { styled } from '~/stitches'\n\nimport { ActionIcon } from '../action-icon'\nimport { Icon } from '../icon'\n\nconst StyledChipDismissibleGroupItem = styled(Chip, { px: '$1' })\n\nexport type TChipDismissibleGroupItem = React.ComponentProps<\n  typeof DismissibleGroup.Item\n> &\n  React.ComponentProps<typeof StyledChipDismissibleGroupItem> & {\n    dismissActionLabel: string\n  }\n\nexport const ChipDismissibleGroupItem = ({\n  size = 'md',\n  children,\n  dismissActionLabel = 'Dismiss',\n  ...rest\n}: TChipDismissibleGroupItem) => {\n  return (\n    <DismissibleGroup.Item asChild {...rest}>\n      <StyledChipDismissibleGroupItem size={size}>\n        <Chip.Content>{children}</Chip.Content>\n        <DismissibleGroup.Trigger asChild>\n          <ActionIcon\n            label={dismissActionLabel}\n            css={{ color: '$tonal200' }}\n            size={size === 'sm' ? 'xs' : 'sm'}\n          >\n            <Icon is={Close} />\n          </ActionIcon>\n        </DismissibleGroup.Trigger>\n      </StyledChipDismissibleGroupItem>\n    </DismissibleGroup.Item>\n  )\n}\n"],"names":["StyledChipDismissibleGroupItem","styled","Chip","ChipDismissibleGroupItem","size","children","dismissActionLabel","rest","React","DismissibleGroup","ActionIcon","Icon","Close"],"mappings":"sVAUA,MAAMA,EAAiCC,EAAOC,EAAM,CAAE,GAAI,IAAK,CAAC,EASnDC,EAA2B,CAAC,CACvC,KAAAC,EAAO,KACP,SAAAC,EACA,mBAAAC,EAAqB,aAClBC,CACL,IAEIC,EAAA,cAACC,EAAiB,KAAjB,CAAsB,QAAO,GAAE,GAAGF,GACjCC,EAAA,cAACR,EAAA,CAA+B,KAAMI,CAAAA,EACpCI,EAAA,cAACN,EAAK,QAAL,KAAcG,CAAS,EACxBG,EAAA,cAACC,EAAiB,QAAjB,CAAyB,QAAO,EAAA,EAC/BD,EAAA,cAACE,EAAA,CACC,MAAOJ,EACP,IAAK,CAAE,MAAO,WAAY,EAC1B,KAAMF,IAAS,KAAO,KAAO,IAAA,EAE7BI,EAAA,cAACG,EAAA,CAAK,GAAIC,CAAO,CAAA,CACnB,CACF,CACF,CACF"}
+{"version":3,"file":"ChipDismissibleGroupItem.js","sources":["../../../src/components/chip-dismissible-group/ChipDismissibleGroupItem.tsx"],"sourcesContent":["import { Close } from '@atom-learning/icons'\nimport * as React from 'react'\n\nimport { Chip } from '~/components/chip'\nimport { DismissibleGroup } from '~/components/dismissible-group'\nimport { styled } from '~/stitches'\n\nimport { ActionIcon } from '../action-icon'\nimport { Icon } from '../icon'\n\nconst StyledChipDismissibleGroupItem = styled(Chip, { px: '$1' })\n\nexport type TChipDismissibleGroupItem = React.ComponentProps<\n  typeof DismissibleGroup.Item\n> &\n  React.ComponentProps<typeof StyledChipDismissibleGroupItem> & {\n    dismissActionLabel: string\n  }\n\nexport const ChipDismissibleGroupItem = ({\n  size = 'md',\n  children,\n  dismissActionLabel = 'Dismiss',\n  ...rest\n}: TChipDismissibleGroupItem) => {\n  return (\n    <DismissibleGroup.Item asChild {...rest}>\n      <StyledChipDismissibleGroupItem size={size}>\n        <Chip.Content>{children}</Chip.Content>\n        <DismissibleGroup.Trigger asChild>\n          <ActionIcon\n            label={dismissActionLabel}\n            css={{ color: '$grey600' }}\n            size={size === 'sm' ? 'xs' : 'sm'}\n          >\n            <Icon is={Close} />\n          </ActionIcon>\n        </DismissibleGroup.Trigger>\n      </StyledChipDismissibleGroupItem>\n    </DismissibleGroup.Item>\n  )\n}\n"],"names":["StyledChipDismissibleGroupItem","styled","Chip","ChipDismissibleGroupItem","size","children","dismissActionLabel","rest","React","DismissibleGroup","ActionIcon","Icon","Close"],"mappings":"sVAUA,MAAMA,EAAiCC,EAAOC,EAAM,CAAE,GAAI,IAAK,CAAC,EASnDC,EAA2B,CAAC,CACvC,KAAAC,EAAO,KACP,SAAAC,EACA,mBAAAC,EAAqB,aAClBC,CACL,IAEIC,EAAA,cAACC,EAAiB,KAAjB,CAAsB,QAAO,GAAE,GAAGF,GACjCC,EAAA,cAACR,EAAA,CAA+B,KAAMI,CAAAA,EACpCI,EAAA,cAACN,EAAK,QAAL,KAAcG,CAAS,EACxBG,EAAA,cAACC,EAAiB,QAAjB,CAAyB,QAAO,EAAA,EAC/BD,EAAA,cAACE,EAAA,CACC,MAAOJ,EACP,IAAK,CAAE,MAAO,UAAW,EACzB,KAAMF,IAAS,KAAO,KAAO,IAAA,EAE7BI,EAAA,cAACG,EAAA,CAAK,GAAIC,CAAO,CAAA,CACnB,CACF,CACF,CACF"}

package/dist/components/chip-toggle-group/ChipToggleGroupItem.d.ts

@@ -213,26 +213,11 @@ declare const StyledChipToggleGroupItem: import("@atom-learning/stitches-react/t
             marsh1000: any;
             marsh1100: any;
             marsh1200: any;
-            tonal50: any;
-            tonal100: any;
-            tonal200: any;
-            tonal300: any;
-            tonal400: any;
-            tonal500: any;
-            tonal600: any;
             alpha100: any;
             alpha150: any;
             alpha200: any;
             alpha250: any;
             alpha600: any;
-            brandRed: any;
-            brandRedAccent: any;
-            brandGreen: any;
-            brandGreenAccent: any;
-            brandPurple: any;
-            brandPurpleAccent: any;
-            brandYellow: any;
-            brandYellowAccent: any;
             infoLight: any;
             info: any;
             infoMid: any;
@@ -595,26 +580,11 @@ declare const StyledChipToggleGroupItem: import("@atom-learning/stitches-react/t
             marsh1000: any;
             marsh1100: any;
             marsh1200: any;
-            tonal50: any;
-            tonal100: any;
-            tonal200: any;
-            tonal300: any;
-            tonal400: any;
-            tonal500: any;
-            tonal600: any;
             alpha100: any;
             alpha150: any;
             alpha200: any;
             alpha250: any;
             alpha600: any;
-            brandRed: any;
-            brandRedAccent: any;
-            brandGreen: any;
-            brandGreenAccent: any;
-            brandPurple: any;
-            brandPurpleAccent: any;
-            brandYellow: any;
-            brandYellowAccent: any;
             infoLight: any;
             info: any;
             infoMid: any;
@@ -984,26 +954,11 @@ declare const StyledChipToggleGroupItem: import("@atom-learning/stitches-react/t
                 marsh1000: any;
                 marsh1100: any;
                 marsh1200: any;
-                tonal50: any;
-                tonal100: any;
-                tonal200: any;
-                tonal300: any;
-                tonal400: any;
-                tonal500: any;
-                tonal600: any;
                 alpha100: any;
                 alpha150: any;
                 alpha200: any;
                 alpha250: any;
                 alpha600: any;
-                brandRed: any;
-                brandRedAccent: any;
-                brandGreen: any;
-                brandGreenAccent: any;
-                brandPurple: any;
-                brandPurpleAccent: any;
-                brandYellow: any;
-                brandYellowAccent: any;
                 infoLight: any;
                 info: any;
                 infoMid: any;
@@ -1367,26 +1322,11 @@ declare const StyledChipToggleGroupItem: import("@atom-learning/stitches-react/t
         marsh1000: any;
         marsh1100: any;
         marsh1200: any;
-        tonal50: any;
-        tonal100: any;
-        tonal200: any;
-        tonal300: any;
-        tonal400: any;
-        tonal500: any;
-        tonal600: any;
         alpha100: any;
         alpha150: any;
         alpha200: any;
         alpha250: any;
         alpha600: any;
-        brandRed: any;
-        brandRedAccent: any;
-        brandGreen: any;
-        brandGreenAccent: any;
-        brandPurple: any;
-        brandPurpleAccent: any;
-        brandYellow: any;
-        brandYellowAccent: any;
         infoLight: any;
         info: any;
         infoMid: any;