@procore/core-react 11.24.1 → 11.24.3

package/.eslintignore

@@ -0,0 +1,4 @@
+.eslintrc.cjs
+coverage/
+dist/
+node_modules/

package/.eslintrc.cjs

@@ -0,0 +1,54 @@
+module.exports = {
+  root: true,
+  extends: [
+    // TODO change "@typescript-eslint/base" to "@typescript-eslint/recommended" in another push
+    'plugin:@typescript-eslint/base',
+    'plugin:react-hooks/recommended',
+    'plugin:jsx-a11y/recommended',
+    'plugin:prettier/recommended',
+  ],
+  parserOptions: {
+    ecmaVersion: 6,
+    jsx: true,
+    sourceType: 'module',
+    useJSXTextNode: true,
+    project: './tsconfig.json',
+    tsconfigRootDir: __dirname,
+  },
+  rules: {
+    '@typescript-eslint/consistent-type-exports': 'error',
+    '@typescript-eslint/consistent-type-imports': 'error',
+    'jsx-a11y/alt-text': 'warn',
+    'jsx-a11y/anchor-has-content': 'warn',
+    'jsx-a11y/anchor-is-valid': 'warn',
+    'jsx-a11y/aria-activedescendant-has-tabindex': 'warn',
+    'jsx-a11y/aria-props': 'warn',
+    'jsx-a11y/aria-proptypes': 'warn',
+    'jsx-a11y/aria-role': 'warn',
+    'jsx-a11y/aria-unsupported-elements': 'warn',
+    'jsx-a11y/autocomplete-valid': 'warn',
+    'jsx-a11y/click-events-have-key-events': 'warn',
+    'jsx-a11y/heading-has-content': 'warn',
+    'jsx-a11y/html-has-lang': 'warn',
+    'jsx-a11y/iframe-has-title': 'warn',
+    'jsx-a11y/img-redundant-alt': 'warn',
+    'jsx-a11y/interactive-supports-focus': 'warn',
+    'jsx-a11y/label-has-associated-control': 'warn',
+    'jsx-a11y/media-has-caption': 'warn',
+    'jsx-a11y/mouse-events-have-key-events': 'warn',
+    'jsx-a11y/no-access-key': 'warn',
+    'jsx-a11y/no-autofocus': 'warn',
+    'jsx-a11y/no-distracting-elements': 'warn',
+    'jsx-a11y/no-interactive-element-to-noninteractive-role': 'warn',
+    'jsx-a11y/no-noninteractive-element-interactions': 'warn',
+    'jsx-a11y/no-noninteractive-element-to-interactive-role': 'warn',
+    'jsx-a11y/no-noninteractive-tabindex': 'warn',
+    'jsx-a11y/no-onchange': 'warn',
+    'jsx-a11y/no-redundant-roles': 'warn',
+    'jsx-a11y/no-static-element-interactions': 'warn',
+    'jsx-a11y/role-has-required-aria-props': 'warn',
+    'jsx-a11y/role-supports-aria-props': 'warn',
+    'jsx-a11y/scope': 'warn',
+    'jsx-a11y/tabindex-no-positive': 'warn',
+  },
+}

