@salutejs/plasma-new-hope 0.336.0-canary.2239.17794430722.0 → 0.336.0

package/emotion/es/components/Attach/Attach.js

@@ -99,24 +99,25 @@ function _unsupported_iterable_to_array(o, minLen) {
     if (n === "Map" || n === "Set") return Array.from(n);
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
 }
-import React, { forwardRef, useEffect, useRef, useState } from "react";
-import { useForkRef, useIsomorphicLayoutEffect } from "@salutejs/plasma-core";
+import React, { forwardRef, useRef, useState } from "react";
+import { useForkRef } from "@salutejs/plasma-core";
 import { cx } from "../../utils";
 import { IconCloseCircleOutline } from "../_Icon";
 import { base as sizeCSS } from "./variations/_size/base";
 import { base as viewCSS } from "./variations/_view/base";
 import { base as helperTextViewCSS } from "./variations/_helperTextView/base";
-import { base, StyledHelperText, StyledHiddenInput, StyledHiddenInputHelper, StyledAttachButtonWrapper } from "./Attach.styles";
+import { base, StyledHelperText, StyledHiddenInput, StyledAttachButtonWrapper, FilenameWrapper, TruncatedFilenamePart, FilenameExtensionPart } from "./Attach.styles";
 import { StyledCell } from "./ui/Cell/Cell";
