@salutejs/plasma-new-hope 0.337.0-canary.2260.18093294987.0 → 0.337.0-canary.2262.18095422153.0

package/cjs/components/Avatar/Avatar.js

@@ -21,13 +21,14 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var _excluded = ["size", "name", "url", "customText", "status", "className", "focused", "isScalable", "shape", "statusLabels", "hasExtra", "extraPlacement", "type", "counterView", "count", "maxCount", "badgeView", "text", "customColor", "customBackgroundColor", "contentLeft", "contentRight", "pilled"];
+var _excluded = ["size", "name", "url", "customText", "status", "className", "focused", "isScalable", "shape", "statusLabels", "hasExtra", "extraPlacement", "type", "counterView", "count", "maxCount", "badgeView", "text", "customColor", "customBackgroundColor", "customBorderRadius", "contentLeft", "contentRight", "pilled"];
 var StatusLabelsDefault = {
   active: 'Активен',
   inactive: 'Неактивен'
 };
 var getAvatarContent = function getAvatarContent(_ref) {
   var customText = _ref.customText,
+    customBorderRadius = _ref.customBorderRadius,
     url = _ref.url,
     initials = _ref.initials,
     name = _ref.name;
@@ -37,7 +38,8 @@ var getAvatarContent = function getAvatarContent(_ref) {
   if (url) {
     return /*#__PURE__*/React__default.default.createElement(Avatar_styles.Image, {
       src: url,
-      alt: name
+      alt: name,
+      borderRadius: customBorderRadius
     });
   }
   return /*#__PURE__*/React__default.default.createElement(Avatar_styles.Text, null, initials);
@@ -99,6 +101,7 @@ var avatarRoot = function avatarRoot(Root) {
       text = props.text,
       customColor = props.customColor,
       customBackgroundColor = props.customBackgroundColor,
+      customBorderRadius = props.customBorderRadius,
       contentLeft = props.contentLeft,
       contentRight = props.contentRight,
       pilled = props.pilled,
@@ -115,6 +118,7 @@ var avatarRoot = function avatarRoot(Root) {
     } : {
       counterView: counterView
     };
+    var borderRadius = avatarSize === 'fit' ? customBorderRadius : undefined;
     return /*#__PURE__*/React__default.default.createElement(Root, _rollupPluginBabelHelpers.extends({
       ref: ref,
       size: avatarSize,
@@ -123,12 +127,14 @@ var avatarRoot = function avatarRoot(Root) {
       "aria-label": ariaLabel,
       focused: focused
     }, extraViewProp, rest), /*#__PURE__*/React__default.default.createElement(Avatar_styles.Wrapper, {
-      isScalable: isScalable
+      isScalable: isScalable,
+      borderRadius: borderRadius
     }, getAvatarContent({
       customText: customText,
       url: url,
       initials: initials,
-      name: name
+      name: name,
+      customBorderRadius: borderRadius
     })), status && /*#__PURE__*/React__default.default.createElement(Avatar_styles.StatusIcon, null, /*#__PURE__*/React__default.default.createElement(StyledIndicator, {
       "aria-label": statusLabels[status],
       status: status

package/cjs/components/Avatar/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","sources":["../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import React, { forwardRef, useMemo, ReactElement } from 'react';\nimport { styled } from '@linaria/react';\n\nimport { RootProps, component, mergeConfig } from '../../engines';\nimport { cx } from '../../utils';\nimport { indicatorConfig, indicatorTokens } from '../Indicator';\n\nimport { classes, tokens } from './Avatar.tokens';\nimport { base, Wrapper, Image, StatusIcon, Text, ExtraContent, ExtraCounter, ExtraBadge } from './Avatar.styles';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as focusedCSS } from './variations/_focused/base';\nimport { base as shapeCSS } from './variations/_shape/base';\nimport { extraPlacementMap, getInitialsForName } from './utils';\nimport type { AvatarProps, StatusLabels } from './Avatar.types';\n\nconst StatusLabelsDefault: StatusLabels = {\n    active: 'Активен',\n    inactive: 'Неактивен',\n};\n\nconst getAvatarContent = ({\n    customText,\n    url,\n    initials,\n    name,\n}: Omit<AvatarProps, 'size'> & { initials?: string }): ReactElement => {\n    if (customText) {\n        return <Text>{customText}</Text>;\n    }\n\n    if (url) {\n        return <Image src={url} alt={name} />;\n    }\n\n    return <Text>{initials}</Text>;\n};\n\nconst getAriaLabel = ({\n    url,\n    name,\n    status,\n    'aria-label': ariaLabelProp,\n    statusLabels,\n}: Pick<AvatarProps, 'url' | 'status' | 'name' | 'aria-label'> & {\n    statusLabels: StatusLabels;\n}) => {\n    if (!url) {\n        return;\n    }\n\n    // INFO: включаем aria-label чтобы озвучить что на изображении\n    const ariaLabel = !ariaLabelProp || ariaLabelProp.trim() === '' ? name : ariaLabelProp;\n\n    return status ? `${ariaLabel}. ${statusLabels[status]}` : ariaLabel;\n};\n\nconst mergedConfig = mergeConfig(indicatorConfig);\n\nconst Indicator: React.FunctionComponent<\n    React.HTMLAttributes<HTMLDivElement> & { status: AvatarProps['status'] }\n> = component(mergedConfig) as never;\n\nconst StyledIndicator = styled(Indicator)`\n    ${indicatorTokens.size}: var(${tokens.statusIconSize});\n    ${indicatorTokens.color}: ${({ status }) =>\n    status === 'active' ? `var(${tokens.statusOnlineColor})` : `var(${tokens.statusOfflineColor})`}\n`;\n\nexport const avatarRoot = (Root: RootProps<HTMLDivElement, AvatarProps>) => {\n    return forwardRef<HTMLDivElement, AvatarProps>((props, ref) => {\n        const {\n            size: avatarSize,\n            name,\n            url,\n            customText,\n            status,\n            className,\n            focused = true,\n            isScalable,\n            shape,\n            statusLabels = StatusLabelsDefault,\n            hasExtra,\n            extraPlacement,\n\n            type,\n\n            counterView,\n            count,\n            maxCount,\n\n            badgeView,\n            text,\n            customColor,\n            customBackgroundColor,\n            contentLeft,\n            contentRight,\n            pilled,\n\n            ...rest\n        } = props;\n\n        const counterValue = count || 1;\n        const initials = useMemo(() => getInitialsForName(name), [name]);\n        const ariaLabel = getAriaLabel({\n            ...props,\n            statusLabels,\n        });\n\n        const extraViewProp = type === 'badge' ? { badgeView } : { counterView };\n\n        return (\n            <Root\n                ref={ref}\n                size={avatarSize}\n                shape={shape}\n                className={cx(classes.avatarItem, className)}\n                aria-label={ariaLabel}\n                focused={focused}\n                {...extraViewProp}\n                {...rest}\n            >\n                <Wrapper isScalable={isScalable}>{getAvatarContent({ customText, url, initials, name })}</Wrapper>\n\n                {status && (\n                    <StatusIcon>\n                        <StyledIndicator aria-label={statusLabels[status]} status={status} />\n                    </StatusIcon>\n                )}\n\n                {hasExtra && avatarSize !== 'fit' && (\n                    <ExtraContent className={extraPlacementMap(extraPlacement)}>\n                        {type === 'counter' ? (\n                            <ExtraCounter view={counterView} count={counterValue} maxCount={maxCount} />\n                        ) : (\n                            avatarSize !== 's' && (\n                                <ExtraBadge\n                                    view={badgeView}\n                                    text={text}\n                                    customColor={customColor}\n                                    customBackgroundColor={customBackgroundColor}\n                                    pilled={pilled}\n                                    maxWidth=\"100%\"\n                                    {...(contentLeft ? { contentLeft } : { contentRight })}\n                                />\n                            )\n                        )}\n                    </ExtraContent>\n                )}\n            </Root>\n        );\n    });\n};\n\nexport const avatarConfig = {\n    name: 'Avatar',\n    tag: 'div',\n    layout: avatarRoot,\n    base,\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n        focused: {\n            css: focusedCSS,\n        },\n        shape: {\n            css: shapeCSS,\n        },\n    },\n    defaults: {\n        size: 'm',\n        shape: 'circled',\n    },\n};\n"],"names":["StatusLabelsDefault","active","inactive","getAvatarContent","_ref","customText","url","initials","name","React","createElement","Text","Image","src","alt","getAriaLabel","_ref2","status","ariaLabelProp","statusLabels","ariaLabel","trim","concat","mergedConfig","mergeConfig","indicatorConfig","Indicator","component","_exp","_exp5","_ref3","tokens","statusOnlineColor","statusOfflineColor","StyledIndicator","styled","class","propsAsIs","vars","avatarRoot","Root","forwardRef","props","ref","avatarSize","size","className","_props$focused","focused","isScalable","shape","_props$statusLabels","hasExtra","extraPlacement","type","counterView","count","maxCount","badgeView","text","customColor","customBackgroundColor","contentLeft","contentRight","pilled","rest","_excluded","counterValue","useMemo","getInitialsForName","_objectSpread","extraViewProp","_extends","cx","classes","avatarItem","Wrapper","StatusIcon","ExtraContent","extraPlacementMap","ExtraCounter","view","ExtraBadge","maxWidth","avatarConfig","tag","layout","base","variations","css","sizeCSS","focusedCSS","shapeCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"Avatar.js","sources":["../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import React, { forwardRef, useMemo, ReactElement } from 'react';\nimport { styled } from '@linaria/react';\n\nimport { RootProps, component, mergeConfig } from '../../engines';\nimport { cx } from '../../utils';\nimport { indicatorConfig, indicatorTokens } from '../Indicator';\n\nimport { classes, tokens } from './Avatar.tokens';\nimport { base, Wrapper, Image, StatusIcon, Text, ExtraContent, ExtraCounter, ExtraBadge } from './Avatar.styles';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as focusedCSS } from './variations/_focused/base';\nimport { base as shapeCSS } from './variations/_shape/base';\nimport { extraPlacementMap, getInitialsForName } from './utils';\nimport type { AvatarProps, StatusLabels } from './Avatar.types';\n\nconst StatusLabelsDefault: StatusLabels = {\n    active: 'Активен',\n    inactive: 'Неактивен',\n};\n\nconst getAvatarContent = ({\n    customText,\n    customBorderRadius,\n    url,\n    initials,\n    name,\n}: Omit<AvatarProps, 'size'> & { initials?: string }): ReactElement => {\n    if (customText) {\n        return <Text>{customText}</Text>;\n    }\n\n    if (url) {\n        return <Image src={url} alt={name} borderRadius={customBorderRadius} />;\n    }\n\n    return <Text>{initials}</Text>;\n};\n\nconst getAriaLabel = ({\n    url,\n    name,\n    status,\n    'aria-label': ariaLabelProp,\n    statusLabels,\n}: Pick<AvatarProps, 'url' | 'status' | 'name' | 'aria-label'> & {\n    statusLabels: StatusLabels;\n}) => {\n    if (!url) {\n        return;\n    }\n\n    // INFO: включаем aria-label чтобы озвучить что на изображении\n    const ariaLabel = !ariaLabelProp || ariaLabelProp.trim() === '' ? name : ariaLabelProp;\n\n    return status ? `${ariaLabel}. ${statusLabels[status]}` : ariaLabel;\n};\n\nconst mergedConfig = mergeConfig(indicatorConfig);\n\nconst Indicator: React.FunctionComponent<\n    React.HTMLAttributes<HTMLDivElement> & { status: AvatarProps['status'] }\n> = component(mergedConfig) as never;\n\nconst StyledIndicator = styled(Indicator)`\n    ${indicatorTokens.size}: var(${tokens.statusIconSize});\n    ${indicatorTokens.color}: ${({ status }) =>\n    status === 'active' ? `var(${tokens.statusOnlineColor})` : `var(${tokens.statusOfflineColor})`}\n`;\n\nexport const avatarRoot = (Root: RootProps<HTMLDivElement, AvatarProps>) => {\n    return forwardRef<HTMLDivElement, AvatarProps>((props, ref) => {\n        const {\n            size: avatarSize,\n            name,\n            url,\n            customText,\n            status,\n            className,\n            focused = true,\n            isScalable,\n            shape,\n            statusLabels = StatusLabelsDefault,\n            hasExtra,\n            extraPlacement,\n\n            type,\n\n            counterView,\n            count,\n            maxCount,\n\n            badgeView,\n            text,\n            customColor,\n            customBackgroundColor,\n            customBorderRadius,\n            contentLeft,\n            contentRight,\n            pilled,\n\n            ...rest\n        } = props;\n\n        const counterValue = count || 1;\n        const initials = useMemo(() => getInitialsForName(name), [name]);\n        const ariaLabel = getAriaLabel({\n            ...props,\n            statusLabels,\n        });\n\n        const extraViewProp = type === 'badge' ? { badgeView } : { counterView };\n        const borderRadius = avatarSize === 'fit' ? customBorderRadius : undefined;\n\n        return (\n            <Root\n                ref={ref}\n                size={avatarSize}\n                shape={shape}\n                className={cx(classes.avatarItem, className)}\n                aria-label={ariaLabel}\n                focused={focused}\n                {...extraViewProp}\n                {...rest}\n            >\n                <Wrapper isScalable={isScalable} borderRadius={borderRadius}>\n                    {getAvatarContent({ customText, url, initials, name, customBorderRadius: borderRadius })}\n                </Wrapper>\n\n                {status && (\n                    <StatusIcon>\n                        <StyledIndicator aria-label={statusLabels[status]} status={status} />\n                    </StatusIcon>\n                )}\n\n                {hasExtra && avatarSize !== 'fit' && (\n                    <ExtraContent className={extraPlacementMap(extraPlacement)}>\n                        {type === 'counter' ? (\n                            <ExtraCounter view={counterView} count={counterValue} maxCount={maxCount} />\n                        ) : (\n                            avatarSize !== 's' && (\n                                <ExtraBadge\n                                    view={badgeView}\n                                    text={text}\n                                    customColor={customColor}\n                                    customBackgroundColor={customBackgroundColor}\n                                    pilled={pilled}\n                                    maxWidth=\"100%\"\n                                    {...(contentLeft ? { contentLeft } : { contentRight })}\n                                />\n                            )\n                        )}\n                    </ExtraContent>\n                )}\n            </Root>\n        );\n    });\n};\n\nexport const avatarConfig = {\n    name: 'Avatar',\n    tag: 'div',\n    layout: avatarRoot,\n    base,\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n        focused: {\n            css: focusedCSS,\n        },\n        shape: {\n            css: shapeCSS,\n        },\n    },\n    defaults: {\n        size: 'm',\n        shape: 'circled',\n    },\n};\n"],"names":["StatusLabelsDefault","active","inactive","getAvatarContent","_ref","customText","customBorderRadius","url","initials","name","React","createElement","Text","Image","src","alt","borderRadius","getAriaLabel","_ref2","status","ariaLabelProp","statusLabels","ariaLabel","trim","concat","mergedConfig","mergeConfig","indicatorConfig","Indicator","component","_exp","_exp5","_ref3","tokens","statusOnlineColor","statusOfflineColor","StyledIndicator","styled","class","propsAsIs","vars","avatarRoot","Root","forwardRef","props","ref","avatarSize","size","className","_props$focused","focused","isScalable","shape","_props$statusLabels","hasExtra","extraPlacement","type","counterView","count","maxCount","badgeView","text","customColor","customBackgroundColor","contentLeft","contentRight","pilled","rest","_excluded","counterValue","useMemo","getInitialsForName","_objectSpread","extraViewProp","undefined","_extends","cx","classes","avatarItem","Wrapper","StatusIcon","ExtraContent","extraPlacementMap","ExtraCounter","view","ExtraBadge","maxWidth","avatarConfig","tag","layout","base","variations","css","sizeCSS","focusedCSS","shapeCSS","defaults"],"mappings":"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"}

package/cjs/components/Avatar/Avatar.styles.js

@@ -1,4 +1,4 @@
-require('./Avatar.styles_1kvh8pj.css');
+require('./Avatar.styles_6sms9z.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -16,13 +16,19 @@ var Counter = /*#__PURE__*/common.component(mergedCounterConfig);
 var base = "b1d1rtx8";
 var _exp2 = function _exp2() {
   return function (_ref) {
-    var isScalable = _ref.isScalable;
-    return isScalable ? "var(".concat(Avatar_tokens.tokens.scaleHover, ")") : '1';
+    var borderRadius = _ref.borderRadius;
+    return borderRadius || "var(".concat(Avatar_tokens.tokens.borderRadius, ")");
   };
 };
 var _exp3 = function _exp3() {
   return function (_ref2) {
     var isScalable = _ref2.isScalable;
+    return isScalable ? "var(".concat(Avatar_tokens.tokens.scaleHover, ")") : '1';
+  };
+};
+var _exp4 = function _exp4() {
+  return function (_ref3) {
+    var isScalable = _ref3.isScalable;
     return isScalable ? 'pointer' : 'inherit';
   };
 };
@@ -32,7 +38,8 @@ var Wrapper = /*#__PURE__*/react.styled('div')({
   propsAsIs: false,
   vars: {
     "wxwn3we-0": [/*#__PURE__*/_exp2()],
-    "wxwn3we-1": [/*#__PURE__*/_exp3()]
+    "wxwn3we-1": [/*#__PURE__*/_exp3()],
+    "wxwn3we-2": [/*#__PURE__*/_exp4()]
   }
 });
 var StatusIcon = /*#__PURE__*/react.styled('div')({
@@ -40,10 +47,19 @@ var StatusIcon = /*#__PURE__*/react.styled('div')({
   "class": "sf2jhi1",
   propsAsIs: false
 });
+var _exp5 = function _exp5() {
+  return function (_ref4) {
+    var borderRadius = _ref4.borderRadius;
+    return borderRadius || "var(".concat(Avatar_tokens.tokens.borderRadius, ")");
+  };
+};
 var Image = /*#__PURE__*/react.styled('img')({
   name: "Image",
   "class": "igq6ihg",
-  propsAsIs: false
+  propsAsIs: false,
+  vars: {
+    "igq6ihg-0": [/*#__PURE__*/_exp5()]
+  }
 });
 var Text = /*#__PURE__*/react.styled('span')({
   name: "Text",
@@ -55,18 +71,18 @@ var ExtraContent = /*#__PURE__*/react.styled('div')({
   "class": "e1i3umn2",
   propsAsIs: false
 });
-var _exp22 = function _exp22() {
+var _exp24 = function _exp24() {
   return Badge;
 };
-var ExtraBadge = /*#__PURE__*/react.styled(_exp22())({
+var ExtraBadge = /*#__PURE__*/react.styled(_exp24())({
   name: "ExtraBadge",
   "class": "eqy70yy",
   propsAsIs: true
 });
-var _exp65 = function _exp65() {
+var _exp67 = function _exp67() {
   return Counter;
 };
-var ExtraCounter = /*#__PURE__*/react.styled(_exp65())({
+var ExtraCounter = /*#__PURE__*/react.styled(_exp67())({
   name: "ExtraCounter",
   "class": "e4nvvok",
   propsAsIs: true

package/cjs/components/Avatar/Avatar.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.styles.js","sources":["../../../src/components/Avatar/Avatar.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { component, mergeConfig } from '../../engines';\nimport { badgeConfig, badgeTokens } from '../Badge';\nimport { counterConfig, counterTokens } from '../Counter';\n\nimport { classes, tokens } from './Avatar.tokens';\nimport { AvatarProps } from './Avatar.types';\n\nconst mergedBadgeConfig = mergeConfig(badgeConfig);\nconst Badge = component(mergedBadgeConfig);\n\nconst mergedCounterConfig = mergeConfig(counterConfig);\nconst Counter = component(mergedCounterConfig);\n\nexport const base = css`\n    position: relative;\n`;\n\nexport const Wrapper = styled.div<{ isScalable?: AvatarProps['isScalable'] }>`\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 100%;\n    height: 100%;\n    background: var(${tokens.backgroundColor});\n    overflow: hidden;\n\n    &:hover {\n        scale: ${({ isScalable }) => (isScalable ? `var(${tokens.scaleHover})` : '1')};\n        cursor: ${({ isScalable }) => (isScalable ? 'pointer' : 'inherit')};\n    }\n`;\n\nexport const StatusIcon = styled.div`\n    position: absolute;\n`;\n\nexport const Image = styled.img`\n    width: 100%;\n    height: 100%;\n`;\n\nexport const Text = styled.span`\n    font-size: var(${tokens.fontSize});\n    font-family: var(${tokens.fontFamily});\n    font-weight: var(${tokens.fontWeight});\n    line-height: var(${tokens.lineHeight});\n    background-image: var(${tokens.color});\n    background-color: var(${tokens.color});\n    background-size: 100%;\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n`;\n\nexport const ExtraContent = styled.div`\n    max-width: 100%;\n    display: flex;\n\n    position: absolute;\n    z-index: 2;\n\n    &.${classes.extraPlacementTopLeft} {\n        top: calc(-0.063rem * var(${tokens.extraPlacementFactor}, 0));\n        left: calc(-0.063rem * var(${tokens.extraPlacementFactor}, 0));\n    }\n\n    &.${classes.extraPlacementTopRight} {\n        top: calc(-0.063rem * var(${tokens.extraPlacementFactor}, 0));\n        right: calc(-0.063rem * var(${tokens.extraPlacementFactor}, 0));\n    }\n\n    &.${classes.extraPlacementBottomRight} {\n        bottom: calc(-0.063rem * var(${tokens.extraPlacementFactor}, 0));\n        right: calc(-0.063rem * var(${tokens.extraPlacementFactor}, 0));\n    }\n\n    &.${classes.extraPlacementBottomLeft} {\n        bottom: calc(-0.063rem * var(${tokens.extraPlacementFactor}, 0));\n        left: calc(-0.063rem * var(${tokens.extraPlacementFactor}, 0));\n    }\n`;\n\nexport const ExtraBadge = styled(Badge)`\n    ${badgeTokens.background}: var(${tokens.badgeBackground});\n    ${badgeTokens.color}: var(${tokens.badgeColor});\n    ${badgeTokens.backgroundTransparent}: var(${tokens.badgeBackgroundTransparent});\n    ${badgeTokens.colorTransparent}: var(${tokens.badgeColorTransparent});\n    ${badgeTokens.colorClear}: var(${tokens.badgeColorClear});\n    ${badgeTokens.backgroundClear}: var(${tokens.badgeBackgroundClear});\n    ${badgeTokens.borderRadius}: var(${tokens.badgeBorderRadius});\n    ${badgeTokens.pilledBorderRadius}: var(${tokens.badgePilledBorderRadius});\n    ${badgeTokens.height}: var(${tokens.badgeHeight});\n    ${badgeTokens.padding}: var(${tokens.badgePadding});\n    ${badgeTokens.paddingIconOnly}: var(${tokens.badgePaddingIconOnly});\n    ${badgeTokens.fontFamily}: var(${tokens.badgeFontFamily});\n    ${badgeTokens.fontSize}: var(${tokens.badgeFontSize});\n    ${badgeTokens.fontStyle}: var(${tokens.badgeFontStyle});\n    ${badgeTokens.fontWeight}: var(${tokens.badgeFontWeight});\n    ${badgeTokens.letterSpacing}: var(${tokens.badgeLetterSpacing});\n    ${badgeTokens.lineHeight}: var(${tokens.badgeLineHeight});\n    ${badgeTokens.leftContentMarginLeft}: var(${tokens.badgeLeftContentMarginLeft});\n    ${badgeTokens.leftContentMarginRight}: var(${tokens.badgeLeftContentMarginRight});\n    ${badgeTokens.rightContentMarginLeft}: var(${tokens.badgeRightContentMarginLeft});\n    ${badgeTokens.rightContentMarginRight}: var(${tokens.badgeRightContentMarginRight});\n`;\n\nexport const ExtraCounter = styled(Counter)`\n    ${counterTokens.background}: var(${tokens.counterBackground});\n    ${counterTokens.color}: var(${tokens.counterColor});\n    ${counterTokens.borderRadius}: var(${tokens.counterBorderRadius});\n    ${counterTokens.height}: var(${tokens.counterHeight});\n    ${counterTokens.padding}: var(${tokens.counterPadding});\n    ${counterTokens.fontFamily}: var(${tokens.counterFontFamily});\n    ${counterTokens.fontSize}: var(${tokens.counterFontSize});\n    ${counterTokens.fontStyle}: var(${tokens.counterFontStyle});\n    ${counterTokens.fontWeight}: var(${tokens.counterFontWeight});\n    ${counterTokens.letterSpacing}: var(${tokens.counterLetterSpacing});\n    ${counterTokens.lineHeight}: var(${tokens.counterLineHeight});\n`;\n"],"names":["mergedBadgeConfig","mergeConfig","badgeConfig","Badge","component","mergedCounterConfig","counterConfig","Counter","base","_exp2","_ref","isScalable","concat","tokens","scaleHover","_exp3","_ref2","Wrapper","styled","name","class","propsAsIs","vars","StatusIcon","Image","Text","ExtraContent","_exp22","ExtraBadge","_exp65","ExtraCounter"],"mappings":"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"}
+{"version":3,"file":"Avatar.styles.js","sources":["../../../src/components/Avatar/Avatar.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { component, mergeConfig } from '../../engines';\nimport { badgeConfig, badgeTokens } from '../Badge';\nimport { counterConfig, counterTokens } from '../Counter';\n\nimport { classes, tokens } from './Avatar.tokens';\nimport { AvatarProps } from './Avatar.types';\n\nconst mergedBadgeConfig = mergeConfig(badgeConfig);\nconst Badge = component(mergedBadgeConfig);\n\nconst mergedCounterConfig = mergeConfig(counterConfig);\nconst Counter = component(mergedCounterConfig);\n\nexport const base = css`\n    position: relative;\n`;\n\nexport const Wrapper = styled.div<{\n    isScalable?: AvatarProps['isScalable'];\n    borderRadius?: AvatarProps['customBorderRadius'];\n}>`\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 100%;\n    height: 100%;\n    background: var(${tokens.backgroundColor});\n    overflow: hidden;\n    border-radius: ${({ borderRadius }) => borderRadius || `var(${tokens.borderRadius})`};\n\n    &:hover {\n        scale: ${({ isScalable }) => (isScalable ? `var(${tokens.scaleHover})` : '1')};\n        cursor: ${({ isScalable }) => (isScalable ? 'pointer' : 'inherit')};\n    }\n`;\n\nexport const StatusIcon = styled.div`\n    position: absolute;\n`;\n\nexport const Image = styled.img<{ borderRadius?: AvatarProps['customBorderRadius'] }>`\n    width: 100%;\n    height: 100%;\n\n    border-radius: ${({ borderRadius }) => borderRadius || `var(${tokens.borderRadius})`};\n`;\n\nexport const Text = styled.span`\n    font-size: var(${tokens.fontSize});\n    font-family: var(${tokens.fontFamily});\n    font-weight: var(${tokens.fontWeight});\n    line-height: var(${tokens.lineHeight});\n    background-image: var(${tokens.color});\n    background-color: var(${tokens.color});\n    background-size: 100%;\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n`;\n\nexport const ExtraContent = styled.div`\n    max-width: 100%;\n    display: flex;\n\n    position: absolute;\n    z-index: 2;\n\n    &.${classes.extraPlacementTopLeft} {\n        top: calc(-0.063rem * var(${tokens.extraPlacementFactor}, 0));\n        left: calc(-0.063rem * var(${tokens.extraPlacementFactor}, 0));\n    }\n\n    &.${classes.extraPlacementTopRight} {\n        top: calc(-0.063rem * var(${tokens.extraPlacementFactor}, 0));\n        right: calc(-0.063rem * var(${tokens.extraPlacementFactor}, 0));\n    }\n\n    &.${classes.extraPlacementBottomRight} {\n        bottom: calc(-0.063rem * var(${tokens.extraPlacementFactor}, 0));\n        right: calc(-0.063rem * var(${tokens.extraPlacementFactor}, 0));\n    }\n\n    &.${classes.extraPlacementBottomLeft} {\n        bottom: calc(-0.063rem * var(${tokens.extraPlacementFactor}, 0));\n        left: calc(-0.063rem * var(${tokens.extraPlacementFactor}, 0));\n    }\n`;\n\nexport const ExtraBadge = styled(Badge)`\n    ${badgeTokens.background}: var(${tokens.badgeBackground});\n    ${badgeTokens.color}: var(${tokens.badgeColor});\n    ${badgeTokens.backgroundTransparent}: var(${tokens.badgeBackgroundTransparent});\n    ${badgeTokens.colorTransparent}: var(${tokens.badgeColorTransparent});\n    ${badgeTokens.colorClear}: var(${tokens.badgeColorClear});\n    ${badgeTokens.backgroundClear}: var(${tokens.badgeBackgroundClear});\n    ${badgeTokens.borderRadius}: var(${tokens.badgeBorderRadius});\n    ${badgeTokens.pilledBorderRadius}: var(${tokens.badgePilledBorderRadius});\n    ${badgeTokens.height}: var(${tokens.badgeHeight});\n    ${badgeTokens.padding}: var(${tokens.badgePadding});\n    ${badgeTokens.paddingIconOnly}: var(${tokens.badgePaddingIconOnly});\n    ${badgeTokens.fontFamily}: var(${tokens.badgeFontFamily});\n    ${badgeTokens.fontSize}: var(${tokens.badgeFontSize});\n    ${badgeTokens.fontStyle}: var(${tokens.badgeFontStyle});\n    ${badgeTokens.fontWeight}: var(${tokens.badgeFontWeight});\n    ${badgeTokens.letterSpacing}: var(${tokens.badgeLetterSpacing});\n    ${badgeTokens.lineHeight}: var(${tokens.badgeLineHeight});\n    ${badgeTokens.leftContentMarginLeft}: var(${tokens.badgeLeftContentMarginLeft});\n    ${badgeTokens.leftContentMarginRight}: var(${tokens.badgeLeftContentMarginRight});\n    ${badgeTokens.rightContentMarginLeft}: var(${tokens.badgeRightContentMarginLeft});\n    ${badgeTokens.rightContentMarginRight}: var(${tokens.badgeRightContentMarginRight});\n`;\n\nexport const ExtraCounter = styled(Counter)`\n    ${counterTokens.background}: var(${tokens.counterBackground});\n    ${counterTokens.color}: var(${tokens.counterColor});\n    ${counterTokens.borderRadius}: var(${tokens.counterBorderRadius});\n    ${counterTokens.height}: var(${tokens.counterHeight});\n    ${counterTokens.padding}: var(${tokens.counterPadding});\n    ${counterTokens.fontFamily}: var(${tokens.counterFontFamily});\n    ${counterTokens.fontSize}: var(${tokens.counterFontSize});\n    ${counterTokens.fontStyle}: var(${tokens.counterFontStyle});\n    ${counterTokens.fontWeight}: var(${tokens.counterFontWeight});\n    ${counterTokens.letterSpacing}: var(${tokens.counterLetterSpacing});\n    ${counterTokens.lineHeight}: var(${tokens.counterLineHeight});\n`;\n"],"names":["mergedBadgeConfig","mergeConfig","badgeConfig","Badge","component","mergedCounterConfig","counterConfig","Counter","base","_exp2","_ref","borderRadius","concat","tokens","_exp3","_ref2","isScalable","scaleHover","_exp4","_ref3","Wrapper","styled","name","class","propsAsIs","vars","StatusIcon","_exp5","_ref4","Image","Text","ExtraContent","_exp24","ExtraBadge","_exp67","ExtraCounter"],"mappings":"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"}

package/cjs/components/Avatar/{Avatar.styles_1kvh8pj.css → Avatar.styles_6sms9z.css}

@@ -1,7 +1,7 @@
 .b1d1rtx8{position:relative;}
-.wxwn3we{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;background:var(--plasma-avatar-background);overflow:hidden;}.wxwn3we:hover{scale:var(--wxwn3we-0);cursor:var(--wxwn3we-1);}
+.wxwn3we{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;background:var(--plasma-avatar-background);overflow:hidden;border-radius:var(--wxwn3we-0);}.wxwn3we:hover{scale:var(--wxwn3we-1);cursor:var(--wxwn3we-2);}
 .sf2jhi1{position:absolute;}
-.igq6ihg{width:100%;height:100%;}
+.igq6ihg{width:100%;height:100%;border-radius:var(--igq6ihg-0);}
 .t1kfsxcq{font-size:var(--plasma-avatar-font-size);font-family:var(--plasma-avatar-font-family);font-weight:var(--plasma-avatar-font-weight);line-height:var(--plasma-avatar-line-height);background-image:var(--plasma-avatar-color);background-color:var(--plasma-avatar-color);background-size:100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
 .e1i3umn2{max-width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;z-index:2;}.e1i3umn2.avatar-extra-placement-top-left{top:calc(-0.063rem * var(--plasma-avatar-extra-placement-factor,0));left:calc(-0.063rem * var(--plasma-avatar-extra-placement-factor,0));}.e1i3umn2.avatar-extra-placement-top-right{top:calc(-0.063rem * var(--plasma-avatar-extra-placement-factor,0));right:calc(-0.063rem * var(--plasma-avatar-extra-placement-factor,0));}.e1i3umn2.avatar-extra-placement-bottom-right{bottom:calc(-0.063rem * var(--plasma-avatar-extra-placement-factor,0));right:calc(-0.063rem * var(--plasma-avatar-extra-placement-factor,0));}.e1i3umn2.avatar-extra-placement-bottom-left{bottom:calc(-0.063rem * var(--plasma-avatar-extra-placement-factor,0));left:calc(-0.063rem * var(--plasma-avatar-extra-placement-factor,0));}
 .eqy70yy{--plasma-badge-background:var(--plasma-avatar-extra-badge-background);--plasma-badge-color:var(--plasma-avatar-extra-badge-color);--plasma-badge-background-transparent:var(--plasma-avatar-extra-badge-background-transparent);--plasma-badge-color-transparent:var(--plasma-avatar-extra-badge-color-transparent);--plasma-badge-color-clear:var(--plasma-avatar-extra-badge-color-clear);--plasma-badge-background-clear:var(--plasma-avatar-extra-badge-background-clear);--plasma-badge-border-radius:var(--plasma-avatar-extra-badge-border-radius);--plasma-badge-pilled-border-radius:var(--plasma-avatar-extra-badge-pilled-border-radius);--plasma-badge-height:var(--plasma-avatar-extra-badge-height);--plasma-badge-padding:var(--plasma-avatar-extra-badge-padding);--plasma-badge-padding-icon-only:var(--plasma-avatar-extra-badge-padding-icon-only);--plasma-badge-font-family:var(--plasma-avatar-extra-badge-font-family);--plasma-badge-font-size:var(--plasma-avatar-extra-badge-font-size);--plasma-badge-font-style:var(--plasma-avatar-extra-badge-font-style);--plasma-badge-font-weight:var(--plasma-avatar-extra-badge-font-weight);--plasma-badge-letter-spacing:var(--plasma-avatar-extra-badge-letter-spacing);--plasma-badge-lineheight:var(--plasma-avatar-extra-badge-lineheight);--plasma-badge-left-content-margin-left:var(--plasma-avatar-extra-badge-left-content-margin-left);--plasma-badge-left-content-margin-right:var(--plasma-avatar-extra-badge-left-content-margin-right);--plasma-badge-right-content-margin-left:var(--plasma-avatar-extra-badge-right-content-margin-left);--plasma-badge-right-content-margin-right:var(--plasma-avatar-extra-badge-right-content-margin-right);}

package/cjs/components/Avatar/variations/_shape/base.js

@@ -1,4 +1,4 @@
-require('./base_1qwucc7.css');
+require('./base_11jnrrz.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/components/Avatar/variations/_shape/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../../../src/components/Avatar/variations/_shape/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../Avatar.tokens';\nimport { Image, Wrapper, StatusIcon } from '../../Avatar.styles';\n\nexport const base = css`\n    ${Image} {\n        border-radius: var(${tokens.borderRadius});\n    }\n    ${Wrapper} {\n        border-radius: var(${tokens.borderRadius});\n    }\n\n    ${StatusIcon} {\n        top: var(${tokens.statusTop});\n        left: var(${tokens.statusLeft});\n    }\n`;\n"],"names":["base"],"mappings":";;;;AAKO,IAAMA,IAAI,GAYhB;;;;"}
+{"version":3,"file":"base.js","sources":["../../../../../src/components/Avatar/variations/_shape/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../Avatar.tokens';\nimport { StatusIcon } from '../../Avatar.styles';\n\nexport const base = css`\n    ${StatusIcon} {\n        top: var(${tokens.statusTop});\n        left: var(${tokens.statusLeft});\n    }\n`;\n"],"names":["base"],"mappings":";;;;AAKO,IAAMA,IAAI,GAKhB;;;;"}

package/cjs/components/Avatar/variations/_shape/base_11jnrrz.css

@@ -0,0 +1 @@
+.be2qour .sf2jhi1{top:var(--plasma-avatar-status-top);left:var(--plasma-avatar-status-left);}

package/cjs/index.css

@@ -538,20 +538,20 @@
 
 .Counter_styles_1uue90v_b1dqw7l5__00d0b847{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:-webkit-max-content;width:-moz-max-content;width:max-content;}
 
-.Avatar_styles_1kvh8pj_b1d1rtx8__0cd12c59{position:relative;}
-.Avatar_styles_1kvh8pj_wxwn3we__0cd12c59{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;background:var(--plasma-avatar-background);overflow:hidden;}.Avatar_styles_1kvh8pj_wxwn3we__0cd12c59:hover{scale:var(--wxwn3we-0);cursor:var(--wxwn3we-1);}
-.Avatar_styles_1kvh8pj_sf2jhi1__0cd12c59{position:absolute;}
-.Avatar_styles_1kvh8pj_igq6ihg__0cd12c59{width:100%;height:100%;}
-.Avatar_styles_1kvh8pj_t1kfsxcq__0cd12c59{font-size:var(--plasma-avatar-font-size);font-family:var(--plasma-avatar-font-family);font-weight:var(--plasma-avatar-font-weight);line-height:var(--plasma-avatar-line-height);background-image:var(--plasma-avatar-color);background-color:var(--plasma-avatar-color);background-size:100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
-.Avatar_styles_1kvh8pj_e1i3umn2__0cd12c59{max-width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;z-index:2;}.Avatar_styles_1kvh8pj_e1i3umn2__0cd12c59.Avatar_styles_1kvh8pj_avatarExtraPlacementTopLeft__0cd12c59{top:calc(-0.063rem * var(--plasma-avatar-extra-placement-factor,0));left:calc(-0.063rem * var(--plasma-avatar-extra-placement-factor,0));}.Avatar_styles_1kvh8pj_e1i3umn2__0cd12c59.Avatar_styles_1kvh8pj_avatarExtraPlacementTopRight__0cd12c59{top:calc(-0.063rem * var(--plasma-avatar-extra-placement-factor,0));right:calc(-0.063rem * var(--plasma-avatar-extra-placement-factor,0));}.Avatar_styles_1kvh8pj_e1i3umn2__0cd12c59.Avatar_styles_1kvh8pj_avatarExtraPlacementBottomRight__0cd12c59{bottom:calc(-0.063rem * var(--plasma-avatar-extra-placement-factor,0));right:calc(-0.063rem * var(--plasma-avatar-extra-placement-factor,0));}.Avatar_styles_1kvh8pj_e1i3umn2__0cd12c59.Avatar_styles_1kvh8pj_avatarExtraPlacementBottomLeft__0cd12c59{bottom:calc(-0.063rem * var(--plasma-avatar-extra-placement-factor,0));left:calc(-0.063rem * var(--plasma-avatar-extra-placement-factor,0));}
-.Avatar_styles_1kvh8pj_eqy70yy__0cd12c59{--plasma-badge-background:var(--plasma-avatar-extra-badge-background);--plasma-badge-color:var(--plasma-avatar-extra-badge-color);--plasma-badge-background-transparent:var(--plasma-avatar-extra-badge-background-transparent);--plasma-badge-color-transparent:var(--plasma-avatar-extra-badge-color-transparent);--plasma-badge-color-clear:var(--plasma-avatar-extra-badge-color-clear);--plasma-badge-background-clear:var(--plasma-avatar-extra-badge-background-clear);--plasma-badge-border-radius:var(--plasma-avatar-extra-badge-border-radius);--plasma-badge-pilled-border-radius:var(--plasma-avatar-extra-badge-pilled-border-radius);--plasma-badge-height:var(--plasma-avatar-extra-badge-height);--plasma-badge-padding:var(--plasma-avatar-extra-badge-padding);--plasma-badge-padding-icon-only:var(--plasma-avatar-extra-badge-padding-icon-only);--plasma-badge-font-family:var(--plasma-avatar-extra-badge-font-family);--plasma-badge-font-size:var(--plasma-avatar-extra-badge-font-size);--plasma-badge-font-style:var(--plasma-avatar-extra-badge-font-style);--plasma-badge-font-weight:var(--plasma-avatar-extra-badge-font-weight);--plasma-badge-letter-spacing:var(--plasma-avatar-extra-badge-letter-spacing);--plasma-badge-lineheight:var(--plasma-avatar-extra-badge-lineheight);--plasma-badge-left-content-margin-left:var(--plasma-avatar-extra-badge-left-content-margin-left);--plasma-badge-left-content-margin-right:var(--plasma-avatar-extra-badge-left-content-margin-right);--plasma-badge-right-content-margin-left:var(--plasma-avatar-extra-badge-right-content-margin-left);--plasma-badge-right-content-margin-right:var(--plasma-avatar-extra-badge-right-content-margin-right);}
-.Avatar_styles_1kvh8pj_e4nvvok__0cd12c59{--plasma-counter-background:var(--plasma-avatar-extra-counter-background);--plasma-counter-color:var(--plasma-avatar-extra-counter-color);--plasma-counter-border-radius:var(--plasma-avatar-extra-counter-border-radius);--plasma-counter-height:var(--plasma-avatar-extra-counter-height);--plasma-counter-padding:var(--plasma-avatar-extra-counter-padding);--plasma-counter-font-family:var(--plasma-avatar-extra-counter-font-family);--plasma-counter-font-size:var(--plasma-avatar-extra-counter-font-size);--plasma-counter-font-style:var(--plasma-avatar-extra-counter-font-style);--plasma-counter-font-weight:var(--plasma-avatar-extra-counter-font-weight);--plasma-counter-letter-spacing:var(--plasma-avatar-extra-counter-letter-spacing);--plasma-counter-lineheight:var(--plasma-avatar-extra-counter-lineheight);}
+.Avatar_styles_6sms9z_b1d1rtx8__66f3fc21{position:relative;}
+.Avatar_styles_6sms9z_wxwn3we__66f3fc21{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;background:var(--plasma-avatar-background);overflow:hidden;border-radius:var(--wxwn3we-0);}.Avatar_styles_6sms9z_wxwn3we__66f3fc21:hover{scale:var(--wxwn3we-1);cursor:var(--wxwn3we-2);}
+.Avatar_styles_6sms9z_sf2jhi1__66f3fc21{position:absolute;}
+.Avatar_styles_6sms9z_igq6ihg__66f3fc21{width:100%;height:100%;border-radius:var(--igq6ihg-0);}
+.Avatar_styles_6sms9z_t1kfsxcq__66f3fc21{font-size:var(--plasma-avatar-font-size);font-family:var(--plasma-avatar-font-family);font-weight:var(--plasma-avatar-font-weight);line-height:var(--plasma-avatar-line-height);background-image:var(--plasma-avatar-color);background-color:var(--plasma-avatar-color);background-size:100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
+.Avatar_styles_6sms9z_e1i3umn2__66f3fc21{max-width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;z-index:2;}.Avatar_styles_6sms9z_e1i3umn2__66f3fc21.Avatar_styles_6sms9z_avatarExtraPlacementTopLeft__66f3fc21{top:calc(-0.063rem * var(--plasma-avatar-extra-placement-factor,0));left:calc(-0.063rem * var(--plasma-avatar-extra-placement-factor,0));}.Avatar_styles_6sms9z_e1i3umn2__66f3fc21.Avatar_styles_6sms9z_avatarExtraPlacementTopRight__66f3fc21{top:calc(-0.063rem * var(--plasma-avatar-extra-placement-factor,0));right:calc(-0.063rem * var(--plasma-avatar-extra-placement-factor,0));}.Avatar_styles_6sms9z_e1i3umn2__66f3fc21.Avatar_styles_6sms9z_avatarExtraPlacementBottomRight__66f3fc21{bottom:calc(-0.063rem * var(--plasma-avatar-extra-placement-factor,0));right:calc(-0.063rem * var(--plasma-avatar-extra-placement-factor,0));}.Avatar_styles_6sms9z_e1i3umn2__66f3fc21.Avatar_styles_6sms9z_avatarExtraPlacementBottomLeft__66f3fc21{bottom:calc(-0.063rem * var(--plasma-avatar-extra-placement-factor,0));left:calc(-0.063rem * var(--plasma-avatar-extra-placement-factor,0));}
+.Avatar_styles_6sms9z_eqy70yy__66f3fc21{--plasma-badge-background:var(--plasma-avatar-extra-badge-background);--plasma-badge-color:var(--plasma-avatar-extra-badge-color);--plasma-badge-background-transparent:var(--plasma-avatar-extra-badge-background-transparent);--plasma-badge-color-transparent:var(--plasma-avatar-extra-badge-color-transparent);--plasma-badge-color-clear:var(--plasma-avatar-extra-badge-color-clear);--plasma-badge-background-clear:var(--plasma-avatar-extra-badge-background-clear);--plasma-badge-border-radius:var(--plasma-avatar-extra-badge-border-radius);--plasma-badge-pilled-border-radius:var(--plasma-avatar-extra-badge-pilled-border-radius);--plasma-badge-height:var(--plasma-avatar-extra-badge-height);--plasma-badge-padding:var(--plasma-avatar-extra-badge-padding);--plasma-badge-padding-icon-only:var(--plasma-avatar-extra-badge-padding-icon-only);--plasma-badge-font-family:var(--plasma-avatar-extra-badge-font-family);--plasma-badge-font-size:var(--plasma-avatar-extra-badge-font-size);--plasma-badge-font-style:var(--plasma-avatar-extra-badge-font-style);--plasma-badge-font-weight:var(--plasma-avatar-extra-badge-font-weight);--plasma-badge-letter-spacing:var(--plasma-avatar-extra-badge-letter-spacing);--plasma-badge-lineheight:var(--plasma-avatar-extra-badge-lineheight);--plasma-badge-left-content-margin-left:var(--plasma-avatar-extra-badge-left-content-margin-left);--plasma-badge-left-content-margin-right:var(--plasma-avatar-extra-badge-left-content-margin-right);--plasma-badge-right-content-margin-left:var(--plasma-avatar-extra-badge-right-content-margin-left);--plasma-badge-right-content-margin-right:var(--plasma-avatar-extra-badge-right-content-margin-right);}
+.Avatar_styles_6sms9z_e4nvvok__66f3fc21{--plasma-counter-background:var(--plasma-avatar-extra-counter-background);--plasma-counter-color:var(--plasma-avatar-extra-counter-color);--plasma-counter-border-radius:var(--plasma-avatar-extra-counter-border-radius);--plasma-counter-height:var(--plasma-avatar-extra-counter-height);--plasma-counter-padding:var(--plasma-avatar-extra-counter-padding);--plasma-counter-font-family:var(--plasma-avatar-extra-counter-font-family);--plasma-counter-font-size:var(--plasma-avatar-extra-counter-font-size);--plasma-counter-font-style:var(--plasma-avatar-extra-counter-font-style);--plasma-counter-font-weight:var(--plasma-avatar-extra-counter-font-weight);--plasma-counter-letter-spacing:var(--plasma-avatar-extra-counter-letter-spacing);--plasma-counter-lineheight:var(--plasma-avatar-extra-counter-lineheight);}
 
 .base_1vhlhpd_bf4ss7k__c5337153{width:var(--plasma-avatar-size);height:var(--plasma-avatar-size);}
 
 .base_a6i4i9_boftdhc__c8d1b637{position:relative;}.base_a6i4i9_boftdhc__c8d1b637:focus-visible{outline:none;}.base_a6i4i9_boftdhc__c8d1b637::before{content:'';position:absolute;top:var(--plasma-avatar-outline-offset);left:var(--plasma-avatar-outline-offset);right:var(--plasma-avatar-outline-offset);bottom:var(--plasma-avatar-outline-offset);z-index:1;display:block;box-sizing:content-box;border:var(--plasma-avatar-outline-size) solid transparent;border-radius:100%;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_a6i4i9_boftdhc__c8d1b637.base_a6i4i9_focusVisible__c8d1b637:focus::before,.base_a6i4i9_boftdhc__c8d1b637[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma-avatar-outline-size) var(--plasma-avatar-outline-color);}
 
-.base_1qwucc7_be2qour__d1f6e07e .base_1qwucc7_igq6ihg__d1f6e07e{border-radius:var(--plasma-avatar-border-radius);}.base_1qwucc7_be2qour__d1f6e07e .base_1qwucc7_wxwn3we__d1f6e07e{border-radius:var(--plasma-avatar-border-radius);}.base_1qwucc7_be2qour__d1f6e07e .base_1qwucc7_sf2jhi1__d1f6e07e{top:var(--plasma-avatar-status-top);left:var(--plasma-avatar-status-left);}
+.base_11jnrrz_be2qour__d822d87e .base_11jnrrz_sf2jhi1__d822d87e{top:var(--plasma-avatar-status-top);left:var(--plasma-avatar-status-left);}
 
 .Avatar_13f2qzh_sgw0czr__a18675b6{--plasma-indicator-size:var(--plasma-status-icon-size);--plasma-indicator-color:var(--sgw0czr-0);}
 

package/emotion/cjs/components/Avatar/Avatar.js

@@ -157,14 +157,15 @@ var StatusLabelsDefault = {
     inactive: 'Неактивен'
 };
 var getAvatarContent = function(param) {
-    var customText = param.customText, url = param.url, initials = param.initials, name = param.name;
+    var customText = param.customText, customBorderRadius = param.customBorderRadius, url = param.url, initials = param.initials, name = param.name;
     if (customText) {
         return /*#__PURE__*/ _react.default.createElement(_Avatarstyles.Text, null, customText);
     }
     if (url) {
         return /*#__PURE__*/ _react.default.createElement(_Avatarstyles.Image, {
             src: url,
-            alt: name
+            alt: name,
+            borderRadius: customBorderRadius
         });
     }
     return /*#__PURE__*/ _react.default.createElement(_Avatarstyles.Text, null, initials);
@@ -181,15 +182,15 @@ var getAriaLabel = function(param) {
 var mergedConfig = (0, _engines.mergeConfig)(_Indicator.indicatorConfig);
 var Indicator = (0, _engines.component)(mergedConfig);
 var StyledIndicator = /*#__PURE__*/ (0, _styled.default)(Indicator, {
-    target: "e3za6jt0",
+    target: "e1f25hvg0",
     label: "StyledIndicator"
 })(_Indicator.indicatorTokens.size, ":var(", _Avatartokens.tokens.statusIconSize, ");", _Indicator.indicatorTokens.color, ":", function(param) {
     var status = param.status;
     return status === 'active' ? "var(".concat(_Avatartokens.tokens.statusOnlineColor, ")") : "var(".concat(_Avatartokens.tokens.statusOfflineColor, ")");
-}, "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdmF0YXIvQXZhdGFyLnRzeCIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdmF0YXIvQXZhdGFyLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiwgdXNlTWVtbywgUmVhY3RFbGVtZW50IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyBSb290UHJvcHMsIGNvbXBvbmVudCwgbWVyZ2VDb25maWcgfSBmcm9tICcuLi8uLi9lbmdpbmVzJztcbmltcG9ydCB7IGN4IH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuaW1wb3J0IHsgaW5kaWNhdG9yQ29uZmlnLCBpbmRpY2F0b3JUb2tlbnMgfSBmcm9tICcuLi9JbmRpY2F0b3InO1xuXG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuL0F2YXRhci50b2tlbnMnO1xuaW1wb3J0IHsgYmFzZSwgV3JhcHBlciwgSW1hZ2UsIFN0YXR1c0ljb24sIFRleHQsIEV4dHJhQ29udGVudCwgRXh0cmFDb3VudGVyLCBFeHRyYUJhZGdlIH0gZnJvbSAnLi9BdmF0YXIuc3R5bGVzJztcbmltcG9ydCB7IGJhc2UgYXMgc2l6ZUNTUyB9IGZyb20gJy4vdmFyaWF0aW9ucy9fc2l6ZS9iYXNlJztcbmltcG9ydCB7IGJhc2UgYXMgZm9jdXNlZENTUyB9IGZyb20gJy4vdmFyaWF0aW9ucy9fZm9jdXNlZC9iYXNlJztcbmltcG9ydCB7IGJhc2UgYXMgc2hhcGVDU1MgfSBmcm9tICcuL3ZhcmlhdGlvbnMvX3NoYXBlL2Jhc2UnO1xuaW1wb3J0IHsgZXh0cmFQbGFjZW1lbnRNYXAsIGdldEluaXRpYWxzRm9yTmFtZSB9IGZyb20gJy4vdXRpbHMnO1xuaW1wb3J0IHR5cGUgeyBBdmF0YXJQcm9wcywgU3RhdHVzTGFiZWxzIH0gZnJvbSAnLi9BdmF0YXIudHlwZXMnO1xuXG5jb25zdCBTdGF0dXNMYWJlbHNEZWZhdWx0OiBTdGF0dXNMYWJlbHMgPSB7XG4gICAgYWN0aXZlOiAn0JDQutGC0LjQstC10L0nLFxuICAgIGluYWN0aXZlOiAn0J3QtdCw0LrRgtC40LLQtdC9Jyxcbn07XG5cbmNvbnN0IGdldEF2YXRhckNvbnRlbnQgPSAoe1xuICAgIGN1c3RvbVRleHQsXG4gICAgdXJsLFxuICAgIGluaXRpYWxzLFxuICAgIG5hbWUsXG59OiBPbWl0PEF2YXRhclByb3BzLCAnc2l6ZSc+ICYgeyBpbml0aWFscz86IHN0cmluZyB9KTogUmVhY3RFbGVtZW50ID0+IHtcbiAgICBpZiAoY3VzdG9tVGV4dCkge1xuICAgICAgICByZXR1cm4gPFRleHQ+e2N1c3RvbVRleHR9PC9UZXh0PjtcbiAgICB9XG5cbiAgICBpZiAodXJsKSB7XG4gICAgICAgIHJldHVybiA8SW1hZ2Ugc3JjPXt1cmx9IGFsdD17bmFtZX0gLz47XG4gICAgfVxuXG4gICAgcmV0dXJuIDxUZXh0Pntpbml0aWFsc308L1RleHQ+O1xufTtcblxuY29uc3QgZ2V0QXJpYUxhYmVsID0gKHtcbiAgICB1cmwsXG4gICAgbmFtZSxcbiAgICBzdGF0dXMsXG4gICAgJ2FyaWEtbGFiZWwnOiBhcmlhTGFiZWxQcm9wLFxuICAgIHN0YXR1c0xhYmVscyxcbn06IFBpY2s8QXZhdGFyUHJvcHMsICd1cmwnIHwgJ3N0YXR1cycgfCAnbmFtZScgfCAnYXJpYS1sYWJlbCc+ICYge1xuICAgIHN0YXR1c0xhYmVsczogU3RhdHVzTGFiZWxzO1xufSkgPT4ge1xuICAgIGlmICghdXJsKSB7XG4gICAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICAvLyBJTkZPOiDQstC60LvRjtGH0LDQtdC8IGFyaWEtbGFiZWwg0YfRgtC+0LHRiyDQvtC30LLRg9GH0LjRgtGMINGH0YLQviDQvdCwINC40LfQvtCx0YDQsNC20LXQvdC40LhcbiAgICBjb25zdCBhcmlhTGFiZWwgPSAhYXJpYUxhYmVsUHJvcCB8fCBhcmlhTGFiZWxQcm9wLnRyaW0oKSA9PT0gJycgPyBuYW1lIDogYXJpYUxhYmVsUHJvcDtcblxuICAgIHJldHVybiBzdGF0dXMgPyBgJHthcmlhTGFiZWx9LiAke3N0YXR1c0xhYmVsc1tzdGF0dXNdfWAgOiBhcmlhTGFiZWw7XG59O1xuXG5jb25zdCBtZXJnZWRDb25maWcgPSBtZXJnZUNvbmZpZyhpbmRpY2F0b3JDb25maWcpO1xuXG5jb25zdCBJbmRpY2F0b3I6IFJlYWN0LkZ1bmN0aW9uQ29tcG9uZW50PFxuICAgIFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxEaXZFbGVtZW50PiAmIHsgc3RhdHVzOiBBdmF0YXJQcm9wc1snc3RhdHVzJ10gfVxuPiA9IGNvbXBvbmVudChtZXJnZWRDb25maWcpIGFzIG5ldmVyO1xuXG5jb25zdCBTdHlsZWRJbmRpY2F0b3IgPSBzdHlsZWQoSW5kaWNhdG9yKWBcbiAgICAke2luZGljYXRvclRva2Vucy5zaXplfTogdmFyKCR7dG9rZW5zLnN0YXR1c0ljb25TaXplfSk7XG4gICAgJHtpbmRpY2F0b3JUb2tlbnMuY29sb3J9OiAkeyh7IHN0YXR1cyB9KSA9PlxuICAgIHN0YXR1cyA9PT0gJ2FjdGl2ZScgPyBgdmFyKCR7dG9rZW5zLnN0YXR1c09ubGluZUNvbG9yfSlgIDogYHZhcigke3Rva2Vucy5zdGF0dXNPZmZsaW5lQ29sb3J9KWB9XG5gO1xuXG5leHBvcnQgY29uc3QgYXZhdGFyUm9vdCA9IChSb290OiBSb290UHJvcHM8SFRNTERpdkVsZW1lbnQsIEF2YXRhclByb3BzPikgPT4ge1xuICAgIHJldHVybiBmb3J3YXJkUmVmPEhUTUxEaXZFbGVtZW50LCBBdmF0YXJQcm9wcz4oKHByb3BzLCByZWYpID0+IHtcbiAgICAgICAgY29uc3Qge1xuICAgICAgICAgICAgc2l6ZTogYXZhdGFyU2l6ZSxcbiAgICAgICAgICAgIG5hbWUsXG4gICAgICAgICAgICB1cmwsXG4gICAgICAgICAgICBjdXN0b21UZXh0LFxuICAgICAgICAgICAgc3RhdHVzLFxuICAgICAgICAgICAgY2xhc3NOYW1lLFxuICAgICAgICAgICAgZm9jdXNlZCA9IHRydWUsXG4gICAgICAgICAgICBpc1NjYWxhYmxlLFxuICAgICAgICAgICAgc2hhcGUsXG4gICAgICAgICAgICBzdGF0dXNMYWJlbHMgPSBTdGF0dXNMYWJlbHNEZWZhdWx0LFxuICAgICAgICAgICAgaGFzRXh0cmEsXG4gICAgICAgICAgICBleHRyYVBsYWNlbWVudCxcblxuICAgICAgICAgICAgdHlwZSxcblxuICAgICAgICAgICAgY291bnRlclZpZXcsXG4gICAgICAgICAgICBjb3VudCxcbiAgICAgICAgICAgIG1heENvdW50LFxuXG4gICAgICAgICAgICBiYWRnZVZpZXcsXG4gICAgICAgICAgICB0ZXh0LFxuICAgICAgICAgICAgY3VzdG9tQ29sb3IsXG4gICAgICAgICAgICBjdXN0b21CYWNrZ3JvdW5kQ29sb3IsXG4gICAgICAgICAgICBjb250ZW50TGVmdCxcbiAgICAgICAgICAgIGNvbnRlbnRSaWdodCxcbiAgICAgICAgICAgIHBpbGxlZCxcblxuICAgICAgICAgICAgLi4ucmVzdFxuICAgICAgICB9ID0gcHJvcHM7XG5cbiAgICAgICAgY29uc3QgY291bnRlclZhbHVlID0gY291bnQgfHwgMTtcbiAgICAgICAgY29uc3QgaW5pdGlhbHMgPSB1c2VNZW1vKCgpID0+IGdldEluaXRpYWxzRm9yTmFtZShuYW1lKSwgW25hbWVdKTtcbiAgICAgICAgY29uc3QgYXJpYUxhYmVsID0gZ2V0QXJpYUxhYmVsKHtcbiAgICAgICAgICAgIC4uLnByb3BzLFxuICAgICAgICAgICAgc3RhdHVzTGFiZWxzLFxuICAgICAgICB9KTtcblxuICAgICAgICBjb25zdCBleHRyYVZpZXdQcm9wID0gdHlwZSA9PT0gJ2JhZGdlJyA/IHsgYmFkZ2VWaWV3IH0gOiB7IGNvdW50ZXJWaWV3IH07XG5cbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgIDxSb290XG4gICAgICAgICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgICAgICAgc2l6ZT17YXZhdGFyU2l6ZX1cbiAgICAgICAgICAgICAgICBzaGFwZT17c2hhcGV9XG4gICAgICAgICAgICAgICAgY2xhc3NOYW1lPXtjeChjbGFzc2VzLmF2YXRhckl0ZW0sIGNsYXNzTmFtZSl9XG4gICAgICAgICAgICAgICAgYXJpYS1sYWJlbD17YXJpYUxhYmVsfVxuICAgICAgICAgICAgICAgIGZvY3VzZWQ9e2ZvY3VzZWR9XG4gICAgICAgICAgICAgICAgey4uLmV4dHJhVmlld1Byb3B9XG4gICAgICAgICAgICAgICAgey4uLnJlc3R9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPFdyYXBwZXIgaXNTY2FsYWJsZT17aXNTY2FsYWJsZX0+e2dldEF2YXRhckNvbnRlbnQoeyBjdXN0b21UZXh0LCB1cmwsIGluaXRpYWxzLCBuYW1lIH0pfTwvV3JhcHBlcj5cblxuICAgICAgICAgICAgICAgIHtzdGF0dXMgJiYgKFxuICAgICAgICAgICAgICAgICAgICA8U3RhdHVzSWNvbj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxTdHlsZWRJbmRpY2F0b3IgYXJpYS1sYWJlbD17c3RhdHVzTGFiZWxzW3N0YXR1c119IHN0YXR1cz17c3RhdHVzfSAvPlxuICAgICAgICAgICAgICAgICAgICA8L1N0YXR1c0ljb24+XG4gICAgICAgICAgICAgICAgKX1cblxuICAgICAgICAgICAgICAgIHtoYXNFeHRyYSAmJiBhdmF0YXJTaXplICE9PSAnZml0JyAmJiAoXG4gICAgICAgICAgICAgICAgICAgIDxFeHRyYUNvbnRlbnQgY2xhc3NOYW1lPXtleHRyYVBsYWNlbWVudE1hcChleHRyYVBsYWNlbWVudCl9PlxuICAgICAgICAgICAgICAgICAgICAgICAge3R5cGUgPT09ICdjb3VudGVyJyA/IChcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8RXh0cmFDb3VudGVyIHZpZXc9e2NvdW50ZXJWaWV3fSBjb3VudD17Y291bnRlclZhbHVlfSBtYXhDb3VudD17bWF4Q291bnR9IC8+XG4gICAgICAgICAgICAgICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGF2YXRhclNpemUgIT09ICdzJyAmJiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxFeHRyYUJhZGdlXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB2aWV3PXtiYWRnZVZpZXd9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB0ZXh0PXt0ZXh0fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY3VzdG9tQ29sb3I9e2N1c3RvbUNvbG9yfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY3VzdG9tQmFja2dyb3VuZENvbG9yPXtjdXN0b21CYWNrZ3JvdW5kQ29sb3J9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBwaWxsZWQ9e3BpbGxlZH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG1heFdpZHRoPVwiMTAwJVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7Li4uKGNvbnRlbnRMZWZ0ID8geyBjb250ZW50TGVmdCB9IDogeyBjb250ZW50UmlnaHQgfSl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgKVxuICAgICAgICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICAgICAgPC9FeHRyYUNvbnRlbnQ+XG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIDwvUm9vdD5cbiAgICAgICAgKTtcbiAgICB9KTtcbn07XG5cbmV4cG9ydCBjb25zdCBhdmF0YXJDb25maWcgPSB7XG4gICAgbmFtZTogJ0F2YXRhcicsXG4gICAgdGFnOiAnZGl2JyxcbiAgICBsYXlvdXQ6IGF2YXRhclJvb3QsXG4gICAgYmFzZSxcbiAgICB2YXJpYXRpb25zOiB7XG4gICAgICAgIHNpemU6IHtcbiAgICAgICAgICAgIGNzczogc2l6ZUNTUyxcbiAgICAgICAgfSxcbiAgICAgICAgZm9jdXNlZDoge1xuICAgICAgICAgICAgY3NzOiBmb2N1c2VkQ1NTLFxuICAgICAgICB9LFxuICAgICAgICBzaGFwZToge1xuICAgICAgICAgICAgY3NzOiBzaGFwZUNTUyxcbiAgICAgICAgfSxcbiAgICB9LFxuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHNpemU6ICdtJyxcbiAgICAgICAgc2hhcGU6ICdjaXJjbGVkJyxcbiAgICB9LFxufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4RHdCIn0= */");
+}, "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdmF0YXIvQXZhdGFyLnRzeCIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdmF0YXIvQXZhdGFyLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiwgdXNlTWVtbywgUmVhY3RFbGVtZW50IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyBSb290UHJvcHMsIGNvbXBvbmVudCwgbWVyZ2VDb25maWcgfSBmcm9tICcuLi8uLi9lbmdpbmVzJztcbmltcG9ydCB7IGN4IH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuaW1wb3J0IHsgaW5kaWNhdG9yQ29uZmlnLCBpbmRpY2F0b3JUb2tlbnMgfSBmcm9tICcuLi9JbmRpY2F0b3InO1xuXG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuL0F2YXRhci50b2tlbnMnO1xuaW1wb3J0IHsgYmFzZSwgV3JhcHBlciwgSW1hZ2UsIFN0YXR1c0ljb24sIFRleHQsIEV4dHJhQ29udGVudCwgRXh0cmFDb3VudGVyLCBFeHRyYUJhZGdlIH0gZnJvbSAnLi9BdmF0YXIuc3R5bGVzJztcbmltcG9ydCB7IGJhc2UgYXMgc2l6ZUNTUyB9IGZyb20gJy4vdmFyaWF0aW9ucy9fc2l6ZS9iYXNlJztcbmltcG9ydCB7IGJhc2UgYXMgZm9jdXNlZENTUyB9IGZyb20gJy4vdmFyaWF0aW9ucy9fZm9jdXNlZC9iYXNlJztcbmltcG9ydCB7IGJhc2UgYXMgc2hhcGVDU1MgfSBmcm9tICcuL3ZhcmlhdGlvbnMvX3NoYXBlL2Jhc2UnO1xuaW1wb3J0IHsgZXh0cmFQbGFjZW1lbnRNYXAsIGdldEluaXRpYWxzRm9yTmFtZSB9IGZyb20gJy4vdXRpbHMnO1xuaW1wb3J0IHR5cGUgeyBBdmF0YXJQcm9wcywgU3RhdHVzTGFiZWxzIH0gZnJvbSAnLi9BdmF0YXIudHlwZXMnO1xuXG5jb25zdCBTdGF0dXNMYWJlbHNEZWZhdWx0OiBTdGF0dXNMYWJlbHMgPSB7XG4gICAgYWN0aXZlOiAn0JDQutGC0LjQstC10L0nLFxuICAgIGluYWN0aXZlOiAn0J3QtdCw0LrRgtC40LLQtdC9Jyxcbn07XG5cbmNvbnN0IGdldEF2YXRhckNvbnRlbnQgPSAoe1xuICAgIGN1c3RvbVRleHQsXG4gICAgY3VzdG9tQm9yZGVyUmFkaXVzLFxuICAgIHVybCxcbiAgICBpbml0aWFscyxcbiAgICBuYW1lLFxufTogT21pdDxBdmF0YXJQcm9wcywgJ3NpemUnPiAmIHsgaW5pdGlhbHM/OiBzdHJpbmcgfSk6IFJlYWN0RWxlbWVudCA9PiB7XG4gICAgaWYgKGN1c3RvbVRleHQpIHtcbiAgICAgICAgcmV0dXJuIDxUZXh0PntjdXN0b21UZXh0fTwvVGV4dD47XG4gICAgfVxuXG4gICAgaWYgKHVybCkge1xuICAgICAgICByZXR1cm4gPEltYWdlIHNyYz17dXJsfSBhbHQ9e25hbWV9IGJvcmRlclJhZGl1cz17Y3VzdG9tQm9yZGVyUmFkaXVzfSAvPjtcbiAgICB9XG5cbiAgICByZXR1cm4gPFRleHQ+e2luaXRpYWxzfTwvVGV4dD47XG59O1xuXG5jb25zdCBnZXRBcmlhTGFiZWwgPSAoe1xuICAgIHVybCxcbiAgICBuYW1lLFxuICAgIHN0YXR1cyxcbiAgICAnYXJpYS1sYWJlbCc6IGFyaWFMYWJlbFByb3AsXG4gICAgc3RhdHVzTGFiZWxzLFxufTogUGljazxBdmF0YXJQcm9wcywgJ3VybCcgfCAnc3RhdHVzJyB8ICduYW1lJyB8ICdhcmlhLWxhYmVsJz4gJiB7XG4gICAgc3RhdHVzTGFiZWxzOiBTdGF0dXNMYWJlbHM7XG59KSA9PiB7XG4gICAgaWYgKCF1cmwpIHtcbiAgICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIC8vIElORk86INCy0LrQu9GO0YfQsNC10LwgYXJpYS1sYWJlbCDRh9GC0L7QsdGLINC+0LfQstGD0YfQuNGC0Ywg0YfRgtC+INC90LAg0LjQt9C+0LHRgNCw0LbQtdC90LjQuFxuICAgIGNvbnN0IGFyaWFMYWJlbCA9ICFhcmlhTGFiZWxQcm9wIHx8IGFyaWFMYWJlbFByb3AudHJpbSgpID09PSAnJyA/IG5hbWUgOiBhcmlhTGFiZWxQcm9wO1xuXG4gICAgcmV0dXJuIHN0YXR1cyA/IGAke2FyaWFMYWJlbH0uICR7c3RhdHVzTGFiZWxzW3N0YXR1c119YCA6IGFyaWFMYWJlbDtcbn07XG5cbmNvbnN0IG1lcmdlZENvbmZpZyA9IG1lcmdlQ29uZmlnKGluZGljYXRvckNvbmZpZyk7XG5cbmNvbnN0IEluZGljYXRvcjogUmVhY3QuRnVuY3Rpb25Db21wb25lbnQ8XG4gICAgUmVhY3QuSFRNTEF0dHJpYnV0ZXM8SFRNTERpdkVsZW1lbnQ+ICYgeyBzdGF0dXM6IEF2YXRhclByb3BzWydzdGF0dXMnXSB9XG4+ID0gY29tcG9uZW50KG1lcmdlZENvbmZpZykgYXMgbmV2ZXI7XG5cbmNvbnN0IFN0eWxlZEluZGljYXRvciA9IHN0eWxlZChJbmRpY2F0b3IpYFxuICAgICR7aW5kaWNhdG9yVG9rZW5zLnNpemV9OiB2YXIoJHt0b2tlbnMuc3RhdHVzSWNvblNpemV9KTtcbiAgICAke2luZGljYXRvclRva2Vucy5jb2xvcn06ICR7KHsgc3RhdHVzIH0pID0+XG4gICAgc3RhdHVzID09PSAnYWN0aXZlJyA/IGB2YXIoJHt0b2tlbnMuc3RhdHVzT25saW5lQ29sb3J9KWAgOiBgdmFyKCR7dG9rZW5zLnN0YXR1c09mZmxpbmVDb2xvcn0pYH1cbmA7XG5cbmV4cG9ydCBjb25zdCBhdmF0YXJSb290ID0gKFJvb3Q6IFJvb3RQcm9wczxIVE1MRGl2RWxlbWVudCwgQXZhdGFyUHJvcHM+KSA9PiB7XG4gICAgcmV0dXJuIGZvcndhcmRSZWY8SFRNTERpdkVsZW1lbnQsIEF2YXRhclByb3BzPigocHJvcHMsIHJlZikgPT4ge1xuICAgICAgICBjb25zdCB7XG4gICAgICAgICAgICBzaXplOiBhdmF0YXJTaXplLFxuICAgICAgICAgICAgbmFtZSxcbiAgICAgICAgICAgIHVybCxcbiAgICAgICAgICAgIGN1c3RvbVRleHQsXG4gICAgICAgICAgICBzdGF0dXMsXG4gICAgICAgICAgICBjbGFzc05hbWUsXG4gICAgICAgICAgICBmb2N1c2VkID0gdHJ1ZSxcbiAgICAgICAgICAgIGlzU2NhbGFibGUsXG4gICAgICAgICAgICBzaGFwZSxcbiAgICAgICAgICAgIHN0YXR1c0xhYmVscyA9IFN0YXR1c0xhYmVsc0RlZmF1bHQsXG4gICAgICAgICAgICBoYXNFeHRyYSxcbiAgICAgICAgICAgIGV4dHJhUGxhY2VtZW50LFxuXG4gICAgICAgICAgICB0eXBlLFxuXG4gICAgICAgICAgICBjb3VudGVyVmlldyxcbiAgICAgICAgICAgIGNvdW50LFxuICAgICAgICAgICAgbWF4Q291bnQsXG5cbiAgICAgICAgICAgIGJhZGdlVmlldyxcbiAgICAgICAgICAgIHRleHQsXG4gICAgICAgICAgICBjdXN0b21Db2xvcixcbiAgICAgICAgICAgIGN1c3RvbUJhY2tncm91bmRDb2xvcixcbiAgICAgICAgICAgIGN1c3RvbUJvcmRlclJhZGl1cyxcbiAgICAgICAgICAgIGNvbnRlbnRMZWZ0LFxuICAgICAgICAgICAgY29udGVudFJpZ2h0LFxuICAgICAgICAgICAgcGlsbGVkLFxuXG4gICAgICAgICAgICAuLi5yZXN0XG4gICAgICAgIH0gPSBwcm9wcztcblxuICAgICAgICBjb25zdCBjb3VudGVyVmFsdWUgPSBjb3VudCB8fCAxO1xuICAgICAgICBjb25zdCBpbml0aWFscyA9IHVzZU1lbW8oKCkgPT4gZ2V0SW5pdGlhbHNGb3JOYW1lKG5hbWUpLCBbbmFtZV0pO1xuICAgICAgICBjb25zdCBhcmlhTGFiZWwgPSBnZXRBcmlhTGFiZWwoe1xuICAgICAgICAgICAgLi4ucHJvcHMsXG4gICAgICAgICAgICBzdGF0dXNMYWJlbHMsXG4gICAgICAgIH0pO1xuXG4gICAgICAgIGNvbnN0IGV4dHJhVmlld1Byb3AgPSB0eXBlID09PSAnYmFkZ2UnID8geyBiYWRnZVZpZXcgfSA6IHsgY291bnRlclZpZXcgfTtcbiAgICAgICAgY29uc3QgYm9yZGVyUmFkaXVzID0gYXZhdGFyU2l6ZSA9PT0gJ2ZpdCcgPyBjdXN0b21Cb3JkZXJSYWRpdXMgOiB1bmRlZmluZWQ7XG5cbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgIDxSb290XG4gICAgICAgICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgICAgICAgc2l6ZT17YXZhdGFyU2l6ZX1cbiAgICAgICAgICAgICAgICBzaGFwZT17c2hhcGV9XG4gICAgICAgICAgICAgICAgY2xhc3NOYW1lPXtjeChjbGFzc2VzLmF2YXRhckl0ZW0sIGNsYXNzTmFtZSl9XG4gICAgICAgICAgICAgICAgYXJpYS1sYWJlbD17YXJpYUxhYmVsfVxuICAgICAgICAgICAgICAgIGZvY3VzZWQ9e2ZvY3VzZWR9XG4gICAgICAgICAgICAgICAgey4uLmV4dHJhVmlld1Byb3B9XG4gICAgICAgICAgICAgICAgey4uLnJlc3R9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPFdyYXBwZXIgaXNTY2FsYWJsZT17aXNTY2FsYWJsZX0gYm9yZGVyUmFkaXVzPXtib3JkZXJSYWRpdXN9PlxuICAgICAgICAgICAgICAgICAgICB7Z2V0QXZhdGFyQ29udGVudCh7IGN1c3RvbVRleHQsIHVybCwgaW5pdGlhbHMsIG5hbWUsIGN1c3RvbUJvcmRlclJhZGl1czogYm9yZGVyUmFkaXVzIH0pfVxuICAgICAgICAgICAgICAgIDwvV3JhcHBlcj5cblxuICAgICAgICAgICAgICAgIHtzdGF0dXMgJiYgKFxuICAgICAgICAgICAgICAgICAgICA8U3RhdHVzSWNvbj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxTdHlsZWRJbmRpY2F0b3IgYXJpYS1sYWJlbD17c3RhdHVzTGFiZWxzW3N0YXR1c119IHN0YXR1cz17c3RhdHVzfSAvPlxuICAgICAgICAgICAgICAgICAgICA8L1N0YXR1c0ljb24+XG4gICAgICAgICAgICAgICAgKX1cblxuICAgICAgICAgICAgICAgIHtoYXNFeHRyYSAmJiBhdmF0YXJTaXplICE9PSAnZml0JyAmJiAoXG4gICAgICAgICAgICAgICAgICAgIDxFeHRyYUNvbnRlbnQgY2xhc3NOYW1lPXtleHRyYVBsYWNlbWVudE1hcChleHRyYVBsYWNlbWVudCl9PlxuICAgICAgICAgICAgICAgICAgICAgICAge3R5cGUgPT09ICdjb3VudGVyJyA/IChcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8RXh0cmFDb3VudGVyIHZpZXc9e2NvdW50ZXJWaWV3fSBjb3VudD17Y291bnRlclZhbHVlfSBtYXhDb3VudD17bWF4Q291bnR9IC8+XG4gICAgICAgICAgICAgICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGF2YXRhclNpemUgIT09ICdzJyAmJiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxFeHRyYUJhZGdlXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB2aWV3PXtiYWRnZVZpZXd9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB0ZXh0PXt0ZXh0fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY3VzdG9tQ29sb3I9e2N1c3RvbUNvbG9yfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY3VzdG9tQmFja2dyb3VuZENvbG9yPXtjdXN0b21CYWNrZ3JvdW5kQ29sb3J9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBwaWxsZWQ9e3BpbGxlZH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG1heFdpZHRoPVwiMTAwJVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7Li4uKGNvbnRlbnRMZWZ0ID8geyBjb250ZW50TGVmdCB9IDogeyBjb250ZW50UmlnaHQgfSl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgKVxuICAgICAgICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICAgICAgPC9FeHRyYUNvbnRlbnQ+XG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIDwvUm9vdD5cbiAgICAgICAgKTtcbiAgICB9KTtcbn07XG5cbmV4cG9ydCBjb25zdCBhdmF0YXJDb25maWcgPSB7XG4gICAgbmFtZTogJ0F2YXRhcicsXG4gICAgdGFnOiAnZGl2JyxcbiAgICBsYXlvdXQ6IGF2YXRhclJvb3QsXG4gICAgYmFzZSxcbiAgICB2YXJpYXRpb25zOiB7XG4gICAgICAgIHNpemU6IHtcbiAgICAgICAgICAgIGNzczogc2l6ZUNTUyxcbiAgICAgICAgfSxcbiAgICAgICAgZm9jdXNlZDoge1xuICAgICAgICAgICAgY3NzOiBmb2N1c2VkQ1NTLFxuICAgICAgICB9LFxuICAgICAgICBzaGFwZToge1xuICAgICAgICAgICAgY3NzOiBzaGFwZUNTUyxcbiAgICAgICAgfSxcbiAgICB9LFxuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHNpemU6ICdtJyxcbiAgICAgICAgc2hhcGU6ICdjaXJjbGVkJyxcbiAgICB9LFxufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErRHdCIn0= */");
 var avatarRoot = function(Root) {
     return /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
-        var avatarSize = props.size, name = props.name, url = props.url, customText = props.customText, status = props.status, className = props.className, _props_focused = props.focused, focused = _props_focused === void 0 ? true : _props_focused, isScalable = props.isScalable, shape = props.shape, _props_statusLabels = props.statusLabels, statusLabels = _props_statusLabels === void 0 ? StatusLabelsDefault : _props_statusLabels, hasExtra = props.hasExtra, extraPlacement = props.extraPlacement, type = props.type, counterView = props.counterView, count = props.count, maxCount = props.maxCount, badgeView = props.badgeView, text = props.text, customColor = props.customColor, customBackgroundColor = props.customBackgroundColor, contentLeft = props.contentLeft, contentRight = props.contentRight, pilled = props.pilled, rest = _object_without_properties(props, [
+        var avatarSize = props.size, name = props.name, url = props.url, customText = props.customText, status = props.status, className = props.className, _props_focused = props.focused, focused = _props_focused === void 0 ? true : _props_focused, isScalable = props.isScalable, shape = props.shape, _props_statusLabels = props.statusLabels, statusLabels = _props_statusLabels === void 0 ? StatusLabelsDefault : _props_statusLabels, hasExtra = props.hasExtra, extraPlacement = props.extraPlacement, type = props.type, counterView = props.counterView, count = props.count, maxCount = props.maxCount, badgeView = props.badgeView, text = props.text, customColor = props.customColor, customBackgroundColor = props.customBackgroundColor, customBorderRadius = props.customBorderRadius, contentLeft = props.contentLeft, contentRight = props.contentRight, pilled = props.pilled, rest = _object_without_properties(props, [
             "size",
             "name",
             "url",
@@ -210,6 +211,7 @@ var avatarRoot = function(Root) {
             "text",
             "customColor",
             "customBackgroundColor",
+            "customBorderRadius",
             "contentLeft",
             "contentRight",
             "pilled"
@@ -228,6 +230,7 @@ var avatarRoot = function(Root) {
         } : {
             counterView: counterView
         };
+        var borderRadius = avatarSize === 'fit' ? customBorderRadius : undefined;
         return /*#__PURE__*/ _react.default.createElement(Root, _object_spread({
             ref: ref,
             size: avatarSize,
@@ -236,12 +239,14 @@ var avatarRoot = function(Root) {
             "aria-label": ariaLabel,
             focused: focused
         }, extraViewProp, rest), /*#__PURE__*/ _react.default.createElement(_Avatarstyles.Wrapper, {
-            isScalable: isScalable
+            isScalable: isScalable,
+            borderRadius: borderRadius
         }, getAvatarContent({
             customText: customText,
             url: url,
             initials: initials,
-            name: name
+            name: name,
+            customBorderRadius: borderRadius
         })), status && /*#__PURE__*/ _react.default.createElement(_Avatarstyles.StatusIcon, null, /*#__PURE__*/ _react.default.createElement(StyledIndicator, {
             "aria-label": statusLabels[status],
             status: status