@razorpay/blade 11.24.3 → 11.25.0

package/build/lib/web/production/components/Avatar/Avatar.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.web.js","sources":["../../../../../../src/components/Avatar/Avatar.web.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport React from 'react';\nimport type { AvatarProps } from './types';\nimport { StyledAvatar } from './StyledAvatar';\nimport { useAvatarGroupContext } from './AvatarGroupContext';\nimport { AvatarButton } from './AvatarButton';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { throwBladeError } from '~utils/logger';\nimport { UserIcon } from '~components/Icons';\nimport type { BladeElementRef } from '~utils/types';\n\nconst getInitials = (name: string): string => {\n  // Combine first and last name initials\n  const names = name.trim().toUpperCase().split(' ');\n\n  if (names.length === 1) {\n    return names[0].substring(0, 2);\n  }\n  return names[0][0] + names[names.length - 1][0];\n};\n\nconst _Avatar: React.ForwardRefRenderFunction<BladeElementRef, AvatarProps> = (\n  {\n    name,\n    color = 'neutral',\n    size = 'medium',\n    variant = 'circle',\n    icon,\n    href,\n    target,\n    rel,\n    // Image Props\n    src,\n    alt,\n    srcSet,\n    crossOrigin,\n    referrerPolicy,\n    testID,\n    // interaction props\n    onBlur,\n    onFocus,\n    onClick,\n    onMouseLeave,\n    onMouseMove,\n    onMouseDown,\n    onPointerDown,\n    onPointerEnter,\n    onTouchStart,\n    onTouchEnd,\n    ...styledProps\n  },\n  ref,\n): ReactElement => {\n  if (__DEV__) {\n    if (src && !alt && !name) {\n      throwBladeError({\n        moduleName: 'Avatar',\n        message: '\"alt\" or \"name\" prop is required when the \"src\" prop is provided.',\n      });\n    }\n  }\n\n  const groupProps = useAvatarGroupContext();\n  const avatarSize = groupProps?.size ?? size;\n\n  const commonButtonProps = {\n    variant,\n    color,\n    size: avatarSize,\n    href,\n    target,\n    rel,\n    onBlur,\n    onFocus,\n    onClick,\n    onMouseLeave,\n    onMouseMove,\n    onMouseDown,\n    onPointerDown,\n    onPointerEnter,\n    onTouchStart,\n    onTouchEnd,\n  };\n\n  const getChildrenToRender = (): React.ReactElement => {\n    if (src) {\n      return (\n        <AvatarButton\n          {...commonButtonProps}\n          ref={ref as never}\n          imgProps={{\n            src,\n            alt: alt ?? name,\n            srcSet,\n            crossOrigin,\n            referrerPolicy,\n          }}\n        />\n      );\n    }\n\n    if (name && !src) {\n      return (\n        <AvatarButton ref={ref as never} {...commonButtonProps}>\n          {getInitials(name)}\n        </AvatarButton>\n      );\n    }\n\n    return <AvatarButton {...commonButtonProps} icon={icon ?? UserIcon} />;\n  };\n\n  return (\n    <StyledAvatar\n      {...metaAttribute({ name: MetaConstants.Avatar, testID })}\n      {...getStyledProps(styledProps)}\n      backgroundColor=\"surface.background.gray.intense\"\n      variant={variant}\n      size={avatarSize}\n    >\n      {getChildrenToRender()}\n    </StyledAvatar>\n  );\n};\n\n/**\n * ### Avatar Component\n * \n * An avatar component is a standardized visual representation of a user or entity.\n * \n * ---\n * \n * #### Usage\n * \n * ```jsx\n  <Avatar name=\"Nitin Kumar\" src=\"https://avatars.githubusercontent.com/u/46647141?v=4\" /> \n * ```\n *\n *  ---\n *\n * Checkout {@link https://blade.razorpay.com/?path=/docs/components-avatar-avatar Avatar Documentation}\n * \n */\nconst Avatar = assignWithoutSideEffects(React.forwardRef(_Avatar), {\n  displayName: 'Avatar',\n  componentId: 'Avatar',\n});\n\nexport { Avatar };\nexport type { AvatarProps };\n"],"names":["getInitials","name","names","trim","toUpperCase","split","length","substring","_Avatar","_ref","ref","_groupProps$size","_ref$color","color","_ref$size","size","_ref$variant","variant","icon","href","target","rel","src","alt","srcSet","crossOrigin","referrerPolicy","testID","onBlur","onFocus","onClick","onMouseLeave","onMouseMove","onMouseDown","onPointerDown","onPointerEnter","onTouchStart","onTouchEnd","styledProps","_objectWithoutProperties","_excluded","throwBladeError","moduleName","message","groupProps","useAvatarGroupContext","avatarSize","commonButtonProps","getChildrenToRender","_jsx","AvatarButton","_objectSpread","imgProps","children","UserIcon","StyledAvatar","metaAttribute","MetaConstants","Avatar","getStyledProps","backgroundColor","assignWithoutSideEffects","React","forwardRef","displayName","componentId"],"mappings":"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"}
+{"version":3,"file":"Avatar.web.js","sources":["../../../../../../src/components/Avatar/Avatar.web.tsx"],"sourcesContent":["import React from 'react';\nimport type { AvatarProps } from './types';\nimport { StyledAvatar } from './StyledAvatar';\nimport { useAvatarGroupContext } from './AvatarGroupContext';\nimport { AvatarButton } from './AvatarButton';\nimport {\n  avatarToBottomAddonSize,\n  avatarToIndicatorSize,\n  avatarTopAddonOffsets,\n} from './avatarTokens';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { throwBladeError } from '~utils/logger';\nimport { UserIcon } from '~components/Icons';\nimport type { BladeElementRef } from '~utils/types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { getComponentId } from '~utils/isValidAllowedChildren';\n\nconst getInitials = (name: string): string => {\n  // Combine first and last name initials\n  const names = name.trim().toUpperCase().split(' ');\n\n  if (names.length === 1) {\n    return names[0].substring(0, 2);\n  }\n  return names[0][0] + names[names.length - 1][0];\n};\n\nconst _Avatar: React.ForwardRefRenderFunction<BladeElementRef, AvatarProps> = (\n  {\n    name,\n    color = 'neutral',\n    size = 'medium',\n    variant = 'circle',\n    icon,\n    href,\n    target,\n    rel,\n    isSelected,\n    bottomAddon: BottomAddon,\n    topAddon,\n    // Image Props\n    src,\n    alt,\n    srcSet,\n    crossOrigin,\n    referrerPolicy,\n    testID,\n    // interaction props\n    onBlur,\n    onFocus,\n    onClick,\n    onMouseLeave,\n    onMouseMove,\n    onMouseDown,\n    onPointerDown,\n    onPointerEnter,\n    onTouchStart,\n    onTouchEnd,\n    ...styledProps\n  },\n  ref,\n) => {\n  if (__DEV__) {\n    if (src && !alt && !name) {\n      throwBladeError({\n        moduleName: 'Avatar',\n        message: '\"alt\" or \"name\" prop is required when the \"src\" prop is provided.',\n      });\n    }\n    if (topAddon && getComponentId(topAddon) !== 'Indicator') {\n      throwBladeError({\n        moduleName: 'Avatar',\n        message: 'TopAddon only accepts `Indicator` component.',\n      });\n    }\n  }\n\n  const groupProps = useAvatarGroupContext();\n  const avatarSize = groupProps?.size ?? size;\n  const isInteractive = Boolean(onClick || href);\n\n  const commonButtonProps = {\n    variant,\n    color,\n    size: avatarSize,\n    href,\n    target,\n    rel,\n    onBlur,\n    onFocus,\n    isSelected,\n    onClick,\n    onMouseLeave,\n    onMouseMove,\n    onMouseDown,\n    onPointerDown,\n    onPointerEnter,\n    onTouchStart,\n    onTouchEnd,\n  };\n\n  const getChildrenToRender = (): React.ReactElement => {\n    if (src) {\n      return (\n        <AvatarButton\n          {...commonButtonProps}\n          ref={ref as never}\n          imgProps={{\n            src,\n            alt: alt ?? name,\n            srcSet,\n            crossOrigin,\n            referrerPolicy,\n          }}\n        />\n      );\n    }\n\n    if (name && !src) {\n      return (\n        <AvatarButton ref={ref as never} {...commonButtonProps}>\n          {getInitials(name)}\n        </AvatarButton>\n      );\n    }\n\n    return <AvatarButton {...commonButtonProps} icon={icon ?? UserIcon} />;\n  };\n\n  const isSquare = variant === 'square';\n  return (\n    <StyledAvatar\n      {...metaAttribute({ name: MetaConstants.Avatar, testID })}\n      {...getStyledProps(styledProps)}\n      backgroundColor=\"surface.background.gray.intense\"\n      variant={variant}\n      size={avatarSize}\n      isInteractive={isInteractive}\n    >\n      <BaseBox width=\"100%\" height=\"100%\" position=\"relative\">\n        {topAddon ? (\n          <BaseBox\n            position=\"absolute\"\n            top={avatarTopAddonOffsets[variant][size].top}\n            right={avatarTopAddonOffsets[variant][size].right}\n          >\n            {React.cloneElement(topAddon, { size: avatarToIndicatorSize[size], display: 'block' })}\n          </BaseBox>\n        ) : null}\n        {getChildrenToRender()}\n        {BottomAddon ? (\n          <BaseBox\n            position=\"absolute\"\n            bottom={isSquare ? '-10%' : '0%'}\n            right={isSquare ? '-10%' : '0%'}\n          >\n            <BottomAddon display=\"block\" size={avatarToBottomAddonSize[size]} />\n          </BaseBox>\n        ) : null}\n      </BaseBox>\n    </StyledAvatar>\n  );\n};\n\n/**\n * ### Avatar Component\n * \n * An avatar component is a standardized visual representation of a user or entity.\n * \n * ---\n * \n * #### Usage\n * \n * ```jsx\n  <Avatar name=\"Nitin Kumar\" src=\"https://avatars.githubusercontent.com/u/46647141?v=4\" /> \n * ```\n *\n *  ---\n *\n * Checkout {@link https://blade.razorpay.com/?path=/docs/components-avatar-avatar Avatar Documentation}\n * \n */\nconst Avatar = assignWithoutSideEffects(React.forwardRef(_Avatar), {\n  displayName: 'Avatar',\n  componentId: 'Avatar',\n});\n\nexport { Avatar };\nexport type { AvatarProps };\n"],"names":["getInitials","name","names","trim","toUpperCase","split","length","substring","_Avatar","_ref","ref","_groupProps$size","_ref$color","color","_ref$size","size","_ref$variant","variant","icon","href","target","rel","isSelected","BottomAddon","bottomAddon","topAddon","src","alt","srcSet","crossOrigin","referrerPolicy","testID","onBlur","onFocus","onClick","onMouseLeave","onMouseMove","onMouseDown","onPointerDown","onPointerEnter","onTouchStart","onTouchEnd","styledProps","_objectWithoutProperties","_excluded","throwBladeError","moduleName","message","getComponentId","groupProps","useAvatarGroupContext","avatarSize","isInteractive","Boolean","commonButtonProps","getChildrenToRender","_jsx","AvatarButton","_objectSpread","imgProps","children","UserIcon","isSquare","StyledAvatar","metaAttribute","MetaConstants","Avatar","getStyledProps","backgroundColor","_jsxs","BaseBox","width","height","position","top","avatarTopAddonOffsets","right","React","cloneElement","avatarToIndicatorSize","display","bottom","avatarToBottomAddonSize","assignWithoutSideEffects","forwardRef","displayName","componentId"],"mappings":"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"}

package/build/lib/web/production/components/Avatar/AvatarButton.js

@@ -36,8 +36,11 @@ var _AvatarButton = function _AvatarButton(_ref, ref) {
     onPointerDown = _ref.onPointerDown,
     onPointerEnter = _ref.onPointerEnter,
     onTouchStart = _ref.onTouchStart,
-    onTouchEnd = _ref.onTouchEnd;
+    onTouchEnd = _ref.onTouchEnd,
+    isSelected = _ref.isSelected;
   var isLink = Boolean(href);
+  var isInteractive = Boolean(onClick || isLink);
+  var as = isInteractive ? href ? 'a' : 'button' : 'div';
   var defaultRel = target === '_blank' ? 'noreferrer noopener' : undefined;
   var iconColor = getTextColorToken({
     property: 'icon',
@@ -53,7 +56,9 @@ var _AvatarButton = function _AvatarButton(_ref, ref) {
   });
   return /*#__PURE__*/jsx(StyledAvatarButton, {
     ref: ref,
-    as: href ? 'a' : 'button',
+    as: as,
+    isInteractive: isInteractive,
+    isSelected: isSelected,
     size: size,
     color: color,
     href: href,
@@ -61,7 +66,7 @@ var _AvatarButton = function _AvatarButton(_ref, ref) {
     target: target,
     rel: rel !== null && rel !== void 0 ? rel : defaultRel,
     accessibilityProps: _objectSpread({}, makeAccessible({
-      role: isLink ? 'link' : 'button'
+      role: isInteractive ? isLink ? 'link' : 'button' : 'presentation'
     })),
     onBlur: onBlur,
     onFocus: onFocus,

package/build/lib/web/production/components/Avatar/AvatarButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarButton.js","sources":["../../../../../../src/components/Avatar/AvatarButton.tsx"],"sourcesContent":["import React from 'react';\nimport { StyledAvatarButton } from './StyledAvatarButton';\nimport type { AvatarButtonProps } from './types';\nimport { avatarTextSizeMapping, avatarIconSizeTokens } from './avatarTokens';\nimport BaseBox from '~components/Box/BaseBox';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { Heading, Text } from '~components/Typography';\nimport { getTextColorToken } from '~components/Button/BaseButton/BaseButton';\nimport type { IconColor } from '~components/Button/BaseButton/types';\nimport type { BaseTextProps } from '~components/Typography/BaseText/types';\nimport type { BladeElementRef } from '~utils/types';\n\nconst _AvatarButton: React.ForwardRefRenderFunction<BladeElementRef, AvatarButtonProps> = (\n  {\n    href,\n    target,\n    rel,\n    variant = 'circle',\n    color = 'neutral',\n    size = 'medium',\n    icon: Icon,\n    imgProps,\n    children,\n    onBlur,\n    onFocus,\n    onClick,\n    onMouseLeave,\n    onMouseMove,\n    onMouseDown,\n    onPointerDown,\n    onPointerEnter,\n    onTouchStart,\n    onTouchEnd,\n  },\n  ref,\n): React.ReactElement => {\n  const isLink = Boolean(href);\n  const defaultRel = target === '_blank' ? 'noreferrer noopener' : undefined;\n  const iconColor = getTextColorToken({\n    property: 'icon',\n    variant: 'secondary',\n    color,\n    state: 'default',\n  }) as IconColor;\n  const textColor = getTextColorToken({\n    property: 'text',\n    variant: 'secondary',\n    color,\n    state: 'default',\n  }) as BaseTextProps['color'];\n\n  return (\n    <StyledAvatarButton\n      ref={ref as never}\n      as={href ? 'a' : 'button'}\n      size={size}\n      color={color}\n      href={href}\n      variant={variant}\n      target={target}\n      rel={rel ?? defaultRel}\n      accessibilityProps={{\n        ...makeAccessible({\n          role: isLink ? 'link' : 'button',\n        }),\n      }}\n      onBlur={onBlur}\n      onFocus={onFocus}\n      onClick={onClick}\n      onMouseLeave={onMouseLeave}\n      onMouseMove={onMouseMove}\n      onMouseDown={onMouseDown}\n      onPointerDown={onPointerDown}\n      onPointerEnter={onPointerEnter}\n      onTouchStart={onTouchStart}\n      onTouchEnd={onTouchEnd}\n    >\n      <BaseBox\n        display=\"flex\"\n        flexDirection=\"row\"\n        alignItems=\"center\"\n        justifyContent=\"center\"\n        zIndex={1}\n        height=\"100%\"\n      >\n        {Icon ? (\n          <BaseBox display=\"flex\" justifyContent=\"center\" alignItems=\"center\">\n            <Icon size={avatarIconSizeTokens[size]} color={iconColor} />\n          </BaseBox>\n        ) : null}\n\n        {/* eslint-disable-next-line jsx-a11y/alt-text -- alt text is provided in imgProps */}\n        {imgProps?.src ? <img {...imgProps} /> : null}\n\n        {size === 'xlarge' ? (\n          <Heading size={avatarTextSizeMapping[size]} weight=\"semibold\" color={textColor}>\n            {children}\n          </Heading>\n        ) : (\n          <Text size={avatarTextSizeMapping[size]} weight=\"semibold\" color={textColor}>\n            {children}\n          </Text>\n        )}\n      </BaseBox>\n    </StyledAvatarButton>\n  );\n};\n\nconst AvatarButton = React.forwardRef(_AvatarButton);\n\nexport { AvatarButton };\n"],"names":["_AvatarButton","_ref","ref","href","target","rel","_ref$variant","variant","_ref$color","color","_ref$size","size","Icon","icon","imgProps","children","onBlur","onFocus","onClick","onMouseLeave","onMouseMove","onMouseDown","onPointerDown","onPointerEnter","onTouchStart","onTouchEnd","isLink","Boolean","defaultRel","undefined","iconColor","getTextColorToken","property","state","textColor","_jsx","StyledAvatarButton","as","accessibilityProps","_objectSpread","makeAccessible","role","_jsxs","BaseBox","display","flexDirection","alignItems","justifyContent","zIndex","height","avatarIconSizeTokens","src","Heading","avatarTextSizeMapping","weight","Text","AvatarButton","React","forwardRef"],"mappings":"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"}
+{"version":3,"file":"AvatarButton.js","sources":["../../../../../../src/components/Avatar/AvatarButton.tsx"],"sourcesContent":["import React from 'react';\nimport { StyledAvatarButton } from './StyledAvatarButton';\nimport type { AvatarButtonProps } from './types';\nimport { avatarTextSizeMapping, avatarIconSizeTokens } from './avatarTokens';\nimport BaseBox from '~components/Box/BaseBox';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { Heading, Text } from '~components/Typography';\nimport { getTextColorToken } from '~components/Button/BaseButton/BaseButton';\nimport type { IconColor } from '~components/Button/BaseButton/types';\nimport type { BaseTextProps } from '~components/Typography/BaseText/types';\nimport type { BladeElementRef } from '~utils/types';\n\nconst _AvatarButton: React.ForwardRefRenderFunction<BladeElementRef, AvatarButtonProps> = (\n  {\n    href,\n    target,\n    rel,\n    variant = 'circle',\n    color = 'neutral',\n    size = 'medium',\n    icon: Icon,\n    imgProps,\n    children,\n    onBlur,\n    onFocus,\n    onClick,\n    onMouseLeave,\n    onMouseMove,\n    onMouseDown,\n    onPointerDown,\n    onPointerEnter,\n    onTouchStart,\n    onTouchEnd,\n    isSelected,\n  },\n  ref,\n): React.ReactElement => {\n  const isLink = Boolean(href);\n  const isInteractive = Boolean(onClick || isLink);\n  const as = isInteractive ? (href ? 'a' : 'button') : 'div';\n\n  const defaultRel = target === '_blank' ? 'noreferrer noopener' : undefined;\n  const iconColor = getTextColorToken({\n    property: 'icon',\n    variant: 'secondary',\n    color,\n    state: 'default',\n  }) as IconColor;\n  const textColor = getTextColorToken({\n    property: 'text',\n    variant: 'secondary',\n    color,\n    state: 'default',\n  }) as BaseTextProps['color'];\n\n  return (\n    <StyledAvatarButton\n      ref={ref as never}\n      as={as as never}\n      isInteractive={isInteractive}\n      isSelected={isSelected}\n      size={size}\n      color={color}\n      href={href}\n      variant={variant}\n      target={target}\n      rel={rel ?? defaultRel}\n      accessibilityProps={{\n        ...makeAccessible({\n          role: isInteractive ? (isLink ? 'link' : 'button') : 'presentation',\n        }),\n      }}\n      onBlur={onBlur}\n      onFocus={onFocus}\n      onClick={onClick}\n      onMouseLeave={onMouseLeave}\n      onMouseMove={onMouseMove}\n      onMouseDown={onMouseDown}\n      onPointerDown={onPointerDown}\n      onPointerEnter={onPointerEnter}\n      onTouchStart={onTouchStart}\n      onTouchEnd={onTouchEnd}\n    >\n      <BaseBox\n        display=\"flex\"\n        flexDirection=\"row\"\n        alignItems=\"center\"\n        justifyContent=\"center\"\n        zIndex={1}\n        height=\"100%\"\n      >\n        {Icon ? (\n          <BaseBox display=\"flex\" justifyContent=\"center\" alignItems=\"center\">\n            <Icon size={avatarIconSizeTokens[size]} color={iconColor} />\n          </BaseBox>\n        ) : null}\n\n        {/* eslint-disable-next-line jsx-a11y/alt-text -- alt text is provided in imgProps */}\n        {imgProps?.src ? <img {...imgProps} /> : null}\n\n        {size === 'xlarge' ? (\n          <Heading size={avatarTextSizeMapping[size]} weight=\"semibold\" color={textColor}>\n            {children}\n          </Heading>\n        ) : (\n          <Text size={avatarTextSizeMapping[size]} weight=\"semibold\" color={textColor}>\n            {children}\n          </Text>\n        )}\n      </BaseBox>\n    </StyledAvatarButton>\n  );\n};\n\nconst AvatarButton = React.forwardRef(_AvatarButton);\n\nexport { AvatarButton };\n"],"names":["_AvatarButton","_ref","ref","href","target","rel","_ref$variant","variant","_ref$color","color","_ref$size","size","Icon","icon","imgProps","children","onBlur","onFocus","onClick","onMouseLeave","onMouseMove","onMouseDown","onPointerDown","onPointerEnter","onTouchStart","onTouchEnd","isSelected","isLink","Boolean","isInteractive","as","defaultRel","undefined","iconColor","getTextColorToken","property","state","textColor","_jsx","StyledAvatarButton","accessibilityProps","_objectSpread","makeAccessible","role","_jsxs","BaseBox","display","flexDirection","alignItems","justifyContent","zIndex","height","avatarIconSizeTokens","src","Heading","avatarTextSizeMapping","weight","Text","AvatarButton","React","forwardRef"],"mappings":"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"}

package/build/lib/web/production/components/Avatar/StyledAvatar.js

@@ -1,3 +1,4 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import styled from 'styled-components';
 import { avatarSizeTokens, avatarBorderRadiusTokens } from './avatarTokens.js';
 import '../Box/BaseBox/index.js';
@@ -6,24 +7,29 @@ import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
 import { makeSize } from '../../utils/makeSize/makeSize.js';
 import { makeBorderSize } from '../../utils/makeBorderSize/makeBorderSize.js';
 
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var StyledAvatar = /*#__PURE__*/styled(BaseBox).withConfig({
   displayName: "StyledAvatar",
   componentId: "sc-127ewkg-0"
 })(function (_ref) {
   var theme = _ref.theme,
     variant = _ref.variant,
-    size = _ref.size;
-  return {
+    size = _ref.size,
+    isInteractive = _ref.isInteractive;
+  return _objectSpread({
     display: 'flex',
     width: makeSize(avatarSizeTokens[size]),
     height: makeSize(avatarSizeTokens[size]),
     borderRadius: makeBorderSize(theme.border.radius[avatarBorderRadiusTokens[variant]]),
-    outline: "".concat(makeBorderSize(theme.border.width.thinner), " solid ").concat(theme.colors.surface.border.gray.subtle),
+    outline: "".concat(makeBorderSize(theme.border.width.thinner), " solid ").concat(theme.colors.surface.border.gray.subtle)
+  }, isInteractive ? {
     '&:hover': {
       outline: "".concat(makeBorderSize(theme.border.width.thick), " solid ").concat(theme.colors.surface.border.gray.muted),
-      borderColor: theme.colors.surface.border.gray.muted
+      borderColor: theme.colors.surface.border.gray.muted,
+      backgroundColor: theme.colors.surface.background.gray.moderate
     }
-  };
+  } : {});
 });
 
 export { StyledAvatar };

package/build/lib/web/production/components/Avatar/StyledAvatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"StyledAvatar.js","sources":["../../../../../../src/components/Avatar/StyledAvatar.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport type { StyledAvatarProps } from './types';\nimport { avatarSizeTokens, avatarBorderRadiusTokens } from './avatarTokens';\nimport BaseBox from '~components/Box/BaseBox';\nimport { makeBorderSize, makeSize } from '~utils';\n\nconst StyledAvatar = styled(BaseBox)<StyledAvatarProps>(({ theme, variant, size }) => {\n  return {\n    display: 'flex',\n    width: makeSize(avatarSizeTokens[size]),\n    height: makeSize(avatarSizeTokens[size]),\n    borderRadius: makeBorderSize(theme.border.radius[avatarBorderRadiusTokens[variant]]),\n    outline: `${makeBorderSize(theme.border.width.thinner)} solid ${\n      theme.colors.surface.border.gray.subtle\n    }`,\n\n    '&:hover': {\n      outline: `${makeBorderSize(theme.border.width.thick)} solid ${\n        theme.colors.surface.border.gray.muted\n      }`,\n      borderColor: theme.colors.surface.border.gray.muted,\n    },\n  };\n});\n\nexport { StyledAvatar };\n"],"names":["StyledAvatar","styled","BaseBox","withConfig","displayName","componentId","_ref","theme","variant","size","display","width","makeSize","avatarSizeTokens","height","borderRadius","makeBorderSize","border","radius","avatarBorderRadiusTokens","outline","concat","thinner","colors","surface","gray","subtle","thick","muted","borderColor"],"mappings":";;;;;;;;AAMA,IAAMA,YAAY,gBAAGC,MAAM,CAACC,OAAO,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,cAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAAoB,CAAA,CAAA,UAAAC,IAAA,EAA8B;AAAA,EAAA,IAA3BC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IAAEC,IAAI,GAAAH,IAAA,CAAJG,IAAI,CAAA;EAC7E,OAAO;AACLC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,KAAK,EAAEC,QAAQ,CAACC,gBAAgB,CAACJ,IAAI,CAAC,CAAC;AACvCK,IAAAA,MAAM,EAAEF,QAAQ,CAACC,gBAAgB,CAACJ,IAAI,CAAC,CAAC;AACxCM,IAAAA,YAAY,EAAEC,cAAc,CAACT,KAAK,CAACU,MAAM,CAACC,MAAM,CAACC,wBAAwB,CAACX,OAAO,CAAC,CAAC,CAAC;IACpFY,OAAO,EAAA,EAAA,CAAAC,MAAA,CAAKL,cAAc,CAACT,KAAK,CAACU,MAAM,CAACN,KAAK,CAACW,OAAO,CAAC,EAAAD,SAAAA,CAAAA,CAAAA,MAAA,CACpDd,KAAK,CAACgB,MAAM,CAACC,OAAO,CAACP,MAAM,CAACQ,IAAI,CAACC,MAAM,CACvC;AAEF,IAAA,SAAS,EAAE;MACTN,OAAO,EAAA,EAAA,CAAAC,MAAA,CAAKL,cAAc,CAACT,KAAK,CAACU,MAAM,CAACN,KAAK,CAACgB,KAAK,CAAC,EAAAN,SAAAA,CAAAA,CAAAA,MAAA,CAClDd,KAAK,CAACgB,MAAM,CAACC,OAAO,CAACP,MAAM,CAACQ,IAAI,CAACG,KAAK,CACtC;MACFC,WAAW,EAAEtB,KAAK,CAACgB,MAAM,CAACC,OAAO,CAACP,MAAM,CAACQ,IAAI,CAACG,KAAAA;AAChD,KAAA;GACD,CAAA;AACH,CAAC;;;;"}
+{"version":3,"file":"StyledAvatar.js","sources":["../../../../../../src/components/Avatar/StyledAvatar.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport type { StyledAvatarProps } from './types';\nimport { avatarSizeTokens, avatarBorderRadiusTokens } from './avatarTokens';\nimport BaseBox from '~components/Box/BaseBox';\nimport { makeBorderSize, makeSize } from '~utils';\n\nconst StyledAvatar = styled(BaseBox)<StyledAvatarProps & { isInteractive?: boolean }>(\n  ({ theme, variant, size, isInteractive }) => {\n    return {\n      display: 'flex',\n      width: makeSize(avatarSizeTokens[size]),\n      height: makeSize(avatarSizeTokens[size]),\n      borderRadius: makeBorderSize(theme.border.radius[avatarBorderRadiusTokens[variant]]),\n      outline: `${makeBorderSize(theme.border.width.thinner)} solid ${\n        theme.colors.surface.border.gray.subtle\n      }`,\n\n      ...(isInteractive\n        ? {\n            '&:hover': {\n              outline: `${makeBorderSize(theme.border.width.thick)} solid ${\n                theme.colors.surface.border.gray.muted\n              }`,\n              borderColor: theme.colors.surface.border.gray.muted,\n              backgroundColor: theme.colors.surface.background.gray.moderate,\n            },\n          }\n        : {}),\n    };\n  },\n);\n\nexport { StyledAvatar };\n"],"names":["StyledAvatar","styled","BaseBox","withConfig","displayName","componentId","_ref","theme","variant","size","isInteractive","_objectSpread","display","width","makeSize","avatarSizeTokens","height","borderRadius","makeBorderSize","border","radius","avatarBorderRadiusTokens","outline","concat","thinner","colors","surface","gray","subtle","thick","muted","borderColor","backgroundColor","background","moderate"],"mappings":";;;;;;;;;;;AAMA,IAAMA,YAAY,gBAAGC,MAAM,CAACC,OAAO,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,cAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAClC,CAAA,CAAA,UAAAC,IAAA,EAA6C;AAAA,EAAA,IAA1CC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IAAEC,IAAI,GAAAH,IAAA,CAAJG,IAAI;IAAEC,aAAa,GAAAJ,IAAA,CAAbI,aAAa,CAAA;AACpC,EAAA,OAAAC,aAAA,CAAA;AACEC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,KAAK,EAAEC,QAAQ,CAACC,gBAAgB,CAACN,IAAI,CAAC,CAAC;AACvCO,IAAAA,MAAM,EAAEF,QAAQ,CAACC,gBAAgB,CAACN,IAAI,CAAC,CAAC;AACxCQ,IAAAA,YAAY,EAAEC,cAAc,CAACX,KAAK,CAACY,MAAM,CAACC,MAAM,CAACC,wBAAwB,CAACb,OAAO,CAAC,CAAC,CAAC;IACpFc,OAAO,EAAA,EAAA,CAAAC,MAAA,CAAKL,cAAc,CAACX,KAAK,CAACY,MAAM,CAACN,KAAK,CAACW,OAAO,CAAC,aAAAD,MAAA,CACpDhB,KAAK,CAACkB,MAAM,CAACC,OAAO,CAACP,MAAM,CAACQ,IAAI,CAACC,MAAM,CAAA;AACvC,GAAA,EAEElB,aAAa,GACb;AACE,IAAA,SAAS,EAAE;MACTY,OAAO,EAAA,EAAA,CAAAC,MAAA,CAAKL,cAAc,CAACX,KAAK,CAACY,MAAM,CAACN,KAAK,CAACgB,KAAK,CAAC,EAAAN,SAAAA,CAAAA,CAAAA,MAAA,CAClDhB,KAAK,CAACkB,MAAM,CAACC,OAAO,CAACP,MAAM,CAACQ,IAAI,CAACG,KAAK,CACtC;MACFC,WAAW,EAAExB,KAAK,CAACkB,MAAM,CAACC,OAAO,CAACP,MAAM,CAACQ,IAAI,CAACG,KAAK;MACnDE,eAAe,EAAEzB,KAAK,CAACkB,MAAM,CAACC,OAAO,CAACO,UAAU,CAACN,IAAI,CAACO,QAAAA;AACxD,KAAA;GACD,GACD,EAAE,CAAA,CAAA;AAEV,CAAC;;;;"}

package/build/lib/web/production/components/Avatar/StyledAvatarButton.js

@@ -20,15 +20,18 @@ var StyledAvatarButton = /*#__PURE__*/styled.button.withConfig({
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'circle' : _ref$variant,
     _ref$color = _ref.color,
-    color = _ref$color === void 0 ? 'neutral' : _ref$color;
-  return {
+    color = _ref$color === void 0 ? 'neutral' : _ref$color,
+    isSelected = _ref.isSelected,
+    isInteractive = _ref.isInteractive;
+  return _objectSpread({
+    display: 'block',
     textAlign: 'center',
     textDecoration: 'none',
-    cursor: 'pointer',
+    cursor: isInteractive ? 'pointer' : 'default',
     minHeight: makeSize(avatarSizeTokens[size]),
     height: makeSize(avatarSizeTokens[size]),
     width: makeSize(avatarSizeTokens[size]),
-    border: 'none',
+    border: isSelected ? "".concat(makeBorderSize(theme.border.width.thicker), " solid ").concat(theme.colors.surface.border.primary.normal) : 'none',
     borderRadius: makeBorderSize(theme.border.radius[avatarBorderRadiusTokens[variant]]),
     backgroundColor: getIn(theme.colors, avatarColorTokens.background[color]),
     img: {
@@ -37,11 +40,12 @@ var StyledAvatarButton = /*#__PURE__*/styled.button.withConfig({
       width: avatarSizeTokens[size],
       borderRadius: makeBorderSize(theme.border.radius[avatarBorderRadiusTokens[variant]]),
       objectFit: 'cover'
-    },
+    }
+  }, isInteractive ? {
     '&:focus-visible': _objectSpread({}, getFocusRingStyles({
       theme: theme
     }))
-  };
+  } : {});
 });
 
 export { StyledAvatarButton };

package/build/lib/web/production/components/Avatar/StyledAvatarButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"StyledAvatarButton.js","sources":["../../../../../../src/components/Avatar/StyledAvatarButton.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport type { AvatarButtonProps } from './types';\nimport { avatarSizeTokens, avatarColorTokens, avatarBorderRadiusTokens } from './avatarTokens';\nimport { makeBorderSize, makeSize } from '~utils';\nimport getIn from '~utils/lodashButBetter/get';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\n\nconst StyledAvatarButton = styled.button<AvatarButtonProps>(\n  ({ theme, size = 'medium', variant = 'circle', color = 'neutral' }) => {\n    return {\n      textAlign: 'center',\n      textDecoration: 'none',\n      cursor: 'pointer',\n      minHeight: makeSize(avatarSizeTokens[size]),\n      height: makeSize(avatarSizeTokens[size]),\n      width: makeSize(avatarSizeTokens[size]),\n      border: 'none',\n      borderRadius: makeBorderSize(theme.border.radius[avatarBorderRadiusTokens[variant]]),\n      backgroundColor: getIn(theme.colors, avatarColorTokens.background[color]),\n\n      img: {\n        display: 'block',\n        height: avatarSizeTokens[size],\n        width: avatarSizeTokens[size],\n        borderRadius: makeBorderSize(theme.border.radius[avatarBorderRadiusTokens[variant]]),\n        objectFit: 'cover',\n      },\n\n      '&:focus-visible': {\n        ...getFocusRingStyles({ theme }),\n      },\n    };\n  },\n);\n\nexport { StyledAvatarButton };\n"],"names":["StyledAvatarButton","styled","button","withConfig","displayName","componentId","_ref","theme","_ref$size","size","_ref$variant","variant","_ref$color","color","textAlign","textDecoration","cursor","minHeight","makeSize","avatarSizeTokens","height","width","border","borderRadius","makeBorderSize","radius","avatarBorderRadiusTokens","backgroundColor","getIn","colors","avatarColorTokens","background","img","display","objectFit","_objectSpread","getFocusRingStyles"],"mappings":";;;;;;;;;;;;AAOA,IAAMA,kBAAkB,gBAAGC,MAAM,CAACC,MAAM,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,oBAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CACtC,CAAA,CAAA,UAAAC,IAAA,EAAuE;AAAA,EAAA,IAApEC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAAC,SAAA,GAAAF,IAAA,CAAEG,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,SAAA;IAAAE,YAAA,GAAAJ,IAAA,CAAEK,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,YAAA;IAAAE,UAAA,GAAAN,IAAA,CAAEO,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,SAAS,GAAAA,UAAA,CAAA;EAC9D,OAAO;AACLE,IAAAA,SAAS,EAAE,QAAQ;AACnBC,IAAAA,cAAc,EAAE,MAAM;AACtBC,IAAAA,MAAM,EAAE,SAAS;AACjBC,IAAAA,SAAS,EAAEC,QAAQ,CAACC,gBAAgB,CAACV,IAAI,CAAC,CAAC;AAC3CW,IAAAA,MAAM,EAAEF,QAAQ,CAACC,gBAAgB,CAACV,IAAI,CAAC,CAAC;AACxCY,IAAAA,KAAK,EAAEH,QAAQ,CAACC,gBAAgB,CAACV,IAAI,CAAC,CAAC;AACvCa,IAAAA,MAAM,EAAE,MAAM;AACdC,IAAAA,YAAY,EAAEC,cAAc,CAACjB,KAAK,CAACe,MAAM,CAACG,MAAM,CAACC,wBAAwB,CAACf,OAAO,CAAC,CAAC,CAAC;AACpFgB,IAAAA,eAAe,EAAEC,KAAK,CAACrB,KAAK,CAACsB,MAAM,EAAEC,iBAAiB,CAACC,UAAU,CAAClB,KAAK,CAAC,CAAC;AAEzEmB,IAAAA,GAAG,EAAE;AACHC,MAAAA,OAAO,EAAE,OAAO;AAChBb,MAAAA,MAAM,EAAED,gBAAgB,CAACV,IAAI,CAAC;AAC9BY,MAAAA,KAAK,EAAEF,gBAAgB,CAACV,IAAI,CAAC;AAC7Bc,MAAAA,YAAY,EAAEC,cAAc,CAACjB,KAAK,CAACe,MAAM,CAACG,MAAM,CAACC,wBAAwB,CAACf,OAAO,CAAC,CAAC,CAAC;AACpFuB,MAAAA,SAAS,EAAE,OAAA;KACZ;AAED,IAAA,iBAAiB,EAAAC,aAAA,CACZC,EAAAA,EAAAA,kBAAkB,CAAC;AAAE7B,MAAAA,KAAK,EAALA,KAAAA;AAAM,KAAC,CAAC,CAAA;GAEnC,CAAA;AACH,CAAC;;;;"}
+{"version":3,"file":"StyledAvatarButton.js","sources":["../../../../../../src/components/Avatar/StyledAvatarButton.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport type { AvatarButtonProps } from './types';\nimport { avatarSizeTokens, avatarColorTokens, avatarBorderRadiusTokens } from './avatarTokens';\nimport { makeBorderSize, makeSize } from '~utils';\nimport getIn from '~utils/lodashButBetter/get';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\n\nconst StyledAvatarButton = styled.button<AvatarButtonProps & { isInteractive?: boolean }>(\n  ({\n    theme,\n    size = 'medium',\n    variant = 'circle',\n    color = 'neutral',\n    isSelected,\n    isInteractive,\n  }) => {\n    return {\n      display: 'block',\n      textAlign: 'center',\n      textDecoration: 'none',\n      cursor: isInteractive ? 'pointer' : 'default',\n      minHeight: makeSize(avatarSizeTokens[size]),\n      height: makeSize(avatarSizeTokens[size]),\n      width: makeSize(avatarSizeTokens[size]),\n      border: isSelected\n        ? `${makeBorderSize(theme.border.width.thicker)} solid ${\n            theme.colors.surface.border.primary.normal\n          }`\n        : 'none',\n      borderRadius: makeBorderSize(theme.border.radius[avatarBorderRadiusTokens[variant]]),\n      backgroundColor: getIn(theme.colors, avatarColorTokens.background[color]),\n\n      img: {\n        display: 'block',\n        height: avatarSizeTokens[size],\n        width: avatarSizeTokens[size],\n        borderRadius: makeBorderSize(theme.border.radius[avatarBorderRadiusTokens[variant]]),\n        objectFit: 'cover',\n      },\n\n      ...(isInteractive\n        ? {\n            '&:focus-visible': {\n              ...getFocusRingStyles({ theme }),\n            },\n          }\n        : {}),\n    };\n  },\n);\n\nexport { StyledAvatarButton };\n"],"names":["StyledAvatarButton","styled","button","withConfig","displayName","componentId","_ref","theme","_ref$size","size","_ref$variant","variant","_ref$color","color","isSelected","isInteractive","_objectSpread","display","textAlign","textDecoration","cursor","minHeight","makeSize","avatarSizeTokens","height","width","border","concat","makeBorderSize","thicker","colors","surface","primary","normal","borderRadius","radius","avatarBorderRadiusTokens","backgroundColor","getIn","avatarColorTokens","background","img","objectFit","getFocusRingStyles"],"mappings":";;;;;;;;;;;;AAOA,IAAMA,kBAAkB,gBAAGC,MAAM,CAACC,MAAM,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,oBAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CACtC,CAAA,CAAA,UAAAC,IAAA,EAOM;AAAA,EAAA,IANJC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAAC,SAAA,GAAAF,IAAA,CACLG,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,SAAA;IAAAE,YAAA,GAAAJ,IAAA,CACfK,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,YAAA;IAAAE,UAAA,GAAAN,IAAA,CAClBO,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,SAAS,GAAAA,UAAA;IACjBE,UAAU,GAAAR,IAAA,CAAVQ,UAAU;IACVC,aAAa,GAAAT,IAAA,CAAbS,aAAa,CAAA;AAEb,EAAA,OAAAC,aAAA,CAAA;AACEC,IAAAA,OAAO,EAAE,OAAO;AAChBC,IAAAA,SAAS,EAAE,QAAQ;AACnBC,IAAAA,cAAc,EAAE,MAAM;AACtBC,IAAAA,MAAM,EAAEL,aAAa,GAAG,SAAS,GAAG,SAAS;AAC7CM,IAAAA,SAAS,EAAEC,QAAQ,CAACC,gBAAgB,CAACd,IAAI,CAAC,CAAC;AAC3Ce,IAAAA,MAAM,EAAEF,QAAQ,CAACC,gBAAgB,CAACd,IAAI,CAAC,CAAC;AACxCgB,IAAAA,KAAK,EAAEH,QAAQ,CAACC,gBAAgB,CAACd,IAAI,CAAC,CAAC;AACvCiB,IAAAA,MAAM,EAAEZ,UAAU,GAAAa,EAAAA,CAAAA,MAAA,CACXC,cAAc,CAACrB,KAAK,CAACmB,MAAM,CAACD,KAAK,CAACI,OAAO,CAAC,EAAAF,SAAAA,CAAAA,CAAAA,MAAA,CAC3CpB,KAAK,CAACuB,MAAM,CAACC,OAAO,CAACL,MAAM,CAACM,OAAO,CAACC,MAAM,IAE5C,MAAM;AACVC,IAAAA,YAAY,EAAEN,cAAc,CAACrB,KAAK,CAACmB,MAAM,CAACS,MAAM,CAACC,wBAAwB,CAACzB,OAAO,CAAC,CAAC,CAAC;AACpF0B,IAAAA,eAAe,EAAEC,KAAK,CAAC/B,KAAK,CAACuB,MAAM,EAAES,iBAAiB,CAACC,UAAU,CAAC3B,KAAK,CAAC,CAAC;AAEzE4B,IAAAA,GAAG,EAAE;AACHxB,MAAAA,OAAO,EAAE,OAAO;AAChBO,MAAAA,MAAM,EAAED,gBAAgB,CAACd,IAAI,CAAC;AAC9BgB,MAAAA,KAAK,EAAEF,gBAAgB,CAACd,IAAI,CAAC;AAC7ByB,MAAAA,YAAY,EAAEN,cAAc,CAACrB,KAAK,CAACmB,MAAM,CAACS,MAAM,CAACC,wBAAwB,CAACzB,OAAO,CAAC,CAAC,CAAC;AACpF+B,MAAAA,SAAS,EAAE,OAAA;AACb,KAAA;AAAC,GAAA,EAEG3B,aAAa,GACb;AACE,IAAA,iBAAiB,EAAAC,aAAA,CACZ2B,EAAAA,EAAAA,kBAAkB,CAAC;AAAEpC,MAAAA,KAAK,EAALA,KAAAA;AAAM,KAAC,CAAC,CAAA;GAEnC,GACD,EAAE,CAAA,CAAA;AAEV,CAAC;;;;"}

package/build/lib/web/production/components/Avatar/TrustedBadgeIcon.web.js

@@ -0,0 +1,195 @@
+import '../Icons/useIconProps/index.js';
+import '../Icons/_Svg/index.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import useIconProps from '../Icons/useIconProps/useIconProps.js';
+import Svg from '../Icons/_Svg/Svg/Svg.web.js';
+import Path from '../Icons/_Svg/Path/Path.web.js';
+
+var TrustedBadgeIcon = function TrustedBadgeIcon(props) {
+  var _useIconProps = useIconProps(props),
+    width = _useIconProps.width,
+    height = _useIconProps.height;
+  return /*#__PURE__*/jsxs(Svg, {
+    display: "block",
+    width: width,
+    height: height,
+    viewBox: "0 0 19 20",
+    fill: "none",
+    children: [/*#__PURE__*/jsx(Path, {
+      d: "M18.1763 3.12496C14.4216 3.12496 11.5452 2.14992 9.11271 0C6.68058 2.14992 3.80428 3.12496 0.0498704 3.12496C0.0498704 8.72327 -1.22466 16.7433 9.11271 20C19.4508 16.7432 18.1763 8.72327 18.1763 3.12496Z",
+      fill: "url(#paint0_linear_89597_146569)"
+    }), /*#__PURE__*/jsx("g", {
+      filter: "url(#filter0_i_89597_146569)",
+      children: /*#__PURE__*/jsx(Path, {
+        d: "M16.9345 4.04107C13.6801 4.04107 11.1869 3.19596 9.07861 1.33252C6.97056 3.19596 4.47753 4.04107 1.2234 4.04107C1.2234 8.8934 0.118706 15.8448 9.07861 18.6675C18.0391 15.8447 16.9345 8.8934 16.9345 4.04107Z",
+        fill: "url(#paint1_linear_89597_146569)"
+      })
+    }), /*#__PURE__*/jsx("g", {
+      opacity: "0.21",
+      filter: "url(#filter1_f_89597_146569)",
+      children: /*#__PURE__*/jsx(Path, {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M8.5245 2.30005C8.52447 2.30007 8.52443 2.3001 8.67861 2.48494C8.83278 2.66978 8.83273 2.66982 8.83268 2.66987L8.83254 2.66998L8.83095 2.67126L8.82684 2.67456C8.82335 2.67735 8.81835 2.68132 8.81188 2.68641C8.79895 2.69659 8.78014 2.71123 8.7557 2.72983C8.70683 2.76703 8.63543 2.82008 8.5436 2.8849C8.36002 3.0145 8.0943 3.19147 7.76321 3.38298C7.10245 3.76518 6.1741 4.20952 5.11373 4.44724C4.07693 4.67968 3.24422 4.80779 2.66922 4.87785C2.38171 4.91288 2.15861 4.9334 2.00659 4.94519C2.00136 4.94559 1.99621 4.94599 1.99115 4.94637C1.98673 5.02812 1.98148 5.13199 1.97603 5.2548C1.96151 5.58157 1.94554 6.04208 1.93973 6.57633C1.92809 7.64707 1.95743 9.00508 2.11864 10.1751L1.63775 10.2395C1.4718 9.03519 1.44272 7.65004 1.45445 6.57119C1.46032 6.03065 1.47648 5.56477 1.49118 5.23384C1.49853 5.06835 1.50552 4.93652 1.51068 4.8459C1.51326 4.80058 1.51539 4.76556 1.51688 4.74177C1.51762 4.72988 1.5182 4.72079 1.5186 4.71463L1.51923 4.70512C1.51923 4.70508 1.51924 4.70505 1.76136 4.72097L1.51924 4.70505L1.53378 4.48989L1.75214 4.48178L1.75223 4.48178L1.75254 4.48177L1.75466 4.48168C1.75668 4.48159 1.75989 4.48145 1.76428 4.48125C1.77307 4.48084 1.7866 4.48016 1.80477 4.47912C1.8411 4.47706 1.89597 4.47357 1.96855 4.46794C2.1137 4.45668 2.32965 4.43686 2.60973 4.40273C3.16991 4.33448 3.98651 4.20902 5.00618 3.98042C6.00229 3.75711 6.88327 3.337 7.51772 2.97002C7.83423 2.78694 8.08758 2.61813 8.26117 2.4956C8.34792 2.43436 8.41464 2.38476 8.45923 2.35081C8.48152 2.33385 8.49828 2.3208 8.50924 2.31218C8.51471 2.30787 8.51874 2.30466 8.52129 2.30263L8.52398 2.30047L8.5245 2.30005Z",
+        fill: "url(#paint2_linear_89597_146569)"
+      })
+    }), /*#__PURE__*/jsxs("g", {
+      filter: "url(#filter2_d_89597_146569)",
+      children: [/*#__PURE__*/jsx(Path, {
+        d: "M8.17223 7.68163L7.72705 9.30015L10.2744 7.67253L8.60851 13.8131L10.3002 13.8147L12.7611 4.74487L8.17223 7.68163Z",
+        fill: "white"
+      }), /*#__PURE__*/jsx(Path, {
+        d: "M5.42984 11.2342L4.72949 13.8156H8.19707C8.19707 13.8156 9.61539 8.5655 9.61579 8.56396C9.61446 8.5648 5.42984 11.2342 5.42984 11.2342Z",
+        fill: "white"
+      })]
+    }), /*#__PURE__*/jsxs("defs", {
+      children: [/*#__PURE__*/jsxs("filter", {
+        id: "filter0_i_89597_146569",
+        x: "1.18018",
+        y: "1.33252",
+        width: "16.087",
+        height: "18.0108",
+        filterUnits: "userSpaceOnUse",
+        colorInterpolationFilters: "sRGB",
+        children: [/*#__PURE__*/jsx("feFlood", {
+          floodOpacity: "0",
+          result: "BackgroundImageFix"
+        }), /*#__PURE__*/jsx("feBlend", {
+          mode: "normal",
+          "in": "SourceGraphic",
+          in2: "BackgroundImageFix",
+          result: "shape"
+        }), /*#__PURE__*/jsx("feColorMatrix", {
+          "in": "SourceAlpha",
+          type: "matrix",
+          values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
+          result: "hardAlpha"
+        }), /*#__PURE__*/jsx("feOffset", {
+          dx: "0.289647",
+          dy: "0.675842"
+        }), /*#__PURE__*/jsx("feGaussianBlur", {
+          stdDeviation: "0.917215"
+        }), /*#__PURE__*/jsx("feComposite", {
+          in2: "hardAlpha",
+          operator: "arithmetic",
+          k2: "-1",
+          k3: "1"
+        }), /*#__PURE__*/jsx("feColorMatrix", {
+          type: "matrix",
+          values: "0 0 0 0 0.0409375 0 0 0 0 0.545833 0 0 0 0 0.297457 0 0 0 1 0"
+        }), /*#__PURE__*/jsx("feBlend", {
+          mode: "normal",
+          in2: "shape",
+          result: "effect1_innerShadow_89597_146569"
+        })]
+      }), /*#__PURE__*/jsxs("filter", {
+        id: "filter1_f_89597_146569",
+        x: "0.973095",
+        y: "1.821",
+        width: "8.33848",
+        height: "8.89756",
+        filterUnits: "userSpaceOnUse",
+        colorInterpolationFilters: "sRGB",
+        children: [/*#__PURE__*/jsx("feFlood", {
+          floodOpacity: "0",
+          result: "BackgroundImageFix"
+        }), /*#__PURE__*/jsx("feBlend", {
+          mode: "normal",
+          "in": "SourceGraphic",
+          in2: "BackgroundImageFix",
+          result: "shape"
+        }), /*#__PURE__*/jsx("feGaussianBlur", {
+          stdDeviation: "0.239527",
+          result: "effect1_foregroundBlur_89597_146569"
+        })]
+      }), /*#__PURE__*/jsxs("filter", {
+        id: "filter2_d_89597_146569",
+        x: "3.18471",
+        y: "3.29664",
+        width: "12.473",
+        height: "13.5121",
+        filterUnits: "userSpaceOnUse",
+        colorInterpolationFilters: "sRGB",
+        children: [/*#__PURE__*/jsx("feFlood", {
+          floodOpacity: "0",
+          result: "BackgroundImageFix"
+        }), /*#__PURE__*/jsx("feColorMatrix", {
+          "in": "SourceAlpha",
+          type: "matrix",
+          values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
+          result: "hardAlpha"
+        }), /*#__PURE__*/jsx("feOffset", {
+          dx: "0.675842",
+          dy: "0.772391"
+        }), /*#__PURE__*/jsx("feGaussianBlur", {
+          stdDeviation: "1.11031"
+        }), /*#__PURE__*/jsx("feColorMatrix", {
+          type: "matrix",
+          values: "0 0 0 0 0.126389 0 0 0 0 0.541667 0 0 0 0 0.337377 0 0 0 0.3 0"
+        }), /*#__PURE__*/jsx("feBlend", {
+          mode: "normal",
+          in2: "BackgroundImageFix",
+          result: "effect1_dropShadow_89597_146569"
+        }), /*#__PURE__*/jsx("feBlend", {
+          mode: "normal",
+          "in": "SourceGraphic",
+          in2: "effect1_dropShadow_89597_146569",
+          result: "shape"
+        })]
+      }), /*#__PURE__*/jsxs("linearGradient", {
+        id: "paint0_linear_89597_146569",
+        x1: "21.5964",
+        y1: "16.117",
+        x2: "-1.81118",
+        y2: "4.46791",
+        gradientUnits: "userSpaceOnUse",
+        children: [/*#__PURE__*/jsx("stop", {
+          offset: "0.10771",
+          stopColor: "#30CF66"
+        }), /*#__PURE__*/jsx("stop", {
+          offset: "0.670861",
+          stopColor: "#80F399"
+        }), /*#__PURE__*/jsx("stop", {
+          offset: "0.876285",
+          stopColor: "#93F9BC"
+        }), /*#__PURE__*/jsx("stop", {
+          offset: "0.953125",
+          stopColor: "#A9F19D"
+        })]
+      }), /*#__PURE__*/jsxs("linearGradient", {
+        id: "paint1_linear_89597_146569",
+        x1: "15.5081",
+        y1: "18.6675",
+        x2: "-4.34671",
+        y2: "4.13441",
+        gradientUnits: "userSpaceOnUse",
+        children: [/*#__PURE__*/jsx("stop", {
+          stopColor: "#2EAE52"
+        }), /*#__PURE__*/jsx("stop", {
+          offset: "1",
+          stopColor: "#6CE8AB",
+          stopOpacity: "0.3"
+        })]
+      }), /*#__PURE__*/jsxs("linearGradient", {
+        id: "paint2_linear_89597_146569",
+        x1: "9.75263",
+        y1: "1.99064",
+        x2: "2.49084",
+        y2: "9.77064",
+        gradientUnits: "userSpaceOnUse",
+        children: [/*#__PURE__*/jsx("stop", {
+          stopColor: "white"
+        }), /*#__PURE__*/jsx("stop", {
+          offset: "0.544957",
+          stopColor: "#7AF09B"
+        }), /*#__PURE__*/jsx("stop", {
+          offset: "1",
+          stopColor: "white"
+        })]
+      })]
+    })]
+  });
+};
+
+export { TrustedBadgeIcon };
+//# sourceMappingURL=TrustedBadgeIcon.web.js.map

package/build/lib/web/production/components/Avatar/TrustedBadgeIcon.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrustedBadgeIcon.web.js","sources":["../../../../../../src/components/Avatar/TrustedBadgeIcon.web.tsx"],"sourcesContent":["import type { IconComponent } from '~components/Icons';\nimport useIconProps from '~components/Icons/useIconProps';\nimport Svg, { Path } from '~components/Icons/_Svg';\n\nconst TrustedBadgeIcon: IconComponent = (props) => {\n  const { width, height } = useIconProps(props);\n  return (\n    <Svg display=\"block\" width={width} height={height} viewBox=\"0 0 19 20\" fill=\"none\">\n      <Path\n        d=\"M18.1763 3.12496C14.4216 3.12496 11.5452 2.14992 9.11271 0C6.68058 2.14992 3.80428 3.12496 0.0498704 3.12496C0.0498704 8.72327 -1.22466 16.7433 9.11271 20C19.4508 16.7432 18.1763 8.72327 18.1763 3.12496Z\"\n        fill=\"url(#paint0_linear_89597_146569)\"\n      />\n      <g filter=\"url(#filter0_i_89597_146569)\">\n        <Path\n          d=\"M16.9345 4.04107C13.6801 4.04107 11.1869 3.19596 9.07861 1.33252C6.97056 3.19596 4.47753 4.04107 1.2234 4.04107C1.2234 8.8934 0.118706 15.8448 9.07861 18.6675C18.0391 15.8447 16.9345 8.8934 16.9345 4.04107Z\"\n          fill=\"url(#paint1_linear_89597_146569)\"\n        />\n      </g>\n      <g opacity=\"0.21\" filter=\"url(#filter1_f_89597_146569)\">\n        <Path\n          fillRule=\"evenodd\"\n          clipRule=\"evenodd\"\n          d=\"M8.5245 2.30005C8.52447 2.30007 8.52443 2.3001 8.67861 2.48494C8.83278 2.66978 8.83273 2.66982 8.83268 2.66987L8.83254 2.66998L8.83095 2.67126L8.82684 2.67456C8.82335 2.67735 8.81835 2.68132 8.81188 2.68641C8.79895 2.69659 8.78014 2.71123 8.7557 2.72983C8.70683 2.76703 8.63543 2.82008 8.5436 2.8849C8.36002 3.0145 8.0943 3.19147 7.76321 3.38298C7.10245 3.76518 6.1741 4.20952 5.11373 4.44724C4.07693 4.67968 3.24422 4.80779 2.66922 4.87785C2.38171 4.91288 2.15861 4.9334 2.00659 4.94519C2.00136 4.94559 1.99621 4.94599 1.99115 4.94637C1.98673 5.02812 1.98148 5.13199 1.97603 5.2548C1.96151 5.58157 1.94554 6.04208 1.93973 6.57633C1.92809 7.64707 1.95743 9.00508 2.11864 10.1751L1.63775 10.2395C1.4718 9.03519 1.44272 7.65004 1.45445 6.57119C1.46032 6.03065 1.47648 5.56477 1.49118 5.23384C1.49853 5.06835 1.50552 4.93652 1.51068 4.8459C1.51326 4.80058 1.51539 4.76556 1.51688 4.74177C1.51762 4.72988 1.5182 4.72079 1.5186 4.71463L1.51923 4.70512C1.51923 4.70508 1.51924 4.70505 1.76136 4.72097L1.51924 4.70505L1.53378 4.48989L1.75214 4.48178L1.75223 4.48178L1.75254 4.48177L1.75466 4.48168C1.75668 4.48159 1.75989 4.48145 1.76428 4.48125C1.77307 4.48084 1.7866 4.48016 1.80477 4.47912C1.8411 4.47706 1.89597 4.47357 1.96855 4.46794C2.1137 4.45668 2.32965 4.43686 2.60973 4.40273C3.16991 4.33448 3.98651 4.20902 5.00618 3.98042C6.00229 3.75711 6.88327 3.337 7.51772 2.97002C7.83423 2.78694 8.08758 2.61813 8.26117 2.4956C8.34792 2.43436 8.41464 2.38476 8.45923 2.35081C8.48152 2.33385 8.49828 2.3208 8.50924 2.31218C8.51471 2.30787 8.51874 2.30466 8.52129 2.30263L8.52398 2.30047L8.5245 2.30005Z\"\n          fill=\"url(#paint2_linear_89597_146569)\"\n        />\n      </g>\n      <g filter=\"url(#filter2_d_89597_146569)\">\n        <Path\n          d=\"M8.17223 7.68163L7.72705 9.30015L10.2744 7.67253L8.60851 13.8131L10.3002 13.8147L12.7611 4.74487L8.17223 7.68163Z\"\n          fill=\"white\"\n        />\n        <Path\n          d=\"M5.42984 11.2342L4.72949 13.8156H8.19707C8.19707 13.8156 9.61539 8.5655 9.61579 8.56396C9.61446 8.5648 5.42984 11.2342 5.42984 11.2342Z\"\n          fill=\"white\"\n        />\n      </g>\n      <defs>\n        <filter\n          id=\"filter0_i_89597_146569\"\n          x=\"1.18018\"\n          y=\"1.33252\"\n          width=\"16.087\"\n          height=\"18.0108\"\n          filterUnits=\"userSpaceOnUse\"\n          colorInterpolationFilters=\"sRGB\"\n        >\n          <feFlood floodOpacity=\"0\" result=\"BackgroundImageFix\" />\n          <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\" />\n          <feColorMatrix\n            in=\"SourceAlpha\"\n            type=\"matrix\"\n            values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n            result=\"hardAlpha\"\n          />\n          <feOffset dx=\"0.289647\" dy=\"0.675842\" />\n          <feGaussianBlur stdDeviation=\"0.917215\" />\n          <feComposite in2=\"hardAlpha\" operator=\"arithmetic\" k2=\"-1\" k3=\"1\" />\n          <feColorMatrix\n            type=\"matrix\"\n            values=\"0 0 0 0 0.0409375 0 0 0 0 0.545833 0 0 0 0 0.297457 0 0 0 1 0\"\n          />\n          <feBlend mode=\"normal\" in2=\"shape\" result=\"effect1_innerShadow_89597_146569\" />\n        </filter>\n        <filter\n          id=\"filter1_f_89597_146569\"\n          x=\"0.973095\"\n          y=\"1.821\"\n          width=\"8.33848\"\n          height=\"8.89756\"\n          filterUnits=\"userSpaceOnUse\"\n          colorInterpolationFilters=\"sRGB\"\n        >\n          <feFlood floodOpacity=\"0\" result=\"BackgroundImageFix\" />\n          <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\" />\n          <feGaussianBlur stdDeviation=\"0.239527\" result=\"effect1_foregroundBlur_89597_146569\" />\n        </filter>\n        <filter\n          id=\"filter2_d_89597_146569\"\n          x=\"3.18471\"\n          y=\"3.29664\"\n          width=\"12.473\"\n          height=\"13.5121\"\n          filterUnits=\"userSpaceOnUse\"\n          colorInterpolationFilters=\"sRGB\"\n        >\n          <feFlood floodOpacity=\"0\" result=\"BackgroundImageFix\" />\n          <feColorMatrix\n            in=\"SourceAlpha\"\n            type=\"matrix\"\n            values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n            result=\"hardAlpha\"\n          />\n          <feOffset dx=\"0.675842\" dy=\"0.772391\" />\n          <feGaussianBlur stdDeviation=\"1.11031\" />\n          <feColorMatrix\n            type=\"matrix\"\n            values=\"0 0 0 0 0.126389 0 0 0 0 0.541667 0 0 0 0 0.337377 0 0 0 0.3 0\"\n          />\n          <feBlend\n            mode=\"normal\"\n            in2=\"BackgroundImageFix\"\n            result=\"effect1_dropShadow_89597_146569\"\n          />\n          <feBlend\n            mode=\"normal\"\n            in=\"SourceGraphic\"\n            in2=\"effect1_dropShadow_89597_146569\"\n            result=\"shape\"\n          />\n        </filter>\n        <linearGradient\n          id=\"paint0_linear_89597_146569\"\n          x1=\"21.5964\"\n          y1=\"16.117\"\n          x2=\"-1.81118\"\n          y2=\"4.46791\"\n          gradientUnits=\"userSpaceOnUse\"\n        >\n          <stop offset=\"0.10771\" stopColor=\"#30CF66\" />\n          <stop offset=\"0.670861\" stopColor=\"#80F399\" />\n          <stop offset=\"0.876285\" stopColor=\"#93F9BC\" />\n          <stop offset=\"0.953125\" stopColor=\"#A9F19D\" />\n        </linearGradient>\n        <linearGradient\n          id=\"paint1_linear_89597_146569\"\n          x1=\"15.5081\"\n          y1=\"18.6675\"\n          x2=\"-4.34671\"\n          y2=\"4.13441\"\n          gradientUnits=\"userSpaceOnUse\"\n        >\n          <stop stopColor=\"#2EAE52\" />\n          <stop offset=\"1\" stopColor=\"#6CE8AB\" stopOpacity=\"0.3\" />\n        </linearGradient>\n        <linearGradient\n          id=\"paint2_linear_89597_146569\"\n          x1=\"9.75263\"\n          y1=\"1.99064\"\n          x2=\"2.49084\"\n          y2=\"9.77064\"\n          gradientUnits=\"userSpaceOnUse\"\n        >\n          <stop stopColor=\"white\" />\n          <stop offset=\"0.544957\" stopColor=\"#7AF09B\" />\n          <stop offset=\"1\" stopColor=\"white\" />\n        </linearGradient>\n      </defs>\n    </Svg>\n  );\n};\n\nexport { TrustedBadgeIcon };\n"],"names":["TrustedBadgeIcon","props","_useIconProps","useIconProps","width","height","_jsxs","Svg","display","viewBox","fill","children","_jsx","Path","d","filter","opacity","fillRule","clipRule","id","x","y","filterUnits","colorInterpolationFilters","floodOpacity","result","mode","in2","type","values","dx","dy","stdDeviation","operator","k2","k3","x1","y1","x2","y2","gradientUnits","offset","stopColor","stopOpacity"],"mappings":"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"}

package/build/lib/web/production/components/Avatar/avatarTokens.js

@@ -44,6 +44,66 @@ var avatarBorderRadiusTokens = {
   circle: 'max',
   square: 'medium'
 };
+var avatarToBottomAddonSize = {
+  xsmall: 'xsmall',
+  small: 'xsmall',
+  medium: 'small',
+  large: 'medium',
+  xlarge: 'large'
+};
+var avatarToIndicatorSize = {
+  xsmall: 'small',
+  small: 'small',
+  medium: 'medium',
+  large: 'medium',
+  xlarge: 'large'
+};
+var avatarTopAddonOffsets = {
+  circle: {
+    xsmall: {
+      right: '0px',
+      top: '0px'
+    },
+    small: {
+      right: '1px',
+      top: '1px'
+    },
+    medium: {
+      right: '1px',
+      top: '2px'
+    },
+    large: {
+      right: '4px',
+      top: '2px'
+    },
+    xlarge: {
+      right: '4px',
+      top: '2px'
+    }
+  },
+  square: {
+    xsmall: {
+      right: '-2px',
+      top: '-2px'
+    },
+    small: {
+      right: '-2px',
+      top: '-2px'
+    },
+    medium: {
+      right: '-2px',
+      top: '-2px'
+    },
+    large: {
+      right: '-3px',
+      top: '-3px'
+    },
+    xlarge: {
+      right: '-4px',
+      top: '-4px'
+    }
+  }
+};
 
-export { avatarBorderRadiusTokens, avatarColorTokens, avatarIconSizeTokens, avatarSizeTokens, avatarTextSizeMapping };
+export { avatarBorderRadiusTokens, avatarColorTokens, avatarIconSizeTokens, avatarSizeTokens, avatarTextSizeMapping, avatarToBottomAddonSize, avatarToIndicatorSize, avatarTopAddonOffsets };
 //# sourceMappingURL=avatarTokens.js.map

package/build/lib/web/production/components/Avatar/avatarTokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatarTokens.js","sources":["../../../../../../src/components/Avatar/avatarTokens.ts"],"sourcesContent":["import { size } from '~tokens/global';\n\nconst avatarSizeTokens = {\n  xsmall: size[20],\n  small: size[28],\n  medium: size[36],\n  large: size[48],\n  xlarge: size[56],\n} as const;\n\nconst avatarIconSizeTokens = {\n  xsmall: 'small',\n  small: 'medium',\n  medium: 'medium',\n  large: 'large',\n  xlarge: 'xlarge',\n} as const;\n\nconst avatarTextSizeMapping = {\n  xsmall: 'xsmall',\n  small: 'xsmall',\n  medium: 'small',\n  large: 'medium',\n  xlarge: 'medium',\n} as const;\n\nconst avatarColorTokens = {\n  text: {\n    primary: 'interactive.text.primary.normal',\n    positive: 'interactive.text.positive.normal',\n    negative: 'interactive.text.negative.normal',\n    notice: 'interactive.text.notice.normal',\n    information: 'interactive.text.information.normal',\n    neutral: 'interactive.text.neutral.normal',\n  },\n  background: {\n    primary: 'interactive.background.primary.faded',\n    positive: 'interactive.background.positive.faded',\n    negative: 'interactive.background.negative.faded',\n    notice: 'interactive.background.notice.faded',\n    information: 'interactive.background.information.faded',\n    neutral: 'interactive.background.neutral.faded',\n  },\n} as const;\n\nconst avatarBorderRadiusTokens = {\n  circle: 'max',\n  square: 'medium',\n} as const;\n\nexport {\n  avatarSizeTokens,\n  avatarIconSizeTokens,\n  avatarTextSizeMapping,\n  avatarColorTokens,\n  avatarBorderRadiusTokens,\n};\n"],"names":["avatarSizeTokens","xsmall","size","small","medium","large","xlarge","avatarIconSizeTokens","avatarTextSizeMapping","avatarColorTokens","text","primary","positive","negative","notice","information","neutral","background","avatarBorderRadiusTokens","circle","square"],"mappings":";;;AAEA,IAAMA,gBAAgB,GAAG;AACvBC,EAAAA,MAAM,EAAEC,IAAI,CAAC,EAAE,CAAC;AAChBC,EAAAA,KAAK,EAAED,IAAI,CAAC,EAAE,CAAC;AACfE,EAAAA,MAAM,EAAEF,IAAI,CAAC,EAAE,CAAC;AAChBG,EAAAA,KAAK,EAAEH,IAAI,CAAC,EAAE,CAAC;EACfI,MAAM,EAAEJ,IAAI,CAAC,EAAE,CAAA;AACjB,EAAU;AAEV,IAAMK,oBAAoB,GAAG;AAC3BN,EAAAA,MAAM,EAAE,OAAO;AACfE,EAAAA,KAAK,EAAE,QAAQ;AACfC,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,KAAK,EAAE,OAAO;AACdC,EAAAA,MAAM,EAAE,QAAA;AACV,EAAU;AAEV,IAAME,qBAAqB,GAAG;AAC5BP,EAAAA,MAAM,EAAE,QAAQ;AAChBE,EAAAA,KAAK,EAAE,QAAQ;AACfC,EAAAA,MAAM,EAAE,OAAO;AACfC,EAAAA,KAAK,EAAE,QAAQ;AACfC,EAAAA,MAAM,EAAE,QAAA;AACV,EAAU;AAEV,IAAMG,iBAAiB,GAAG;AACxBC,EAAAA,IAAI,EAAE;AACJC,IAAAA,OAAO,EAAE,iCAAiC;AAC1CC,IAAAA,QAAQ,EAAE,kCAAkC;AAC5CC,IAAAA,QAAQ,EAAE,kCAAkC;AAC5CC,IAAAA,MAAM,EAAE,gCAAgC;AACxCC,IAAAA,WAAW,EAAE,qCAAqC;AAClDC,IAAAA,OAAO,EAAE,iCAAA;GACV;AACDC,EAAAA,UAAU,EAAE;AACVN,IAAAA,OAAO,EAAE,sCAAsC;AAC/CC,IAAAA,QAAQ,EAAE,uCAAuC;AACjDC,IAAAA,QAAQ,EAAE,uCAAuC;AACjDC,IAAAA,MAAM,EAAE,qCAAqC;AAC7CC,IAAAA,WAAW,EAAE,0CAA0C;AACvDC,IAAAA,OAAO,EAAE,sCAAA;AACX,GAAA;AACF,EAAU;AAEV,IAAME,wBAAwB,GAAG;AAC/BC,EAAAA,MAAM,EAAE,KAAK;AACbC,EAAAA,MAAM,EAAE,QAAA;AACV;;;;"}
+{"version":3,"file":"avatarTokens.js","sources":["../../../../../../src/components/Avatar/avatarTokens.ts"],"sourcesContent":["import { size } from '~tokens/global';\n\nconst avatarSizeTokens = {\n  xsmall: size[20],\n  small: size[28],\n  medium: size[36],\n  large: size[48],\n  xlarge: size[56],\n} as const;\n\nconst avatarIconSizeTokens = {\n  xsmall: 'small',\n  small: 'medium',\n  medium: 'medium',\n  large: 'large',\n  xlarge: 'xlarge',\n} as const;\n\nconst avatarTextSizeMapping = {\n  xsmall: 'xsmall',\n  small: 'xsmall',\n  medium: 'small',\n  large: 'medium',\n  xlarge: 'medium',\n} as const;\n\nconst avatarColorTokens = {\n  text: {\n    primary: 'interactive.text.primary.normal',\n    positive: 'interactive.text.positive.normal',\n    negative: 'interactive.text.negative.normal',\n    notice: 'interactive.text.notice.normal',\n    information: 'interactive.text.information.normal',\n    neutral: 'interactive.text.neutral.normal',\n  },\n  background: {\n    primary: 'interactive.background.primary.faded',\n    positive: 'interactive.background.positive.faded',\n    negative: 'interactive.background.negative.faded',\n    notice: 'interactive.background.notice.faded',\n    information: 'interactive.background.information.faded',\n    neutral: 'interactive.background.neutral.faded',\n  },\n} as const;\n\nconst avatarBorderRadiusTokens = {\n  circle: 'max',\n  square: 'medium',\n} as const;\n\nconst avatarToBottomAddonSize = {\n  xsmall: 'xsmall',\n  small: 'xsmall',\n  medium: 'small',\n  large: 'medium',\n  xlarge: 'large',\n} as const;\n\nconst avatarToIndicatorSize = {\n  xsmall: 'small',\n  small: 'small',\n  medium: 'medium',\n  large: 'medium',\n  xlarge: 'large',\n} as const;\n\nconst avatarTopAddonOffsets = {\n  circle: {\n    xsmall: {\n      right: '0px',\n      top: '0px',\n    },\n    small: {\n      right: '1px',\n      top: '1px',\n    },\n    medium: {\n      right: '1px',\n      top: '2px',\n    },\n    large: {\n      right: '4px',\n      top: '2px',\n    },\n    xlarge: {\n      right: '4px',\n      top: '2px',\n    },\n  },\n  square: {\n    xsmall: {\n      right: '-2px',\n      top: '-2px',\n    },\n    small: {\n      right: '-2px',\n      top: '-2px',\n    },\n    medium: {\n      right: '-2px',\n      top: '-2px',\n    },\n    large: {\n      right: '-3px',\n      top: '-3px',\n    },\n    xlarge: {\n      right: '-4px',\n      top: '-4px',\n    },\n  },\n} as const;\n\nexport {\n  avatarSizeTokens,\n  avatarIconSizeTokens,\n  avatarTextSizeMapping,\n  avatarColorTokens,\n  avatarBorderRadiusTokens,\n  avatarToBottomAddonSize,\n  avatarToIndicatorSize,\n  avatarTopAddonOffsets,\n};\n"],"names":["avatarSizeTokens","xsmall","size","small","medium","large","xlarge","avatarIconSizeTokens","avatarTextSizeMapping","avatarColorTokens","text","primary","positive","negative","notice","information","neutral","background","avatarBorderRadiusTokens","circle","square","avatarToBottomAddonSize","avatarToIndicatorSize","avatarTopAddonOffsets","right","top"],"mappings":"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"}

package/build/lib/web/production/components/Avatar/index.js

@@ -1,3 +1,4 @@
 export { Avatar } from './Avatar.web.js';
 export { AvatarGroup } from './AvatarGroup.web.js';
+export { TrustedBadgeIcon } from './TrustedBadgeIcon.web.js';
 //# sourceMappingURL=index.js.map

package/build/lib/web/production/components/Avatar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}