@atom-learning/components 4.1.2 → 4.1.3

package/dist/components/badge/Badge.js

@@ -1,2 +0,0 @@
-import*as e from"react";import{Flex as g}from"../flex/Flex.js";import{Icon as x}from"../icon/Icon.js";import{styled as $}from"../../stitches.js";import{useCallbackRefState as h}from"../../utilities/hooks/useCallbackRef.js";import{BadgeContext as y,BadgeProvider as B}from"./Badge.context.js";import{BadgeIcon as s}from"./BadgeIcon.js";import{BadgeText as m}from"./BadgeText.js";import{colorSchemes as F}from"./stitches.badge.colorscheme.config.js";import{OptionalTooltipWrapper as v}from"../../utilities/optional-tooltip-wrapper/OptionalTooltipWrapper.js";const w=$(g,{justifyContent:"center",alignItems:"center",borderRadius:"$0",minWidth:0,border:"1px solid #FFFFFF",fontFamily:"$body","& > *:not(:last-child)":{mr:"$1"},variants:{emphasis:{subtle:{color:"$textSubtle",background:"$backgroundSubtle"},bold:{color:"$textBold",background:"$backgroundBold"}},size:{xs:{px:"$1"},sm:{px:"$1",py:"$0"},md:{px:"$2",py:"$1"}}}}),E=e.forwardRef(({theme:r="info",emphasis:o="subtle",children:l,...a},p)=>{const{size:d,overflow:c,isOverflowing:f}=e.useContext(y),[i,u]=h();e.useImperativeHandle(p,()=>i);const b=i==null?void 0:i.textContent;return e.createElement(v,{hasTooltip:c==="ellipsis"&&f,label:b},e.createElement(w,{role:"status",emphasis:o,size:d,...a,className:F[r],ref:u},e.Children.map(l,t=>typeof t=="string"||typeof t=="number"?e.createElement(m,null,t):e.isValidElement(t)&&t.type===x?e.createElement(s,{...t.props}):t)))}),n=e.forwardRef(({size:r="sm",overflow:o="wrap",...l},a)=>e.createElement(B,{size:r,overflow:o},e.createElement(E,{...l,ref:a}))),C=Object.assign(n,{Icon:s,Text:m});n.displayName="Badge";export{C as Badge};
-//# sourceMappingURL=Badge.js.map