-import { extractExtension, getFileicon, addSeparator, separator } from "./utils";
+import { extractExtension, getFileIcon } from "./utils";
 import { classes } from "./Attach.tokens";
 import { AttachButton } from "./components/AttachButton";
 import { StyledIconButtonCancel } from "./ui/IconButton/IconButton.styles";
 export var attachRoot = function(Root) {
     return /*#__PURE__*/ forwardRef(function(props, outerRef) {
-        var _props_flow = props.flow, flow = _props_flow === void 0 ? 'auto' : _props_flow, _props_buttonType = props.buttonType, buttonType = _props_buttonType === void 0 ? 'button' : _props_buttonType, _props_hasAttachment = props.hasAttachment, hasAttachment = _props_hasAttachment === void 0 ? true : _props_hasAttachment, acceptedFileFormats = props.acceptedFileFormats, helperText = props.helperText, size = props.size, view = props.view, helperTextView = props.helperTextView, className = props.className, style = props.style, isLoading = props.isLoading, disabled = props.disabled, id = props.id, name = props.name, customIcon = props.customIcon, onChange = props.onChange, onClear = props.onClear, rest = _object_without_properties(props, [
+        var _props_flow = props.flow, flow = _props_flow === void 0 ? 'auto' : _props_flow, _props_buttonType = props.buttonType, buttonType = _props_buttonType === void 0 ? 'button' : _props_buttonType, _props_hideButtonOnAttach = props.hideButtonOnAttach, hideButtonOnAttach = _props_hideButtonOnAttach === void 0 ? false : _props_hideButtonOnAttach, _props_hasAttachment = props.hasAttachment, hasAttachment = _props_hasAttachment === void 0 ? true : _props_hasAttachment, acceptedFileFormats = props.acceptedFileFormats, helperText = props.helperText, size = props.size, view = props.view, helperTextView = props.helperTextView, className = props.className, style = props.style, isLoading = props.isLoading, disabled = props.disabled, id = props.id, name = props.name, customIcon = props.customIcon, onClick = props.onClick, onChange = props.onChange, onClear = props.onClear, rest = _object_without_properties(props, [
             "flow",
             "buttonType",
+            "hideButtonOnAttach",
             "hasAttachment",
             "acceptedFileFormats",
             "helperText",
@@ -130,66 +131,31 @@ export var attachRoot = function(Root) {
             "id",
             "name",
             "customIcon",
+            "onClick",
             "onChange",
             "onClear"
         ]);
         var innerRef = useRef(null);
         var ref = useForkRef(outerRef, innerRef);
         var inputRef = useRef(null);
-        var inputHelperRef = useRef(null);
         var cellRef = useRef(null);
         var buttonRef = useRef(null);
-        var emptyTextCellWidth = useRef(null);
         var _useState = _sliced_to_array(useState(''), 2), filename = _useState[0], setFilename = _useState[1];
-        var _useState1 = _sliced_to_array(useState(''), 2), truncatedFilename = _useState1[0], setTruncatedFilename = _useState1[1];
         var horizontalClass = flow === 'horizontal' ? classes.horizontal : undefined;
         var verticalClass = flow === 'vertical' ? classes.vertical : undefined;
         var withHelperTextClass = helperText ? classes.withHelperText : undefined;
         var autoClass = flow === 'auto' ? classes.auto : undefined;
-        var cellHiddenClass = truncatedFilename.length === 0 ? classes.cellHidden : undefined;
         var accept = acceptedFileFormats === null || acceptedFileFormats === void 0 ? void 0 : acceptedFileFormats.join(',');
         var extension = extractExtension(filename);
-        var cellContentLeft = customIcon || getFileicon(extension, size);
-        useEffect(function() {
-            var _cellRef_current;
-            emptyTextCellWidth.current = ((_cellRef_current = cellRef.current) === null || _cellRef_current === void 0 ? void 0 : _cellRef_current.offsetWidth) || 0;
-        }, []);
-        useIsomorphicLayoutEffect(function() {
-            if (!cellRef.current || !cellRef.current.parentElement || !inputHelperRef.current || !inputHelperRef.current.textContent || !emptyTextCellWidth.current || !buttonRef.current) {
-                return;
-            }
-            var _inputHelperRef_current = inputHelperRef.current, textWidth = _inputHelperRef_current.offsetWidth;
-            var _buttonRef_current = buttonRef.current, buttonWidth = _buttonRef_current.offsetWidth;
-            var _cellRef_current_parentElement_getBoundingClientRect = cellRef.current.parentElement.getBoundingClientRect(), parentWidth = _cellRef_current_parentElement_getBoundingClientRect.width, parentLeft = _cellRef_current_parentElement_getBoundingClientRect.left;
-            var _cellRef_current_getBoundingClientRect = cellRef.current.getBoundingClientRect(), cellLeft = _cellRef_current_getBoundingClientRect.left;
-            var leftDiff = cellLeft - parentLeft;
-            var currentTextWidth = textWidth;
-            if (currentTextWidth + emptyTextCellWidth.current + leftDiff <= parentWidth || currentTextWidth + emptyTextCellWidth.current < buttonWidth) {
-                setTruncatedFilename(filename);
-                return;
-            }
-            var currFilename = addSeparator(filename, separator);
-            for(var i = currFilename.indexOf(separator) - 1; i > 0; i -= 1){
-                if (currentTextWidth + emptyTextCellWidth.current + leftDiff <= parentWidth) {
-                    break;
-                }
-                var left = currFilename.slice(0, i);
-                var right = currFilename.slice(i + 1);
-                var newFilename = "".concat(left).concat(right);
-                inputHelperRef.current.textContent = newFilename;
-                currentTextWidth = inputHelperRef.current.offsetWidth;
-                if (currentTextWidth + emptyTextCellWidth.current < buttonWidth) {
-                    break;
-                }
-                currFilename = newFilename;
-            }
-            inputHelperRef.current.textContent = filename;
-            setTruncatedFilename(currFilename);
-        });
-        var handleClick = function() {
+        var filenameWithoutExtension = filename.slice(0, -1 - ((extension === null || extension === void 0 ? void 0 : extension.length) || 0));
+        var cellContentLeft = customIcon || getFileIcon(extension, size);
+        var handleClick = function(e) {
             if (!inputRef.current) {
                 return;
             }
+            if (onClick) {
+                onClick(e);
+            }
             inputRef.current.click();
         };
         var handleChange = function(e) {
@@ -210,7 +176,6 @@ export var attachRoot = function(Root) {
             }
             inputRef.current.value = '';
             setFilename('');
-            setTruncatedFilename('');
         };
         return /*#__PURE__*/ React.createElement(Root, {
             className: cx(horizontalClass, verticalClass, autoClass, withHelperTextClass, className),
@@ -226,20 +191,16 @@ export var attachRoot = function(Root) {
             id: id,
             name: name,
             onChange: handleChange
-        }), /*#__PURE__*/ React.createElement(StyledHiddenInputHelper, {
-            ref: inputHelperRef
-        }, filename), /*#__PURE__*/ React.createElement(StyledAttachButtonWrapper, null, /*#__PURE__*/ React.createElement(AttachButton, _object_spread({
+        }), (!hideButtonOnAttach || !filename) && /*#__PURE__*/ React.createElement(StyledAttachButtonWrapper, null, /*#__PURE__*/ React.createElement(AttachButton, _object_spread({
             ref: buttonRef,
             buttonType: buttonType,
             isLoading: isLoading,
             disabled: disabled,
             onClick: handleClick
-        }, rest)), helperText && /*#__PURE__*/ React.createElement(StyledHelperText, null, helperText)), hasAttachment && /*#__PURE__*/ React.createElement(StyledCell, {
+        }, rest)), helperText && /*#__PURE__*/ React.createElement(StyledHelperText, null, helperText)), (hasAttachment || hideButtonOnAttach) && filename && /*#__PURE__*/ React.createElement(StyledCell, {
             stretching: "fixed",
-            className: cellHiddenClass,
             ref: cellRef,
             size: size,
-            title: truncatedFilename,
             contentLeft: cellContentLeft,
             contentRight: /*#__PURE__*/ React.createElement(StyledIconButtonCancel, {
                 onClick: handleClear
@@ -247,7 +208,7 @@ export var attachRoot = function(Root) {
                 size: "xs",
                 color: "inherit"
             }))
-        }));
+        }, /*#__PURE__*/ React.createElement(FilenameWrapper, null, /*#__PURE__*/ React.createElement(TruncatedFilenamePart, null, filenameWithoutExtension.slice(0, -1)), /*#__PURE__*/ React.createElement(FilenameExtensionPart, null, filenameWithoutExtension.at(-1), ".", extension))));
     });
 };
 export var attachConfig = {

package/emotion/es/components/Attach/Attach.styles.js

@@ -1,19 +1,28 @@
 import styled from "@emotion/styled";
 import { css } from "@emotion/react";
-export var base = /*#__PURE__*/ css("position:relative;display:flex;", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvQXR0YWNoLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvQXR0YWNoLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhpZGRlbklucHV0ID0gc3R5bGVkLmlucHV0YFxuICAgIGRpc3BsYXk6IG5vbmU7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSGlkZGVuSW5wdXRIZWxwZXIgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB2aXNpYmlsaXR5OiBoaWRkZW47XG4gICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBdHRhY2hCdXR0b25XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSGVscGVyVGV4dCA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIG1hcmdpbi10b3A6IDAuMjVyZW07XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUdvQiJ9 */");
+import { applyEllipsis } from "../../mixins";
+export var base = /*#__PURE__*/ css("position:relative;display:flex;", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvQXR0YWNoLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvQXR0YWNoLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBhcHBseUVsbGlwc2lzIH0gZnJvbSAnc3JjL21peGlucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhpZGRlbklucHV0ID0gc3R5bGVkLmlucHV0YFxuICAgIGRpc3BsYXk6IG5vbmU7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQXR0YWNoQnV0dG9uV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhlbHBlclRleHQgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBtYXJnaW4tdG9wOiAwLjI1cmVtO1xuYDtcblxuZXhwb3J0IGNvbnN0IEZpbGVuYW1lV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICAgZGlzcGxheTogaW5saW5lLWdyaWQ7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IGF1dG8gMWZyO1xuICAgIG1pbi13aWR0aDogOGNoO1xuYDtcblxuZXhwb3J0IGNvbnN0IFRydW5jYXRlZEZpbGVuYW1lUGFydCA9IHN0eWxlZC5zcGFuYFxuICAgICR7YXBwbHlFbGxpcHNpcygpfVxuYDtcblxuZXhwb3J0IGNvbnN0IEZpbGVuYW1lRXh0ZW5zaW9uUGFydCA9IHN0eWxlZC5zcGFuYGA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSW9CIn0= */");
 export var StyledHiddenInput = /*#__PURE__*/ styled("input", {
-    target: "e103vwl10",
+    target: "exbp6ag0",
     label: "StyledHiddenInput"
-})("display:none;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvQXR0YWNoLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvQXR0YWNoLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhpZGRlbklucHV0ID0gc3R5bGVkLmlucHV0YFxuICAgIGRpc3BsYXk6IG5vbmU7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSGlkZGVuSW5wdXRIZWxwZXIgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB2aXNpYmlsaXR5OiBoaWRkZW47XG4gICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBdHRhY2hCdXR0b25XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSGVscGVyVGV4dCA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIG1hcmdpbi10b3A6IDAuMjVyZW07XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVFpQyJ9 */");
-export var StyledHiddenInputHelper = /*#__PURE__*/ styled("div", {
-    target: "e103vwl11",
-    label: "StyledHiddenInputHelper"
-})("position:absolute;visibility:hidden;white-space:nowrap;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvQXR0YWNoLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvQXR0YWNoLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhpZGRlbklucHV0ID0gc3R5bGVkLmlucHV0YFxuICAgIGRpc3BsYXk6IG5vbmU7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSGlkZGVuSW5wdXRIZWxwZXIgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB2aXNpYmlsaXR5OiBoaWRkZW47XG4gICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBdHRhY2hCdXR0b25XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSGVscGVyVGV4dCA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIG1hcmdpbi10b3A6IDAuMjVyZW07XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVl1QyJ9 */");
+})("display:none;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvQXR0YWNoLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvQXR0YWNoLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBhcHBseUVsbGlwc2lzIH0gZnJvbSAnc3JjL21peGlucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhpZGRlbklucHV0ID0gc3R5bGVkLmlucHV0YFxuICAgIGRpc3BsYXk6IG5vbmU7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQXR0YWNoQnV0dG9uV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhlbHBlclRleHQgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBtYXJnaW4tdG9wOiAwLjI1cmVtO1xuYDtcblxuZXhwb3J0IGNvbnN0IEZpbGVuYW1lV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICAgZGlzcGxheTogaW5saW5lLWdyaWQ7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IGF1dG8gMWZyO1xuICAgIG1pbi13aWR0aDogOGNoO1xuYDtcblxuZXhwb3J0IGNvbnN0IFRydW5jYXRlZEZpbGVuYW1lUGFydCA9IHN0eWxlZC5zcGFuYFxuICAgICR7YXBwbHlFbGxpcHNpcygpfVxuYDtcblxuZXhwb3J0IGNvbnN0IEZpbGVuYW1lRXh0ZW5zaW9uUGFydCA9IHN0eWxlZC5zcGFuYGA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBU2lDIn0= */");
 export var StyledAttachButtonWrapper = /*#__PURE__*/ styled("div", {
-    target: "e103vwl12",
+    target: "exbp6ag1",
     label: "StyledAttachButtonWrapper"
-})("position:relative;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvQXR0YWNoLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvQXR0YWNoLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhpZGRlbklucHV0ID0gc3R5bGVkLmlucHV0YFxuICAgIGRpc3BsYXk6IG5vbmU7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSGlkZGVuSW5wdXRIZWxwZXIgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB2aXNpYmlsaXR5OiBoaWRkZW47XG4gICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBdHRhY2hCdXR0b25XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSGVscGVyVGV4dCA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIG1hcmdpbi10b3A6IDAuMjVyZW07XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCeUMifQ== */");
+})("position:relative;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvQXR0YWNoLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvQXR0YWNoLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBhcHBseUVsbGlwc2lzIH0gZnJvbSAnc3JjL21peGlucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhpZGRlbklucHV0ID0gc3R5bGVkLmlucHV0YFxuICAgIGRpc3BsYXk6IG5vbmU7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQXR0YWNoQnV0dG9uV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhlbHBlclRleHQgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBtYXJnaW4tdG9wOiAwLjI1cmVtO1xuYDtcblxuZXhwb3J0IGNvbnN0IEZpbGVuYW1lV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICAgZGlzcGxheTogaW5saW5lLWdyaWQ7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IGF1dG8gMWZyO1xuICAgIG1pbi13aWR0aDogOGNoO1xuYDtcblxuZXhwb3J0IGNvbnN0IFRydW5jYXRlZEZpbGVuYW1lUGFydCA9IHN0eWxlZC5zcGFuYFxuICAgICR7YXBwbHlFbGxpcHNpcygpfVxuYDtcblxuZXhwb3J0IGNvbnN0IEZpbGVuYW1lRXh0ZW5zaW9uUGFydCA9IHN0eWxlZC5zcGFuYGA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYXlDIn0= */");
 export var StyledHelperText = /*#__PURE__*/ styled("div", {
-    target: "e103vwl13",
+    target: "exbp6ag2",
     label: "StyledHelperText"
-})("position:absolute;margin-top:0.25rem;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvQXR0YWNoLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvQXR0YWNoLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhpZGRlbklucHV0ID0gc3R5bGVkLmlucHV0YFxuICAgIGRpc3BsYXk6IG5vbmU7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSGlkZGVuSW5wdXRIZWxwZXIgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB2aXNpYmlsaXR5OiBoaWRkZW47XG4gICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBdHRhY2hCdXR0b25XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSGVscGVyVGV4dCA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIG1hcmdpbi10b3A6IDAuMjVyZW07XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCZ0MifQ== */");
+})("position:absolute;margin-top:0.25rem;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvQXR0YWNoLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvQXR0YWNoLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBhcHBseUVsbGlwc2lzIH0gZnJvbSAnc3JjL21peGlucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhpZGRlbklucHV0ID0gc3R5bGVkLmlucHV0YFxuICAgIGRpc3BsYXk6IG5vbmU7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQXR0YWNoQnV0dG9uV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhlbHBlclRleHQgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBtYXJnaW4tdG9wOiAwLjI1cmVtO1xuYDtcblxuZXhwb3J0IGNvbnN0IEZpbGVuYW1lV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICAgZGlzcGxheTogaW5saW5lLWdyaWQ7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IGF1dG8gMWZyO1xuICAgIG1pbi13aWR0aDogOGNoO1xuYDtcblxuZXhwb3J0IGNvbnN0IFRydW5jYXRlZEZpbGVuYW1lUGFydCA9IHN0eWxlZC5zcGFuYFxuICAgICR7YXBwbHlFbGxpcHNpcygpfVxuYDtcblxuZXhwb3J0IGNvbnN0IEZpbGVuYW1lRXh0ZW5zaW9uUGFydCA9IHN0eWxlZC5zcGFuYGA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUJnQyJ9 */");
+export var FilenameWrapper = /*#__PURE__*/ styled("div", {
+    target: "exbp6ag3",
+    label: "FilenameWrapper"
+})("display:inline-grid;align-items:center;grid-template-columns:auto 1fr;min-width:8ch;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvQXR0YWNoLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvQXR0YWNoLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBhcHBseUVsbGlwc2lzIH0gZnJvbSAnc3JjL21peGlucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhpZGRlbklucHV0ID0gc3R5bGVkLmlucHV0YFxuICAgIGRpc3BsYXk6IG5vbmU7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQXR0YWNoQnV0dG9uV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhlbHBlclRleHQgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBtYXJnaW4tdG9wOiAwLjI1cmVtO1xuYDtcblxuZXhwb3J0IGNvbnN0IEZpbGVuYW1lV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICAgZGlzcGxheTogaW5saW5lLWdyaWQ7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IGF1dG8gMWZyO1xuICAgIG1pbi13aWR0aDogOGNoO1xuYDtcblxuZXhwb3J0IGNvbnN0IFRydW5jYXRlZEZpbGVuYW1lUGFydCA9IHN0eWxlZC5zcGFuYFxuICAgICR7YXBwbHlFbGxpcHNpcygpfVxuYDtcblxuZXhwb3J0IGNvbnN0IEZpbGVuYW1lRXh0ZW5zaW9uUGFydCA9IHN0eWxlZC5zcGFuYGA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0IrQiJ9 */");
+export var TruncatedFilenamePart = /*#__PURE__*/ styled("span", {
+    target: "exbp6ag4",
+    label: "TruncatedFilenamePart"
+})(applyEllipsis(), "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvQXR0YWNoLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvQXR0YWNoLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBhcHBseUVsbGlwc2lzIH0gZnJvbSAnc3JjL21peGlucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhpZGRlbklucHV0ID0gc3R5bGVkLmlucHV0YFxuICAgIGRpc3BsYXk6IG5vbmU7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQXR0YWNoQnV0dG9uV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhlbHBlclRleHQgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBtYXJnaW4tdG9wOiAwLjI1cmVtO1xuYDtcblxuZXhwb3J0IGNvbnN0IEZpbGVuYW1lV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICAgZGlzcGxheTogaW5saW5lLWdyaWQ7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IGF1dG8gMWZyO1xuICAgIG1pbi13aWR0aDogOGNoO1xuYDtcblxuZXhwb3J0IGNvbnN0IFRydW5jYXRlZEZpbGVuYW1lUGFydCA9IHN0eWxlZC5zcGFuYFxuICAgICR7YXBwbHlFbGxpcHNpcygpfVxuYDtcblxuZXhwb3J0IGNvbnN0IEZpbGVuYW1lRXh0ZW5zaW9uUGFydCA9IHN0eWxlZC5zcGFuYGA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkJxQyJ9 */");
+export var FilenameExtensionPart = /*#__PURE__*/ styled("span", {
+    target: "exbp6ag5",
+    label: "FilenameExtensionPart"
+})("/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvQXR0YWNoLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvQXR0YWNoLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBhcHBseUVsbGlwc2lzIH0gZnJvbSAnc3JjL21peGlucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhpZGRlbklucHV0ID0gc3R5bGVkLmlucHV0YFxuICAgIGRpc3BsYXk6IG5vbmU7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQXR0YWNoQnV0dG9uV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhlbHBlclRleHQgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBtYXJnaW4tdG9wOiAwLjI1cmVtO1xuYDtcblxuZXhwb3J0IGNvbnN0IEZpbGVuYW1lV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICAgZGlzcGxheTogaW5saW5lLWdyaWQ7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IGF1dG8gMWZyO1xuICAgIG1pbi13aWR0aDogOGNoO1xuYDtcblxuZXhwb3J0IGNvbnN0IFRydW5jYXRlZEZpbGVuYW1lUGFydCA9IHN0eWxlZC5zcGFuYFxuICAgICR7YXBwbHlFbGxpcHNpcygpfVxuYDtcblxuZXhwb3J0IGNvbnN0IEZpbGVuYW1lRXh0ZW5zaW9uUGFydCA9IHN0eWxlZC5zcGFuYGA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUNxQyJ9 */");

