@salutejs/plasma-new-hope 0.326.1-canary.2043.15849605311.0 → 0.327.0-canary.1741.15743877104.0

package/es/components/Avatar/Avatar.js

@@ -1,5 +1,5 @@
 import './Avatar_13f2qzh.css';
-import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React, { forwardRef, useMemo } from 'react';
 import { styled } from '@linaria/react';
 import { cx } from '../../utils/index.js';
@@ -8,20 +8,20 @@ import { Wrapper, StatusIcon, ExtraContent, ExtraCounter, ExtraBadge, base, Text
 import { base as base$1 } from './variations/_size/base.js';
 import { base as base$2 } from './variations/_focused/base.js';
 import { extraPlacementMap } from './utils/index.js';
-import { getInitialsForName } from './utils/getInitialsForName.js';
-import { component, mergeConfig } from '../../engines/common.js';
+import { mergeConfig, component } from '../../engines/common.js';
 import { indicatorConfig } from '../Indicator/Indicator.js';
+import { getInitialsForName } from './utils/getInitialsForName.js';
 
-var _excluded = ["size", "name", "url", "customText", "status", "className", "focused", "isScalable", "statusLabels", "hasExtra", "extraPlacement", "type", "counterView", "count", "maxCount", "badgeView", "text", "customColor", "customBackgroundColor", "contentLeft", "contentRight", "pilled"];
-var StatusLabelsDefault = {
+const StatusLabelsDefault = {
   active: 'Активен',
   inactive: 'Неактивен'
 };
-var getAvatarContent = function getAvatarContent(_ref) {
-  var customText = _ref.customText,
-    url = _ref.url,
-    initials = _ref.initials,
-    name = _ref.name;
+const getAvatarContent = ({
+  customText,
+  url,
+  initials,
+  name
+}) => {
   if (customText) {
     return /*#__PURE__*/React.createElement(Text, null, customText);
   }
@@ -33,77 +33,72 @@ var getAvatarContent = function getAvatarContent(_ref) {
   }
   return /*#__PURE__*/React.createElement(Text, null, initials);
 };
-var getAriaLabel = function getAriaLabel(_ref2) {
-  var url = _ref2.url,
-    name = _ref2.name,
-    status = _ref2.status,
-    ariaLabelProp = _ref2['aria-label'],
-    statusLabels = _ref2.statusLabels;
+const getAriaLabel = ({
+  url,
+  name,
+  status,
+  'aria-label': ariaLabelProp,
+  statusLabels
+}) => {
   if (!url) {
     return;
   }
 
   // INFO: включаем aria-label чтобы озвучить что на изображении
-  var ariaLabel = !ariaLabelProp || ariaLabelProp.trim() === '' ? name : ariaLabelProp;
-  return status ? "".concat(ariaLabel, ". ").concat(statusLabels[status]) : ariaLabel;
-};
-var mergedConfig = /*#__PURE__*/mergeConfig(indicatorConfig);
-var Indicator = /*#__PURE__*/component(mergedConfig);
-var _exp = function _exp() {
-  return Indicator;
+  const ariaLabel = !ariaLabelProp || ariaLabelProp.trim() === '' ? name : ariaLabelProp;
+  return status ? `${ariaLabel}. ${statusLabels[status]}` : ariaLabel;
 };
-var _exp5 = function _exp5() {
-  return function (_ref3) {
-    var status = _ref3.status;
-    return status === 'active' ? "var(".concat(tokens.statusOnlineColor, ")") : "var(".concat(tokens.statusOfflineColor, ")");
-  };
-};
-var StyledIndicator = /*#__PURE__*/styled(_exp())({
+const mergedConfig = mergeConfig(indicatorConfig);
+const Indicator = component(mergedConfig);
+const _exp = /*#__PURE__*/() => Indicator;
+const _exp5 = /*#__PURE__*/() => ({
+  status
+}) => status === 'active' ? `var(${tokens.statusOnlineColor})` : `var(${tokens.statusOfflineColor})`;
+const StyledIndicator = /*#__PURE__*/styled(_exp())({
   name: "StyledIndicator",
-  "class": "sgw0czr",
+  class: "sgw0czr",
   propsAsIs: true,
   vars: {
-    "sgw0czr-0": [/*#__PURE__*/_exp5()]
+    "sgw0czr-0": [_exp5()]
   }
 });
-var avatarRoot = function avatarRoot(Root) {
-  return /*#__PURE__*/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,
-      _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 = _objectWithoutProperties(props, _excluded);
-    var counterValue = count || 1;
-    var initials = useMemo(function () {
-      return getInitialsForName(name);
-    }, [name]);
-    var ariaLabel = getAriaLabel(_objectSpread2(_objectSpread2({}, props), {}, {
-      statusLabels: statusLabels
-    }));
-    var extraViewProp = type === 'badge' ? {
-      badgeView: badgeView
+const avatarRoot = Root => {
+  return /*#__PURE__*/forwardRef((props, ref) => {
+    const {
+      size: avatarSize,
+      name,
+      url,
+      customText,
+      status,
+      className,
+      focused = true,
+      isScalable,
+      statusLabels = StatusLabelsDefault,
+      hasExtra,
+      extraPlacement,
+      type,
+      counterView,
+      count,
+      maxCount,
+      badgeView,
+      text,
+      customColor,
+      customBackgroundColor,
+      contentLeft,
+      contentRight,
+      pilled,
+      ...rest
+    } = props;
+    const counterValue = count || 1;
+    const initials = useMemo(() => getInitialsForName(name), [name]);
+    const ariaLabel = getAriaLabel({
+      ...props,
+      statusLabels
+    });
+    const extraViewProp = type === 'badge' ? {
+      badgeView
     } : {
-      counterView: counterView
+      counterView
     };
     return /*#__PURE__*/React.createElement(Root, _extends({
       ref: ref,
@@ -114,10 +109,10 @@ var avatarRoot = function avatarRoot(Root) {
     }, extraViewProp, rest), /*#__PURE__*/React.createElement(Wrapper, {
       isScalable: isScalable
     }, getAvatarContent({
-      customText: customText,
-      url: url,
-      initials: initials,
-      name: name
+      customText,
+      url,
+      initials,
+      name
     })), status && /*#__PURE__*/React.createElement(StatusIcon, null, /*#__PURE__*/React.createElement(StyledIndicator, {
       "aria-label": statusLabels[status],
       status: status
@@ -135,17 +130,17 @@ var avatarRoot = function avatarRoot(Root) {
       pilled: pilled,
       maxWidth: "100%"
     }, contentLeft ? {
-      contentLeft: contentLeft
+      contentLeft
     } : {
-      contentRight: contentRight
+      contentRight
     }))));
   });
 };
-var avatarConfig = {
+const avatarConfig = {
   name: 'Avatar',
   tag: 'div',
   layout: avatarRoot,
-  base: base,
+  base,
   variations: {
     size: {
       css: base$1

package/es/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 viewCSS } from './variations/_size/base';\nimport { base as focusedCSS } from './variations/_focused/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            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                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: viewCSS,\n        },\n        focused: {\n            css: focusedCSS,\n        },\n    },\n    defaults: {\n        size: 'm',\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","_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","viewCSS","focusedCSS","defaults"],"mappings":";;;;;;;;;;;;;;AAcA,IAAMA,mBAAiC,GAAG;AACtCC,EAAAA,MAAM,EAAE,SAAS;AACjBC,EAAAA,QAAQ,EAAE,WAAA;AACd,CAAC,CAAA;AAED,IAAMC,gBAAgB,GAAGA,SAAnBA,gBAAgBA,CAAAC,IAAA,EAKiD;AAAA,EAAA,IAJnEC,UAAU,GAAAD,IAAA,CAAVC,UAAU;IACVC,GAAG,GAAAF,IAAA,CAAHE,GAAG;IACHC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,IAAAA,GAAAA,IAAAA,CAAAA,IAAAA,CAAAA;AAEA,EAAA,IAAIH,UAAU,EAAE;AACZ,IAAA,oBAAOI,KAAA,CAAAC,aAAA,CAACC,IAAI,EAAA,IAAA,EAAEN,UAAiB,CAAC,CAAA;AACpC,GAAA;AAEA,EAAA,IAAIC,GAAG,EAAE;AACL,IAAA,oBAAOG,KAAA,CAAAC,aAAA,CAACE,KAAK,EAAA;AAACC,MAAAA,GAAG,EAAEP,GAAI;AAACQ,MAAAA,GAAG,EAAEN,IAAAA;AAAK,KAAG,CAAA,CAAA;AACzC,GAAA;AAEA,EAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACC,IAAI,EAAA,IAAA,EAAEJ,QAAe,CAAC,CAAA;AAClC,CAAC,CAAA;AAED,IAAMQ,YAAY,GAAGA,SAAfA,YAAYA,CAAAC,KAAA,EAQZ;AAAA,EAAA,IAPFV,GAAG,GAAAU,KAAA,CAAHV,GAAG;IACHE,IAAI,GAAAQ,KAAA,CAAJR,IAAI;IACJS,MAAM,GAAAD,KAAA,CAANC,MAAM;IACQC,aAAa,GAAAF,KAAA,CAA3B,YAAY,CAAA;IACZG,YAAAA,GAAAA,KAAAA,CAAAA,YAAAA,CAAAA;EAIA,IAAI,CAACb,GAAG,EAAE;AACN,IAAA,OAAA;AACJ,GAAA;;AAEA;AACA,EAAA,IAAMc,SAAS,GAAG,CAACF,aAAa,IAAIA,aAAa,CAACG,IAAI,EAAE,KAAK,EAAE,GAAGb,IAAI,GAAGU,aAAa,CAAA;AAEtF,EAAA,OAAOD,MAAM,GAAA,EAAA,CAAAK,MAAA,CAAMF,SAAS,EAAA,IAAA,CAAA,CAAAE,MAAA,CAAKH,YAAY,CAACF,MAAM,CAAC,IAAKG,SAAS,CAAA;AACvE,CAAC,CAAA;AAED,IAAMG,YAAY,gBAAGC,WAAW,CAACC,eAAe,CAAC,CAAA;AAEjD,IAAMC,SAEL,gBAAGC,SAAS,CAACJ,YAAY,CAAU,CAAA;AAAC,IAAAK,IAAA,GA1DnBA,SA0DmBA,IAAAA,GAAA;AAAA,EAAA,OAENF,SAAS,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAG,KAAA,GA5DtBA,SA4DsBA,KAAAA,GAAA;AAAA,EAAA,OAER,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGb,MAAAA,GAAAA,KAAAA,CAAAA,MAAAA,CAAAA;AAAAA,IAAAA,OAC/BA,MAAM,KAAK,QAAQ,GAAA,MAAA,CAAAK,MAAA,CAAUS,MAAM,CAACC,iBAAiB,gBAAAV,MAAA,CAAaS,MAAM,CAACE,kBAAkB,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAHlG,IAAMC,eAAe,gBAAGC,MAAM,CAAAP,IAAA,EAAA,CAAA,CAAA;AAAApB,EAAAA,IAAA,EAAA,iBAAA;AAAA4B,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAEET,KACkE,EAAA,CAAA;AAAA,GAAA;AAAA,CACjG,CAAA,CAAA;IAEYU,UAAU,GAAGA,SAAbA,UAAUA,CAAIC,IAA4C,EAAK;AACxE,EAAA,oBAAOC,UAAU,CAA8B,UAACC,KAAK,EAAEC,GAAG,EAAK;AAC3D,IAAA,IACUC,UAAU,GA2BhBF,KAAK,CA3BLG,IAAI;MACJrC,IAAI,GA0BJkC,KAAK,CA1BLlC,IAAI;MACJF,GAAG,GAyBHoC,KAAK,CAzBLpC,GAAG;MACHD,UAAU,GAwBVqC,KAAK,CAxBLrC,UAAU;MACVY,MAAM,GAuBNyB,KAAK,CAvBLzB,MAAM;MACN6B,SAAS,GAsBTJ,KAAK,CAtBLI,SAAS;MAAAC,cAAA,GAsBTL,KAAK,CArBLM,OAAO;AAAPA,MAAAA,OAAO,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,cAAA;MACdE,UAAU,GAoBVP,KAAK,CApBLO,UAAU;MAAAC,mBAAA,GAoBVR,KAAK,CAnBLvB,YAAY;AAAZA,MAAAA,YAAY,GAAA+B,mBAAA,KAAGlD,KAAAA,CAAAA,GAAAA,mBAAmB,GAAAkD,mBAAA;MAClCC,QAAQ,GAkBRT,KAAK,CAlBLS,QAAQ;MACRC,cAAc,GAiBdV,KAAK,CAjBLU,cAAc;MAEdC,IAAI,GAeJX,KAAK,CAfLW,IAAI;MAEJC,WAAW,GAaXZ,KAAK,CAbLY,WAAW;MACXC,KAAK,GAYLb,KAAK,CAZLa,KAAK;MACLC,QAAQ,GAWRd,KAAK,CAXLc,QAAQ;MAERC,SAAS,GASTf,KAAK,CATLe,SAAS;MACTC,IAAI,GAQJhB,KAAK,CARLgB,IAAI;MACJC,WAAW,GAOXjB,KAAK,CAPLiB,WAAW;MACXC,qBAAqB,GAMrBlB,KAAK,CANLkB,qBAAqB;MACrBC,WAAW,GAKXnB,KAAK,CALLmB,WAAW;MACXC,YAAY,GAIZpB,KAAK,CAJLoB,YAAY;MACZC,MAAM,GAGNrB,KAAK,CAHLqB,MAAM;AAEHC,MAAAA,IAAAA,GAAAA,wBAAAA,CACHtB,KAAK,EAAAuB,SAAA,CAAA,CAAA;AAET,IAAA,IAAMC,YAAY,GAAGX,KAAK,IAAI,CAAC,CAAA;IAC/B,IAAMhD,QAAQ,GAAG4D,OAAO,CAAC,YAAA;MAAA,OAAMC,kBAAkB,CAAC5D,IAAI,CAAC,CAAA;KAAE,EAAA,CAACA,IAAI,CAAC,CAAC,CAAA;IAChE,IAAMY,SAAS,GAAGL,YAAY,CAAAsD,cAAA,CAAAA,cAAA,KACvB3B,KAAK,CAAA,EAAA,EAAA,EAAA;AACRvB,MAAAA,YAAAA,EAAAA,YAAAA;AAAAA,KAAAA,CACH,CAAC,CAAA;AAEF,IAAA,IAAMmD,aAAa,GAAGjB,IAAI,KAAK,OAAO,GAAG;AAAEI,MAAAA,SAAAA,EAAAA,SAAAA;AAAU,KAAC,GAAG;AAAEH,MAAAA,WAAAA,EAAAA,WAAAA;KAAa,CAAA;AAExE,IAAA,oBACI7C,KAAA,CAAAC,aAAA,CAAC8B,IAAI,EAAA+B,QAAA,CAAA;AACD5B,MAAAA,GAAG,EAAEA,GAAI;AACTE,MAAAA,IAAI,EAAED,UAAW;MACjBE,SAAS,EAAE0B,EAAE,CAACC,OAAO,CAACC,UAAU,EAAE5B,SAAS,CAAE;AAC7C,MAAA,YAAA,EAAY1B,SAAU;AACtB4B,MAAAA,OAAO,EAAEA,OAAAA;KACLsB,EAAAA,aAAa,EACbN,IAAI,CAAA,eAERvD,KAAA,CAAAC,aAAA,CAACiE,OAAO,EAAA;AAAC1B,MAAAA,UAAU,EAAEA,UAAAA;AAAW,KAAA,EAAE9C,gBAAgB,CAAC;AAAEE,MAAAA,UAAU,EAAVA,UAAU;AAAEC,MAAAA,GAAG,EAAHA,GAAG;AAAEC,MAAAA,QAAQ,EAARA,QAAQ;AAAEC,MAAAA,IAAAA,EAAAA,IAAAA;AAAK,KAAC,CAAW,CAAA,EAEhGS,MAAM,iBACHR,KAAA,CAAAC,aAAA,CAACkE,UAAU,EACPnE,IAAAA,eAAAA,KAAA,CAAAC,aAAA,CAACwB,eAAe,EAAA;MAAC,YAAYf,EAAAA,YAAY,CAACF,MAAM,CAAE;AAACA,MAAAA,MAAM,EAAEA,MAAAA;AAAO,KAAA,CAC1D,CACf,EAEAkC,QAAQ,IAAIP,UAAU,KAAK,KAAK,iBAC7BnC,KAAA,CAAAC,aAAA,CAACmE,YAAY,EAAA;MAAC/B,SAAS,EAAEgC,iBAAiB,CAAC1B,cAAc,CAAA;KACpDC,EAAAA,IAAI,KAAK,SAAS,gBACf5C,KAAA,CAAAC,aAAA,CAACqE,YAAY,EAAA;AAACC,MAAAA,IAAI,EAAE1B,WAAY;AAACC,MAAAA,KAAK,EAAEW,YAAa;AAACV,MAAAA,QAAQ,EAAEA,QAAAA;AAAS,KAAG,CAAA,GAE5EZ,UAAU,KAAK,GAAG,iBACdnC,KAAA,CAAAC,aAAA,CAACuE,UAAU,EAAAV,QAAA,CAAA;AACPS,MAAAA,IAAI,EAAEvB,SAAU;AAChBC,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,WAAW,EAAEA,WAAY;AACzBC,MAAAA,qBAAqB,EAAEA,qBAAsB;AAC7CG,MAAAA,MAAM,EAAEA,MAAO;AACfmB,MAAAA,QAAQ,EAAC,MAAA;AAAM,KAAA,EACVrB,WAAW,GAAG;AAAEA,MAAAA,WAAAA,EAAAA,WAAAA;AAAY,KAAC,GAAG;AAAEC,MAAAA,YAAAA,EAAAA,YAAAA;KAAe,CAGjE,CACS,CAEhB,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AACN,EAAC;AAEM,IAAMqB,YAAY,GAAG;AACxB3E,EAAAA,IAAI,EAAE,QAAQ;AACd4E,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAE9C,UAAU;AAClB+C,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACR1C,IAAAA,IAAI,EAAE;AACF2C,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACDzC,IAAAA,OAAO,EAAE;AACLwC,MAAAA,GAAG,EAAEE,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACN9C,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;"}
+{"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 viewCSS } from './variations/_size/base';\nimport { base as focusedCSS } from './variations/_focused/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            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                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: viewCSS,\n        },\n        focused: {\n            css: focusedCSS,\n        },\n    },\n    defaults: {\n        size: 'm',\n    },\n};\n"],"names":["StatusLabelsDefault","active","inactive","getAvatarContent","customText","url","initials","name","React","createElement","Text","Image","src","alt","getAriaLabel","status","ariaLabelProp","statusLabels","ariaLabel","trim","mergedConfig","mergeConfig","indicatorConfig","Indicator","component","_exp","_exp5","tokens","statusOnlineColor","statusOfflineColor","StyledIndicator","styled","class","propsAsIs","vars","avatarRoot","Root","forwardRef","props","ref","size","avatarSize","className","focused","isScalable","hasExtra","extraPlacement","type","counterView","count","maxCount","badgeView","text","customColor","customBackgroundColor","contentLeft","contentRight","pilled","rest","counterValue","useMemo","getInitialsForName","extraViewProp","_extends","cx","classes","avatarItem","Wrapper","StatusIcon","ExtraContent","extraPlacementMap","ExtraCounter","view","ExtraBadge","maxWidth","avatarConfig","tag","layout","base","variations","css","viewCSS","focusedCSS","defaults"],"mappings":"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"}

package/es/components/Avatar/Avatar.styles.js

@@ -1,70 +1,60 @@
 import './Avatar.styles_131qvfx.css';
 import { styled } from '@linaria/react';
 import { tokens } from './Avatar.tokens.js';
-import { component, mergeConfig } from '../../engines/common.js';
+import { mergeConfig, component } from '../../engines/common.js';
 import { badgeConfig } from '../Badge/Badge.js';
 import { counterConfig } from '../Counter/Counter.js';
 
-var mergedBadgeConfig = /*#__PURE__*/mergeConfig(badgeConfig);
-var Badge = /*#__PURE__*/component(mergedBadgeConfig);
-var mergedCounterConfig = /*#__PURE__*/mergeConfig(counterConfig);
-var Counter = /*#__PURE__*/component(mergedCounterConfig);
-var base = "b1d1rtx8";
-var _exp2 = function _exp2() {
-  return function (_ref) {
-    var isScalable = _ref.isScalable;
-    return isScalable ? "var(".concat(tokens.scaleHover, ")") : '1';
-  };
-};
-var _exp3 = function _exp3() {
-  return function (_ref2) {
-    var isScalable = _ref2.isScalable;
-    return isScalable ? 'pointer' : 'inherit';
-  };
-};
-var Wrapper = /*#__PURE__*/styled('div')({
+const mergedBadgeConfig = mergeConfig(badgeConfig);
+const Badge = component(mergedBadgeConfig);
+const mergedCounterConfig = mergeConfig(counterConfig);
+const Counter = component(mergedCounterConfig);
+const base = "b1d1rtx8";
+const _exp2 = /*#__PURE__*/() => ({
+  isScalable
+}) => isScalable ? `var(${tokens.scaleHover})` : '1';
+const _exp3 = /*#__PURE__*/() => ({
+  isScalable
+}) => isScalable ? 'pointer' : 'inherit';
+const Wrapper = /*#__PURE__*/styled('div')({
   name: "Wrapper",
-  "class": "wxwn3we",
+  class: "wxwn3we",
   propsAsIs: false,
   vars: {
-    "wxwn3we-0": [/*#__PURE__*/_exp2()],
-    "wxwn3we-1": [/*#__PURE__*/_exp3()]
+    "wxwn3we-0": [_exp2()],
+    "wxwn3we-1": [_exp3()]
   }
 });
-var StatusIcon = /*#__PURE__*/styled('div')({
+const StatusIcon = /*#__PURE__*/styled('div')({
   name: "StatusIcon",
-  "class": "sf2jhi1",
+  class: "sf2jhi1",
   propsAsIs: false
 });
-var Image = /*#__PURE__*/styled('img')({
+const Image = /*#__PURE__*/styled('img')({
   name: "Image",
-  "class": "igq6ihg",
+  class: "igq6ihg",
   propsAsIs: false
 });
-var Text = /*#__PURE__*/styled('span')({
+const Text = /*#__PURE__*/styled('span')({
   name: "Text",
-  "class": "t1kfsxcq",
+  class: "t1kfsxcq",
   propsAsIs: false
 });
-var ExtraContent = /*#__PURE__*/styled('div')({
+const ExtraContent = /*#__PURE__*/styled('div')({
   name: "ExtraContent",
-  "class": "e1i3umn2",
+  class: "e1i3umn2",
   propsAsIs: false
 });
-var _exp26 = function _exp26() {
-  return Badge;
-};
-var ExtraBadge = /*#__PURE__*/styled(_exp26())({
+const _exp26 = /*#__PURE__*/() => Badge;
+const ExtraBadge = /*#__PURE__*/styled(_exp26())({
   name: "ExtraBadge",
-  "class": "eqy70yy",
+  class: "eqy70yy",
   propsAsIs: true
 });
-var _exp69 = function _exp69() {
-  return Counter;
-};
-var ExtraCounter = /*#__PURE__*/styled(_exp69())({
+const _exp69 = /*#__PURE__*/() => Counter;
+const ExtraCounter = /*#__PURE__*/styled(_exp69())({
   name: "ExtraCounter",
-  "class": "e4nvvok",
+  class: "e4nvvok",
   propsAsIs: true
 });
 

package/es/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    border-radius: 50%;\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    top: calc(1.02 * 0.85 * var(${tokens.avatarSize}) - var(${tokens.statusIconSize}) / 2);\n    left: calc(1.02 * 0.85 * var(${tokens.avatarSize}) - var(${tokens.statusIconSize}) / 2);\n`;\n\nexport const Image = styled.img`\n    width: 100%;\n    height: 100%;\n    border-radius: 50%;\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","_exp26","ExtraBadge","_exp69","ExtraCounter"],"mappings":";;;;;;AAUA,IAAMA,iBAAiB,gBAAGC,WAAW,CAACC,WAAW,CAAC,CAAA;AAClD,IAAMC,KAAK,gBAAGC,SAAS,CAACJ,iBAAiB,CAAC,CAAA;AAE1C,IAAMK,mBAAmB,gBAAGJ,WAAW,CAACK,aAAa,CAAC,CAAA;AACtD,IAAMC,OAAO,gBAAGH,SAAS,CAACC,mBAAmB,CAAC,CAAA;AAEvC,IAAMG,IAAI,GAEhB,WAAA;AAAC,IAAAC,KAAA,GAjBgBA,SAiBhBA,KAAAA,GAAA;AAAA,EAAA,OAae,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,UAAAA,GAAAA,IAAAA,CAAAA,UAAAA,CAAAA;IAAAA,OAAkBA,UAAU,UAAAC,MAAA,CAAUC,MAAM,CAACC,UAAU,SAAM,GAAI,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GA9BnEA,SA8BmEA,KAAAA,GAAA;AAAA,EAAA,OACnE,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGL,UAAAA,GAAAA,KAAAA,CAAAA,UAAAA,CAAAA;AAAAA,IAAAA,OAAkBA,UAAU,GAAG,SAAS,GAAG,SAAU,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAZnE,IAAMM,OAAO,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,SAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAWZb,KAAoE,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cACnEM,KAAwD,EAAA,CAAA;AAAA,GAAA;AAAA,CAEzE,EAAA;AAEM,IAAMQ,UAAU,gBAAGL,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAI/B,EAAA;AAEM,IAAMG,KAAK,gBAAGN,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,OAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAI1B,EAAA;AAEM,IAAMI,IAAI,gBAAGP,MAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,MAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAUzB,EAAA;AAEM,IAAMK,YAAY,gBAAGR,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CA0BjC,EAAA;AAAC,IAAAM,MAAA,GArFgBA,SAqFhBA,MAAAA,GAAA;AAAA,EAAA,OAE+BxB,KAAK,CAAA;AAAA,CAAA,CAAA;AAA/B,IAAMyB,UAAU,gBAAGV,MAAM,CAAAS,MAAA,EAAA,CAAA,CAAA;AAAAR,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAsB/B,EAAA;AAAC,IAAAQ,MAAA,GA7GgBA,SA6GhBA,MAAAA,GAAA;AAAA,EAAA,OAEiCtB,OAAO,CAAA;AAAA,CAAA,CAAA;AAAnC,IAAMuB,YAAY,gBAAGZ,MAAM,CAAAW,MAAA,EAAA,CAAA,CAAA;AAAAV,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAYjC;;;;"}
+{"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    border-radius: 50%;\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    top: calc(1.02 * 0.85 * var(${tokens.avatarSize}) - var(${tokens.statusIconSize}) / 2);\n    left: calc(1.02 * 0.85 * var(${tokens.avatarSize}) - var(${tokens.statusIconSize}) / 2);\n`;\n\nexport const Image = styled.img`\n    width: 100%;\n    height: 100%;\n    border-radius: 50%;\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","isScalable","tokens","scaleHover","_exp3","Wrapper","styled","name","class","propsAsIs","vars","StatusIcon","Image","Text","ExtraContent","_exp26","ExtraBadge","_exp69","ExtraCounter"],"mappings":";;;;;;AAUA,MAAMA,iBAAiB,GAAGC,WAAW,CAACC,WAAW,CAAC,CAAA;AAClD,MAAMC,KAAK,GAAGC,SAAS,CAACJ,iBAAiB,CAAC,CAAA;AAE1C,MAAMK,mBAAmB,GAAGJ,WAAW,CAACK,aAAa,CAAC,CAAA;AACtD,MAAMC,OAAO,GAAGH,SAAS,CAACC,mBAAmB,CAAC,CAAA;AAEvC,MAAMG,IAAI,GAEhB,WAAA;AAAC,MAAAC,KAAA,gBAjBgBA,MA8BD,CAAC;AAAEC,EAAAA,UAAAA;AAAW,CAAC,KAAMA,UAAU,GAAG,CAAA,IAAA,EAAOC,MAAM,CAACC,UAAU,CAAG,CAAA,CAAA,GAAG,GAAI,CAAA;AAAA,MAAAC,KAAA,gBA9BnEA,MA+BA,CAAC;AAAEH,EAAAA,UAAAA;AAAW,CAAC,KAAMA,UAAU,GAAG,SAAS,GAAG,SAAU,CAAA;AAZnE,MAAMI,OAAO,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,SAAA;AAAAC,EAAAA,KAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,CAWZV,KAAoE,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,CACnEI,KAAwD,EAAA,CAAA;AAAA,GAAA;AAAA,CAEzE,EAAA;AAEM,MAAMO,UAAU,gBAAGL,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,KAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAI/B,EAAA;AAEM,MAAMG,KAAK,gBAAGN,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,OAAA;AAAAC,EAAAA,KAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAI1B,EAAA;AAEM,MAAMI,IAAI,gBAAGP,MAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,MAAA;AAAAC,EAAAA,KAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAUzB,EAAA;AAEM,MAAMK,YAAY,gBAAGR,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,KAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CA0BjC,EAAA;AAAC,MAAAM,MAAA,gBArFgBA,MAuFerB,KAAK,CAAA;AAA/B,MAAMsB,UAAU,gBAAGV,MAAM,CAAAS,MAAA,EAAA,CAAA,CAAA;AAAAR,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,KAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAsB/B,EAAA;AAAC,MAAAQ,MAAA,gBA7GgBA,MA+GiBnB,OAAO,CAAA;AAAnC,MAAMoB,YAAY,gBAAGZ,MAAM,CAAAW,MAAA,EAAA,CAAA,CAAA;AAAAV,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,KAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAYjC;;;;"}

package/es/components/Avatar/Avatar.tokens.js

@@ -1,11 +1,11 @@
-var classes = {
+const classes = {
   avatarItem: 'avatar-item',
   extraPlacementTopRight: 'avatar-extra-placement-top-right',
   extraPlacementTopLeft: 'avatar-extra-placement-top-left',
   extraPlacementBottomLeft: 'avatar-extra-placement-bottom-left',
   extraPlacementBottomRight: 'avatar-extra-placement-bottom-right'
 };
-var tokens = {
+const tokens = {
   avatarSize: '--plasma-avatar-size',
   fontFamily: '--plasma-avatar-font-family',
   fontSize: '--plasma-avatar-font-size',

package/es/components/Avatar/Avatar.tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.tokens.js","sources":["../../../src/components/Avatar/Avatar.tokens.ts"],"sourcesContent":["export const classes = {\n    avatarItem: 'avatar-item',\n    extraPlacementTopRight: 'avatar-extra-placement-top-right',\n    extraPlacementTopLeft: 'avatar-extra-placement-top-left',\n    extraPlacementBottomLeft: 'avatar-extra-placement-bottom-left',\n    extraPlacementBottomRight: 'avatar-extra-placement-bottom-right',\n};\n\nexport const tokens = {\n    avatarSize: '--plasma-avatar-size',\n    fontFamily: '--plasma-avatar-font-family',\n    fontSize: '--plasma-avatar-font-size',\n    color: '--plasma-avatar-color',\n    fontWeight: '--plasma-avatar-font-weight',\n    lineHeight: '--plasma-avatar-line-height',\n    backgroundColor: '--plasma-avatar-background',\n    statusIconSize: '--plasma-status-icon-size',\n    statusOnlineColor: '--plasma-avatar-status-online-background',\n    statusOfflineColor: '--plasma-avatar-status-offline-background',\n    outlineColor: '--plasma-avatar-outline-color',\n    outlineSize: '--plasma-avatar-outline-size',\n    outlineOffset: '--plasma-avatar-outline-offset',\n    scaleHover: '--plasma-avatar-scale-hover',\n    extraPlacementFactor: '--plasma-avatar-extra-placement-factor',\n\n    // extra badge tokens\n    badgeBackground: '--plasma-avatar-extra-badge-background',\n    badgeColor: '--plasma-avatar-extra-badge-color',\n    badgeBackgroundTransparent: '--plasma-avatar-extra-badge-background-transparent',\n    badgeColorTransparent: '--plasma-avatar-extra-badge-color-transparent',\n    badgeColorClear: '--plasma-avatar-extra-badge-color-clear',\n    badgeBackgroundClear: '--plasma-avatar-extra-badge-background-clear',\n\n    badgeBorderRadius: '--plasma-avatar-extra-badge-border-radius',\n    badgePilledBorderRadius: '--plasma-avatar-extra-badge-pilled-border-radius',\n    badgeHeight: '--plasma-avatar-extra-badge-height',\n    badgePadding: '--plasma-avatar-extra-badge-padding',\n    badgePaddingIconOnly: '--plasma-avatar-extra-badge-padding-icon-only',\n\n    badgeFontFamily: '--plasma-avatar-extra-badge-font-family',\n    badgeFontSize: '--plasma-avatar-extra-badge-font-size',\n    badgeFontStyle: '--plasma-avatar-extra-badge-font-style',\n    badgeFontWeight: '--plasma-avatar-extra-badge-font-weight',\n    badgeLetterSpacing: '--plasma-avatar-extra-badge-letter-spacing',\n    badgeLineHeight: '--plasma-avatar-extra-badge-lineheight',\n\n    badgeLeftContentMarginLeft: '--plasma-avatar-extra-badge-left-content-margin-left',\n    badgeLeftContentMarginRight: '--plasma-avatar-extra-badge-left-content-margin-right',\n    badgeRightContentMarginLeft: '--plasma-avatar-extra-badge-right-content-margin-left',\n    badgeRightContentMarginRight: '--plasma-avatar-extra-badge-right-content-margin-right',\n\n    // extra counter tokens\n    counterBackground: '--plasma-avatar-extra-counter-background',\n    counterColor: '--plasma-avatar-extra-counter-color',\n\n    counterBorderRadius: '--plasma-avatar-extra-counter-border-radius',\n    counterHeight: '--plasma-avatar-extra-counter-height',\n    counterPadding: '--plasma-avatar-extra-counter-padding',\n\n    counterFontFamily: '--plasma-avatar-extra-counter-font-family',\n    counterFontSize: '--plasma-avatar-extra-counter-font-size',\n    counterFontStyle: '--plasma-avatar-extra-counter-font-style',\n    counterFontWeight: '--plasma-avatar-extra-counter-font-weight',\n    counterLetterSpacing: '--plasma-avatar-extra-counter-letter-spacing',\n    counterLineHeight: '--plasma-avatar-extra-counter-lineheight',\n};\n"],"names":["classes","avatarItem","extraPlacementTopRight","extraPlacementTopLeft","extraPlacementBottomLeft","extraPlacementBottomRight","tokens","avatarSize","fontFamily","fontSize","color","fontWeight","lineHeight","backgroundColor","statusIconSize","statusOnlineColor","statusOfflineColor","outlineColor","outlineSize","outlineOffset","scaleHover","extraPlacementFactor","badgeBackground","badgeColor","badgeBackgroundTransparent","badgeColorTransparent","badgeColorClear","badgeBackgroundClear","badgeBorderRadius","badgePilledBorderRadius","badgeHeight","badgePadding","badgePaddingIconOnly","badgeFontFamily","badgeFontSize","badgeFontStyle","badgeFontWeight","badgeLetterSpacing","badgeLineHeight","badgeLeftContentMarginLeft","badgeLeftContentMarginRight","badgeRightContentMarginLeft","badgeRightContentMarginRight","counterBackground","counterColor","counterBorderRadius","counterHeight","counterPadding","counterFontFamily","counterFontSize","counterFontStyle","counterFontWeight","counterLetterSpacing","counterLineHeight"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,UAAU,EAAE,aAAa;AACzBC,EAAAA,sBAAsB,EAAE,kCAAkC;AAC1DC,EAAAA,qBAAqB,EAAE,iCAAiC;AACxDC,EAAAA,wBAAwB,EAAE,oCAAoC;AAC9DC,EAAAA,yBAAyB,EAAE,qCAAA;AAC/B,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,UAAU,EAAE,sBAAsB;AAClCC,EAAAA,UAAU,EAAE,6BAA6B;AACzCC,EAAAA,QAAQ,EAAE,2BAA2B;AACrCC,EAAAA,KAAK,EAAE,uBAAuB;AAC9BC,EAAAA,UAAU,EAAE,6BAA6B;AACzCC,EAAAA,UAAU,EAAE,6BAA6B;AACzCC,EAAAA,eAAe,EAAE,4BAA4B;AAC7CC,EAAAA,cAAc,EAAE,2BAA2B;AAC3CC,EAAAA,iBAAiB,EAAE,0CAA0C;AAC7DC,EAAAA,kBAAkB,EAAE,2CAA2C;AAC/DC,EAAAA,YAAY,EAAE,+BAA+B;AAC7CC,EAAAA,WAAW,EAAE,8BAA8B;AAC3CC,EAAAA,aAAa,EAAE,gCAAgC;AAC/CC,EAAAA,UAAU,EAAE,6BAA6B;AACzCC,EAAAA,oBAAoB,EAAE,wCAAwC;AAE9D;AACAC,EAAAA,eAAe,EAAE,wCAAwC;AACzDC,EAAAA,UAAU,EAAE,mCAAmC;AAC/CC,EAAAA,0BAA0B,EAAE,oDAAoD;AAChFC,EAAAA,qBAAqB,EAAE,+CAA+C;AACtEC,EAAAA,eAAe,EAAE,yCAAyC;AAC1DC,EAAAA,oBAAoB,EAAE,8CAA8C;AAEpEC,EAAAA,iBAAiB,EAAE,2CAA2C;AAC9DC,EAAAA,uBAAuB,EAAE,kDAAkD;AAC3EC,EAAAA,WAAW,EAAE,oCAAoC;AACjDC,EAAAA,YAAY,EAAE,qCAAqC;AACnDC,EAAAA,oBAAoB,EAAE,+CAA+C;AAErEC,EAAAA,eAAe,EAAE,yCAAyC;AAC1DC,EAAAA,aAAa,EAAE,uCAAuC;AACtDC,EAAAA,cAAc,EAAE,wCAAwC;AACxDC,EAAAA,eAAe,EAAE,yCAAyC;AAC1DC,EAAAA,kBAAkB,EAAE,4CAA4C;AAChEC,EAAAA,eAAe,EAAE,wCAAwC;AAEzDC,EAAAA,0BAA0B,EAAE,sDAAsD;AAClFC,EAAAA,2BAA2B,EAAE,uDAAuD;AACpFC,EAAAA,2BAA2B,EAAE,uDAAuD;AACpFC,EAAAA,4BAA4B,EAAE,wDAAwD;AAEtF;AACAC,EAAAA,iBAAiB,EAAE,0CAA0C;AAC7DC,EAAAA,YAAY,EAAE,qCAAqC;AAEnDC,EAAAA,mBAAmB,EAAE,6CAA6C;AAClEC,EAAAA,aAAa,EAAE,sCAAsC;AACrDC,EAAAA,cAAc,EAAE,uCAAuC;AAEvDC,EAAAA,iBAAiB,EAAE,2CAA2C;AAC9DC,EAAAA,eAAe,EAAE,yCAAyC;AAC1DC,EAAAA,gBAAgB,EAAE,0CAA0C;AAC5DC,EAAAA,iBAAiB,EAAE,2CAA2C;AAC9DC,EAAAA,oBAAoB,EAAE,8CAA8C;AACpEC,EAAAA,iBAAiB,EAAE,0CAAA;AACvB;;;;"}
+{"version":3,"file":"Avatar.tokens.js","sources":["../../../src/components/Avatar/Avatar.tokens.ts"],"sourcesContent":["export const classes = {\n    avatarItem: 'avatar-item',\n    extraPlacementTopRight: 'avatar-extra-placement-top-right',\n    extraPlacementTopLeft: 'avatar-extra-placement-top-left',\n    extraPlacementBottomLeft: 'avatar-extra-placement-bottom-left',\n    extraPlacementBottomRight: 'avatar-extra-placement-bottom-right',\n};\n\nexport const tokens = {\n    avatarSize: '--plasma-avatar-size',\n    fontFamily: '--plasma-avatar-font-family',\n    fontSize: '--plasma-avatar-font-size',\n    color: '--plasma-avatar-color',\n    fontWeight: '--plasma-avatar-font-weight',\n    lineHeight: '--plasma-avatar-line-height',\n    backgroundColor: '--plasma-avatar-background',\n    statusIconSize: '--plasma-status-icon-size',\n    statusOnlineColor: '--plasma-avatar-status-online-background',\n    statusOfflineColor: '--plasma-avatar-status-offline-background',\n    outlineColor: '--plasma-avatar-outline-color',\n    outlineSize: '--plasma-avatar-outline-size',\n    outlineOffset: '--plasma-avatar-outline-offset',\n    scaleHover: '--plasma-avatar-scale-hover',\n    extraPlacementFactor: '--plasma-avatar-extra-placement-factor',\n\n    // extra badge tokens\n    badgeBackground: '--plasma-avatar-extra-badge-background',\n    badgeColor: '--plasma-avatar-extra-badge-color',\n    badgeBackgroundTransparent: '--plasma-avatar-extra-badge-background-transparent',\n    badgeColorTransparent: '--plasma-avatar-extra-badge-color-transparent',\n    badgeColorClear: '--plasma-avatar-extra-badge-color-clear',\n    badgeBackgroundClear: '--plasma-avatar-extra-badge-background-clear',\n\n    badgeBorderRadius: '--plasma-avatar-extra-badge-border-radius',\n    badgePilledBorderRadius: '--plasma-avatar-extra-badge-pilled-border-radius',\n    badgeHeight: '--plasma-avatar-extra-badge-height',\n    badgePadding: '--plasma-avatar-extra-badge-padding',\n    badgePaddingIconOnly: '--plasma-avatar-extra-badge-padding-icon-only',\n\n    badgeFontFamily: '--plasma-avatar-extra-badge-font-family',\n    badgeFontSize: '--plasma-avatar-extra-badge-font-size',\n    badgeFontStyle: '--plasma-avatar-extra-badge-font-style',\n    badgeFontWeight: '--plasma-avatar-extra-badge-font-weight',\n    badgeLetterSpacing: '--plasma-avatar-extra-badge-letter-spacing',\n    badgeLineHeight: '--plasma-avatar-extra-badge-lineheight',\n\n    badgeLeftContentMarginLeft: '--plasma-avatar-extra-badge-left-content-margin-left',\n    badgeLeftContentMarginRight: '--plasma-avatar-extra-badge-left-content-margin-right',\n    badgeRightContentMarginLeft: '--plasma-avatar-extra-badge-right-content-margin-left',\n    badgeRightContentMarginRight: '--plasma-avatar-extra-badge-right-content-margin-right',\n\n    // extra counter tokens\n    counterBackground: '--plasma-avatar-extra-counter-background',\n    counterColor: '--plasma-avatar-extra-counter-color',\n\n    counterBorderRadius: '--plasma-avatar-extra-counter-border-radius',\n    counterHeight: '--plasma-avatar-extra-counter-height',\n    counterPadding: '--plasma-avatar-extra-counter-padding',\n\n    counterFontFamily: '--plasma-avatar-extra-counter-font-family',\n    counterFontSize: '--plasma-avatar-extra-counter-font-size',\n    counterFontStyle: '--plasma-avatar-extra-counter-font-style',\n    counterFontWeight: '--plasma-avatar-extra-counter-font-weight',\n    counterLetterSpacing: '--plasma-avatar-extra-counter-letter-spacing',\n    counterLineHeight: '--plasma-avatar-extra-counter-lineheight',\n};\n"],"names":["classes","avatarItem","extraPlacementTopRight","extraPlacementTopLeft","extraPlacementBottomLeft","extraPlacementBottomRight","tokens","avatarSize","fontFamily","fontSize","color","fontWeight","lineHeight","backgroundColor","statusIconSize","statusOnlineColor","statusOfflineColor","outlineColor","outlineSize","outlineOffset","scaleHover","extraPlacementFactor","badgeBackground","badgeColor","badgeBackgroundTransparent","badgeColorTransparent","badgeColorClear","badgeBackgroundClear","badgeBorderRadius","badgePilledBorderRadius","badgeHeight","badgePadding","badgePaddingIconOnly","badgeFontFamily","badgeFontSize","badgeFontStyle","badgeFontWeight","badgeLetterSpacing","badgeLineHeight","badgeLeftContentMarginLeft","badgeLeftContentMarginRight","badgeRightContentMarginLeft","badgeRightContentMarginRight","counterBackground","counterColor","counterBorderRadius","counterHeight","counterPadding","counterFontFamily","counterFontSize","counterFontStyle","counterFontWeight","counterLetterSpacing","counterLineHeight"],"mappings":"AAAO,MAAMA,OAAO,GAAG;AACnBC,EAAAA,UAAU,EAAE,aAAa;AACzBC,EAAAA,sBAAsB,EAAE,kCAAkC;AAC1DC,EAAAA,qBAAqB,EAAE,iCAAiC;AACxDC,EAAAA,wBAAwB,EAAE,oCAAoC;AAC9DC,EAAAA,yBAAyB,EAAE,qCAAA;AAC/B,EAAC;AAEM,MAAMC,MAAM,GAAG;AAClBC,EAAAA,UAAU,EAAE,sBAAsB;AAClCC,EAAAA,UAAU,EAAE,6BAA6B;AACzCC,EAAAA,QAAQ,EAAE,2BAA2B;AACrCC,EAAAA,KAAK,EAAE,uBAAuB;AAC9BC,EAAAA,UAAU,EAAE,6BAA6B;AACzCC,EAAAA,UAAU,EAAE,6BAA6B;AACzCC,EAAAA,eAAe,EAAE,4BAA4B;AAC7CC,EAAAA,cAAc,EAAE,2BAA2B;AAC3CC,EAAAA,iBAAiB,EAAE,0CAA0C;AAC7DC,EAAAA,kBAAkB,EAAE,2CAA2C;AAC/DC,EAAAA,YAAY,EAAE,+BAA+B;AAC7CC,EAAAA,WAAW,EAAE,8BAA8B;AAC3CC,EAAAA,aAAa,EAAE,gCAAgC;AAC/CC,EAAAA,UAAU,EAAE,6BAA6B;AACzCC,EAAAA,oBAAoB,EAAE,wCAAwC;AAE9D;AACAC,EAAAA,eAAe,EAAE,wCAAwC;AACzDC,EAAAA,UAAU,EAAE,mCAAmC;AAC/CC,EAAAA,0BAA0B,EAAE,oDAAoD;AAChFC,EAAAA,qBAAqB,EAAE,+CAA+C;AACtEC,EAAAA,eAAe,EAAE,yCAAyC;AAC1DC,EAAAA,oBAAoB,EAAE,8CAA8C;AAEpEC,EAAAA,iBAAiB,EAAE,2CAA2C;AAC9DC,EAAAA,uBAAuB,EAAE,kDAAkD;AAC3EC,EAAAA,WAAW,EAAE,oCAAoC;AACjDC,EAAAA,YAAY,EAAE,qCAAqC;AACnDC,EAAAA,oBAAoB,EAAE,+CAA+C;AAErEC,EAAAA,eAAe,EAAE,yCAAyC;AAC1DC,EAAAA,aAAa,EAAE,uCAAuC;AACtDC,EAAAA,cAAc,EAAE,wCAAwC;AACxDC,EAAAA,eAAe,EAAE,yCAAyC;AAC1DC,EAAAA,kBAAkB,EAAE,4CAA4C;AAChEC,EAAAA,eAAe,EAAE,wCAAwC;AAEzDC,EAAAA,0BAA0B,EAAE,sDAAsD;AAClFC,EAAAA,2BAA2B,EAAE,uDAAuD;AACpFC,EAAAA,2BAA2B,EAAE,uDAAuD;AACpFC,EAAAA,4BAA4B,EAAE,wDAAwD;AAEtF;AACAC,EAAAA,iBAAiB,EAAE,0CAA0C;AAC7DC,EAAAA,YAAY,EAAE,qCAAqC;AAEnDC,EAAAA,mBAAmB,EAAE,6CAA6C;AAClEC,EAAAA,aAAa,EAAE,sCAAsC;AACrDC,EAAAA,cAAc,EAAE,uCAAuC;AAEvDC,EAAAA,iBAAiB,EAAE,2CAA2C;AAC9DC,EAAAA,eAAe,EAAE,yCAAyC;AAC1DC,EAAAA,gBAAgB,EAAE,0CAA0C;AAC5DC,EAAAA,iBAAiB,EAAE,2CAA2C;AAC9DC,EAAAA,oBAAoB,EAAE,8CAA8C;AACpEC,EAAAA,iBAAiB,EAAE,0CAAA;AACvB;;;;"}

package/es/components/Avatar/utils/getInitialsForName.js

@@ -1,14 +1,9 @@
-import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-
-var getInitialsForName = function getInitialsForName(name) {
+const getInitialsForName = name => {
   if (!name) return '';
-  var _name$split = name.split(' '),
-    _name$split2 = _slicedToArray(_name$split, 2),
-    firstName = _name$split2[0],
-    secondName = _name$split2[1];
-  var firstLetter = (firstName === null || firstName === void 0 ? void 0 : firstName[0]) || '';
-  var secondLatter = (secondName === null || secondName === void 0 ? void 0 : secondName[0]) || '';
-  return "".concat(firstLetter).concat(secondLatter).toUpperCase();
+  const [firstName, secondName] = name.split(' ');
+  const firstLetter = firstName?.[0] || '';
+  const secondLatter = secondName?.[0] || '';
+  return `${firstLetter}${secondLatter}`.toUpperCase();
 };
 
 export { getInitialsForName };

package/es/components/Avatar/utils/getInitialsForName.js.map

@@ -1 +1 @@
-{"version":3,"file":"getInitialsForName.js","sources":["../../../../src/components/Avatar/utils/getInitialsForName.ts"],"sourcesContent":["export const getInitialsForName = (name?: string) => {\n    if (!name) return '';\n\n    const [firstName, secondName] = name.split(' ');\n    const firstLetter = firstName?.[0] || '';\n    const secondLatter = secondName?.[0] || '';\n\n    return `${firstLetter}${secondLatter}`.toUpperCase();\n};\n"],"names":["getInitialsForName","name","_name$split","split","_name$split2","_slicedToArray","firstName","secondName","firstLetter","secondLatter","concat","toUpperCase"],"mappings":";;IAAaA,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIC,IAAa,EAAK;AACjD,EAAA,IAAI,CAACA,IAAI,EAAE,OAAO,EAAE,CAAA;AAEpB,EAAA,IAAAC,WAAA,GAAgCD,IAAI,CAACE,KAAK,CAAC,GAAG,CAAC;IAAAC,YAAA,GAAAC,cAAA,CAAAH,WAAA,EAAA,CAAA,CAAA;AAAxCI,IAAAA,SAAS,GAAAF,YAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,UAAU,GAAAH,YAAA,CAAA,CAAA,CAAA,CAAA;AAC5B,EAAA,IAAMI,WAAW,GAAG,CAAAF,SAAS,KAATA,IAAAA,IAAAA,SAAS,KAATA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,SAAS,CAAG,CAAC,CAAC,KAAI,EAAE,CAAA;AACxC,EAAA,IAAMG,YAAY,GAAG,CAAAF,UAAU,KAAVA,IAAAA,IAAAA,UAAU,KAAVA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,UAAU,CAAG,CAAC,CAAC,KAAI,EAAE,CAAA;EAE1C,OAAO,EAAA,CAAAG,MAAA,CAAGF,WAAW,CAAA,CAAAE,MAAA,CAAGD,YAAY,CAAA,CAAGE,WAAW,EAAE,CAAA;AACxD;;;;"}
+{"version":3,"file":"getInitialsForName.js","sources":["../../../../src/components/Avatar/utils/getInitialsForName.ts"],"sourcesContent":["export const getInitialsForName = (name?: string) => {\n    if (!name) return '';\n\n    const [firstName, secondName] = name.split(' ');\n    const firstLetter = firstName?.[0] || '';\n    const secondLatter = secondName?.[0] || '';\n\n    return `${firstLetter}${secondLatter}`.toUpperCase();\n};\n"],"names":["getInitialsForName","name","firstName","secondName","split","firstLetter","secondLatter","toUpperCase"],"mappings":"AAAaA,MAAAA,kBAAkB,GAAIC,IAAa,IAAK;AACjD,EAAA,IAAI,CAACA,IAAI,EAAE,OAAO,EAAE,CAAA;EAEpB,MAAM,CAACC,SAAS,EAAEC,UAAU,CAAC,GAAGF,IAAI,CAACG,KAAK,CAAC,GAAG,CAAC,CAAA;AAC/C,EAAA,MAAMC,WAAW,GAAGH,SAAS,GAAG,CAAC,CAAC,IAAI,EAAE,CAAA;AACxC,EAAA,MAAMI,YAAY,GAAGH,UAAU,GAAG,CAAC,CAAC,IAAI,EAAE,CAAA;EAE1C,OAAO,CAAA,EAAGE,WAAW,CAAGC,EAAAA,YAAY,EAAE,CAACC,WAAW,EAAE,CAAA;AACxD;;;;"}

package/es/components/Avatar/utils/index.js

@@ -1,6 +1,6 @@
 import { classes } from '../Avatar.tokens.js';
 
-var extraPlacementMap = function extraPlacementMap(extraPlacement) {
+const extraPlacementMap = extraPlacement => {
   switch (extraPlacement) {
     case 'top-left':
       return classes.extraPlacementTopLeft;

package/es/components/Avatar/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/Avatar/utils/index.tsx"],"sourcesContent":["import { classes } from '../Avatar.tokens';\n\nexport { getInitialsForName } from './getInitialsForName';\n\nexport const extraPlacementMap = (extraPlacement?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right') => {\n    switch (extraPlacement) {\n        case 'top-left':\n            return classes.extraPlacementTopLeft;\n        case 'bottom-left':\n            return classes.extraPlacementBottomLeft;\n        case 'bottom-right':\n            return classes.extraPlacementBottomRight;\n        default:\n            return classes.extraPlacementTopRight;\n    }\n};\n"],"names":["extraPlacementMap","extraPlacement","classes","extraPlacementTopLeft","extraPlacementBottomLeft","extraPlacementBottomRight","extraPlacementTopRight"],"mappings":";;IAIaA,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,cAA0E,EAAK;AAC7G,EAAA,QAAQA,cAAc;AAClB,IAAA,KAAK,UAAU;MACX,OAAOC,OAAO,CAACC,qBAAqB,CAAA;AACxC,IAAA,KAAK,aAAa;MACd,OAAOD,OAAO,CAACE,wBAAwB,CAAA;AAC3C,IAAA,KAAK,cAAc;MACf,OAAOF,OAAO,CAACG,yBAAyB,CAAA;AAC5C,IAAA;MACI,OAAOH,OAAO,CAACI,sBAAsB,CAAA;AAC7C,GAAA;AACJ;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/Avatar/utils/index.tsx"],"sourcesContent":["import { classes } from '../Avatar.tokens';\n\nexport { getInitialsForName } from './getInitialsForName';\n\nexport const extraPlacementMap = (extraPlacement?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right') => {\n    switch (extraPlacement) {\n        case 'top-left':\n            return classes.extraPlacementTopLeft;\n        case 'bottom-left':\n            return classes.extraPlacementBottomLeft;\n        case 'bottom-right':\n            return classes.extraPlacementBottomRight;\n        default:\n            return classes.extraPlacementTopRight;\n    }\n};\n"],"names":["extraPlacementMap","extraPlacement","classes","extraPlacementTopLeft","extraPlacementBottomLeft","extraPlacementBottomRight","extraPlacementTopRight"],"mappings":";;AAIaA,MAAAA,iBAAiB,GAAIC,cAA0E,IAAK;AAC7G,EAAA,QAAQA,cAAc;AAClB,IAAA,KAAK,UAAU;MACX,OAAOC,OAAO,CAACC,qBAAqB,CAAA;AACxC,IAAA,KAAK,aAAa;MACd,OAAOD,OAAO,CAACE,wBAAwB,CAAA;AAC3C,IAAA,KAAK,cAAc;MACf,OAAOF,OAAO,CAACG,yBAAyB,CAAA;AAC5C,IAAA;MACI,OAAOH,OAAO,CAACI,sBAAsB,CAAA;AAC7C,GAAA;AACJ;;;;"}

package/es/components/Avatar/variations/_focused/base.js

@@ -1,5 +1,5 @@
 import './base_a6i4i9.css';
-var base = "boftdhc";
+const base = "boftdhc";
 
 export { base };
 //# sourceMappingURL=base.js.map

package/es/components/Avatar/variations/_focused/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../../../src/components/Avatar/variations/_focused/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { addFocus } from '../../../../mixins';\nimport { tokens } from '../../Avatar.tokens';\n\nexport const base = css`\n    :focus-visible {\n        outline: none;\n    }\n\n    ${addFocus({\n        outlineOffset: `var(${tokens.outlineOffset})`,\n        outlineSize: `var(${tokens.outlineSize})`,\n        outlineRadius: '100%',\n        outlineColor: `var(${tokens.outlineColor})`,\n    })}\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,GAWhB;;;;"}
+{"version":3,"file":"base.js","sources":["../../../../../src/components/Avatar/variations/_focused/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { addFocus } from '../../../../mixins';\nimport { tokens } from '../../Avatar.tokens';\n\nexport const base = css`\n    :focus-visible {\n        outline: none;\n    }\n\n    ${addFocus({\n        outlineOffset: `var(${tokens.outlineOffset})`,\n        outlineSize: `var(${tokens.outlineSize})`,\n        outlineRadius: '100%',\n        outlineColor: `var(${tokens.outlineColor})`,\n    })}\n`;\n"],"names":["base"],"mappings":"AAKO,MAAMA,IAAI,GAWhB;;;;"}

package/es/components/Avatar/variations/_size/base.js

@@ -1,5 +1,5 @@
 import './base_1vhlhpd.css';
-var base = "bf4ss7k";
+const base = "bf4ss7k";
 
 export { base };
 //# sourceMappingURL=base.js.map

package/es/components/Avatar/variations/_size/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../../../src/components/Avatar/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../Avatar.tokens';\n\nexport const base = css`\n    width: var(${tokens.avatarSize});\n    height: var(${tokens.avatarSize});\n`;\n"],"names":["base"],"mappings":"AAIO,IAAMA,IAAI,GAGhB;;;;"}
+{"version":3,"file":"base.js","sources":["../../../../../src/components/Avatar/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../Avatar.tokens';\n\nexport const base = css`\n    width: var(${tokens.avatarSize});\n    height: var(${tokens.avatarSize});\n`;\n"],"names":["base"],"mappings":"AAIO,MAAMA,IAAI,GAGhB;;;;"}

package/es/components/AvatarGroup/AvatarGroup.js

@@ -1,22 +1,23 @@
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React, { forwardRef } from 'react';
 import { base } from './AvatarGroup.styles.js';
 
-var _excluded = ["children"];
-var avatarGroupRoot = function avatarGroupRoot(Root) {
-  return /*#__PURE__*/forwardRef(function (props, ref) {
-    var children = props.children,
-      rest = _objectWithoutProperties(props, _excluded);
+const avatarGroupRoot = Root => {
+  return /*#__PURE__*/forwardRef((props, ref) => {
+    const {
+      children,
+      ...rest
+    } = props;
     return /*#__PURE__*/React.createElement(Root, _extends({
       ref: ref
     }, rest), children);
   });
 };
-var avatarGroupConfig = {
+const avatarGroupConfig = {
   name: 'AvatarGroup',
   tag: 'div',
   layout: avatarGroupRoot,
-  base: base,
+  base,
   variations: {},
   defaults: {}
 };

package/es/components/AvatarGroup/AvatarGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarGroup.js","sources":["../../../src/components/AvatarGroup/AvatarGroup.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { RootProps } from '../../engines';\n\nimport { base } from './AvatarGroup.styles';\nimport { AvatarGroupProps } from './AvatarGroup.types';\n\nexport const avatarGroupRoot = (Root: RootProps<HTMLDivElement, AvatarGroupProps>) => {\n    return forwardRef<HTMLDivElement, AvatarGroupProps>((props, ref) => {\n        const { children, ...rest } = props;\n\n        return (\n            <Root ref={ref} {...rest}>\n                {children}\n            </Root>\n        );\n    });\n};\n\nexport const avatarGroupConfig = {\n    name: 'AvatarGroup',\n    tag: 'div',\n    layout: avatarGroupRoot,\n    base,\n    variations: {},\n    defaults: {},\n};\n"],"names":["avatarGroupRoot","Root","forwardRef","props","ref","children","rest","_objectWithoutProperties","_excluded","React","createElement","_extends","avatarGroupConfig","name","tag","layout","base","variations","defaults"],"mappings":";;;;;IAOaA,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,IAAiD,EAAK;AAClF,EAAA,oBAAOC,UAAU,CAAmC,UAACC,KAAK,EAAEC,GAAG,EAAK;AAChE,IAAA,IAAQC,QAAQ,GAAcF,KAAK,CAA3BE,QAAQ;AAAKC,MAAAA,IAAI,GAAAC,wBAAA,CAAKJ,KAAK,EAAAK,SAAA,CAAA,CAAA;AAEnC,IAAA,oBACIC,KAAA,CAAAC,aAAA,CAACT,IAAI,EAAAU,QAAA,CAAA;AAACP,MAAAA,GAAG,EAAEA,GAAAA;KAASE,EAAAA,IAAI,CACnBD,EAAAA,QACC,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AACN,EAAC;AAEM,IAAMO,iBAAiB,GAAG;AAC7BC,EAAAA,IAAI,EAAE,aAAa;AACnBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEf,eAAe;AACvBgB,EAAAA,IAAI,EAAJA,IAAI;EACJC,UAAU,EAAE,EAAE;AACdC,EAAAA,QAAQ,EAAE,EAAC;AACf;;;;"}
+{"version":3,"file":"AvatarGroup.js","sources":["../../../src/components/AvatarGroup/AvatarGroup.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { RootProps } from '../../engines';\n\nimport { base } from './AvatarGroup.styles';\nimport { AvatarGroupProps } from './AvatarGroup.types';\n\nexport const avatarGroupRoot = (Root: RootProps<HTMLDivElement, AvatarGroupProps>) => {\n    return forwardRef<HTMLDivElement, AvatarGroupProps>((props, ref) => {\n        const { children, ...rest } = props;\n\n        return (\n            <Root ref={ref} {...rest}>\n                {children}\n            </Root>\n        );\n    });\n};\n\nexport const avatarGroupConfig = {\n    name: 'AvatarGroup',\n    tag: 'div',\n    layout: avatarGroupRoot,\n    base,\n    variations: {},\n    defaults: {},\n};\n"],"names":["avatarGroupRoot","Root","forwardRef","props","ref","children","rest","React","createElement","_extends","avatarGroupConfig","name","tag","layout","base","variations","defaults"],"mappings":";;;;AAOaA,MAAAA,eAAe,GAAIC,IAAiD,IAAK;AAClF,EAAA,oBAAOC,UAAU,CAAmC,CAACC,KAAK,EAAEC,GAAG,KAAK;IAChE,MAAM;MAAEC,QAAQ;MAAE,GAAGC,IAAAA;AAAK,KAAC,GAAGH,KAAK,CAAA;AAEnC,IAAA,oBACII,KAAA,CAAAC,aAAA,CAACP,IAAI,EAAAQ,QAAA,CAAA;AAACL,MAAAA,GAAG,EAAEA,GAAAA;KAASE,EAAAA,IAAI,CACnBD,EAAAA,QACC,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AACN,EAAC;AAEM,MAAMK,iBAAiB,GAAG;AAC7BC,EAAAA,IAAI,EAAE,aAAa;AACnBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEb,eAAe;EACvBc,IAAI;EACJC,UAAU,EAAE,EAAE;AACdC,EAAAA,QAAQ,EAAE,EAAC;AACf;;;;"}

package/es/components/AvatarGroup/AvatarGroup.styles.js

@@ -1,5 +1,5 @@
 import './AvatarGroup.styles_rsmybl.css';
-var base = "bxtue4e";
+const base = "bxtue4e";
 
 export { base };
 //# sourceMappingURL=AvatarGroup.styles.js.map

package/es/components/AvatarGroup/AvatarGroup.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarGroup.styles.js","sources":["../../../src/components/AvatarGroup/AvatarGroup.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens as avatarTokens } from '../Avatar/Avatar.tokens';\n\nexport const base = css`\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n\n    & .${classes.avatarItem} {\n        margin-left: calc(var(${avatarTokens.avatarSize}) * -0.2);\n        mask-repeat: no-repeat;\n        mask: radial-gradient(\n            circle at calc(var(${avatarTokens.avatarSize}) * 1.3) center,\n            #0000 calc(var(${avatarTokens.avatarSize}) * 0.58),\n            #000 0\n        );\n\n        &:first-child {\n            margin-left: 0;\n        }\n\n        &:last-child {\n            -webkit-mask-image: none;\n        }\n\n        &:hover, &:focus-visible {\n            position: relative;\n            mask: none;\n            cursor: pointer;\n\n            & + .${classes.avatarItem} {\n                mask: radial-gradient(\n                    circle at calc(var(${avatarTokens.avatarSize}) * 1.3) center,\n                    #0000 calc(var(${avatarTokens.avatarSize}) * 0.58),\n                    #000 0\n                ),\n                radial-gradient(\n                    circle at calc(var(${avatarTokens.avatarSize}) * -0.3) center,\n                    #0000 calc(var(${avatarTokens.avatarSize}) * 0.58),\n                    #000 0\n                );\n                mask-composite: intersect;\n\n                &:last-child {\n                    mask: radial-gradient(\n                        circle at calc(var(${avatarTokens.avatarSize}) * -0.3) center,\n                        #0000 calc(var(${avatarTokens.avatarSize}) * 0.58),\n                        #000 0\n                    );\n                }\n            }\n        }\n    }\n}\n`;\n"],"names":["base"],"mappings":"AAIO,IAAMA,IAAI,GAmDhB;;;;"}
+{"version":3,"file":"AvatarGroup.styles.js","sources":["../../../src/components/AvatarGroup/AvatarGroup.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens as avatarTokens } from '../Avatar/Avatar.tokens';\n\nexport const base = css`\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n\n    & .${classes.avatarItem} {\n        margin-left: calc(var(${avatarTokens.avatarSize}) * -0.2);\n        mask-repeat: no-repeat;\n        mask: radial-gradient(\n            circle at calc(var(${avatarTokens.avatarSize}) * 1.3) center,\n            #0000 calc(var(${avatarTokens.avatarSize}) * 0.58),\n            #000 0\n        );\n\n        &:first-child {\n            margin-left: 0;\n        }\n\n        &:last-child {\n            -webkit-mask-image: none;\n        }\n\n        &:hover, &:focus-visible {\n            position: relative;\n            mask: none;\n            cursor: pointer;\n\n            & + .${classes.avatarItem} {\n                mask: radial-gradient(\n                    circle at calc(var(${avatarTokens.avatarSize}) * 1.3) center,\n                    #0000 calc(var(${avatarTokens.avatarSize}) * 0.58),\n                    #000 0\n                ),\n                radial-gradient(\n                    circle at calc(var(${avatarTokens.avatarSize}) * -0.3) center,\n                    #0000 calc(var(${avatarTokens.avatarSize}) * 0.58),\n                    #000 0\n                );\n                mask-composite: intersect;\n\n                &:last-child {\n                    mask: radial-gradient(\n                        circle at calc(var(${avatarTokens.avatarSize}) * -0.3) center,\n                        #0000 calc(var(${avatarTokens.avatarSize}) * 0.58),\n                        #000 0\n                    );\n                }\n            }\n        }\n    }\n}\n`;\n"],"names":["base"],"mappings":"AAIO,MAAMA,IAAI,GAmDhB;;;;"}