package/dist/components/badge/Badge.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Badge.js","sources":["../../../src/components/badge/Badge.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Flex } from '~/components/flex'\nimport { Icon } from '~/components/icon'\nimport { styled } from '~/stitches'\nimport { useCallbackRefState } from '~/utilities/hooks/useCallbackRef'\nimport { OptionalTooltipWrapper } from '~/utilities/optional-tooltip-wrapper'\n\nimport { BadgeContext, BadgeProvider } from './Badge.context'\nimport { BadgeIcon } from './BadgeIcon'\nimport { BadgeText } from './BadgeText'\nimport { colorSchemes as badgeColorSchemes } from './stitches.badge.colorscheme.config'\n\nconst StyledBadge = styled(Flex, {\n  justifyContent: 'center',\n  alignItems: 'center',\n  borderRadius: '$0',\n  minWidth: 0,\n  border: '1px solid #FFFFFF',\n  fontFamily: '$body',\n  '& > *:not(:last-child)': {\n    mr: '$1'\n  },\n  variants: {\n    emphasis: {\n      subtle: {\n        color: '$textSubtle',\n        background: '$backgroundSubtle'\n      },\n      bold: {\n        color: '$textBold',\n        background: '$backgroundBold'\n      }\n    },\n    size: {\n      xs: {\n        px: '$1'\n      },\n      sm: {\n        px: '$1',\n        py: '$0'\n      },\n      md: {\n        px: '$2',\n        py: '$1'\n      }\n    }\n  }\n})\n\nexport type TBadgeProps = React.ComponentProps<typeof StyledBadge> & {\n  theme?: keyof typeof badgeColorSchemes\n  overflow?: React.ComponentProps<typeof BadgeText>['overflow']\n}\n\ntype TBadgeInnerProps = Omit<TBadgeProps, 'size' | 'overflow'>\n\nconst BadgeInner: React.ForwardRefExoticComponent<TBadgeInnerProps> =\n  React.forwardRef(\n    ({ theme = 'info', emphasis = 'subtle', children, ...rest }, ref) => {\n      const { size, overflow, isOverflowing } = React.useContext(BadgeContext)\n      const [badgeElRef, setBadgeElRef] = useCallbackRefState()\n      React.useImperativeHandle(ref, () => badgeElRef as HTMLDivElement)\n\n      const label = badgeElRef?.textContent\n\n      return (\n        <OptionalTooltipWrapper\n          hasTooltip={overflow === 'ellipsis' && isOverflowing}\n          label={label}\n        >\n          <StyledBadge\n            role=\"status\"\n            emphasis={emphasis}\n            size={size}\n            {...rest}\n            className={badgeColorSchemes[theme]}\n            ref={setBadgeElRef}\n          >\n            {React.Children.map(children, (child) => {\n              if (typeof child === 'string' || typeof child === 'number') {\n                return <BadgeText>{child}</BadgeText>\n              }\n              if (React.isValidElement(child) && child.type === Icon) {\n                return <BadgeIcon {...child.props} />\n              }\n              return child\n            })}\n          </StyledBadge>\n        </OptionalTooltipWrapper>\n      )\n    }\n  )\n\nconst BadgeComponent: React.ForwardRefExoticComponent<TBadgeProps> =\n  React.forwardRef(({ size = 'sm', overflow = 'wrap', ...rest }, ref) => {\n    return (\n      <BadgeProvider size={size} overflow={overflow}>\n        <BadgeInner {...rest} ref={ref} />\n      </BadgeProvider>\n    )\n  })\n\nexport const Badge = Object.assign(BadgeComponent, {\n  Icon: BadgeIcon,\n  Text: BadgeText\n})\n\nBadgeComponent.displayName = 'Badge'\n"],"names":["StyledBadge","styled","Flex","BadgeInner","React","theme","emphasis","children","rest","ref","size","overflow","isOverflowing","BadgeContext","badgeElRef","setBadgeElRef","useCallbackRefState","label","OptionalTooltipWrapper","badgeColorSchemes","child","BadgeText","Icon","BadgeIcon","BadgeComponent","BadgeProvider","Badge"],"mappings":"4iBAaA,MAAMA,EAAcC,EAAOC,EAAM,CAC/B,eAAgB,SAChB,WAAY,SACZ,aAAc,KACd,SAAU,EACV,OAAQ,oBACR,WAAY,QACZ,yBAA0B,CACxB,GAAI,IACN,EACA,SAAU,CACR,SAAU,CACR,OAAQ,CACN,MAAO,cACP,WAAY,mBACd,EACA,KAAM,CACJ,MAAO,YACP,WAAY,iBACd,CACF,EACA,KAAM,CACJ,GAAI,CACF,GAAI,IACN,EACA,GAAI,CACF,GAAI,KACJ,GAAI,IACN,EACA,GAAI,CACF,GAAI,KACJ,GAAI,IACN,CACF,CACF,CACF,CAAC,EASKC,EACJC,EAAM,WACJ,CAAC,CAAE,MAAAC,EAAQ,OAAQ,SAAAC,EAAW,SAAU,SAAAC,KAAaC,CAAK,EAAGC,IAAQ,CACnE,KAAM,CAAE,KAAAC,EAAM,SAAAC,EAAU,cAAAC,CAAc,EAAIR,EAAM,WAAWS,CAAY,EACjE,CAACC,EAAYC,CAAa,EAAIC,EACpCZ,EAAAA,EAAM,oBAAoBK,EAAK,IAAMK,CAA4B,EAEjE,MAAMG,EAAQH,GAAA,KAAAA,OAAAA,EAAY,YAE1B,OACEV,EAAA,cAACc,EAAA,CACC,WAAYP,IAAa,YAAcC,EACvC,MAAOK,CAEPb,EAAAA,EAAA,cAACJ,EAAA,CACC,KAAK,SACL,SAAUM,EACV,KAAMI,EACL,GAAGF,EACJ,UAAWW,EAAkBd,GAC7B,IAAKU,CAEJX,EAAAA,EAAM,SAAS,IAAIG,EAAWa,GACzB,OAAOA,GAAU,UAAY,OAAOA,GAAU,SACzChB,EAAA,cAACiB,EAAA,KAAWD,CAAM,EAEvBhB,EAAM,eAAegB,CAAK,GAAKA,EAAM,OAASE,EACzClB,EAAA,cAACmB,EAAA,CAAW,GAAGH,EAAM,KAAO,CAAA,EAE9BA,CACR,CACH,CACF,CAEJ,CACF,EAEII,EACJpB,EAAM,WAAW,CAAC,CAAE,KAAAM,EAAO,KAAM,SAAAC,EAAW,UAAWH,CAAK,EAAGC,IAE3DL,EAAA,cAACqB,EAAA,CAAc,KAAMf,EAAM,SAAUC,CAAAA,EACnCP,EAAA,cAACD,EAAA,CAAY,GAAGK,EAAM,IAAKC,CAAK,CAAA,CAClC,CAEH,EAEUiB,EAAQ,OAAO,OAAOF,EAAgB,CACjD,KAAMD,EACN,KAAMF,CACR,CAAC,EAEDG,EAAe,YAAc"}