package/dist/Avatar/Avatar.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { DivAttributes } from '../_utils/types';
-import { AvatarIconProps, AvatarLabelProps, AvatarPortraitProps, AvatarProps, AvatarRef, AvatarRoles, AvatarRoleType, BaseAvatarProps } from './Avatar.types';
+import type { DivAttributes } from '../_utils/types';
+import type { AvatarIconProps, AvatarLabelProps, AvatarPortraitProps, AvatarProps, AvatarRef, AvatarRoles, AvatarRoleType, BaseAvatarProps } from './Avatar.types';
 /**
 
  We use avatars to visually represent our users, places, and things in the app.

package/dist/Avatar/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","names":["useButton","React","addSubcomponents","StyledAvatarContainer","StyledAvatarOverlay","StyledIconContainer","StyledLabelContainer","StyledPortraitContainer","AvatarInner","_ref","ref","_ref3","_ref4","as","clickable","disabled","href","size","children","onBlur","onFocus","rel","role","target","props","_objectWithoutProperties","_excluded","_ref2","onPress","_useButton","_objectSpread","elementType","isDisabled","type","buttonProps","linkDisabled","a11yProps","$clickable","_defineProperty","undefined","createElement","_extends","$disabled","$size","Children","only","Avatar_","forwardRef","NextAvatar_","Icon","_ref5","icon","_excluded2","Label","_ref6","_excluded3","Portrait","_ref7","imageUrl","_excluded4","$imageUrl","displayName","NextAvatar","Avatar"],"sources":["../../src/Avatar/Avatar.tsx"],"sourcesContent":["import { useButton } from '@react-aria/button'\nimport React from 'react'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport { DivAttributes } from '../_utils/types'\nimport {\n  StyledAvatarContainer,\n  StyledAvatarOverlay,\n  StyledIconContainer,\n  StyledLabelContainer,\n  StyledPortraitContainer,\n} from './Avatar.styles'\nimport {\n  AvatarIconProps,\n  AvatarLabelProps,\n  AvatarPortraitProps,\n  AvatarProps,\n  AvatarRef,\n  AvatarRoles,\n  AvatarRoleType,\n  BaseAvatarProps,\n} from './Avatar.types'\n\n/**\n\n We use avatars to visually represent our users, places, and things in the app.\n These can be in the form of rich media or representative illustrations.\n\n @since 10.19.0\n\n @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-avatar--demo)\n\n @see [Design Guidelines](https://design.procore.com/avatar)\n\n @a11y Avatar's need a `aria-label` and can be enhanced with `role` for interaction. If decorative only, add `aria-hidden`. The inaccessible `clickable` prop is for UI only\n\n */\nfunction AvatarInner(\n  {\n    as,\n    clickable,\n    disabled,\n    // @ts-ignore link only\n    href,\n    size,\n    children,\n    onBlur,\n    onFocus,\n    // @ts-ignore link only\n    rel,\n    // @ts-ignore not on legacy\n    role,\n    // @ts-ignore link only\n    target,\n    ...props\n  }: AvatarProps<AvatarRoleType>,\n  ref: AvatarRef<AvatarRoleType>\n) {\n  const { onPress } = props as AvatarProps<'button'>\n\n  let { buttonProps } = useButton(\n    {\n      ...props,\n      onBlur: onBlur as (e: React.FocusEvent) => void,\n      onFocus: onFocus as (e: React.FocusEvent) => void,\n      elementType: (as as any as string) === 'a' ? 'a' : 'div',\n      href,\n      isDisabled: disabled,\n      onPress,\n      rel,\n      target,\n      type: 'button',\n    },\n    ref as any // TODO fix\n  )\n\n  const linkDisabled = disabled || (role === 'link' && !href)\n\n  const a11yProps =\n    role === 'button'\n      ? { ...buttonProps, as: as || 'div', $clickable: !disabled }\n      : role === 'link'\n      ? {\n          ['aria-disabled']: linkDisabled ? true : undefined,\n          as: as || 'a',\n          $clickable: !linkDisabled,\n          href: linkDisabled ? undefined : href,\n          onBlur,\n          onFocus,\n          rel,\n          role: 'link',\n          target,\n        }\n      : role === 'img'\n      ? {\n          ['aria-disabled']: disabled ? true : undefined,\n          role: 'img',\n          onBlur,\n          onFocus,\n        }\n      : { onBlur, onFocus }\n\n  return (\n    <StyledAvatarContainer\n      ref={ref as any}\n      $clickable={clickable}\n      $disabled={disabled}\n      $size={size}\n      data-qa=\"core-avatar\"\n      {...a11yProps}\n      {...(props as any)} // TODO fix\n    >\n      {React.Children.only(children)}\n      <StyledAvatarOverlay aria-hidden />\n    </StyledAvatarContainer>\n  )\n}\n\nconst Avatar_ = React.forwardRef(AvatarInner) as <Role extends AvatarRoles>(\n  props:\n    | AvatarProps<Role>\n    // Legacy\n    | (BaseAvatarProps & { ref?: React.ComponentPropsWithRef<'div'>['ref'] })\n) => ReturnType<typeof AvatarInner>\n\nconst NextAvatar_ = React.forwardRef(AvatarInner) as <Role extends AvatarRoles>(\n  props: AvatarProps<Role>\n) => ReturnType<typeof AvatarInner>\n\nexport const Icon = React.forwardRef<\n  HTMLDivElement,\n  DivAttributes & AvatarIconProps\n>(function Icon({ icon, ...props }, ref) {\n  return (\n    <StyledIconContainer ref={ref} {...props}>\n      {icon}\n    </StyledIconContainer>\n  )\n})\n\nexport const Label = React.forwardRef<\n  HTMLDivElement,\n  DivAttributes & AvatarLabelProps\n>(function Label({ children, ...props }, ref) {\n  // Breaking change: Option to make aria-hidden since parent requires a label.\n  // Can add in major once labelling is enforced\n  return (\n    <StyledLabelContainer ref={ref} {...props}>\n      {children}\n    </StyledLabelContainer>\n  )\n})\n\nexport const Portrait = React.forwardRef<\n  HTMLDivElement,\n  DivAttributes & AvatarPortraitProps\n>(function Portrait({ imageUrl, ...props }, ref) {\n  return (\n    <StyledPortraitContainer ref={ref} $imageUrl={imageUrl} {...props}>\n      <StyledAvatarOverlay />\n    </StyledPortraitContainer>\n  )\n})\n\n// @ts-ignore\nAvatar_.displayName = 'Avatar'\n\nIcon.displayName = 'Avatar.Icon'\n\nLabel.displayName = 'Avatar.Label'\n\nPortrait.displayName = 'Avatar.Portrait'\n\n// @ts-ignore\nNextAvatar_.displayName = 'Avatar'\n\nexport const NextAvatar = addSubcomponents(\n  {\n    Icon,\n    Label,\n    Portrait,\n  },\n  NextAvatar_\n)\n\nexport const Avatar = addSubcomponents(\n  {\n    Icon,\n    Label,\n    Portrait,\n  },\n  Avatar_\n)\n"],"mappings":"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"}
+{"version":3,"file":"Avatar.js","names":["useButton","React","addSubcomponents","StyledAvatarContainer","StyledAvatarOverlay","StyledIconContainer","StyledLabelContainer","StyledPortraitContainer","AvatarInner","_ref","ref","_ref3","_ref4","as","clickable","disabled","href","size","children","onBlur","onFocus","rel","role","target","props","_objectWithoutProperties","_excluded","_ref2","onPress","_useButton","_objectSpread","elementType","isDisabled","type","buttonProps","linkDisabled","a11yProps","$clickable","_defineProperty","undefined","createElement","_extends","$disabled","$size","Children","only","Avatar_","forwardRef","NextAvatar_","Icon","_ref5","icon","_excluded2","Label","_ref6","_excluded3","Portrait","_ref7","imageUrl","_excluded4","$imageUrl","displayName","NextAvatar","Avatar"],"sources":["../../src/Avatar/Avatar.tsx"],"sourcesContent":["import { useButton } from '@react-aria/button'\nimport React from 'react'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport type { DivAttributes } from '../_utils/types'\nimport {\n  StyledAvatarContainer,\n  StyledAvatarOverlay,\n  StyledIconContainer,\n  StyledLabelContainer,\n  StyledPortraitContainer,\n} from './Avatar.styles'\nimport type {\n  AvatarIconProps,\n  AvatarLabelProps,\n  AvatarPortraitProps,\n  AvatarProps,\n  AvatarRef,\n  AvatarRoles,\n  AvatarRoleType,\n  BaseAvatarProps,\n} from './Avatar.types'\n\n/**\n\n We use avatars to visually represent our users, places, and things in the app.\n These can be in the form of rich media or representative illustrations.\n\n @since 10.19.0\n\n @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-avatar--demo)\n\n @see [Design Guidelines](https://design.procore.com/avatar)\n\n @a11y Avatar's need a `aria-label` and can be enhanced with `role` for interaction. If decorative only, add `aria-hidden`. The inaccessible `clickable` prop is for UI only\n\n */\nfunction AvatarInner(\n  {\n    as,\n    clickable,\n    disabled,\n    // @ts-ignore link only\n    href,\n    size,\n    children,\n    onBlur,\n    onFocus,\n    // @ts-ignore link only\n    rel,\n    // @ts-ignore not on legacy\n    role,\n    // @ts-ignore link only\n    target,\n    ...props\n  }: AvatarProps<AvatarRoleType>,\n  ref: AvatarRef<AvatarRoleType>\n) {\n  const { onPress } = props as AvatarProps<'button'>\n\n  let { buttonProps } = useButton(\n    {\n      ...props,\n      onBlur: onBlur as (e: React.FocusEvent) => void,\n      onFocus: onFocus as (e: React.FocusEvent) => void,\n      elementType: (as as any as string) === 'a' ? 'a' : 'div',\n      href,\n      isDisabled: disabled,\n      onPress,\n      rel,\n      target,\n      type: 'button',\n    },\n    ref as any // TODO fix\n  )\n\n  const linkDisabled = disabled || (role === 'link' && !href)\n\n  const a11yProps =\n    role === 'button'\n      ? { ...buttonProps, as: as || 'div', $clickable: !disabled }\n      : role === 'link'\n      ? {\n          ['aria-disabled']: linkDisabled ? true : undefined,\n          as: as || 'a',\n          $clickable: !linkDisabled,\n          href: linkDisabled ? undefined : href,\n          onBlur,\n          onFocus,\n          rel,\n          role: 'link',\n          target,\n        }\n      : role === 'img'\n      ? {\n          ['aria-disabled']: disabled ? true : undefined,\n          role: 'img',\n          onBlur,\n          onFocus,\n        }\n      : { onBlur, onFocus }\n\n  return (\n    <StyledAvatarContainer\n      ref={ref as any}\n      $clickable={clickable}\n      $disabled={disabled}\n      $size={size}\n      data-qa=\"core-avatar\"\n      {...a11yProps}\n      {...(props as any)} // TODO fix\n    >\n      {React.Children.only(children)}\n      <StyledAvatarOverlay aria-hidden />\n    </StyledAvatarContainer>\n  )\n}\n\nconst Avatar_ = React.forwardRef(AvatarInner) as <Role extends AvatarRoles>(\n  props:\n    | AvatarProps<Role>\n    // Legacy\n    | (BaseAvatarProps & { ref?: React.ComponentPropsWithRef<'div'>['ref'] })\n) => ReturnType<typeof AvatarInner>\n\nconst NextAvatar_ = React.forwardRef(AvatarInner) as <Role extends AvatarRoles>(\n  props: AvatarProps<Role>\n) => ReturnType<typeof AvatarInner>\n\nexport const Icon = React.forwardRef<\n  HTMLDivElement,\n  DivAttributes & AvatarIconProps\n>(function Icon({ icon, ...props }, ref) {\n  return (\n    <StyledIconContainer ref={ref} {...props}>\n      {icon}\n    </StyledIconContainer>\n  )\n})\n\nexport const Label = React.forwardRef<\n  HTMLDivElement,\n  DivAttributes & AvatarLabelProps\n>(function Label({ children, ...props }, ref) {\n  // Breaking change: Option to make aria-hidden since parent requires a label.\n  // Can add in major once labelling is enforced\n  return (\n    <StyledLabelContainer ref={ref} {...props}>\n      {children}\n    </StyledLabelContainer>\n  )\n})\n\nexport const Portrait = React.forwardRef<\n  HTMLDivElement,\n  DivAttributes & AvatarPortraitProps\n>(function Portrait({ imageUrl, ...props }, ref) {\n  return (\n    <StyledPortraitContainer ref={ref} $imageUrl={imageUrl} {...props}>\n      <StyledAvatarOverlay />\n    </StyledPortraitContainer>\n  )\n})\n\n// @ts-ignore\nAvatar_.displayName = 'Avatar'\n\nIcon.displayName = 'Avatar.Icon'\n\nLabel.displayName = 'Avatar.Label'\n\nPortrait.displayName = 'Avatar.Portrait'\n\n// @ts-ignore\nNextAvatar_.displayName = 'Avatar'\n\nexport const NextAvatar = addSubcomponents(\n  {\n    Icon,\n    Label,\n    Portrait,\n  },\n  NextAvatar_\n)\n\nexport const Avatar = addSubcomponents(\n  {\n    Icon,\n    Label,\n    Portrait,\n  },\n  Avatar_\n)\n"],"mappings":";;;;;;;;;;;;;AAAA,SAASA,SAAS,QAAQ,oBAAoB;AAC9C,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,gBAAgB,QAAQ,4BAA4B;AAE7D,SACEC,qBAAqB,EACrBC,mBAAmB,EACnBC,mBAAmB,EACnBC,oBAAoB,EACpBC,uBAAuB,QAClB,iBAAiB;AAYxB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,WAAWA,CAAAC,IAAA,EAmBlBC,GAA8B,EAC9B;EAAA,IAAAC,KAAA,EAAAC,KAAA;EAAA,IAlBEC,EAAE,GAAAJ,IAAA,CAAFI,EAAE;IACFC,SAAS,GAAAL,IAAA,CAATK,SAAS;IACTC,QAAQ,GAAAN,IAAA,CAARM,QAAQ;IAERC,IAAI,GAAAP,IAAA,CAAJO,IAAI;IACJC,IAAI,GAAAR,IAAA,CAAJQ,IAAI;IACJC,QAAQ,GAAAT,IAAA,CAARS,QAAQ;IACRC,MAAM,GAAAV,IAAA,CAANU,MAAM;IACNC,OAAO,GAAAX,IAAA,CAAPW,OAAO;IAEPC,GAAG,GAAAZ,IAAA,CAAHY,GAAG;IAEHC,IAAI,GAAAb,IAAA,CAAJa,IAAI;IAEJC,MAAM,GAAAd,IAAA,CAANc,MAAM;IACHC,KAAK,GAAAC,wBAAA,CAAAhB,IAAA,EAAAiB,SAAA;EAIV,IAAAC,KAAA,GAAoBH,KAAK;IAAjBI,OAAO,GAAAD,KAAA,CAAPC,OAAO;EAEf,IAAAC,UAAA,GAAsB7B,SAAS,CAAA8B,aAAA,CAAAA,aAAA,KAExBN,KAAK;MACRL,MAAM,EAAEA,MAAuC;MAC/CC,OAAO,EAAEA,OAAwC;MACjDW,WAAW,EAAGlB,EAAE,KAAuB,GAAG,GAAG,GAAG,GAAG,KAAK;MACxDG,IAAI,EAAJA,IAAI;MACJgB,UAAU,EAAEjB,QAAQ;MACpBa,OAAO,EAAPA,OAAO;MACPP,GAAG,EAAHA,GAAG;MACHE,MAAM,EAANA,MAAM;MACNU,IAAI,EAAE;IAAQ,IAEhBvB,GAAG,CAAQ;IACb,CAAC;IAdKwB,WAAW,GAAAL,UAAA,CAAXK,WAAW;EAgBjB,IAAMC,YAAY,GAAGpB,QAAQ,IAAKO,IAAI,KAAK,MAAM,IAAI,CAACN,IAAK;EAE3D,IAAMoB,SAAS,GACbd,IAAI,KAAK,QAAQ,GAAAQ,aAAA,CAAAA,aAAA,KACRI,WAAW;IAAErB,EAAE,EAAEA,EAAE,IAAI,KAAK;IAAEwB,UAAU,EAAE,CAACtB;EAAQ,KACxDO,IAAI,KAAK,MAAM,IAAAX,KAAA,OAAA2B,eAAA,CAAA3B,KAAA,EAEZ,eAAe,EAAGwB,YAAY,GAAG,IAAI,GAAGI,SAAS,GAAAD,eAAA,CAAA3B,KAAA,QAC9CE,EAAE,IAAI,GAAG,GAAAyB,eAAA,CAAA3B,KAAA,gBACD,CAACwB,YAAY,GAAAG,eAAA,CAAA3B,KAAA,UACnBwB,YAAY,GAAGI,SAAS,GAAGvB,IAAI,GAAAsB,eAAA,CAAA3B,KAAA,YACrCQ,MAAM,GAAAmB,eAAA,CAAA3B,KAAA,aACNS,OAAO,GAAAkB,eAAA,CAAA3B,KAAA,SACPU,GAAG,GAAAiB,eAAA,CAAA3B,KAAA,UACG,MAAM,GAAA2B,eAAA,CAAA3B,KAAA,YACZY,MAAM,GAAAZ,KAAA,IAERW,IAAI,KAAK,KAAK,IAAAV,KAAA,OAAA0B,eAAA,CAAA1B,KAAA,EAEX,eAAe,EAAGG,QAAQ,GAAG,IAAI,GAAGwB,SAAS,GAAAD,eAAA,CAAA1B,KAAA,UACxC,KAAK,GAAA0B,eAAA,CAAA1B,KAAA,YACXO,MAAM,GAAAmB,eAAA,CAAA1B,KAAA,aACNQ,OAAO,GAAAR,KAAA,IAET;IAAEO,MAAM,EAANA,MAAM;IAAEC,OAAO,EAAPA;EAAQ,CAAC;EAEzB,oBACEnB,KAAA,CAAAuC,aAAA,CAACrC,qBAAqB,EAAAsC,QAAA;IACpB/B,GAAG,EAAEA,GAAW;IAChB2B,UAAU,EAAEvB,SAAU;IACtB4B,SAAS,EAAE3B,QAAS;IACpB4B,KAAK,EAAE1B,IAAK;IACZ,WAAQ;EAAa,GACjBmB,SAAS,EACRZ,KAAK,GAETvB,KAAK,CAAC2C,QAAQ,CAACC,IAAI,CAAC3B,QAAQ,CAAC,eAC9BjB,KAAA,CAAAuC,aAAA,CAACpC,mBAAmB;IAAC;EAAW,CAAE,CACb,CAAC;AAE5B;AAEA,IAAM0C,OAAO,gBAAG7C,KAAK,CAAC8C,UAAU,CAACvC,WAAW,CAKT;AAEnC,IAAMwC,WAAW,gBAAG/C,KAAK,CAAC8C,UAAU,CAACvC,WAAW,CAEb;AAEnC,OAAO,IAAMyC,IAAI,gBAAGhD,KAAK,CAAC8C,UAAU,CAGlC,SAASE,IAAIA,CAAAC,KAAA,EAAqBxC,GAAG,EAAE;EAAA,IAAvByC,IAAI,GAAAD,KAAA,CAAJC,IAAI;IAAK3B,KAAK,GAAAC,wBAAA,CAAAyB,KAAA,EAAAE,UAAA;EAC9B,oBACEnD,KAAA,CAAAuC,aAAA,CAACnC,mBAAmB,EAAAoC,QAAA;IAAC/B,GAAG,EAAEA;EAAI,GAAKc,KAAK,GACrC2B,IACkB,CAAC;AAE1B,CAAC,CAAC;AAEF,OAAO,IAAME,KAAK,gBAAGpD,KAAK,CAAC8C,UAAU,CAGnC,SAASM,KAAKA,CAAAC,KAAA,EAAyB5C,GAAG,EAAE;EAAA,IAA3BQ,QAAQ,GAAAoC,KAAA,CAARpC,QAAQ;IAAKM,KAAK,GAAAC,wBAAA,CAAA6B,KAAA,EAAAC,UAAA;EACnC;EACA;EACA,oBACEtD,KAAA,CAAAuC,aAAA,CAAClC,oBAAoB,EAAAmC,QAAA;IAAC/B,GAAG,EAAEA;EAAI,GAAKc,KAAK,GACtCN,QACmB,CAAC;AAE3B,CAAC,CAAC;AAEF,OAAO,IAAMsC,QAAQ,gBAAGvD,KAAK,CAAC8C,UAAU,CAGtC,SAASS,QAAQA,CAAAC,KAAA,EAAyB/C,GAAG,EAAE;EAAA,IAA3BgD,QAAQ,GAAAD,KAAA,CAARC,QAAQ;IAAKlC,KAAK,GAAAC,wBAAA,CAAAgC,KAAA,EAAAE,UAAA;EACtC,oBACE1D,KAAA,CAAAuC,aAAA,CAACjC,uBAAuB,EAAAkC,QAAA;IAAC/B,GAAG,EAAEA,GAAI;IAACkD,SAAS,EAAEF;EAAS,GAAKlC,KAAK,gBAC/DvB,KAAA,CAAAuC,aAAA,CAACpC,mBAAmB,MAAE,CACC,CAAC;AAE9B,CAAC,CAAC;;AAEF;AACA0C,OAAO,CAACe,WAAW,GAAG,QAAQ;AAE9BZ,IAAI,CAACY,WAAW,GAAG,aAAa;AAEhCR,KAAK,CAACQ,WAAW,GAAG,cAAc;AAElCL,QAAQ,CAACK,WAAW,GAAG,iBAAiB;;AAExC;AACAb,WAAW,CAACa,WAAW,GAAG,QAAQ;AAElC,OAAO,IAAMC,UAAU,GAAG5D,gBAAgB,CACxC;EACE+C,IAAI,EAAJA,IAAI;EACJI,KAAK,EAALA,KAAK;EACLG,QAAQ,EAARA;AACF,CAAC,EACDR,WACF,CAAC;AAED,OAAO,IAAMe,MAAM,GAAG7D,gBAAgB,CACpC;EACE+C,IAAI,EAAJA,IAAI;EACJI,KAAK,EAALA,KAAK;EACLG,QAAQ,EAARA;AACF,CAAC,EACDV,OACF,CAAC"}

package/dist/Avatar/Avatar.styles.d.ts

@@ -1,4 +1,4 @@
-import { BaseAvatarProps } from './Avatar.types';
+import type { BaseAvatarProps } from './Avatar.types';
 interface StyledAvatarProps {
     $clickable: BaseAvatarProps['clickable'];
     $disabled: BaseAvatarProps['disabled'];

package/dist/Avatar/Avatar.styles.js

@@ -24,26 +24,26 @@ var iconSize = {
 };
 export var StyledAvatarOverlay = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledAvatarOverlay",
-  componentId: "core-11_24_1__sc-7q2ydl-0"
+  componentId: "core-11_24_3__sc-7q2ydl-0"
 })(["width:100%;height:100%;position:absolute;top:0;left:0;border-radius:100%;opacity:0;"]);
 export var StyledIconContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledIconContainer",
-  componentId: "core-11_24_1__sc-7q2ydl-1"
+  componentId: "core-11_24_3__sc-7q2ydl-1"
 })(["display:inline-flex;"]);
 export var StyledLabelContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledLabelContainer",