package/emotion/es/components/Attach/Attach.tokens.js

@@ -9,6 +9,7 @@ export var tokens = {
     horizontalGap: '--plasma-attach-horizontal-gap',
     verticalGap: '--plasma-attach-vertical-gap',
     verticalGapWithHelperText: '--plasma-attach-vertical-gap-with-helper-text',
+    filenameWrapperHeight: '--plasma-attach-filename-wrapper-height',
     helperTextColor: '--plasma-attach-helper-text-color',
     // Токены для Button
     buttonColor: '--plasma-attach-button-color',

package/emotion/es/components/Attach/utils/getFileicon.js

@@ -1,6 +1,6 @@
 import React from "react";
 import { IconBlankCsvOutline, IconBlankDocOutline, IconBlankOutline, IconBlankPdfOutline, IconBlankTxtOutline, IconBlankXlsOutline } from "../../_Icon";
-export var getFileicon = function(extension, size) {
+export var getFileIcon = function(extension, size) {
     var iconSize = size === 'xs' ? 'xs' : 's';
     switch(extension){
         case 'pdf':

package/emotion/es/components/Attach/utils/index.js

@@ -1,4 +1,2 @@
 export { extractExtension } from "./extractExtension";
-export { getFileicon } from "./getFileicon";
-export { addSeparator } from "./addSeparator";
-export var separator = '...';
+export { getFileIcon } from "./getFileicon";

package/emotion/es/components/Attach/variations/_size/base.js

@@ -1,4 +1,4 @@
 import { css } from "@emotion/react";
 import { tokens, classes } from "../../Attach.tokens";
-import { StyledHelperText, StyledHiddenInputHelper } from "../../Attach.styles";
-export var base = /*#__PURE__*/ css("&.", classes.horizontal, "{column-gap:var(", tokens.horizontalGap, ");}&.", classes.vertical, "{row-gap:var(", tokens.verticalGap, ");}&.", classes.auto, "{row-gap:var(", tokens.verticalGap, ");column-gap:var(", tokens.horizontalGap, ");}&.", classes.withHelperText, "{row-gap:var(", tokens.verticalGapWithHelperText, ");}", StyledHiddenInputHelper, "{font-family:var(", tokens.cellTitleFontFamily, ");font-size:var(", tokens.cellTitleFontSize, ");font-style:var(", tokens.cellTitleFontStyle, ");font-weight:var(", tokens.cellTitleFontWeight, ");letter-spacing:var(", tokens.cellTitleLetterSpacing, ");line-height:var(", tokens.cellTitleLineHeight, ");}", StyledHelperText, "{font-family:var(--plasma-typo-body-xs-font-family);font-size:var(--plasma-typo-body-xs-font-size);font-style:var(--plasma-typo-body-xs-font-style);font-weight:var(--plasma-typo-body-xs-font-weight);letter-spacing:var(--plasma-typo-body-xs-letter-spacing);line-height:var(--plasma-typo-body-xs-line-height);}}", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvdmFyaWF0aW9ucy9fc2l6ZS9iYXNlLnRzIiwic291cmNlcyI6WyJzcmMtZW1vdGlvbi9jb21wb25lbnRzL0F0dGFjaC92YXJpYXRpb25zL19zaXplL2Jhc2UudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyB0b2tlbnMsIGNsYXNzZXMgfSBmcm9tICcuLi8uLi9BdHRhY2gudG9rZW5zJztcbmltcG9ydCB7IFN0eWxlZEhlbHBlclRleHQsIFN0eWxlZEhpZGRlbklucHV0SGVscGVyIH0gZnJvbSAnLi4vLi4vQXR0YWNoLnN0eWxlcyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgICYuJHtjbGFzc2VzLmhvcml6b250YWx9IHtcbiAgICAgICAgY29sdW1uLWdhcDogdmFyKCR7dG9rZW5zLmhvcml6b250YWxHYXB9KTtcbiAgICB9XG5cbiAgICAmLiR7Y2xhc3Nlcy52ZXJ0aWNhbH0ge1xuICAgICAgICByb3ctZ2FwOiB2YXIoJHt0b2tlbnMudmVydGljYWxHYXB9KTtcbiAgICB9XG5cbiAgICAmLiR7Y2xhc3Nlcy5hdXRvfSB7XG4gICAgICAgIHJvdy1nYXA6IHZhcigke3Rva2Vucy52ZXJ0aWNhbEdhcH0pO1xuICAgICAgICBjb2x1bW4tZ2FwOiB2YXIoJHt0b2tlbnMuaG9yaXpvbnRhbEdhcH0pO1xuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLndpdGhIZWxwZXJUZXh0fSB7XG4gICAgICAgIHJvdy1nYXA6IHZhcigke3Rva2Vucy52ZXJ0aWNhbEdhcFdpdGhIZWxwZXJUZXh0fSk7XG4gICAgfVxuXG4gICAgJHtTdHlsZWRIaWRkZW5JbnB1dEhlbHBlcn0ge1xuICAgICAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLmNlbGxUaXRsZUZvbnRGYW1pbHl9KTtcbiAgICAgICAgZm9udC1zaXplOiB2YXIoJHt0b2tlbnMuY2VsbFRpdGxlRm9udFNpemV9KTtcbiAgICAgICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLmNlbGxUaXRsZUZvbnRTdHlsZX0pO1xuICAgICAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLmNlbGxUaXRsZUZvbnRXZWlnaHR9KTtcbiAgICAgICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy5jZWxsVGl0bGVMZXR0ZXJTcGFjaW5nfSk7XG4gICAgICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMuY2VsbFRpdGxlTGluZUhlaWdodH0pO1xuICAgIH1cblxuICAgICR7U3R5bGVkSGVscGVyVGV4dH0ge1xuICAgICAgICBmb250LWZhbWlseTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1mb250LWZhbWlseSk7XG4gICAgICAgIGZvbnQtc2l6ZTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1mb250LXNpemUpO1xuICAgICAgICBmb250LXN0eWxlOiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtc3R5bGUpO1xuICAgICAgICBmb250LXdlaWdodDogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1mb250LXdlaWdodCk7XG4gICAgICAgIGxldHRlci1zcGFjaW5nOiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgbGluZS1oZWlnaHQ6IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtbGluZS1oZWlnaHQpO1xuICAgIH1cbn1cbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS29CIn0= */");
+import { FilenameWrapper, StyledHelperText } from "../../Attach.styles";
+export var base = /*#__PURE__*/ css("&.", classes.horizontal, "{column-gap:var(", tokens.horizontalGap, ");}&.", classes.vertical, "{row-gap:var(", tokens.verticalGap, ");}&.", classes.auto, "{row-gap:var(", tokens.verticalGap, ");column-gap:var(", tokens.horizontalGap, ");}&.", classes.withHelperText, "{row-gap:var(", tokens.verticalGapWithHelperText, ");}", FilenameWrapper, "{font-family:var(", tokens.cellTitleFontFamily, ");font-size:var(", tokens.cellTitleFontSize, ");font-style:var(", tokens.cellTitleFontStyle, ");font-weight:var(", tokens.cellTitleFontWeight, ");letter-spacing:var(", tokens.cellTitleLetterSpacing, ");line-height:var(", tokens.cellTitleLineHeight, ");height:var(", tokens.filenameWrapperHeight, ");}", StyledHelperText, "{font-family:var(--plasma-typo-body-xs-font-family);font-size:var(--plasma-typo-body-xs-font-size);font-style:var(--plasma-typo-body-xs-font-style);font-weight:var(--plasma-typo-body-xs-font-weight);letter-spacing:var(--plasma-typo-body-xs-letter-spacing);line-height:var(--plasma-typo-body-xs-line-height);}}", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdHRhY2gvdmFyaWF0aW9ucy9fc2l6ZS9iYXNlLnRzIiwic291cmNlcyI6WyJzcmMtZW1vdGlvbi9jb21wb25lbnRzL0F0dGFjaC92YXJpYXRpb25zL19zaXplL2Jhc2UudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyB0b2tlbnMsIGNsYXNzZXMgfSBmcm9tICcuLi8uLi9BdHRhY2gudG9rZW5zJztcbmltcG9ydCB7IEZpbGVuYW1lV3JhcHBlciwgU3R5bGVkSGVscGVyVGV4dCB9IGZyb20gJy4uLy4uL0F0dGFjaC5zdHlsZXMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICAmLiR7Y2xhc3Nlcy5ob3Jpem9udGFsfSB7XG4gICAgICAgIGNvbHVtbi1nYXA6IHZhcigke3Rva2Vucy5ob3Jpem9udGFsR2FwfSk7XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMudmVydGljYWx9IHtcbiAgICAgICAgcm93LWdhcDogdmFyKCR7dG9rZW5zLnZlcnRpY2FsR2FwfSk7XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMuYXV0b30ge1xuICAgICAgICByb3ctZ2FwOiB2YXIoJHt0b2tlbnMudmVydGljYWxHYXB9KTtcbiAgICAgICAgY29sdW1uLWdhcDogdmFyKCR7dG9rZW5zLmhvcml6b250YWxHYXB9KTtcbiAgICB9XG5cbiAgICAmLiR7Y2xhc3Nlcy53aXRoSGVscGVyVGV4dH0ge1xuICAgICAgICByb3ctZ2FwOiB2YXIoJHt0b2tlbnMudmVydGljYWxHYXBXaXRoSGVscGVyVGV4dH0pO1xuICAgIH1cblxuICAgICR7RmlsZW5hbWVXcmFwcGVyfSB7XG4gICAgICAgIGZvbnQtZmFtaWx5OiB2YXIoJHt0b2tlbnMuY2VsbFRpdGxlRm9udEZhbWlseX0pO1xuICAgICAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy5jZWxsVGl0bGVGb250U2l6ZX0pO1xuICAgICAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMuY2VsbFRpdGxlRm9udFN0eWxlfSk7XG4gICAgICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHt0b2tlbnMuY2VsbFRpdGxlRm9udFdlaWdodH0pO1xuICAgICAgICBsZXR0ZXItc3BhY2luZzogdmFyKCR7dG9rZW5zLmNlbGxUaXRsZUxldHRlclNwYWNpbmd9KTtcbiAgICAgICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy5jZWxsVGl0bGVMaW5lSGVpZ2h0fSk7XG5cbiAgICAgICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMuZmlsZW5hbWVXcmFwcGVySGVpZ2h0fSk7XG4gICAgfVxuXG4gICAgJHtTdHlsZWRIZWxwZXJUZXh0fSB7XG4gICAgICAgIGZvbnQtZmFtaWx5OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgZm9udC1zaXplOiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtc2l6ZSk7XG4gICAgICAgIGZvbnQtc3R5bGU6IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtZm9udC1zdHlsZSk7XG4gICAgICAgIGZvbnQtd2VpZ2h0OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgbGV0dGVyLXNwYWNpbmc6IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICBsaW5lLWhlaWdodDogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1saW5lLWhlaWdodCk7XG4gICAgfVxufVxuYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLb0IifQ== */");

package/emotion/es/components/Avatar/Avatar.js

@@ -84,8 +84,9 @@ import { cx } from "../../utils";
 import { indicatorConfig, indicatorTokens } from "../Indicator";
 import { classes, tokens } from "./Avatar.tokens";
 import { base, Wrapper, Image, StatusIcon, Text, ExtraContent, ExtraCounter, ExtraBadge } from "./Avatar.styles";
-import { base as viewCSS } from "./variations/_size/base";
+import { base as sizeCSS } from "./variations/_size/base";
 import { base as focusedCSS } from "./variations/_focused/base";
+import { base as shapeCSS } from "./variations/_shape/base";
 import { extraPlacementMap, getInitialsForName } from "./utils";
 var StatusLabelsDefault = {
     active: 'Активен',
@@ -116,15 +117,15 @@ var getAriaLabel = function(param) {
 var mergedConfig = mergeConfig(indicatorConfig);
 var Indicator = component(mergedConfig);
 var StyledIndicator = /*#__PURE__*/ styled(Indicator, {
-    target: "e1rqsbto0",
+    target: "e3za6jt0",
     label: "StyledIndicator"
 })(indicatorTokens.size, ":var(", tokens.statusIconSize, ");", indicatorTokens.color, ":", function(param) {
     var status = param.status;
     return status === 'active' ? "var(".concat(tokens.statusOnlineColor, ")") : "var(".concat(tokens.statusOfflineColor, ")");
-}, "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdmF0YXIvQXZhdGFyLnRzeCIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9BdmF0YXIvQXZhdGFyLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiwgdXNlTWVtbywgUmVhY3RFbGVtZW50IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyBSb290UHJvcHMsIGNvbXBvbmVudCwgbWVyZ2VDb25maWcgfSBmcm9tICcuLi8uLi9lbmdpbmVzJztcbmltcG9ydCB7IGN4IH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuaW1wb3J0IHsgaW5kaWNhdG9yQ29uZmlnLCBpbmRpY2F0b3JUb2tlbnMgfSBmcm9tICcuLi9JbmRpY2F0b3InO1xuXG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuL0F2YXRhci50b2tlbnMnO1xuaW1wb3J0IHsgYmFzZSwgV3JhcHBlciwgSW1hZ2UsIFN0YXR1c0ljb24sIFRleHQsIEV4dHJhQ29udGVudCwgRXh0cmFDb3VudGVyLCBFeHRyYUJhZGdlIH0gZnJvbSAnLi9BdmF0YXIuc3R5bGVzJztcbmltcG9ydCB7IGJhc2UgYXMgdmlld0NTUyB9IGZyb20gJy4vdmFyaWF0aW9ucy9fc2l6ZS9iYXNlJztcbmltcG9ydCB7IGJhc2UgYXMgZm9jdXNlZENTUyB9IGZyb20gJy4vdmFyaWF0aW9ucy9fZm9jdXNlZC9iYXNlJztcbmltcG9ydCB7IGV4dHJhUGxhY2VtZW50TWFwLCBnZXRJbml0aWFsc0Zvck5hbWUgfSBmcm9tICcuL3V0aWxzJztcbmltcG9ydCB0eXBlIHsgQXZhdGFyUHJvcHMsIFN0YXR1c0xhYmVscyB9IGZyb20gJy4vQXZhdGFyLnR5cGVzJztcblxuY29uc3QgU3RhdHVzTGFiZWxzRGVmYXVsdDogU3RhdHVzTGFiZWxzID0ge1xuICAgIGFjdGl2ZTogJ9CQ0LrRgtC40LLQtdC9JyxcbiAgICBpbmFjdGl2ZTogJ9Cd0LXQsNC60YLQuNCy0LXQvScsXG59O1xuXG5jb25zdCBnZXRBdmF0YXJDb250ZW50ID0gKHtcbiAgICBjdXN0b21UZXh0LFxuICAgIHVybCxcbiAgICBpbml0aWFscyxcbiAgICBuYW1lLFxufTogT21pdDxBdmF0YXJQcm9wcywgJ3NpemUnPiAmIHsgaW5pdGlhbHM/OiBzdHJpbmcgfSk6IFJlYWN0RWxlbWVudCA9PiB7XG4gICAgaWYgKGN1c3RvbVRleHQpIHtcbiAgICAgICAgcmV0dXJuIDxUZXh0PntjdXN0b21UZXh0fTwvVGV4dD47XG4gICAgfVxuXG4gICAgaWYgKHVybCkge1xuICAgICAgICByZXR1cm4gPEltYWdlIHNyYz17dXJsfSBhbHQ9e25hbWV9IC8+O1xuICAgIH1cblxuICAgIHJldHVybiA8VGV4dD57aW5pdGlhbHN9PC9UZXh0Pjtcbn07XG5cbmNvbnN0IGdldEFyaWFMYWJlbCA9ICh7XG4gICAgdXJsLFxuICAgIG5hbWUsXG4gICAgc3RhdHVzLFxuICAgICdhcmlhLWxhYmVsJzogYXJpYUxhYmVsUHJvcCxcbiAgICBzdGF0dXNMYWJlbHMsXG59OiBQaWNrPEF2YXRhclByb3BzLCAndXJsJyB8ICdzdGF0dXMnIHwgJ25hbWUnIHwgJ2FyaWEtbGFiZWwnPiAmIHtcbiAgICBzdGF0dXNMYWJlbHM6IFN0YXR1c0xhYmVscztcbn0pID0+IHtcbiAgICBpZiAoIXVybCkge1xuICAgICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgLy8gSU5GTzog0LLQutC70Y7Rh9Cw0LXQvCBhcmlhLWxhYmVsINGH0YLQvtCx0Ysg0L7Qt9Cy0YPRh9C40YLRjCDRh9GC0L4g0L3QsCDQuNC30L7QsdGA0LDQttC10L3QuNC4XG4gICAgY29uc3QgYXJpYUxhYmVsID0gIWFyaWFMYWJlbFByb3AgfHwgYXJpYUxhYmVsUHJvcC50cmltKCkgPT09ICcnID8gbmFtZSA6IGFyaWFMYWJlbFByb3A7XG5cbiAgICByZXR1cm4gc3RhdHVzID8gYCR7YXJpYUxhYmVsfS4gJHtzdGF0dXNMYWJlbHNbc3RhdHVzXX1gIDogYXJpYUxhYmVsO1xufTtcblxuY29uc3QgbWVyZ2VkQ29uZmlnID0gbWVyZ2VDb25maWcoaW5kaWNhdG9yQ29uZmlnKTtcblxuY29uc3QgSW5kaWNhdG9yOiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDxcbiAgICBSZWFjdC5IVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4gJiB7IHN0YXR1czogQXZhdGFyUHJvcHNbJ3N0YXR1cyddIH1cbj4gPSBjb21wb25lbnQobWVyZ2VkQ29uZmlnKSBhcyBuZXZlcjtcblxuY29uc3QgU3R5bGVkSW5kaWNhdG9yID0gc3R5bGVkKEluZGljYXRvcilgXG4gICAgJHtpbmRpY2F0b3JUb2tlbnMuc2l6ZX06IHZhcigke3Rva2Vucy5zdGF0dXNJY29uU2l6ZX0pO1xuICAgICR7aW5kaWNhdG9yVG9rZW5zLmNvbG9yfTogJHsoeyBzdGF0dXMgfSkgPT5cbiAgICBzdGF0dXMgPT09ICdhY3RpdmUnID8gYHZhcigke3Rva2Vucy5zdGF0dXNPbmxpbmVDb2xvcn0pYCA6IGB2YXIoJHt0b2tlbnMuc3RhdHVzT2ZmbGluZUNvbG9yfSlgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGF2YXRhclJvb3QgPSAoUm9vdDogUm9vdFByb3BzPEhUTUxEaXZFbGVtZW50LCBBdmF0YXJQcm9wcz4pID0+IHtcbiAgICByZXR1cm4gZm9yd2FyZFJlZjxIVE1MRGl2RWxlbWVudCwgQXZhdGFyUHJvcHM+KChwcm9wcywgcmVmKSA9PiB7XG4gICAgICAgIGNvbnN0IHtcbiAgICAgICAgICAgIHNpemU6IGF2YXRhclNpemUsXG4gICAgICAgICAgICBuYW1lLFxuICAgICAgICAgICAgdXJsLFxuICAgICAgICAgICAgY3VzdG9tVGV4dCxcbiAgICAgICAgICAgIHN0YXR1cyxcbiAgICAgICAgICAgIGNsYXNzTmFtZSxcbiAgICAgICAgICAgIGZvY3VzZWQgPSB0cnVlLFxuICAgICAgICAgICAgaXNTY2FsYWJsZSxcbiAgICAgICAgICAgIHN0YXR1c0xhYmVscyA9IFN0YXR1c0xhYmVsc0RlZmF1bHQsXG4gICAgICAgICAgICBoYXNFeHRyYSxcbiAgICAgICAgICAgIGV4dHJhUGxhY2VtZW50LFxuXG4gICAgICAgICAgICB0eXBlLFxuXG4gICAgICAgICAgICBjb3VudGVyVmlldyxcbiAgICAgICAgICAgIGNvdW50LFxuICAgICAgICAgICAgbWF4Q291bnQsXG5cbiAgICAgICAgICAgIGJhZGdlVmlldyxcbiAgICAgICAgICAgIHRleHQsXG4gICAgICAgICAgICBjdXN0b21Db2xvcixcbiAgICAgICAgICAgIGN1c3RvbUJhY2tncm91bmRDb2xvcixcbiAgICAgICAgICAgIGNvbnRlbnRMZWZ0LFxuICAgICAgICAgICAgY29udGVudFJpZ2h0LFxuICAgICAgICAgICAgcGlsbGVkLFxuXG4gICAgICAgICAgICAuLi5yZXN0XG4gICAgICAgIH0gPSBwcm9wcztcblxuICAgICAgICBjb25zdCBjb3VudGVyVmFsdWUgPSBjb3VudCB8fCAxO1xuICAgICAgICBjb25zdCBpbml0aWFscyA9IHVzZU1lbW8oKCkgPT4gZ2V0SW5pdGlhbHNGb3JOYW1lKG5hbWUpLCBbbmFtZV0pO1xuICAgICAgICBjb25zdCBhcmlhTGFiZWwgPSBnZXRBcmlhTGFiZWwoe1xuICAgICAgICAgICAgLi4ucHJvcHMsXG4gICAgICAgICAgICBzdGF0dXNMYWJlbHMsXG4gICAgICAgIH0pO1xuXG4gICAgICAgIGNvbnN0IGV4dHJhVmlld1Byb3AgPSB0eXBlID09PSAnYmFkZ2UnID8geyBiYWRnZVZpZXcgfSA6IHsgY291bnRlclZpZXcgfTtcblxuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgPFJvb3RcbiAgICAgICAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICAgICAgICBzaXplPXthdmF0YXJTaXplfVxuICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17Y3goY2xhc3Nlcy5hdmF0YXJJdGVtLCBjbGFzc05hbWUpfVxuICAgICAgICAgICAgICAgIGFyaWEtbGFiZWw9e2FyaWFMYWJlbH1cbiAgICAgICAgICAgICAgICBmb2N1c2VkPXtmb2N1c2VkfVxuICAgICAgICAgICAgICAgIHsuLi5leHRyYVZpZXdQcm9wfVxuICAgICAgICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDxXcmFwcGVyIGlzU2NhbGFibGU9e2lzU2NhbGFibGV9PntnZXRBdmF0YXJDb250ZW50KHsgY3VzdG9tVGV4dCwgdXJsLCBpbml0aWFscywgbmFtZSB9KX08L1dyYXBwZXI+XG5cbiAgICAgICAgICAgICAgICB7c3RhdHVzICYmIChcbiAgICAgICAgICAgICAgICAgICAgPFN0YXR1c0ljb24+XG4gICAgICAgICAgICAgICAgICAgICAgICA8U3R5bGVkSW5kaWNhdG9yIGFyaWEtbGFiZWw9e3N0YXR1c0xhYmVsc1tzdGF0dXNdfSBzdGF0dXM9e3N0YXR1c30gLz5cbiAgICAgICAgICAgICAgICAgICAgPC9TdGF0dXNJY29uPlxuICAgICAgICAgICAgICAgICl9XG5cbiAgICAgICAgICAgICAgICB7aGFzRXh0cmEgJiYgYXZhdGFyU2l6ZSAhPT0gJ2ZpdCcgJiYgKFxuICAgICAgICAgICAgICAgICAgICA8RXh0cmFDb250ZW50IGNsYXNzTmFtZT17ZXh0cmFQbGFjZW1lbnRNYXAoZXh0cmFQbGFjZW1lbnQpfT5cbiAgICAgICAgICAgICAgICAgICAgICAgIHt0eXBlID09PSAnY291bnRlcicgPyAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPEV4dHJhQ291bnRlciB2aWV3PXtjb3VudGVyVmlld30gY291bnQ9e2NvdW50ZXJWYWx1ZX0gbWF4Q291bnQ9e21heENvdW50fSAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBhdmF0YXJTaXplICE9PSAncycgJiYgKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8RXh0cmFCYWRnZVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdmlldz17YmFkZ2VWaWV3fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdGV4dD17dGV4dH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGN1c3RvbUNvbG9yPXtjdXN0b21Db2xvcn1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGN1c3RvbUJhY2tncm91bmRDb2xvcj17Y3VzdG9tQmFja2dyb3VuZENvbG9yfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgcGlsbGVkPXtwaWxsZWR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBtYXhXaWR0aD1cIjEwMCVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgey4uLihjb250ZW50TGVmdCA/IHsgY29udGVudExlZnQgfSA6IHsgY29udGVudFJpZ2h0IH0pfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIClcbiAgICAgICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICAgIDwvRXh0cmFDb250ZW50PlxuICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8L1Jvb3Q+XG4gICAgICAgICk7XG4gICAgfSk7XG59O1xuXG5leHBvcnQgY29uc3QgYXZhdGFyQ29uZmlnID0ge1xuICAgIG5hbWU6ICdBdmF0YXInLFxuICAgIHRhZzogJ2RpdicsXG4gICAgbGF5b3V0OiBhdmF0YXJSb290LFxuICAgIGJhc2UsXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBjc3M6IHZpZXdDU1MsXG4gICAgICAgIH0sXG4gICAgICAgIGZvY3VzZWQ6IHtcbiAgICAgICAgICAgIGNzczogZm9jdXNlZENTUyxcbiAgICAgICAgfSxcbiAgICB9LFxuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHNpemU6ICdtJyxcbiAgICB9LFxufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2RHdCIn0= */");
+}, "/*# 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= */");
 export var avatarRoot = function(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 = _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, contentLeft = props.contentLeft, contentRight = props.contentRight, pilled = props.pilled, rest = _object_without_properties(props, [
             "size",
             "name",
             "url",
@@ -133,6 +134,7 @@ export var avatarRoot = function(Root) {
             "className",
             "focused",
             "isScalable",
+            "shape",
             "statusLabels",
             "hasExtra",
             "extraPlacement",
@@ -165,6 +167,7 @@ export var avatarRoot = function(Root) {
         return /*#__PURE__*/ React.createElement(Root, _object_spread({
             ref: ref,
             size: avatarSize,
+            shape: shape,
             className: cx(classes.avatarItem, className),
             "aria-label": ariaLabel,
             focused: focused
@@ -205,13 +208,17 @@ export var avatarConfig = {
     base: base,
     variations: {
         size: {
-            css: viewCSS
+            css: sizeCSS
         },
         focused: {
             css: focusedCSS
+        },
+        shape: {
+            css: shapeCSS
         }
     },
     defaults: {
-        size: 'm'
+        size: 'm',
+        shape: 'circled'
     }
 };