@atom-learning/components 4.3.0 → 4.3.2

package/dist/components/toggle-group/ToggleGroupButton.js

@@ -0,0 +1,2 @@
+import*as n from"react";import{styled as g}from"../../stitches.js";import{Icon as r}from"../icon/Icon.js";import{StyledItem as f}from"./ToggleGroupItem.js";const t={sm:"32px",md:"40px",lg:"48px"},u={sm:"$4",md:"$5",lg:"$5"},h={sm:"$2",md:"$3",lg:"$3"},m=i=>({fontSize:`$${i}`,px:u[i],minHeight:t[i],"& > *:not(:last-child)":{mr:h[i]}}),d=g(f,{flexGrow:1,display:"flex",alignItems:"center",justifyContent:"center",fontWeight:600,lineHeight:1,py:"$1",variants:{size:{sm:m("sm"),md:m("md"),lg:m("lg")},isIconOnly:{true:{}}},compoundVariants:[{isIconOnly:!0,size:"sm",css:{minWidth:t.sm,p:0}},{isIconOnly:!0,size:"md",css:{minWidth:t.md,p:0}},{isIconOnly:!0,size:"lg",css:{minWidth:t.lg,p:0}}]}),$=n.forwardRef(({size:i="md",children:p,...c},a)=>{var l;const s=n.Children.toArray(p),o=s.length<=1,y=o&&n.isValidElement(s[0])&&((l=s[0])==null?void 0:l.type)===r;return n.createElement(d,{ref:a,size:i,isIconOnly:y,...c},s.map(e=>!o&&(typeof e=="string"||typeof e=="number")?n.createElement("span",{key:e},e):n.isValidElement(e)&&(e==null?void 0:e.type)===r?n.cloneElement(e,{...e.props,size:i}):e))});export{d as StyledButton,$ as ToggleGroupButton};
+//# sourceMappingURL=ToggleGroupButton.js.map