-  componentId: "core-11_24_1__sc-7q2ydl-2"
+  componentId: "core-11_24_3__sc-7q2ydl-2"
 })(["text-transform:uppercase;"]);
 export var StyledPortraitContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledPortraitContainer",
-  componentId: "core-11_24_1__sc-7q2ydl-3"
+  componentId: "core-11_24_3__sc-7q2ydl-3"
 })(["background-color:", ";background-position:center;background-repeat:no-repeat;background-size:cover;height:100%;width:100%;", ""], colors.white, function (_ref) {
   var $imageUrl = _ref.$imageUrl;
   return css(["background-image:url(", ");"], $imageUrl);
 });
 export var StyledAvatarContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledAvatarContainer",
-  componentId: "core-11_24_1__sc-7q2ydl-4"
+  componentId: "core-11_24_3__sc-7q2ydl-4"
 })(["display:inline-flex;justify-content:center;align-items:center;border-radius:100%;overflow:hidden;position:relative;cursor:default;color:", ";background-color:", ";text-decoration:none;a:has(> &){text-decoration:none;}&:focus{", "}a:focus:has(> &){", " border-radius:100%;}", " ", ";"], colors.white, colors.gray30, getGapOutlineFocus, getGapOutlineFocus, function (_ref2) {
   var _ref2$$size = _ref2.$size,
     $size = _ref2$$size === void 0 ? 'md' : _ref2$$size;

package/dist/Avatar/Avatar.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.styles.js","names":["styled","css","colors","getGapOutlineFocus","activeOverlayOpacity","containerSize","xl","lg","md","fontSize","fontWeights","iconSize","StyledAvatarOverlay","div","withConfig","displayName","componentId","StyledIconContainer","StyledLabelContainer","StyledPortraitContainer","white","_ref","$imageUrl","StyledAvatarContainer","gray30","_ref2","_ref2$$size","$size","_ref3","$disabled","$clickable","black","gray85"],"sources":["../../src/Avatar/Avatar.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { colors } from '../_styles/colors'\nimport { getGapOutlineFocus } from '../_styles/mixins'\nimport { BaseAvatarProps } from './Avatar.types'\n\ninterface StyledAvatarProps {\n  $clickable: BaseAvatarProps['clickable']\n  $disabled: BaseAvatarProps['disabled']\n  $size: BaseAvatarProps['size']\n}\n\nconst activeOverlayOpacity = 0.3\n\nconst containerSize = { xl: 96, lg: 40, md: 32 } as const\n\nconst fontSize = { xl: 40, lg: 14, md: 14 } as const\n\nconst fontWeights = { xl: 700, lg: 600, md: 600 } as const\n\nconst iconSize = { xl: 48, lg: 24, md: 16 } as const\n\nexport const StyledAvatarOverlay = styled.div`\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  border-radius: 100%;\n  opacity: 0;\n`\n\nexport const StyledIconContainer = styled.div`\n  display: inline-flex;\n`\n\nexport const StyledLabelContainer = styled.div`\n  text-transform: uppercase;\n`\n\nexport const StyledPortraitContainer = styled.div<{ $imageUrl: string }>`\n  background-color: ${colors.white};\n  background-position: center;\n  background-repeat: no-repeat;\n  background-size: cover;\n  height: 100%;\n  width: 100%;\n  ${({ $imageUrl }) =>\n    css`\n      background-image: url(${$imageUrl});\n    `}\n`\n\nexport const StyledAvatarContainer = styled.div<StyledAvatarProps>`\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 100%;\n  overflow: hidden;\n  position: relative;\n  cursor: default;\n  color: ${colors.white};\n  background-color: ${colors.gray30};\n  text-decoration: none;\n\n  a:has(> &) {\n    text-decoration: none;\n  }\n\n  &:focus {\n    ${getGapOutlineFocus}\n  }\n  // For safety, separate rule block with 'has' for supported browsers\n  // this supports any anchor directly wrapping an Avatar.\n  // 'outline' works better on display inline-block and inline-flex,\n  // elements, unfortunately anchors and inline by default.\n  a:focus:has(> &) {\n    ${getGapOutlineFocus}\n    border-radius: 100%;\n  }\n\n  ${({ $size = 'md' }) => css`\n    font-size: ${fontSize[$size]}px;\n    font-weight: ${fontWeights[$size]};\n    height: ${containerSize[$size]}px;\n    width: ${containerSize[$size]}px;\n    min-height: ${containerSize[$size]}px;\n    min-width: ${containerSize[$size]}px;\n\n    ${StyledIconContainer} {\n      svg {\n        height: ${iconSize[$size]}px;\n        width: ${iconSize[$size]}px;\n      }\n    }\n  `}\n\n  ${({ $disabled, $clickable }) => {\n    if (!$disabled && $clickable) {\n      return css`\n        cursor: pointer;\n\n        &:hover {\n          ${StyledAvatarOverlay} {\n            opacity: ${activeOverlayOpacity};\n          }\n        }\n\n        ${StyledAvatarOverlay} {\n          background-color: ${colors.black};\n        }\n      `\n    }\n\n    if ($disabled && !$clickable) {\n      return css`\n        background-color: ${colors.gray85};\n\n        ${StyledAvatarOverlay} {\n          background-color: ${colors.white};\n          opacity: ${activeOverlayOpacity};\n        }\n      `\n    }\n\n    if ($disabled && $clickable) {\n      return css`\n        cursor: pointer;\n        background-color: ${colors.gray85};\n\n        &:hover {\n          ${StyledAvatarOverlay} {\n            background-color: ${colors.black};\n            opacity: ${activeOverlayOpacity};\n          }\n        }\n\n        ${StyledAvatarOverlay} {\n          background-color: ${colors.white};\n          opacity: ${activeOverlayOpacity};\n        }\n      `\n    }\n  }};\n`\n"],"mappings":"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"}
+{"version":3,"file":"Avatar.styles.js","names":["styled","css","colors","getGapOutlineFocus","activeOverlayOpacity","containerSize","xl","lg","md","fontSize","fontWeights","iconSize","StyledAvatarOverlay","div","withConfig","displayName","componentId","StyledIconContainer","StyledLabelContainer","StyledPortraitContainer","white","_ref","$imageUrl","StyledAvatarContainer","gray30","_ref2","_ref2$$size","$size","_ref3","$disabled","$clickable","black","gray85"],"sources":["../../src/Avatar/Avatar.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { colors } from '../_styles/colors'\nimport { getGapOutlineFocus } from '../_styles/mixins'\nimport type { BaseAvatarProps } from './Avatar.types'\n\ninterface StyledAvatarProps {\n  $clickable: BaseAvatarProps['clickable']\n  $disabled: BaseAvatarProps['disabled']\n  $size: BaseAvatarProps['size']\n}\n\nconst activeOverlayOpacity = 0.3\n\nconst containerSize = { xl: 96, lg: 40, md: 32 } as const\n\nconst fontSize = { xl: 40, lg: 14, md: 14 } as const\n\nconst fontWeights = { xl: 700, lg: 600, md: 600 } as const\n\nconst iconSize = { xl: 48, lg: 24, md: 16 } as const\n\nexport const StyledAvatarOverlay = styled.div`\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  border-radius: 100%;\n  opacity: 0;\n`\n\nexport const StyledIconContainer = styled.div`\n  display: inline-flex;\n`\n\nexport const StyledLabelContainer = styled.div`\n  text-transform: uppercase;\n`\n\nexport const StyledPortraitContainer = styled.div<{ $imageUrl: string }>`\n  background-color: ${colors.white};\n  background-position: center;\n  background-repeat: no-repeat;\n  background-size: cover;\n  height: 100%;\n  width: 100%;\n  ${({ $imageUrl }) =>\n    css`\n      background-image: url(${$imageUrl});\n    `}\n`\n\nexport const StyledAvatarContainer = styled.div<StyledAvatarProps>`\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 100%;\n  overflow: hidden;\n  position: relative;\n  cursor: default;\n  color: ${colors.white};\n  background-color: ${colors.gray30};\n  text-decoration: none;\n\n  a:has(> &) {\n    text-decoration: none;\n  }\n\n  &:focus {\n    ${getGapOutlineFocus}\n  }\n  // For safety, separate rule block with 'has' for supported browsers\n  // this supports any anchor directly wrapping an Avatar.\n  // 'outline' works better on display inline-block and inline-flex,\n  // elements, unfortunately anchors and inline by default.\n  a:focus:has(> &) {\n    ${getGapOutlineFocus}\n    border-radius: 100%;\n  }\n\n  ${({ $size = 'md' }) => css`\n    font-size: ${fontSize[$size]}px;\n    font-weight: ${fontWeights[$size]};\n    height: ${containerSize[$size]}px;\n    width: ${containerSize[$size]}px;\n    min-height: ${containerSize[$size]}px;\n    min-width: ${containerSize[$size]}px;\n\n    ${StyledIconContainer} {\n      svg {\n        height: ${iconSize[$size]}px;\n        width: ${iconSize[$size]}px;\n      }\n    }\n  `}\n\n  ${({ $disabled, $clickable }) => {\n    if (!$disabled && $clickable) {\n      return css`\n        cursor: pointer;\n\n        &:hover {\n          ${StyledAvatarOverlay} {\n            opacity: ${activeOverlayOpacity};\n          }\n        }\n\n        ${StyledAvatarOverlay} {\n          background-color: ${colors.black};\n        }\n      `\n    }\n\n    if ($disabled && !$clickable) {\n      return css`\n        background-color: ${colors.gray85};\n\n        ${StyledAvatarOverlay} {\n          background-color: ${colors.white};\n          opacity: ${activeOverlayOpacity};\n        }\n      `\n    }\n\n    if ($disabled && $clickable) {\n      return css`\n        cursor: pointer;\n        background-color: ${colors.gray85};\n\n        &:hover {\n          ${StyledAvatarOverlay} {\n            background-color: ${colors.black};\n            opacity: ${activeOverlayOpacity};\n          }\n        }\n\n        ${StyledAvatarOverlay} {\n          background-color: ${colors.white};\n          opacity: ${activeOverlayOpacity};\n        }\n      `\n    }\n  }};\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,kBAAkB,QAAQ,mBAAmB;AAStD,IAAMC,oBAAoB,GAAG,GAAG;AAEhC,IAAMC,aAAa,GAAG;EAAEC,EAAE,EAAE,EAAE;EAAEC,EAAE,EAAE,EAAE;EAAEC,EAAE,EAAE;AAAG,CAAU;AAEzD,IAAMC,QAAQ,GAAG;EAAEH,EAAE,EAAE,EAAE;EAAEC,EAAE,EAAE,EAAE;EAAEC,EAAE,EAAE;AAAG,CAAU;AAEpD,IAAME,WAAW,GAAG;EAAEJ,EAAE,EAAE,GAAG;EAAEC,EAAE,EAAE,GAAG;EAAEC,EAAE,EAAE;AAAI,CAAU;AAE1D,IAAMG,QAAQ,GAAG;EAAEL,EAAE,EAAE,EAAE;EAAEC,EAAE,EAAE,EAAE;EAAEC,EAAE,EAAE;AAAG,CAAU;AAEpD,OAAO,IAAMI,mBAAmB,gBAAGZ,MAAM,CAACa,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2FAQ5C;AAED,OAAO,IAAMC,mBAAmB,gBAAGjB,MAAM,CAACa,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4BAE5C;AAED,OAAO,IAAME,oBAAoB,gBAAGlB,MAAM,CAACa,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,iCAE7C;AAED,OAAO,IAAMG,uBAAuB,gBAAGnB,MAAM,CAACa,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uIAC3Bd,MAAM,CAACkB,KAAK,EAM9B,UAAAC,IAAA;EAAA,IAAGC,SAAS,GAAAD,IAAA,CAATC,SAAS;EAAA,OACZrB,GAAG,kCACuBqB,SAAS;AAAA,CAClC,CACJ;AAED,OAAO,IAAMC,qBAAqB,gBAAGvB,MAAM,CAACa,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mSAQpCd,MAAM,CAACkB,KAAK,EACDlB,MAAM,CAACsB,MAAM,EAQ7BrB,kBAAkB,EAOlBA,kBAAkB,EAIpB,UAAAsB,KAAA;EAAA,IAAAC,WAAA,GAAAD,KAAA,CAAGE,KAAK;IAALA,KAAK,GAAAD,WAAA,cAAG,IAAI,GAAAA,WAAA;EAAA,OAAOzB,GAAG,6IACZQ,QAAQ,CAACkB,KAAK,CAAC,EACbjB,WAAW,CAACiB,KAAK,CAAC,EACvBtB,aAAa,CAACsB,KAAK,CAAC,EACrBtB,aAAa,CAACsB,KAAK,CAAC,EACftB,aAAa,CAACsB,KAAK,CAAC,EACrBtB,aAAa,CAACsB,KAAK,CAAC,EAE/BV,mBAAmB,EAEPN,QAAQ,CAACgB,KAAK,CAAC,EAChBhB,QAAQ,CAACgB,KAAK,CAAC;AAAA,CAG7B,EAEC,UAAAC,KAAA,EAA+B;EAAA,IAA5BC,SAAS,GAAAD,KAAA,CAATC,SAAS;IAAEC,UAAU,GAAAF,KAAA,CAAVE,UAAU;EACxB,IAAI,CAACD,SAAS,IAAIC,UAAU,EAAE;IAC5B,OAAO7B,GAAG,8EAIJW,mBAAmB,EACRR,oBAAoB,EAIjCQ,mBAAmB,EACCV,MAAM,CAAC6B,KAAK;EAGtC;EAEA,IAAIF,SAAS,IAAI,CAACC,UAAU,EAAE;IAC5B,OAAO7B,GAAG,sEACYC,MAAM,CAAC8B,MAAM,EAE/BpB,mBAAmB,EACCV,MAAM,CAACkB,KAAK,EACrBhB,oBAAoB;EAGrC;EAEA,IAAIyB,SAAS,IAAIC,UAAU,EAAE;IAC3B,OAAO7B,GAAG,uIAEYC,MAAM,CAAC8B,MAAM,EAG7BpB,mBAAmB,EACCV,MAAM,CAAC6B,KAAK,EACrB3B,oBAAoB,EAIjCQ,mBAAmB,EACCV,MAAM,CAACkB,KAAK,EACrBhB,oBAAoB;EAGrC;AACF,CAAC,CACF"}

package/dist/Avatar/Avatar.types.d.ts

@@ -1,7 +1,7 @@
-import { AriaButtonProps } from '@react-aria/button';
-import React from 'react';
-import { Polymorphic } from '../_utils/polymorphic';
-import { AriaLabelled, Props, Size } from '../_utils/types';
+import type { AriaButtonProps } from '@react-aria/button';
+import type React from 'react';
+import type { Polymorphic } from '../_utils/polymorphic';
+import type { AriaLabelled, Props, Size } from '../_utils/types';
 export declare type AvatarSize = Extract<Size, 'md' | 'lg' | 'xl'>;
 export declare type AvatarRoleType = 'link' | 'button' | 'img';
 export interface AvatarPolyMap extends Record<AvatarRoleType, React.ElementType> {

package/dist/Avatar/Avatar.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.types.js","names":[],"sources":["../../src/Avatar/Avatar.types.ts"],"sourcesContent":["import { AriaButtonProps } from '@react-aria/button'\nimport React from 'react'\nimport { Polymorphic } from '../_utils/polymorphic'\nimport { AriaLabelled, Props, Size } from '../_utils/types'\n\nexport type AvatarSize = Extract<Size, 'md' | 'lg' | 'xl'>\n\nexport type AvatarRoleType = 'link' | 'button' | 'img'\n\nexport interface AvatarPolyMap\n  extends Record<AvatarRoleType, React.ElementType> {\n  button: 'div'\n  img: 'div'\n  link: 'a'\n}\n\n// Add undefined for aria-hidden\nexport type AvatarRoles = AvatarRoleType | undefined\n\nexport type AvatarRef<Role extends AvatarRoles = undefined> =\n  Role extends AvatarRoleType\n    ? Polymorphic.Ref<AvatarPolyMap, Role>\n    : React.ComponentPropsWithRef<'div'>['ref']\n\nexport interface BaseAvatarProps extends Props {\n  /**\n   * Sets the Avatar's clickable UI state. For accessibility, see `role`\n   * @ally This prop is around UI and has 0 UX or JS for interaction, try `role` instead.\n   * @defaultValue false\n   * @deprecated Reviewing for removal from system, prefer accessible `role` for interactive UI.\n   * @deprecatedSince TBD\n   * @since 10.19.0\n   */\n  clickable?: boolean\n  /**\n   * Sets the Avatar's disabled state\n   *\n   * @defaultValue false\n   */\n  disabled?: boolean\n  /**\n   * Sets the Avatar's size\n   *\n   * @defaultValue md\n   *\n   * @deprecated\n   *\n   * Size \"xl\" has been deprecated and will be removed in a future version.\n   * Please use \"lg\" instead of \"xl\".\n   *\n   * **Before**\n   *\n   * `<Avatar size=\"xl\" />`\n   *\n   * **After**\n   *\n   * `<Avatar size=\"lg\" />`\n   *\n   * @deprecatedSince 10.20.0\n   * @since 10.19.0\n   */\n  size?: AvatarSize\n}\n\ntype DecorativeAvatarProps<Role extends AvatarRoles = undefined> = {\n  'aria-hidden': true\n  role?: Role\n} & BaseAvatarProps\n\nexport type AvatarProps<Role extends AvatarRoles = undefined> =\n  Role extends 'link'\n    ? Polymorphic.ComponentPropsWithRef<\n        AvatarPolyMap,\n        'link',\n        'href',\n        AriaLabelled<BaseAvatarProps>\n      >\n    : Role extends 'button'\n    ? Polymorphic.ComponentPropsWithRef<\n        AvatarPolyMap,\n        'button',\n        never,\n        AriaLabelled<{ onPress: AriaButtonProps['onPress'] } & BaseAvatarProps>\n      >\n    : Role extends 'img'\n    ? Polymorphic.ComponentPropsWithRef<\n        AvatarPolyMap,\n        'img',\n        never,\n        AriaLabelled<BaseAvatarProps>\n      >\n    : DecorativeAvatarProps & { ref?: AvatarRef<undefined> }\n\nexport interface AvatarIconProps extends Props {\n  /**\n   * The icon to display\n   *\n   * @since 10.19.0\n   */\n  icon: React.ReactNode\n}\n\nexport interface AvatarPortraitProps extends Props {\n  /**\n   * The Avatar rich media url\n   * @since 10.19.0\n   */\n  imageUrl: string\n}\n\nexport interface AvatarLabelProps extends Props {}\n"],"mappings":""}
+{"version":3,"file":"Avatar.types.js","names":[],"sources":["../../src/Avatar/Avatar.types.ts"],"sourcesContent":["import type { AriaButtonProps } from '@react-aria/button'\nimport type React from 'react'\nimport type { Polymorphic } from '../_utils/polymorphic'\nimport type { AriaLabelled, Props, Size } from '../_utils/types'\n\nexport type AvatarSize = Extract<Size, 'md' | 'lg' | 'xl'>\n\nexport type AvatarRoleType = 'link' | 'button' | 'img'\n\nexport interface AvatarPolyMap\n  extends Record<AvatarRoleType, React.ElementType> {\n  button: 'div'\n  img: 'div'\n  link: 'a'\n}\n\n// Add undefined for aria-hidden\nexport type AvatarRoles = AvatarRoleType | undefined\n\nexport type AvatarRef<Role extends AvatarRoles = undefined> =\n  Role extends AvatarRoleType\n    ? Polymorphic.Ref<AvatarPolyMap, Role>\n    : React.ComponentPropsWithRef<'div'>['ref']\n\nexport interface BaseAvatarProps extends Props {\n  /**\n   * Sets the Avatar's clickable UI state. For accessibility, see `role`\n   * @ally This prop is around UI and has 0 UX or JS for interaction, try `role` instead.\n   * @defaultValue false\n   * @deprecated Reviewing for removal from system, prefer accessible `role` for interactive UI.\n   * @deprecatedSince TBD\n   * @since 10.19.0\n   */\n  clickable?: boolean\n  /**\n   * Sets the Avatar's disabled state\n   *\n   * @defaultValue false\n   */\n  disabled?: boolean\n  /**\n   * Sets the Avatar's size\n   *\n   * @defaultValue md\n   *\n   * @deprecated\n   *\n   * Size \"xl\" has been deprecated and will be removed in a future version.\n   * Please use \"lg\" instead of \"xl\".\n   *\n   * **Before**\n   *\n   * `<Avatar size=\"xl\" />`\n   *\n   * **After**\n   *\n   * `<Avatar size=\"lg\" />`\n   *\n   * @deprecatedSince 10.20.0\n   * @since 10.19.0\n   */\n  size?: AvatarSize\n}\n\ntype DecorativeAvatarProps<Role extends AvatarRoles = undefined> = {\n  'aria-hidden': true\n  role?: Role\n} & BaseAvatarProps\n\nexport type AvatarProps<Role extends AvatarRoles = undefined> =\n  Role extends 'link'\n    ? Polymorphic.ComponentPropsWithRef<\n        AvatarPolyMap,\n        'link',\n        'href',\n        AriaLabelled<BaseAvatarProps>\n      >\n    : Role extends 'button'\n    ? Polymorphic.ComponentPropsWithRef<\n        AvatarPolyMap,\n        'button',\n        never,\n        AriaLabelled<{ onPress: AriaButtonProps['onPress'] } & BaseAvatarProps>\n      >\n    : Role extends 'img'\n    ? Polymorphic.ComponentPropsWithRef<\n        AvatarPolyMap,\n        'img',\n        never,\n        AriaLabelled<BaseAvatarProps>\n      >\n    : DecorativeAvatarProps & { ref?: AvatarRef<undefined> }\n\nexport interface AvatarIconProps extends Props {\n  /**\n   * The icon to display\n   *\n   * @since 10.19.0\n   */\n  icon: React.ReactNode\n}\n\nexport interface AvatarPortraitProps extends Props {\n  /**\n   * The Avatar rich media url\n   * @since 10.19.0\n   */\n  imageUrl: string\n}\n\nexport interface AvatarLabelProps extends Props {}\n"],"mappings":""}

package/dist/AvatarStack/AvatarStack.constants.d.ts

@@ -1,4 +1,4 @@
-import { Color } from '../_styles/colors';
+import type { Color } from '../_styles/colors';
 export declare const visibleItemsCap = 5;
 export declare const foldedItemsCap = 4;
 export declare const restCountThreshold = 99;

package/dist/AvatarStack/AvatarStack.constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarStack.constants.js","names":["visibleItemsCap","foldedItemsCap","restCountThreshold","colorsOrder"],"sources":["../../src/AvatarStack/AvatarStack.constants.ts"],"sourcesContent":["import { Color } from '../_styles/colors'\n\nexport const visibleItemsCap = 5\n\nexport const foldedItemsCap = 4\n\nexport const restCountThreshold = 99\n\nexport const colorsOrder: Color[] = ['blue40', 'purple40', 'orange40', 'gray40']\n"],"mappings":"AAEA,OAAO,IAAMA,eAAe,GAAG,CAAC;AAEhC,OAAO,IAAMC,cAAc,GAAG,CAAC;AAE/B,OAAO,IAAMC,kBAAkB,GAAG,EAAE;AAEpC,OAAO,IAAMC,WAAoB,GAAG,CAAC,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,CAAC"}
+{"version":3,"file":"AvatarStack.constants.js","names":["visibleItemsCap","foldedItemsCap","restCountThreshold","colorsOrder"],"sources":["../../src/AvatarStack/AvatarStack.constants.ts"],"sourcesContent":["import type { Color } from '../_styles/colors'\n\nexport const visibleItemsCap = 5\n\nexport const foldedItemsCap = 4\n\nexport const restCountThreshold = 99\n\nexport const colorsOrder: Color[] = ['blue40', 'purple40', 'orange40', 'gray40']\n"],"mappings":"AAEA,OAAO,IAAMA,eAAe,GAAG,CAAC;AAEhC,OAAO,IAAMC,cAAc,GAAG,CAAC;AAE/B,OAAO,IAAMC,kBAAkB,GAAG,EAAE;AAEpC,OAAO,IAAMC,WAAoB,GAAG,CAAC,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,CAAC"}

package/dist/AvatarStack/AvatarStack.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { Color } from '../_styles/colors';
-import { AvatarStackItem, AvatarStackItemId, AvatarStackItemType, AvatarStackProps, AvatarStackSize, FoldedAvatarStackProps, ViewAllModalProps } from './AvatarStack.types';
+import type { Color } from '../_styles/colors';
+import type { AvatarStackItem, AvatarStackItemId, AvatarStackItemType, AvatarStackProps, AvatarStackSize, FoldedAvatarStackProps, ViewAllModalProps } from './AvatarStack.types';
 export declare function getOverflowValues<Item extends AvatarStackItem>(items: Item[]): {
     visibleItems: Item[];
     foldedItems: Item[];

package/dist/AvatarStack/AvatarStack.js.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarStack.js","names":["Building","People","useId","React","forwardRef","useMemo","useState","Avatar","Button","ContactItem","Link","Modal","Popover","Typography","useI18nContext","colorsOrder","foldedItemsCap","restCountThreshold","visibleItemsCap","StyledAvatar","StyledContactItem","StyledContactItems","StyledModalBody","StyledViewAllWrapper","StyledWrapper","defaultPopoverTrigger","getOverflowValues","items","foldedItems","restCountLabel","isViewAllNeeded","visibleItems","length","slice","restItemsCount","concat","getIcon","type","size","createElement","getContactIcon","getAvatarIcon","avatarSize","getColorOrder","avatarItems","reduce","_ref","item","map","color","imageUrl","inactive","set","id","currentColorIndex","indexOf","nextColorIndex","Map","AvatarStackContactItem","_ref2","initials","name","linkUrl","description","key","icon","disabled","Title","href","Description","AvatarContent","_ref3","avatarIcon","Portrait","Icon","Label","AvatarWithPopover","_ref4","colors","hasEnabledLink","avatarProps","role","tabIndex","trigger","overlay","Content","_extends","$color","get","FoldedAvatarStack","_ref5","onClickViewAll","title","I18n","overlayRef","useRef","restAvatarId","beforeHide","e","onClick","variant","t","onPress","ViewAllModal","_ref6","isOpen","onClose","labelId","open","Header","Footer","FooterButtons","defaultInitials","defaultGetImageUrl","getTransformedItems","_ref7","getInitials","getImageUrl","_objectSpread","_AvatarStack","_ref8","ref","_items","_ref8$size","_ref8$getInitials","_ref8$getImageUrl","props","_objectWithoutProperties","_excluded","_useState","_useState2","_slicedToArray","isModalOpen","setIsModalOpen","_useMemo","visibleItemsColors","AvatarStack","displayName"],"sources":["../../src/AvatarStack/AvatarStack.tsx"],"sourcesContent":["import { Building, People } from '@procore/core-icons'\nimport { useId } from '@react-aria/utils'\nimport React, { forwardRef, useMemo, useState } from 'react'\nimport { Avatar } from '../Avatar/Avatar'\nimport { Button } from '../Button/Button'\nimport { ContactItem } from '../ContactItem/ContactItem'\nimport { Link } from '../Link/Link'\nimport { Modal } from '../Modal/Modal'\nimport { OverlayTriggerRef } from '../OverlayTrigger/OverlayTrigger.types'\nimport { Popover } from '../Popover/Popover'\nimport { Typography } from '../Typography/Typography'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { TriggerVariant } from '../_hooks/Trigger'\nimport { Color } from '../_styles/colors'\nimport {\n  colorsOrder,\n  foldedItemsCap,\n  restCountThreshold,\n  visibleItemsCap,\n} from './AvatarStack.constants'\nimport {\n  StyledAvatar,\n  StyledContactItem,\n  StyledContactItems,\n  StyledModalBody,\n  StyledViewAllWrapper,\n  StyledWrapper,\n} from './AvatarStack.styles'\nimport {\n  AvatarStackItem,\n  AvatarStackItemId,\n  AvatarStackItemType,\n  AvatarStackProps,\n  AvatarStackSize,\n  FoldedAvatarStackProps,\n  ViewAllModalProps,\n} from './AvatarStack.types'\n\nconst defaultPopoverTrigger: TriggerVariant[] = ['hover', 'focus']\n\nexport function getOverflowValues<Item extends AvatarStackItem>(items: Item[]) {\n  let foldedItems: Item[] = []\n  let restCountLabel: string | null = null\n  let isViewAllNeeded = false\n\n  const visibleItems =\n    items.length > visibleItemsCap ? items.slice(0, visibleItemsCap - 1) : items\n  const restItemsCount = items.length - visibleItems.length\n\n  if (restItemsCount > 0) {\n    foldedItems = items.slice(\n      visibleItems.length,\n      visibleItems.length + foldedItemsCap\n    )\n\n    restCountLabel =\n      restItemsCount > restCountThreshold\n        ? `${restCountThreshold}+`\n        : `+${restItemsCount}`\n\n    isViewAllNeeded = restItemsCount > foldedItemsCap\n  }\n\n  return {\n    visibleItems,\n    foldedItems,\n    restCountLabel,\n    isViewAllNeeded,\n  }\n}\n\nexport function getIcon(type: AvatarStackItemType, size: 'md' | 'sm') {\n  switch (type) {\n    case 'company':\n      return <Building size={size} />\n\n    case 'group':\n      return <People size={size} />\n\n    case 'user':\n    default:\n      return null\n  }\n}\n\nfunction getContactIcon(type: AvatarStackItemType) {\n  return getIcon(type, 'md')\n}\n\nexport function getAvatarIcon(\n  type: AvatarStackItemType,\n  size: AvatarStackSize\n) {\n  const avatarSize = size === 'lg' ? 'md' : 'sm'\n  return getIcon(type, avatarSize)\n}\n\nexport function getColorOrder(avatarItems: AvatarStackItem[]) {\n  return avatarItems.reduce(\n    ({ map, color }, item) => {\n      if (item.imageUrl) {\n        return {\n          map,\n          color,\n        }\n      }\n\n      if (item.inactive) {\n        map.set(item.id, 'gray70')\n\n        return {\n          map,\n          color,\n        }\n      }\n\n      map.set(item.id, color)\n\n      const currentColorIndex = colorsOrder.indexOf(color)\n      const nextColorIndex = (currentColorIndex + 1) % colorsOrder.length\n      return {\n        map,\n        color: item.imageUrl ? color : colorsOrder[nextColorIndex],\n      }\n    },\n    {\n      map: new Map<AvatarStackItemId, Color>(),\n      color: colorsOrder[0],\n    }\n  ).map\n}\n\nexport function AvatarStackContactItem({\n  id,\n  type,\n  imageUrl,\n  initials,\n  inactive,\n  name,\n  linkUrl,\n  description,\n}: AvatarStackItem) {\n  return (\n    <StyledContactItem\n      key={id}\n      imageUrl={imageUrl}\n      initials={initials}\n      icon={getContactIcon(type)}\n      disabled={inactive}\n    >\n      <ContactItem.Title>\n        {!inactive && linkUrl ? <Link href={linkUrl}>{name}</Link> : name}\n      </ContactItem.Title>\n      <ContactItem.Description>\n        {type === 'group' ? (\n          <Typography color=\"gray15\">{description}</Typography>\n        ) : (\n          description\n        )}\n      </ContactItem.Description>\n    </StyledContactItem>\n  )\n}\n\nexport function AvatarContent({\n  imageUrl,\n  initials,\n  type,\n  size,\n}: {\n  imageUrl?: AvatarStackItem['imageUrl']\n  initials: AvatarStackItem['initials']\n  type: AvatarStackItem['type']\n  size: AvatarStackSize\n}) {\n  const avatarIcon = getAvatarIcon(type, size)\n\n  if (imageUrl) {\n    return <Avatar.Portrait imageUrl={imageUrl} />\n  }\n\n  if (avatarIcon) {\n    return <Avatar.Icon icon={avatarIcon} />\n  }\n\n  if (initials) {\n    return <Avatar.Label>{initials}</Avatar.Label>\n  }\n\n  return null\n}\n\nfunction AvatarWithPopover<Item extends AvatarStackItem>({\n  item,\n  size,\n  colors,\n}: {\n  item: Item\n  size: AvatarStackSize\n  colors: Map<AvatarStackItemId, Color>\n}) {\n  const hasEnabledLink = item.linkUrl && !item.inactive\n  const avatarProps = hasEnabledLink\n    ? {\n        role: 'link',\n        href: item.linkUrl,\n      }\n    : {\n        role: 'img',\n        // Allow SR to open Popover as it cycles through. Keeps visual with audio.\n        // The link or image is labelled, and focus does not enter the Popover.\n        tabIndex: -1,\n      }\n\n  return (\n    <Popover\n      key={item.id}\n      trigger={defaultPopoverTrigger}\n      overlay={\n        <Popover.Content>\n          <AvatarStackContactItem\n            id={item.id}\n            type={item.type}\n            imageUrl={item.imageUrl}\n            initials={item.initials}\n            inactive={item.inactive}\n            name={item.name}\n            linkUrl={item.linkUrl}\n            description={item.description}\n          />\n        </Popover.Content>\n      }\n    >\n      <StyledAvatar\n        {...avatarProps}\n        aria-label={`${item.name}, ${item.description}`}\n        disabled={item.inactive}\n        size={size}\n        $color={colors.get(item.id) as Color}\n      >\n        <AvatarContent\n          imageUrl={item.imageUrl}\n          initials={item.initials}\n          type={item.type}\n          size={size}\n        />\n      </StyledAvatar>\n    </Popover>\n  )\n}\n\nexport function FoldedAvatarStack<Item extends AvatarStackItem>({\n  items,\n  onClickViewAll,\n  size,\n  restCountLabel,\n  isViewAllNeeded,\n  title,\n}: FoldedAvatarStackProps<Item>) {\n  const I18n = useI18nContext()\n  const overlayRef = React.useRef<OverlayTriggerRef>(null)\n  const restAvatarId = useId()\n\n  return (\n    <Popover\n      trigger={defaultPopoverTrigger}\n      aria-labelledby={restAvatarId}\n      overlayRef={overlayRef}\n      beforeHide={(e) => {\n        return e.type !== 'blur'\n      }}\n      overlay={\n        <Popover.Content>\n          <StyledContactItems>\n            {items.map((item) => (\n              <AvatarStackContactItem\n                key={item.id}\n                id={item.id}\n                type={item.type}\n                imageUrl={item.imageUrl}\n                initials={item.initials}\n                inactive={item.inactive}\n                name={item.name}\n                linkUrl={item.linkUrl}\n                description={item.description}\n              />\n            ))}\n          </StyledContactItems>\n          {isViewAllNeeded && (\n            <StyledViewAllWrapper>\n              <Button\n                data-qa=\"core-avatar-stack-view-all-modal-trigger\"\n                onClick={onClickViewAll}\n                size=\"sm\"\n                variant=\"secondary\"\n              >\n                {I18n.t('core.avatarStack.viewAll')}\n              </Button>\n            </StyledViewAllWrapper>\n          )}\n        </Popover.Content>\n      }\n    >\n      <StyledAvatar\n        role=\"button\"\n        onPress={onClickViewAll}\n        id={restAvatarId}\n        aria-label={`${restCountLabel}, ${title}`}\n        data-qa=\"core-avatar-stack-folded-avatars-popover-trigger\"\n        size={size}\n        $color=\"gray85\"\n      >\n        <Avatar.Label aria-hidden>\n          <Typography color=\"black\">{restCountLabel}</Typography>\n        </Avatar.Label>\n      </StyledAvatar>\n    </Popover>\n  )\n}\n\nexport function ViewAllModal<Item extends AvatarStackItem>({\n  isOpen,\n  onClose,\n  title,\n  items,\n}: ViewAllModalProps<Item>) {\n  const I18n = useI18nContext()\n  const labelId = useId()\n\n  return (\n    <Modal\n      role=\"dialog\"\n      aria-labelledby={labelId}\n      open={isOpen}\n      onClose={onClose}\n    >\n      <Modal.Header onClose={onClose}>\n        <span id={labelId}>\n          {title} ({items.length})\n        </span>\n      </Modal.Header>\n      <StyledModalBody>\n        {items.map((item) => (\n          <AvatarStackContactItem\n            key={item.id}\n            id={item.id}\n            type={item.type}\n            imageUrl={item.imageUrl}\n            initials={item.initials}\n            inactive={item.inactive}\n            name={item.name}\n            linkUrl={item.linkUrl}\n            description={item.description}\n          />\n        ))}\n      </StyledModalBody>\n      <Modal.Footer>\n        <Modal.FooterButtons>\n          <Button onClick={onClose}>{I18n.t('core.avatarStack.close')}</Button>\n        </Modal.FooterButtons>\n      </Modal.Footer>\n    </Modal>\n  )\n}\n\nexport function defaultInitials<Item extends AvatarStackItem>(item: Item) {\n  return item.initials as string\n}\n\nexport function defaultGetImageUrl<Item extends AvatarStackItem>(item: Item) {\n  return item.imageUrl as string\n}\n\nexport function getTransformedItems<Item extends AvatarStackItem>({\n  items,\n  getInitials,\n  getImageUrl,\n}: {\n  items: Item[]\n  getInitials: AvatarStackProps<Item>['getInitials']\n  getImageUrl: AvatarStackProps<Item>['getImageUrl']\n}) {\n  return items.map((item) => ({\n    ...item,\n    initials: getInitials!(item),\n    imageUrl: getImageUrl!(item),\n  }))\n}\n\nconst _AvatarStack = <Item extends AvatarStackItem>(\n  {\n    items: _items,\n    title,\n    size = 'lg',\n    getInitials = defaultInitials,\n    getImageUrl = defaultGetImageUrl,\n    ...props\n  }: AvatarStackProps<Item>,\n  ref: React.ForwardedRef<HTMLDivElement>\n) => {\n  const [isModalOpen, setIsModalOpen] = useState(false)\n\n  const items = useMemo(\n    () =>\n      getTransformedItems({\n        items: _items,\n        getInitials,\n        getImageUrl,\n      }),\n    [_items]\n  )\n\n  const { visibleItems, foldedItems, restCountLabel, isViewAllNeeded } =\n    useMemo(() => getOverflowValues(items), [items])\n\n  const visibleItemsColors = useMemo(\n    () => getColorOrder(visibleItems),\n    [visibleItems]\n  )\n\n  return (\n    <div ref={ref} {...props}>\n      {isViewAllNeeded && (\n        <ViewAllModal\n          isOpen={isModalOpen}\n          onClose={() => setIsModalOpen(false)}\n          title={title}\n          items={items}\n        />\n      )}\n      <StyledWrapper>\n        {visibleItems.map((item) => {\n          return (\n            <AvatarWithPopover\n              colors={visibleItemsColors}\n              item={item}\n              key={`${item.name}_${item.id}`}\n              size={size}\n            />\n          )\n        })}\n        {foldedItems.length > 0 && (\n          <FoldedAvatarStack\n            restCountLabel={restCountLabel as string}\n            isViewAllNeeded={isViewAllNeeded}\n            items={foldedItems}\n            onClickViewAll={() => setIsModalOpen(true)}\n            size={size}\n            title={title}\n          />\n        )}\n      </StyledWrapper>\n    </div>\n  )\n}\n\n/**\n\n We use avatars to visually represent our users, places, and things in the app.\n These can be in the form of rich media or representative illustrations.\n\n @since 10.19.0\n\n @see [Storybook](https://procore.github.io/core/latest/?path=/story/demos-avatarstack--demo)\n\n @see [Design Guidelines](https://design.procore.com/avatar-stack)\n */\nexport const AvatarStack = forwardRef(_AvatarStack) as <\n  Item extends AvatarStackItem\n>(\n  props: AvatarStackProps<Item> & { ref?: React.ForwardedRef<HTMLDivElement> }\n) => ReturnType<typeof _AvatarStack>\n\n// @ts-ignore\nAvatarStack.displayName = 'AvatarStack'\n"],"mappings":"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"}
+{"version":3,"file":"AvatarStack.js","names":["Building","People","useId","React","forwardRef","useMemo","useState","Avatar","Button","ContactItem","Link","Modal","Popover","Typography","useI18nContext","colorsOrder","foldedItemsCap","restCountThreshold","visibleItemsCap","StyledAvatar","StyledContactItem","StyledContactItems","StyledModalBody","StyledViewAllWrapper","StyledWrapper","defaultPopoverTrigger","getOverflowValues","items","foldedItems","restCountLabel","isViewAllNeeded","visibleItems","length","slice","restItemsCount","concat","getIcon","type","size","createElement","getContactIcon","getAvatarIcon","avatarSize","getColorOrder","avatarItems","reduce","_ref","item","map","color","imageUrl","inactive","set","id","currentColorIndex","indexOf","nextColorIndex","Map","AvatarStackContactItem","_ref2","initials","name","linkUrl","description","key","icon","disabled","Title","href","Description","AvatarContent","_ref3","avatarIcon","Portrait","Icon","Label","AvatarWithPopover","_ref4","colors","hasEnabledLink","avatarProps","role","tabIndex","trigger","overlay","Content","_extends","$color","get","FoldedAvatarStack","_ref5","onClickViewAll","title","I18n","overlayRef","useRef","restAvatarId","beforeHide","e","onClick","variant","t","onPress","ViewAllModal","_ref6","isOpen","onClose","labelId","open","Header","Footer","FooterButtons","defaultInitials","defaultGetImageUrl","getTransformedItems","_ref7","getInitials","getImageUrl","_objectSpread","_AvatarStack","_ref8","ref","_items","_ref8$size","_ref8$getInitials","_ref8$getImageUrl","props","_objectWithoutProperties","_excluded","_useState","_useState2","_slicedToArray","isModalOpen","setIsModalOpen","_useMemo","visibleItemsColors","AvatarStack","displayName"],"sources":["../../src/AvatarStack/AvatarStack.tsx"],"sourcesContent":["import { Building, People } from '@procore/core-icons'\nimport { useId } from '@react-aria/utils'\nimport React, { forwardRef, useMemo, useState } from 'react'\nimport { Avatar } from '../Avatar/Avatar'\nimport { Button } from '../Button/Button'\nimport { ContactItem } from '../ContactItem/ContactItem'\nimport { Link } from '../Link/Link'\nimport { Modal } from '../Modal/Modal'\nimport type { OverlayTriggerRef } from '../OverlayTrigger/OverlayTrigger.types'\nimport { Popover } from '../Popover/Popover'\nimport { Typography } from '../Typography/Typography'\nimport { useI18nContext } from '../_hooks/I18n'\nimport type { TriggerVariant } from '../_hooks/Trigger'\nimport type { Color } from '../_styles/colors'\nimport {\n  colorsOrder,\n  foldedItemsCap,\n  restCountThreshold,\n  visibleItemsCap,\n} from './AvatarStack.constants'\nimport {\n  StyledAvatar,\n  StyledContactItem,\n  StyledContactItems,\n  StyledModalBody,\n  StyledViewAllWrapper,\n  StyledWrapper,\n} from './AvatarStack.styles'\nimport type {\n  AvatarStackItem,\n  AvatarStackItemId,\n  AvatarStackItemType,\n  AvatarStackProps,\n  AvatarStackSize,\n  FoldedAvatarStackProps,\n  ViewAllModalProps,\n} from './AvatarStack.types'\n\nconst defaultPopoverTrigger: TriggerVariant[] = ['hover', 'focus']\n\nexport function getOverflowValues<Item extends AvatarStackItem>(items: Item[]) {\n  let foldedItems: Item[] = []\n  let restCountLabel: string | null = null\n  let isViewAllNeeded = false\n\n  const visibleItems =\n    items.length > visibleItemsCap ? items.slice(0, visibleItemsCap - 1) : items\n  const restItemsCount = items.length - visibleItems.length\n\n  if (restItemsCount > 0) {\n    foldedItems = items.slice(\n      visibleItems.length,\n      visibleItems.length + foldedItemsCap\n    )\n\n    restCountLabel =\n      restItemsCount > restCountThreshold\n        ? `${restCountThreshold}+`\n        : `+${restItemsCount}`\n\n    isViewAllNeeded = restItemsCount > foldedItemsCap\n  }\n\n  return {\n    visibleItems,\n    foldedItems,\n    restCountLabel,\n    isViewAllNeeded,\n  }\n}\n\nexport function getIcon(type: AvatarStackItemType, size: 'md' | 'sm') {\n  switch (type) {\n    case 'company':\n      return <Building size={size} />\n\n    case 'group':\n      return <People size={size} />\n\n    case 'user':\n    default:\n      return null\n  }\n}\n\nfunction getContactIcon(type: AvatarStackItemType) {\n  return getIcon(type, 'md')\n}\n\nexport function getAvatarIcon(\n  type: AvatarStackItemType,\n  size: AvatarStackSize\n) {\n  const avatarSize = size === 'lg' ? 'md' : 'sm'\n  return getIcon(type, avatarSize)\n}\n\nexport function getColorOrder(avatarItems: AvatarStackItem[]) {\n  return avatarItems.reduce(\n    ({ map, color }, item) => {\n      if (item.imageUrl) {\n        return {\n          map,\n          color,\n        }\n      }\n\n      if (item.inactive) {\n        map.set(item.id, 'gray70')\n\n        return {\n          map,\n          color,\n        }\n      }\n\n      map.set(item.id, color)\n\n      const currentColorIndex = colorsOrder.indexOf(color)\n      const nextColorIndex = (currentColorIndex + 1) % colorsOrder.length\n      return {\n        map,\n        color: item.imageUrl ? color : colorsOrder[nextColorIndex],\n      }\n    },\n    {\n      map: new Map<AvatarStackItemId, Color>(),\n      color: colorsOrder[0],\n    }\n  ).map\n}\n\nexport function AvatarStackContactItem({\n  id,\n  type,\n  imageUrl,\n  initials,\n  inactive,\n  name,\n  linkUrl,\n  description,\n}: AvatarStackItem) {\n  return (\n    <StyledContactItem\n      key={id}\n      imageUrl={imageUrl}\n      initials={initials}\n      icon={getContactIcon(type)}\n      disabled={inactive}\n    >\n      <ContactItem.Title>\n        {!inactive && linkUrl ? <Link href={linkUrl}>{name}</Link> : name}\n      </ContactItem.Title>\n      <ContactItem.Description>\n        {type === 'group' ? (\n          <Typography color=\"gray15\">{description}</Typography>\n        ) : (\n          description\n        )}\n      </ContactItem.Description>\n    </StyledContactItem>\n  )\n}\n\nexport function AvatarContent({\n  imageUrl,\n  initials,\n  type,\n  size,\n}: {\n  imageUrl?: AvatarStackItem['imageUrl']\n  initials: AvatarStackItem['initials']\n  type: AvatarStackItem['type']\n  size: AvatarStackSize\n}) {\n  const avatarIcon = getAvatarIcon(type, size)\n\n  if (imageUrl) {\n    return <Avatar.Portrait imageUrl={imageUrl} />\n  }\n\n  if (avatarIcon) {\n    return <Avatar.Icon icon={avatarIcon} />\n  }\n\n  if (initials) {\n    return <Avatar.Label>{initials}</Avatar.Label>\n  }\n\n  return null\n}\n\nfunction AvatarWithPopover<Item extends AvatarStackItem>({\n  item,\n  size,\n  colors,\n}: {\n  item: Item\n  size: AvatarStackSize\n  colors: Map<AvatarStackItemId, Color>\n}) {\n  const hasEnabledLink = item.linkUrl && !item.inactive\n  const avatarProps = hasEnabledLink\n    ? {\n        role: 'link',\n        href: item.linkUrl,\n      }\n    : {\n        role: 'img',\n        // Allow SR to open Popover as it cycles through. Keeps visual with audio.\n        // The link or image is labelled, and focus does not enter the Popover.\n        tabIndex: -1,\n      }\n\n  return (\n    <Popover\n      key={item.id}\n      trigger={defaultPopoverTrigger}\n      overlay={\n        <Popover.Content>\n          <AvatarStackContactItem\n            id={item.id}\n            type={item.type}\n            imageUrl={item.imageUrl}\n            initials={item.initials}\n            inactive={item.inactive}\n            name={item.name}\n            linkUrl={item.linkUrl}\n            description={item.description}\n          />\n        </Popover.Content>\n      }\n    >\n      <StyledAvatar\n        {...avatarProps}\n        aria-label={`${item.name}, ${item.description}`}\n        disabled={item.inactive}\n        size={size}\n        $color={colors.get(item.id) as Color}\n      >\n        <AvatarContent\n          imageUrl={item.imageUrl}\n          initials={item.initials}\n          type={item.type}\n          size={size}\n        />\n      </StyledAvatar>\n    </Popover>\n  )\n}\n\nexport function FoldedAvatarStack<Item extends AvatarStackItem>({\n  items,\n  onClickViewAll,\n  size,\n  restCountLabel,\n  isViewAllNeeded,\n  title,\n}: FoldedAvatarStackProps<Item>) {\n  const I18n = useI18nContext()\n  const overlayRef = React.useRef<OverlayTriggerRef>(null)\n  const restAvatarId = useId()\n\n  return (\n    <Popover\n      trigger={defaultPopoverTrigger}\n      aria-labelledby={restAvatarId}\n      overlayRef={overlayRef}\n      beforeHide={(e) => {\n        return e.type !== 'blur'\n      }}\n      overlay={\n        <Popover.Content>\n          <StyledContactItems>\n            {items.map((item) => (\n              <AvatarStackContactItem\n                key={item.id}\n                id={item.id}\n                type={item.type}\n                imageUrl={item.imageUrl}\n                initials={item.initials}\n                inactive={item.inactive}\n                name={item.name}\n                linkUrl={item.linkUrl}\n                description={item.description}\n              />\n            ))}\n          </StyledContactItems>\n          {isViewAllNeeded && (\n            <StyledViewAllWrapper>\n              <Button\n                data-qa=\"core-avatar-stack-view-all-modal-trigger\"\n                onClick={onClickViewAll}\n                size=\"sm\"\n                variant=\"secondary\"\n              >\n                {I18n.t('core.avatarStack.viewAll')}\n              </Button>\n            </StyledViewAllWrapper>\n          )}\n        </Popover.Content>\n      }\n    >\n      <StyledAvatar\n        role=\"button\"\n        onPress={onClickViewAll}\n        id={restAvatarId}\n        aria-label={`${restCountLabel}, ${title}`}\n        data-qa=\"core-avatar-stack-folded-avatars-popover-trigger\"\n        size={size}\n        $color=\"gray85\"\n      >\n        <Avatar.Label aria-hidden>\n          <Typography color=\"black\">{restCountLabel}</Typography>\n        </Avatar.Label>\n      </StyledAvatar>\n    </Popover>\n  )\n}\n\nexport function ViewAllModal<Item extends AvatarStackItem>({\n  isOpen,\n  onClose,\n  title,\n  items,\n}: ViewAllModalProps<Item>) {\n  const I18n = useI18nContext()\n  const labelId = useId()\n\n  return (\n    <Modal\n      role=\"dialog\"\n      aria-labelledby={labelId}\n      open={isOpen}\n      onClose={onClose}\n    >\n      <Modal.Header onClose={onClose}>\n        <span id={labelId}>\n          {title} ({items.length})\n        </span>\n      </Modal.Header>\n      <StyledModalBody>\n        {items.map((item) => (\n          <AvatarStackContactItem\n            key={item.id}\n            id={item.id}\n            type={item.type}\n            imageUrl={item.imageUrl}\n            initials={item.initials}\n            inactive={item.inactive}\n            name={item.name}\n            linkUrl={item.linkUrl}\n            description={item.description}\n          />\n        ))}\n      </StyledModalBody>\n      <Modal.Footer>\n        <Modal.FooterButtons>\n          <Button onClick={onClose}>{I18n.t('core.avatarStack.close')}</Button>\n        </Modal.FooterButtons>\n      </Modal.Footer>\n    </Modal>\n  )\n}\n\nexport function defaultInitials<Item extends AvatarStackItem>(item: Item) {\n  return item.initials as string\n}\n\nexport function defaultGetImageUrl<Item extends AvatarStackItem>(item: Item) {\n  return item.imageUrl as string\n}\n\nexport function getTransformedItems<Item extends AvatarStackItem>({\n  items,\n  getInitials,\n  getImageUrl,\n}: {\n  items: Item[]\n  getInitials: AvatarStackProps<Item>['getInitials']\n  getImageUrl: AvatarStackProps<Item>['getImageUrl']\n}) {\n  return items.map((item) => ({\n    ...item,\n    initials: getInitials!(item),\n    imageUrl: getImageUrl!(item),\n  }))\n}\n\nconst _AvatarStack = <Item extends AvatarStackItem>(\n  {\n    items: _items,\n    title,\n    size = 'lg',\n    getInitials = defaultInitials,\n    getImageUrl = defaultGetImageUrl,\n    ...props\n  }: AvatarStackProps<Item>,\n  ref: React.ForwardedRef<HTMLDivElement>\n) => {\n  const [isModalOpen, setIsModalOpen] = useState(false)\n\n  const items = useMemo(\n    () =>\n      getTransformedItems({\n        items: _items,\n        getInitials,\n        getImageUrl,\n      }),\n    [_items]\n  )\n\n  const { visibleItems, foldedItems, restCountLabel, isViewAllNeeded } =\n    useMemo(() => getOverflowValues(items), [items])\n\n  const visibleItemsColors = useMemo(\n    () => getColorOrder(visibleItems),\n    [visibleItems]\n  )\n\n  return (\n    <div ref={ref} {...props}>\n      {isViewAllNeeded && (\n        <ViewAllModal\n          isOpen={isModalOpen}\n          onClose={() => setIsModalOpen(false)}\n          title={title}\n          items={items}\n        />\n      )}\n      <StyledWrapper>\n        {visibleItems.map((item) => {\n          return (\n            <AvatarWithPopover\n              colors={visibleItemsColors}\n              item={item}\n              key={`${item.name}_${item.id}`}\n              size={size}\n            />\n          )\n        })}\n        {foldedItems.length > 0 && (\n          <FoldedAvatarStack\n            restCountLabel={restCountLabel as string}\n            isViewAllNeeded={isViewAllNeeded}\n            items={foldedItems}\n            onClickViewAll={() => setIsModalOpen(true)}\n            size={size}\n            title={title}\n          />\n        )}\n      </StyledWrapper>\n    </div>\n  )\n}\n\n/**\n\n We use avatars to visually represent our users, places, and things in the app.\n These can be in the form of rich media or representative illustrations.\n\n @since 10.19.0\n\n @see [Storybook](https://procore.github.io/core/latest/?path=/story/demos-avatarstack--demo)\n\n @see [Design Guidelines](https://design.procore.com/avatar-stack)\n */\nexport const AvatarStack = forwardRef(_AvatarStack) as <\n  Item extends AvatarStackItem\n>(\n  props: AvatarStackProps<Item> & { ref?: React.ForwardedRef<HTMLDivElement> }\n) => ReturnType<typeof _AvatarStack>\n\n// @ts-ignore\nAvatarStack.displayName = 'AvatarStack'\n"],"mappings":"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"}

package/dist/AvatarStack/AvatarStack.styles.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { Color } from '../_styles/colors';
+import type { Color } from '../_styles/colors';
 export declare const StyledAvatar: import("styled-components").StyledComponent<(<Role extends import("../Avatar/Avatar.types").AvatarRoles>(props: import("..").AvatarProps<Role> | (import("../Avatar/Avatar.types").BaseAvatarProps & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 })) => JSX.Element) & {

package/dist/AvatarStack/AvatarStack.styles.js

@@ -7,32 +7,32 @@ import { spacing } from '../_styles/spacing';
 var maxModalWidth = 528;
 var StyledBaseAvatar = /*#__PURE__*/styled(Avatar).withConfig({
   displayName: "StyledBaseAvatar",
-  componentId: "core-11_24_1__sc-ft72hu-0"
+  componentId: "core-11_24_3__sc-ft72hu-0"
 })(["border-color:", ";border-style:solid;border-width:1px;&:hover{z-index:1;}&[role='img']:focus{outline:none;}"], colors.white);
 export var StyledAvatar = /*#__PURE__*/styled(StyledBaseAvatar).withConfig({
   displayName: "StyledAvatar",
-  componentId: "core-11_24_1__sc-ft72hu-1"
+  componentId: "core-11_24_3__sc-ft72hu-1"
 })(["background-color:", ";"], function (props) {
   return colors[props.$color];
 });
 export var StyledContactItems = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledContactItems",
-  componentId: "core-11_24_1__sc-ft72hu-2"
+  componentId: "core-11_24_3__sc-ft72hu-2"
 })(["padding-top:", "px;padding-bottom:", "px;padding-left:", "px;"], spacing.sm, spacing.sm, spacing.xs);
 export var StyledWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledWrapper",
-  componentId: "core-11_24_1__sc-ft72hu-3"
+  componentId: "core-11_24_3__sc-ft72hu-3"
 })(["display:flex;", " + ", "{margin-left:-", "px;}"], StyledAvatar, StyledAvatar, spacing.sm);
 export var StyledViewAllWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledViewAllWrapper",
-  componentId: "core-11_24_1__sc-ft72hu-4"
+  componentId: "core-11_24_3__sc-ft72hu-4"
 })(["display:flex;margin-left:", "px;margin-bottom:", "px;"], spacing.md, spacing.lg);
 export var StyledModalBody = /*#__PURE__*/styled(Modal.Body).withConfig({
   displayName: "StyledModalBody",
-  componentId: "core-11_24_1__sc-ft72hu-5"
+  componentId: "core-11_24_3__sc-ft72hu-5"
 })(["max-width:", "px;"], maxModalWidth);
 export var StyledContactItem = /*#__PURE__*/styled(ContactItem).withConfig({
   displayName: "StyledContactItem",
-  componentId: "core-11_24_1__sc-ft72hu-6"
+  componentId: "core-11_24_3__sc-ft72hu-6"
 })(["flex-shrink:0;"]);
 //# sourceMappingURL=AvatarStack.styles.js.map

package/dist/AvatarStack/AvatarStack.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarStack.styles.js","names":["styled","Avatar","ContactItem","Modal","colors","spacing","maxModalWidth","StyledBaseAvatar","withConfig","displayName","componentId","white","StyledAvatar","props","$color","StyledContactItems","div","sm","xs","StyledWrapper","StyledViewAllWrapper","md","lg","StyledModalBody","Body","StyledContactItem"],"sources":["../../src/AvatarStack/AvatarStack.styles.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { Avatar } from '../Avatar/Avatar'\nimport { ContactItem } from '../ContactItem/ContactItem'\nimport { Modal } from '../Modal/Modal'\nimport { Color, colors } from '../_styles/colors'\nimport { spacing } from '../_styles/spacing'\n\nconst maxModalWidth = 528\n\nconst StyledBaseAvatar = styled(Avatar)`\n  border-color: ${colors.white};\n  border-style: solid;\n  border-width: 1px;\n\n  &:hover {\n    z-index: 1;\n  }\n  &[role='img']:focus {\n    outline: none;\n  }\n`\n\nexport const StyledAvatar = styled(StyledBaseAvatar)<{ $color: Color }>`\n  background-color: ${(props: { $color: Color }) => colors[props.$color]};\n`\n\nexport const StyledContactItems = styled.div`\n  padding-top: ${spacing.sm}px;\n  padding-bottom: ${spacing.sm}px;\n  padding-left: ${spacing.xs}px;\n`\n\nexport const StyledWrapper = styled.div`\n  display: flex;\n\n  ${StyledAvatar} + ${StyledAvatar} {\n    margin-left: -${spacing.sm}px;\n  }\n`\n\nexport const StyledViewAllWrapper = styled.div`\n  display: flex;\n  margin-left: ${spacing.md}px;\n  margin-bottom: ${spacing.lg}px;\n`\n\nexport const StyledModalBody = styled(Modal.Body)`\n  max-width: ${maxModalWidth}px;\n`\n\nexport const StyledContactItem = styled(ContactItem)`\n  flex-shrink: 0;\n`\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,WAAW,QAAQ,4BAA4B;AACxD,SAASC,KAAK,QAAQ,gBAAgB;AACtC,SAAgBC,MAAM,QAAQ,mBAAmB;AACjD,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,IAAMC,aAAa,GAAG,GAAG;AAEzB,IAAMC,gBAAgB,gBAAGP,MAAM,CAACC,MAAM,CAAC,CAAAO,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oHACrBN,MAAM,CAACO,KAAK,CAU7B;AAED,OAAO,IAAMC,YAAY,gBAAGZ,MAAM,CAACO,gBAAgB,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+BAC9B,UAACG,KAAwB;EAAA,OAAKT,MAAM,CAACS,KAAK,CAACC,MAAM,CAAC;AAAA,EACvE;AAED,OAAO,IAAMC,kBAAkB,gBAAGf,MAAM,CAACgB,GAAG,CAAAR,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sEAC3BL,OAAO,CAACY,EAAE,EACPZ,OAAO,CAACY,EAAE,EACZZ,OAAO,CAACa,EAAE,CAC3B;AAED,OAAO,IAAMC,aAAa,gBAAGnB,MAAM,CAACgB,GAAG,CAAAR,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uDAGnCE,YAAY,EAAMA,YAAY,EACdP,OAAO,CAACY,EAAE,CAE7B;AAED,OAAO,IAAMG,oBAAoB,gBAAGpB,MAAM,CAACgB,GAAG,CAAAR,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8DAE7BL,OAAO,CAACgB,EAAE,EACRhB,OAAO,CAACiB,EAAE,CAC5B;AAED,OAAO,IAAMC,eAAe,gBAAGvB,MAAM,CAACG,KAAK,CAACqB,IAAI,CAAC,CAAAhB,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,0BAClCJ,aAAa,CAC3B;AAED,OAAO,IAAMmB,iBAAiB,gBAAGzB,MAAM,CAACE,WAAW,CAAC,CAAAM,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sBAEnD"}
+{"version":3,"file":"AvatarStack.styles.js","names":["styled","Avatar","ContactItem","Modal","colors","spacing","maxModalWidth","StyledBaseAvatar","withConfig","displayName","componentId","white","StyledAvatar","props","$color","StyledContactItems","div","sm","xs","StyledWrapper","StyledViewAllWrapper","md","lg","StyledModalBody","Body","StyledContactItem"],"sources":["../../src/AvatarStack/AvatarStack.styles.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { Avatar } from '../Avatar/Avatar'\nimport { ContactItem } from '../ContactItem/ContactItem'\nimport { Modal } from '../Modal/Modal'\nimport type { Color } from '../_styles/colors'\nimport { colors } from '../_styles/colors'\nimport { spacing } from '../_styles/spacing'\n\nconst maxModalWidth = 528\n\nconst StyledBaseAvatar = styled(Avatar)`\n  border-color: ${colors.white};\n  border-style: solid;\n  border-width: 1px;\n\n  &:hover {\n    z-index: 1;\n  }\n  &[role='img']:focus {\n    outline: none;\n  }\n`\n\nexport const StyledAvatar = styled(StyledBaseAvatar)<{ $color: Color }>`\n  background-color: ${(props: { $color: Color }) => colors[props.$color]};\n`\n\nexport const StyledContactItems = styled.div`\n  padding-top: ${spacing.sm}px;\n  padding-bottom: ${spacing.sm}px;\n  padding-left: ${spacing.xs}px;\n`\n\nexport const StyledWrapper = styled.div`\n  display: flex;\n\n  ${StyledAvatar} + ${StyledAvatar} {\n    margin-left: -${spacing.sm}px;\n  }\n`\n\nexport const StyledViewAllWrapper = styled.div`\n  display: flex;\n  margin-left: ${spacing.md}px;\n  margin-bottom: ${spacing.lg}px;\n`\n\nexport const StyledModalBody = styled(Modal.Body)`\n  max-width: ${maxModalWidth}px;\n`\n\nexport const StyledContactItem = styled(ContactItem)`\n  flex-shrink: 0;\n`\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,WAAW,QAAQ,4BAA4B;AACxD,SAASC,KAAK,QAAQ,gBAAgB;AAEtC,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,IAAMC,aAAa,GAAG,GAAG;AAEzB,IAAMC,gBAAgB,gBAAGP,MAAM,CAACC,MAAM,CAAC,CAAAO,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oHACrBN,MAAM,CAACO,KAAK,CAU7B;AAED,OAAO,IAAMC,YAAY,gBAAGZ,MAAM,CAACO,gBAAgB,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+BAC9B,UAACG,KAAwB;EAAA,OAAKT,MAAM,CAACS,KAAK,CAACC,MAAM,CAAC;AAAA,EACvE;AAED,OAAO,IAAMC,kBAAkB,gBAAGf,MAAM,CAACgB,GAAG,CAAAR,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sEAC3BL,OAAO,CAACY,EAAE,EACPZ,OAAO,CAACY,EAAE,EACZZ,OAAO,CAACa,EAAE,CAC3B;AAED,OAAO,IAAMC,aAAa,gBAAGnB,MAAM,CAACgB,GAAG,CAAAR,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uDAGnCE,YAAY,EAAMA,YAAY,EACdP,OAAO,CAACY,EAAE,CAE7B;AAED,OAAO,IAAMG,oBAAoB,gBAAGpB,MAAM,CAACgB,GAAG,CAAAR,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8DAE7BL,OAAO,CAACgB,EAAE,EACRhB,OAAO,CAACiB,EAAE,CAC5B;AAED,OAAO,IAAMC,eAAe,gBAAGvB,MAAM,CAACG,KAAK,CAACqB,IAAI,CAAC,CAAAhB,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,0BAClCJ,aAAa,CAC3B;AAED,OAAO,IAAMmB,iBAAiB,gBAAGzB,MAAM,CAACE,WAAW,CAAC,CAAAM,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sBAEnD"}

package/dist/Badge/Badge.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BadgeLabelProps, BadgeProps } from './Badge.types';
+import type { BadgeLabelProps, BadgeProps } from './Badge.types';
 export declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLDivElement>> & {
     Label: React.ForwardRefExoticComponent<BadgeLabelProps & React.RefAttributes<HTMLSpanElement>>;
 };

package/dist/Badge/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","names":["React","addSubcomponents","StyledBadge","StyledBadgeLabel","Badge_","forwardRef","props","ref","createElement","_extends","Label","displayName","Badge"],"sources":["../../src/Badge/Badge.tsx"],"sourcesContent":["import React from 'react'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport { StyledBadge, StyledBadgeLabel } from './Badge.styles'\nimport { BadgeLabelProps, BadgeProps } from './Badge.types'\n\nconst Badge_ = React.forwardRef<HTMLDivElement, BadgeProps>((props, ref) => {\n  return <StyledBadge ref={ref} {...props} />\n})\n\nconst Label = React.forwardRef<HTMLSpanElement, BadgeLabelProps>(\n  (props, ref) => {\n    return <StyledBadgeLabel ref={ref} {...props} />\n  }\n)\n\nBadge_.displayName = 'Badge'\n\nLabel.displayName = 'Badge.Label'\n\nexport const Badge = addSubcomponents(\n  {\n    Label,\n  },\n  Badge_\n)\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,gBAAgB,QAAQ,4BAA4B;AAC7D,SAASC,WAAW,EAAEC,gBAAgB,QAAQ,gBAAgB;AAG9D,IAAMC,MAAM,gBAAGJ,KAAK,CAACK,UAAU,CAA6B,UAACC,KAAK,EAAEC,GAAG,EAAK;EAC1E,oBAAOP,KAAA,CAAAQ,aAAA,CAACN,WAAW,EAAAO,QAAA;IAACF,GAAG,EAAEA;EAAI,GAAKD,KAAK,CAAG,CAAC;AAC7C,CAAC,CAAC;AAEF,IAAMI,KAAK,gBAAGV,KAAK,CAACK,UAAU,CAC5B,UAACC,KAAK,EAAEC,GAAG,EAAK;EACd,oBAAOP,KAAA,CAAAQ,aAAA,CAACL,gBAAgB,EAAAM,QAAA;IAACF,GAAG,EAAEA;EAAI,GAAKD,KAAK,CAAG,CAAC;AAClD,CACF,CAAC;AAEDF,MAAM,CAACO,WAAW,GAAG,OAAO;AAE5BD,KAAK,CAACC,WAAW,GAAG,aAAa;AAEjC,OAAO,IAAMC,KAAK,GAAGX,gBAAgB,CACnC;EACES,KAAK,EAALA;AACF,CAAC,EACDN,MACF,CAAC"}
+{"version":3,"file":"Badge.js","names":["React","addSubcomponents","StyledBadge","StyledBadgeLabel","Badge_","forwardRef","props","ref","createElement","_extends","Label","displayName","Badge"],"sources":["../../src/Badge/Badge.tsx"],"sourcesContent":["import React from 'react'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport { StyledBadge, StyledBadgeLabel } from './Badge.styles'\nimport type { BadgeLabelProps, BadgeProps } from './Badge.types'\n\nconst Badge_ = React.forwardRef<HTMLDivElement, BadgeProps>((props, ref) => {\n  return <StyledBadge ref={ref} {...props} />\n})\n\nconst Label = React.forwardRef<HTMLSpanElement, BadgeLabelProps>(\n  (props, ref) => {\n    return <StyledBadgeLabel ref={ref} {...props} />\n  }\n)\n\nBadge_.displayName = 'Badge'\n\nLabel.displayName = 'Badge.Label'\n\nexport const Badge = addSubcomponents(\n  {\n    Label,\n  },\n  Badge_\n)\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,gBAAgB,QAAQ,4BAA4B;AAC7D,SAASC,WAAW,EAAEC,gBAAgB,QAAQ,gBAAgB;AAG9D,IAAMC,MAAM,gBAAGJ,KAAK,CAACK,UAAU,CAA6B,UAACC,KAAK,EAAEC,GAAG,EAAK;EAC1E,oBAAOP,KAAA,CAAAQ,aAAA,CAACN,WAAW,EAAAO,QAAA;IAACF,GAAG,EAAEA;EAAI,GAAKD,KAAK,CAAG,CAAC;AAC7C,CAAC,CAAC;AAEF,IAAMI,KAAK,gBAAGV,KAAK,CAACK,UAAU,CAC5B,UAACC,KAAK,EAAEC,GAAG,EAAK;EACd,oBAAOP,KAAA,CAAAQ,aAAA,CAACL,gBAAgB,EAAAM,QAAA;IAACF,GAAG,EAAEA;EAAI,GAAKD,KAAK,CAAG,CAAC;AAClD,CACF,CAAC;AAEDF,MAAM,CAACO,WAAW,GAAG,OAAO;AAE5BD,KAAK,CAACC,WAAW,GAAG,aAAa;AAEjC,OAAO,IAAMC,KAAK,GAAGX,gBAAgB,CACnC;EACES,KAAK,EAALA;AACF,CAAC,EACDN,MACF,CAAC"}

package/dist/Badge/Badge.styles.d.ts

@@ -1,3 +1,3 @@
-import { BadgeLabelProps, BadgeProps } from './Badge.types';
+import type { BadgeLabelProps, BadgeProps } from './Badge.types';
 export declare const StyledBadge: import("styled-components").StyledComponent<"div", any, BadgeProps, never>;
 export declare const StyledBadgeLabel: import("styled-components").StyledComponent<"span", any, BadgeLabelProps, never>;

package/dist/Badge/Badge.styles.js

@@ -1,10 +1,10 @@
 import styled from 'styled-components';
 export var StyledBadge = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledBadge",
-  componentId: "core-11_24_1__sc-rpertu-0"
+  componentId: "core-11_24_3__sc-rpertu-0"
 })(["display:inline-block;position:relative;"]);
 export var StyledBadgeLabel = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledBadgeLabel",
