@atom-learning/components 6.0.0-beta.1 → 6.0.0-beta.11

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 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};
+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 i}from"../dismissible-group/index.js";import{styled as n}from"../../styled.js";import{ActionIcon as a}from"../action-icon/ActionIcon.js";import{Icon as c}from"../icon/Icon.js";const p=n(m,{base:["flex","px-1"]}),f=({size:t="md",children:r,dismissActionLabel:s="Dismiss",...o})=>e.createElement(i.Item,{asChild:!0,...o},e.createElement(p,{size:t},e.createElement(m.Content,null,r),e.createElement(i.Trigger,{asChild:!0},e.createElement(a,{label:s,size:t==="sm"?"xs":"sm",className:"text-grey-600"},e.createElement(c,{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: '$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"}
+{"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 '~/styled'\n\nimport { ActionIcon } from '../action-icon'\nimport { Icon } from '../icon'\n\nconst StyledChipDismissibleGroupItem = styled(Chip, {\n  base: ['flex', 'px-1']\n})\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            size={size === 'sm' ? 'xs' : 'sm'}\n            className=\"text-grey-600\"\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":"oVAUA,MAAMA,EAAiCC,EAAOC,EAAM,CAClD,KAAM,CAAC,OAAQ,MAAM,CACvB,CAAC,EASYC,EAA2B,CAAC,CACvC,KAAAC,EAAO,KACP,SAAAC,EACA,mBAAAC,EAAqB,UACrB,GAAGC,CACL,IAEIC,EAAA,cAACC,EAAiB,KAAjB,CAAsB,QAAO,GAAE,GAAGF,CACjCC,EAAAA,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,KAAMF,IAAS,KAAO,KAAO,KAC7B,UAAU,eAAA,EAEVI,EAAA,cAACG,EAAA,CAAK,GAAIC,CAAO,CAAA,CACnB,CACF,CACF,CACF"}

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

@@ -2,5 +2,5 @@ import * as React from 'react';
 import { ChipGroup } from '../../components/chip';
 import { DismissibleGroup } from '../../components/dismissible-group';
 type TChipDismissibleGroupRootProps = React.ComponentProps<typeof ChipGroup> & React.ComponentProps<typeof DismissibleGroup>;
-export declare const ChipDismissibleGroupRoot: React.ForwardRefExoticComponent<TChipDismissibleGroupRootProps>;
+export declare const ChipDismissibleGroupRoot: React.ForwardRefExoticComponent<Omit<TChipDismissibleGroupRootProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"ChipDismissibleGroupRoot.js","sources":["../../../src/components/chip-dismissible-group/ChipDismissibleGroupRoot.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { ChipGroup } from '~/components/chip'\nimport { DismissibleGroup } from '~/components/dismissible-group'\n\ntype TChipDismissibleGroupRootProps = React.ComponentProps<typeof ChipGroup> &\n  React.ComponentProps<typeof DismissibleGroup>\n\nexport const ChipDismissibleGroupRoot: React.ForwardRefExoticComponent<TChipDismissibleGroupRootProps> =\n  React.forwardRef((props, ref) => {\n    return <ChipGroup as={DismissibleGroup} ref={ref} {...props} />\n  })\n"],"names":["ChipDismissibleGroupRoot","React","props","ref","ChipGroup","DismissibleGroup"],"mappings":"kKAQO,MAAMA,EACXC,EAAM,WAAW,CAACC,EAAOC,IAChBF,EAAA,cAACG,EAAA,CAAU,GAAIC,EAAkB,IAAKF,EAAM,GAAGD,CAAAA,CAAO,CAC9D"}
+{"version":3,"file":"ChipDismissibleGroupRoot.js","sources":["../../../src/components/chip-dismissible-group/ChipDismissibleGroupRoot.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { ChipGroup } from '~/components/chip'\nimport { DismissibleGroup } from '~/components/dismissible-group'\n\ntype TChipDismissibleGroupRootProps = React.ComponentProps<typeof ChipGroup> &\n  React.ComponentProps<typeof DismissibleGroup>\n\nexport const ChipDismissibleGroupRoot = React.forwardRef<\n  HTMLDivElement,\n  TChipDismissibleGroupRootProps\n>((props, ref) => {\n  return <ChipGroup as={DismissibleGroup} ref={ref as any} {...props} />\n})\n"],"names":["ChipDismissibleGroupRoot","React","props","ref","ChipGroup","DismissibleGroup"],"mappings":"kKAQO,MAAMA,EAA2BC,EAAM,WAG5C,CAACC,EAAOC,IACDF,EAAA,cAACG,EAAA,CAAU,GAAIC,EAAkB,IAAKF,EAAa,GAAGD,CAAAA,CAAO,CACrE"}