@atom-learning/components 4.0.0-beta.1 → 4.0.0-beta.10

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"}