-  componentId: "core-11_24_1__sc-rpertu-1"
+  componentId: "core-11_24_3__sc-rpertu-1"
 })(["bottom:100%;position:absolute;right:0;transform:translateX(50%) translateY(50%);"]);
 //# sourceMappingURL=Badge.styles.js.map

package/dist/Badge/Badge.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.styles.js","names":["styled","StyledBadge","div","withConfig","displayName","componentId","StyledBadgeLabel","span"],"sources":["../../src/Badge/Badge.styles.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { BadgeLabelProps, BadgeProps } from './Badge.types'\n\nexport const StyledBadge = styled.div<BadgeProps>`\n  display: inline-block;\n  position: relative;\n`\n\nexport const StyledBadgeLabel = styled.span<BadgeLabelProps>`\n  bottom: 100%;\n  position: absolute;\n  right: 0;\n  transform: translateX(50%) translateY(50%);\n`\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAGtC,OAAO,IAAMC,WAAW,gBAAGD,MAAM,CAACE,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+CAGpC;AAED,OAAO,IAAMC,gBAAgB,gBAAGN,MAAM,CAACO,IAAI,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wFAK1C"}
+{"version":3,"file":"Badge.styles.js","names":["styled","StyledBadge","div","withConfig","displayName","componentId","StyledBadgeLabel","span"],"sources":["../../src/Badge/Badge.styles.ts"],"sourcesContent":["import styled from 'styled-components'\nimport type { BadgeLabelProps, BadgeProps } from './Badge.types'\n\nexport const StyledBadge = styled.div<BadgeProps>`\n  display: inline-block;\n  position: relative;\n`\n\nexport const StyledBadgeLabel = styled.span<BadgeLabelProps>`\n  bottom: 100%;\n  position: absolute;\n  right: 0;\n  transform: translateX(50%) translateY(50%);\n`\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAGtC,OAAO,IAAMC,WAAW,gBAAGD,MAAM,CAACE,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+CAGpC;AAED,OAAO,IAAMC,gBAAgB,gBAAGN,MAAM,CAACO,IAAI,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wFAK1C"}

package/dist/Badge/Badge.types.d.ts

@@ -1,4 +1,4 @@
-import { Props } from '../_utils/types';
+import type { Props } from '../_utils/types';
 export interface BadgeProps extends Props {
 }
 export interface BadgeLabelProps extends Props {

package/dist/Badge/Badge.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.types.js","names":[],"sources":["../../src/Badge/Badge.types.tsx"],"sourcesContent":["import { Props } from '../_utils/types'\n\nexport interface BadgeProps extends Props {}\nexport interface BadgeLabelProps extends Props {}\n"],"mappings":""}
+{"version":3,"file":"Badge.types.js","names":[],"sources":["../../src/Badge/Badge.types.tsx"],"sourcesContent":["import type { Props } from '../_utils/types'\n\nexport interface BadgeProps extends Props {}\nexport interface BadgeLabelProps extends Props {}\n"],"mappings":""}

package/dist/Banner/Banner.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { ButtonAttributes, DivAttributes, Props } from '../_utils/types';
-import { BannerExpandableContentProps, BannerIconProps, BannerProps, BannerVariant } from './Banner.types';
+import type { ButtonAttributes, DivAttributes, Props } from '../_utils/types';
+import type { BannerExpandableContentProps, BannerIconProps, BannerProps, BannerVariant } from './Banner.types';
 export declare const ErrorBanner: React.ForwardRefExoticComponent<DivAttributes & Props & React.RefAttributes<HTMLDivElement>>;
 /**
  * @deprecated Component will be removed in a future version. Instead, please consider using "success" variant of Toast component.