package/dist/components/toggle-group/ToggleGroupButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleGroupButton.js","sources":["../../../src/components/toggle-group/ToggleGroupButton.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/stitches'\n\nimport { Icon, StyledIcon } from '../icon'\nimport { StyledItem } from './ToggleGroupItem'\n\nconst minHeight = {\n  sm: '32px',\n  md: '40px',\n  lg: '48px'\n}\n\nconst px = {\n  sm: '$4',\n  md: '$5',\n  lg: '$5'\n}\n\nconst spacingBetweenElements = {\n  sm: '$2',\n  md: '$3',\n  lg: '$3'\n}\n\nconst getSizeVariant = (size) => ({\n  fontSize: `$${size}`,\n  px: px[size],\n  minHeight: minHeight[size],\n  '& > *:not(:last-child)': {\n    mr: spacingBetweenElements[size]\n  }\n})\n\nexport const StyledButton = styled(StyledItem, {\n  flexGrow: 1,\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  fontWeight: 600,\n  lineHeight: 1,\n  py: '$1',\n  variants: {\n    size: {\n      sm: getSizeVariant('sm'),\n      md: getSizeVariant('md'),\n      lg: getSizeVariant('lg')\n    },\n    isIconOnly: {\n      true: {}\n    }\n  },\n  compoundVariants: [\n    {\n      isIconOnly: true,\n      size: 'sm',\n      css: {\n        minWidth: minHeight.sm,\n        p: 0\n      }\n    },\n    {\n      isIconOnly: true,\n      size: 'md',\n      css: {\n        minWidth: minHeight.md,\n        p: 0\n      }\n    },\n    {\n      isIconOnly: true,\n      size: 'lg',\n      css: {\n        minWidth: minHeight.lg,\n        p: 0\n      }\n    }\n  ]\n})\n\nexport const ToggleGroupButton: React.ForwardRefExoticComponent<\n  React.ComponentProps<typeof StyledButton>\n> = React.forwardRef(({ size = 'md', children, ...rest }, ref) => {\n  const childrenArray = React.Children.toArray(children)\n  const isSingleChild = childrenArray.length <= 1\n  const isIconOnly =\n    isSingleChild &&\n    React.isValidElement(childrenArray[0]) &&\n    childrenArray[0]?.type === Icon\n\n  return (\n    <StyledButton ref={ref} size={size} isIconOnly={isIconOnly} {...rest}>\n      {\n        childrenArray.map((child) => {\n          if (\n            !isSingleChild &&\n            (typeof child === 'string' || typeof child === 'number')\n          )\n            return <span key={child}>{child}</span>\n          if (React.isValidElement(child)) {\n            if (child?.type === Icon)\n              return React.cloneElement(child, { ...child.props, size })\n          }\n          return child\n        }) as React.ReactElement[]\n      }\n    </StyledButton>\n  )\n})\n"],"names":["minHeight","px","spacingBetweenElements","getSizeVariant","size","StyledButton","styled","StyledItem","ToggleGroupButton","React","children","rest","ref","_a","childrenArray","isSingleChild","isIconOnly","Icon","child"],"mappings":"4JAOA,MAAMA,EAAY,CAChB,GAAI,OACJ,GAAI,OACJ,GAAI,MACN,EAEMC,EAAK,CACT,GAAI,KACJ,GAAI,KACJ,GAAI,IACN,EAEMC,EAAyB,CAC7B,GAAI,KACJ,GAAI,KACJ,GAAI,IACN,EAEMC,EAAkBC,IAAU,CAChC,SAAU,IAAIA,IACd,GAAIH,EAAGG,GACP,UAAWJ,EAAUI,GACrB,yBAA0B,CACxB,GAAIF,EAAuBE,EAC7B,CACF,GAEaC,EAAeC,EAAOC,EAAY,CAC7C,SAAU,EACV,QAAS,OACT,WAAY,SACZ,eAAgB,SAChB,WAAY,IACZ,WAAY,EACZ,GAAI,KACJ,SAAU,CACR,KAAM,CACJ,GAAIJ,EAAe,IAAI,EACvB,GAAIA,EAAe,IAAI,EACvB,GAAIA,EAAe,IAAI,CACzB,EACA,WAAY,CACV,KAAM,CAAA,CACR,CACF,EACA,iBAAkB,CAChB,CACE,WAAY,GACZ,KAAM,KACN,IAAK,CACH,SAAUH,EAAU,GACpB,EAAG,CACL,CACF,EACA,CACE,WAAY,GACZ,KAAM,KACN,IAAK,CACH,SAAUA,EAAU,GACpB,EAAG,CACL,CACF,EACA,CACE,WAAY,GACZ,KAAM,KACN,IAAK,CACH,SAAUA,EAAU,GACpB,EAAG,CACL,CACF,CACF,CACF,CAAC,EAEYQ,EAETC,EAAM,WAAW,CAAC,CAAE,KAAAL,EAAO,KAAM,SAAAM,KAAaC,CAAK,EAAGC,IAAQ,CAlFlE,IAAAC,EAmFE,MAAMC,EAAgBL,EAAM,SAAS,QAAQC,CAAQ,EAC/CK,EAAgBD,EAAc,QAAU,EACxCE,EACJD,GACAN,EAAM,eAAeK,EAAc,EAAE,KACrCD,EAAAC,EAAc,KAAd,KAAA,OAAAD,EAAkB,QAASI,EAE7B,OACER,EAAA,cAACJ,EAAa,CAAA,IAAKO,EAAK,KAAMR,EAAM,WAAYY,EAAa,GAAGL,CAE5DG,EAAAA,EAAc,IAAKI,GAEf,CAACH,IACA,OAAOG,GAAU,UAAY,OAAOA,GAAU,UAExCT,EAAA,cAAC,OAAK,CAAA,IAAKS,CAAQA,EAAAA,CAAM,EAC9BT,EAAM,eAAeS,CAAK,IACxBA,GAAA,KAAAA,OAAAA,EAAO,QAASD,EACXR,EAAM,aAAaS,EAAO,CAAE,GAAGA,EAAM,MAAO,KAAAd,CAAK,CAAC,EAEtDc,CACR,CAEL,CAEJ,CAAC"}