npm - @salutejs/plasma-new-hope - Versions diffs - 0.336.0-canary.2239.17794430722.0 → 0.336.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (262) hide show

package/es/components/Attach/Attach.js CHANGED Viewed

@@ -1,29 +1,29 @@
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef, useRef, useState, useEffect } 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/index.js';
 import { base as base$3 } from './variations/_size/base.js';
 import { base as base$1 } from './variations/_view/base.js';
 import { base as base$2 } from './variations/_helperTextView/base.js';
-import { StyledHiddenInput, StyledHiddenInputHelper, StyledAttachButtonWrapper, StyledHelperText, base } from './Attach.styles.js';
-import { separator } from './utils/index.js';
+import { StyledHiddenInput, StyledAttachButtonWrapper, StyledHelperText, FilenameWrapper, TruncatedFilenamePart, FilenameExtensionPart, base } from './Attach.styles.js';
 import { classes } from './Attach.tokens.js';
 import { StyledIconButtonCancel } from './ui/IconButton/IconButton.styles.js';
 import { extractExtension } from './utils/extractExtension.js';
-import { addSeparator } from './utils/addSeparator.js';
 import { AttachButton } from './components/AttachButton/AttachButton.js';
 import { StyledCell } from './ui/Cell/Cell.styles.js';
 import { IconCloseCircleOutline } from '../_Icon/Icons/IconCloseCircleOutline.js';
-import { getFileicon } from './utils/getFileicon.js';
+import { getFileIcon } from './utils/getFileicon.js';
 var _IconCloseCircleOutli;
-var _excluded = ["flow", "buttonType", "hasAttachment", "acceptedFileFormats", "helperText", "size", "view", "helperTextView", "className", "style", "isLoading", "disabled", "id", "name", "customIcon", "onChange", "onClear"];
+var _excluded = ["flow", "buttonType", "hideButtonOnAttach", "hasAttachment", "acceptedFileFormats", "helperText", "size", "view", "helperTextView", "className", "style", "isLoading", "disabled", "id", "name", "customIcon", "onClick", "onChange", "onClear"];
 var attachRoot = function attachRoot(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$hideButtonOnAt = props.hideButtonOnAttach,
+      hideButtonOnAttach = _props$hideButtonOnAt === void 0 ? false : _props$hideButtonOnAt,
       _props$hasAttachment = props.hasAttachment,
       hasAttachment = _props$hasAttachment === void 0 ? true : _props$hasAttachment,
       acceptedFileFormats = props.acceptedFileFormats,
@@ -38,75 +38,34 @@ var attachRoot = function attachRoot(Root) {
       id = props.id,
       name = props.name,
       customIcon = props.customIcon,
+      onClick = props.onClick,
       onChange = props.onChange,
       onClear = props.onClear,
       rest = _objectWithoutProperties(props, _excluded);
     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 = useState(''),
       _useState2 = _slicedToArray(_useState, 2),
       filename = _useState2[0],
       setFilename = _useState2[1];
-    var _useState3 = useState(''),
-      _useState4 = _slicedToArray(_useState3, 2),
-      truncatedFilename = _useState4[0],
-      setTruncatedFilename = _useState4[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 textWidth = inputHelperRef.current.offsetWidth;
-      var buttonWidth = buttonRef.current.offsetWidth;
-      var _cellRef$current$pare = cellRef.current.parentElement.getBoundingClientRect(),
-        parentWidth = _cellRef$current$pare.width,
-        parentLeft = _cellRef$current$pare.left;
-      var _cellRef$current$getB = cellRef.current.getBoundingClientRect(),
-        cellLeft = _cellRef$current$getB.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 handleClick() {
+    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 handleClick(e) {
       if (!inputRef.current) {
         return;
       }
+      if (onClick) {
+        onClick(e);
+      }
       inputRef.current.click();
     };
     var handleChange = function handleChange(e) {
@@ -127,7 +86,6 @@ var attachRoot = function attachRoot(Root) {
       }
       inputRef.current.value = '';
       setFilename('');
-      setTruncatedFilename('');
     };
     return /*#__PURE__*/React.createElement(Root, {
       className: cx(horizontalClass, verticalClass, autoClass, withHelperTextClass, className),
@@ -143,20 +101,16 @@ var attachRoot = function attachRoot(Root) {
       id: id,
       name: name,
       onChange: handleChange
-    }), /*#__PURE__*/React.createElement(StyledHiddenInputHelper, {
-      ref: inputHelperRef
-    }, filename), /*#__PURE__*/React.createElement(StyledAttachButtonWrapper, null, /*#__PURE__*/React.createElement(AttachButton, _extends({
+    }), (!hideButtonOnAttach || !filename) && /*#__PURE__*/React.createElement(StyledAttachButtonWrapper, null, /*#__PURE__*/React.createElement(AttachButton, _extends({
       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
@@ -164,7 +118,7 @@ var attachRoot = function attachRoot(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))));
   });
 };
 var attachConfig = {

package/es/components/Attach/Attach.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Attach.js","sources":["../../../src/components/Attach/Attach.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useRef, useState } from 'react';\nimport type { ChangeEvent } from 'react';\nimport { useForkRef, useIsomorphicLayoutEffect } from '@salutejs/plasma-core';\n\nimport { RootProps } from '../../engines';\nimport { cx } from '../../utils';\nimport { IconCloseCircleOutline } from '../_Icon';\n\nimport { AttachProps } from './Attach.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as helperTextViewCSS } from './variations/_helperTextView/base';\nimport {\n base,\n StyledHelperText,\n StyledHiddenInput,\n StyledHiddenInputHelper,\n StyledAttachButtonWrapper,\n} from './Attach.styles';\nimport { StyledCell } from './ui/Cell/Cell';\nimport { extractExtension, getFileicon, addSeparator, separator } from './utils';\nimport { classes } from './Attach.tokens';\nimport { AttachButton } from './components/AttachButton';\nimport { StyledIconButtonCancel } from './ui/IconButton/IconButton.styles';\n\nexport const attachRoot = (Root: RootProps<HTMLDivElement, AttachProps>) =>\n forwardRef<HTMLDivElement, AttachProps>((props, outerRef) => {\n const {\n flow = 'auto',\n buttonType = 'button',\n hasAttachment = true,\n acceptedFileFormats,\n helperText,\n size,\n view,\n helperTextView,\n className,\n style,\n isLoading,\n disabled,\n id,\n name,\n customIcon,\n onChange,\n onClear,\n ...rest\n } = props;\n\n const innerRef = useRef<HTMLDivElement>(null);\n const ref = useForkRef(outerRef, innerRef);\n\n const inputRef = useRef<HTMLInputElement \| null>(null);\n const inputHelperRef = useRef<HTMLDivElement \| null>(null);\n const cellRef = useRef<HTMLDivElement \| null>(null);\n const buttonRef = useRef<HTMLButtonElement \| null>(null);\n\n const emptyTextCellWidth = useRef<number \| null>(null);\n\n const [filename, setFilename] = useState<string>('');\n const [truncatedFilename, setTruncatedFilename] = useState<string>('');\n\n const horizontalClass = flow === 'horizontal' ? classes.horizontal : undefined;\n const verticalClass = flow === 'vertical' ? classes.vertical : undefined;\n const withHelperTextClass = helperText ? classes.withHelperText : undefined;\n const autoClass = flow === 'auto' ? classes.auto : undefined;\n const cellHiddenClass = truncatedFilename.length === 0 ? classes.cellHidden : undefined;\n\n const accept = acceptedFileFormats?.join(',');\n const extension = extractExtension(filename);\n const cellContentLeft = customIcon \|\| getFileicon(extension, size);\n\n useEffect(() => {\n emptyTextCellWidth.current = cellRef.current?.offsetWidth \|\| 0;\n }, []);\n\n useIsomorphicLayoutEffect(() => {\n if (\n !cellRef.current \|\|\n !cellRef.current.parentElement \|\|\n !inputHelperRef.current \|\|\n !inputHelperRef.current.textContent \|\|\n !emptyTextCellWidth.current \|\|\n !buttonRef.current\n ) {\n return;\n }\n\n const { offsetWidth: textWidth } = inputHelperRef.current;\n const { offsetWidth: buttonWidth } = buttonRef.current;\n const { width: parentWidth, left: parentLeft } = cellRef.current.parentElement.getBoundingClientRect();\n const { left: cellLeft } = cellRef.current.getBoundingClientRect();\n const leftDiff = cellLeft - parentLeft;\n let currentTextWidth = textWidth;\n\n if (\n currentTextWidth + emptyTextCellWidth.current + leftDiff <= parentWidth \|\|\n currentTextWidth + emptyTextCellWidth.current < buttonWidth\n ) {\n setTruncatedFilename(filename);\n return;\n }\n\n let currFilename = addSeparator(filename, separator);\n for (let i = currFilename.indexOf(separator) - 1; i > 0; i -= 1) {\n if (currentTextWidth + emptyTextCellWidth.current + leftDiff <= parentWidth) {\n break;\n }\n\n const left = currFilename.slice(0, i);\n const right = currFilename.slice(i + 1);\n const newFilename = `${left}${right}`;\n inputHelperRef.current.textContent = newFilename;\n currentTextWidth = inputHelperRef.current.offsetWidth;\n\n if (currentTextWidth + emptyTextCellWidth.current < buttonWidth) {\n break;\n }\n\n currFilename = newFilename;\n }\n\n inputHelperRef.current.textContent = filename;\n setTruncatedFilename(currFilename);\n });\n\n const handleClick = () => {\n if (!inputRef.current) {\n return;\n }\n\n inputRef.current.click();\n };\n\n const handleChange = (e: ChangeEvent<HTMLInputElement>) => {\n if (!e.target.files) {\n return;\n }\n\n if (onChange) {\n onChange(e);\n }\n\n setFilename(e.target.files[0].name);\n };\n\n const handleClear = () => {\n if (!inputRef.current) {\n return;\n }\n\n if (onClear) {\n onClear();\n }\n\n inputRef.current.value = '';\n setFilename('');\n setTruncatedFilename('');\n };\n\n return (\n <Root\n className={cx(horizontalClass, verticalClass, autoClass, withHelperTextClass, className)}\n style={style}\n size={size}\n view={view}\n helperTextView={helperTextView}\n ref={ref}\n >\n <StyledHiddenInput\n ref={inputRef}\n accept={accept}\n type=\"file\"\n id={id}\n name={name}\n onChange={handleChange}\n />\n <StyledHiddenInputHelper ref={inputHelperRef}>{filename}</StyledHiddenInputHelper>\n\n <StyledAttachButtonWrapper>\n <AttachButton\n ref={buttonRef}\n buttonType={buttonType}\n isLoading={isLoading}\n disabled={disabled}\n onClick={handleClick}\n {...rest}\n />\n\n {helperText && <StyledHelperText>{helperText}</StyledHelperText>}\n </StyledAttachButtonWrapper>\n\n {hasAttachment && (\n <StyledCell\n stretching=\"fixed\"\n className={cellHiddenClass}\n ref={cellRef}\n size={size}\n title={truncatedFilename}\n contentLeft={cellContentLeft}\n contentRight={\n <StyledIconButtonCancel onClick={handleClear}>\n <IconCloseCircleOutline size=\"xs\" color=\"inherit\" />\n </StyledIconButtonCancel>\n }\n />\n )}\n </Root>\n );\n });\n\nexport const attachConfig = {\n name: 'Attach',\n tag: 'div',\n layout: attachRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n helperTextView: {\n css: helperTextViewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'default',\n helperTextView: 'default',\n size: 'm',\n },\n};\n"],"names":["attachRoot","Root","forwardRef","props","outerRef","_props$flow","flow","_props$buttonType","buttonType","_props$hasAttachment","hasAttachment","acceptedFileFormats","helperText","size","view","helperTextView","className","style","isLoading","disabled","id","name","customIcon","onChange","onClear","rest","_objectWithoutProperties","_excluded","innerRef","useRef","ref","useForkRef","inputRef","inputHelperRef","cellRef","buttonRef","emptyTextCellWidth","_useState","useState","_useState2","_slicedToArray","filename","setFilename","_useState3","_useState4","truncatedFilename","setTruncatedFilename","horizontalClass","classes","horizontal","undefined","verticalClass","vertical","withHelperTextClass","withHelperText","autoClass","auto","cellHiddenClass","length","cellHidden","accept","join","extension","extractExtension","cellContentLeft","getFileicon","useEffect","_cellRef$current","current","offsetWidth","useIsomorphicLayoutEffect","parentElement","textContent","textWidth","buttonWidth","_cellRef$current$pare","getBoundingClientRect","parentWidth","width","parentLeft","left","_cellRef$current$getB","cellLeft","leftDiff","currentTextWidth","currFilename","addSeparator","separator","i","indexOf","slice","right","newFilename","concat","handleClick","click","handleChange","e","target","files","handleClear","value","React","createElement","cx","StyledHiddenInput","type","StyledHiddenInputHelper","StyledAttachButtonWrapper","AttachButton","_extends","onClick","StyledHelperText","StyledCell","stretching","title","contentLeft","contentRight","StyledIconButtonCancel","_IconCloseCircleOutli","IconCloseCircleOutline","color","attachConfig","tag","layout","base","variations","css","viewCSS","helperTextViewCSS","sizeCSS","defaults"],"mappings":"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"}
1	+ {"version":3,"file":"Attach.js","sources":["../../../src/components/Attach/Attach.tsx"],"sourcesContent":["import React, { forwardRef, useRef, useState } from 'react';\nimport type { ChangeEvent, MouseEvent } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\nimport { RootProps } from 'src/engines';\nimport { cx } from 'src/utils';\n\nimport { IconCloseCircleOutline } from '../_Icon';\n\nimport { AttachProps } from './Attach.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as helperTextViewCSS } from './variations/_helperTextView/base';\nimport {\n base,\n StyledHelperText,\n StyledHiddenInput,\n StyledAttachButtonWrapper,\n FilenameWrapper,\n TruncatedFilenamePart,\n FilenameExtensionPart,\n} from './Attach.styles';\nimport { StyledCell } from './ui/Cell/Cell';\nimport { extractExtension, getFileIcon } from './utils';\nimport { classes } from './Attach.tokens';\nimport { AttachButton } from './components/AttachButton';\nimport { StyledIconButtonCancel } from './ui/IconButton/IconButton.styles';\n\nexport const attachRoot = (Root: RootProps<HTMLDivElement, AttachProps>) =>\n forwardRef<HTMLDivElement, AttachProps>((props, outerRef) => {\n const {\n flow = 'auto',\n buttonType = 'button',\n hideButtonOnAttach = false,\n hasAttachment = true,\n acceptedFileFormats,\n helperText,\n size,\n view,\n helperTextView,\n className,\n style,\n isLoading,\n disabled,\n id,\n name,\n customIcon,\n onClick,\n onChange,\n onClear,\n ...rest\n } = props;\n\n const innerRef = useRef<HTMLDivElement>(null);\n const ref = useForkRef(outerRef, innerRef);\n\n const inputRef = useRef<HTMLInputElement \| null>(null);\n const cellRef = useRef<HTMLDivElement \| null>(null);\n const buttonRef = useRef<HTMLButtonElement \| null>(null);\n\n const [filename, setFilename] = useState<string>('');\n\n const horizontalClass = flow === 'horizontal' ? classes.horizontal : undefined;\n const verticalClass = flow === 'vertical' ? classes.vertical : undefined;\n const withHelperTextClass = helperText ? classes.withHelperText : undefined;\n const autoClass = flow === 'auto' ? classes.auto : undefined;\n\n const accept = acceptedFileFormats?.join(',');\n const extension = extractExtension(filename);\n const filenameWithoutExtension = filename.slice(0, -1 - (extension?.length \|\| 0));\n const cellContentLeft = customIcon \|\| getFileIcon(extension, size);\n\n const handleClick = (e: MouseEvent<HTMLButtonElement>) => {\n if (!inputRef.current) {\n return;\n }\n\n if (onClick) {\n onClick(e);\n }\n\n inputRef.current.click();\n };\n\n const handleChange = (e: ChangeEvent<HTMLInputElement>) => {\n if (!e.target.files) {\n return;\n }\n\n if (onChange) {\n onChange(e);\n }\n\n setFilename(e.target.files[0].name);\n };\n\n const handleClear = () => {\n if (!inputRef.current) {\n return;\n }\n\n if (onClear) {\n onClear();\n }\n\n inputRef.current.value = '';\n setFilename('');\n };\n\n return (\n <Root\n className={cx(horizontalClass, verticalClass, autoClass, withHelperTextClass, className)}\n style={style}\n size={size}\n view={view}\n helperTextView={helperTextView}\n ref={ref}\n >\n <StyledHiddenInput\n ref={inputRef}\n accept={accept}\n type=\"file\"\n id={id}\n name={name}\n onChange={handleChange}\n />\n\n {(!hideButtonOnAttach \|\| !filename) && (\n <StyledAttachButtonWrapper>\n <AttachButton\n ref={buttonRef}\n buttonType={buttonType}\n isLoading={isLoading}\n disabled={disabled}\n onClick={handleClick}\n {...rest}\n />\n\n {helperText && <StyledHelperText>{helperText}</StyledHelperText>}\n </StyledAttachButtonWrapper>\n )}\n\n {(hasAttachment \|\| hideButtonOnAttach) && filename && (\n <StyledCell\n stretching=\"fixed\"\n ref={cellRef}\n size={size}\n contentLeft={cellContentLeft}\n contentRight={\n <StyledIconButtonCancel onClick={handleClear}>\n <IconCloseCircleOutline size=\"xs\" color=\"inherit\" />\n </StyledIconButtonCancel>\n }\n >\n <FilenameWrapper>\n <TruncatedFilenamePart>{filenameWithoutExtension.slice(0, -1)}</TruncatedFilenamePart>\n <FilenameExtensionPart>\n {filenameWithoutExtension.at(-1)}.{extension}\n </FilenameExtensionPart>\n </FilenameWrapper>\n </StyledCell>\n )}\n </Root>\n );\n });\n\nexport const attachConfig = {\n name: 'Attach',\n tag: 'div',\n layout: attachRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n helperTextView: {\n css: helperTextViewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'default',\n helperTextView: 'default',\n size: 'm',\n },\n};\n"],"names":["attachRoot","Root","forwardRef","props","outerRef","_props$flow","flow","_props$buttonType","buttonType","_props$hideButtonOnAt","hideButtonOnAttach","_props$hasAttachment","hasAttachment","acceptedFileFormats","helperText","size","view","helperTextView","className","style","isLoading","disabled","id","name","customIcon","onClick","onChange","onClear","rest","_objectWithoutProperties","_excluded","innerRef","useRef","ref","useForkRef","inputRef","cellRef","buttonRef","_useState","useState","_useState2","_slicedToArray","filename","setFilename","horizontalClass","classes","horizontal","undefined","verticalClass","vertical","withHelperTextClass","withHelperText","autoClass","auto","accept","join","extension","extractExtension","filenameWithoutExtension","slice","length","cellContentLeft","getFileIcon","handleClick","e","current","click","handleChange","target","files","handleClear","value","React","createElement","cx","StyledHiddenInput","type","StyledAttachButtonWrapper","AttachButton","_extends","StyledHelperText","StyledCell","stretching","contentLeft","contentRight","StyledIconButtonCancel","_IconCloseCircleOutli","IconCloseCircleOutline","color","FilenameWrapper","TruncatedFilenamePart","FilenameExtensionPart","at","attachConfig","tag","layout","base","variations","css","viewCSS","helperTextViewCSS","sizeCSS","defaults"],"mappings":"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"}

package/es/components/Attach/Attach.styles.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import './Attach.styles_1w3ga58.css';
+import './Attach.styles_pso18d.css';
 import { styled } from '@linaria/react';
 var base = "by826kf";
@@ -7,21 +7,31 @@ var StyledHiddenInput = /*#__PURE__*/styled('input')({
   "class": "sw7vb9c",
   propsAsIs: false
 });
-var StyledHiddenInputHelper = /*#__PURE__*/styled('div')({
-  name: "StyledHiddenInputHelper",
-  "class": "suojwhg",
-  propsAsIs: false
-});
 var StyledAttachButtonWrapper = /*#__PURE__*/styled('div')({
   name: "StyledAttachButtonWrapper",
-  "class": "sjp429d",
+  "class": "suojwhg",
   propsAsIs: false
 });
 var StyledHelperText = /*#__PURE__*/styled('div')({
   name: "StyledHelperText",
-  "class": "sssye98",
+  "class": "sjp429d",
+  propsAsIs: false
+});
+var FilenameWrapper = /*#__PURE__*/styled('div')({
+  name: "FilenameWrapper",
+  "class": "fssye98",
+  propsAsIs: false
+});
+var TruncatedFilenamePart = /*#__PURE__*/styled('span')({
+  name: "TruncatedFilenamePart",
+  "class": "t1531dv",
+  propsAsIs: false
+});
+var FilenameExtensionPart = /*#__PURE__*/styled('span')({
+  name: "FilenameExtensionPart",
+  "class": "f7plw5t",
   propsAsIs: false
 });
-export { StyledAttachButtonWrapper, StyledHelperText, StyledHiddenInput, StyledHiddenInputHelper, base };
+export { FilenameExtensionPart, FilenameWrapper, StyledAttachButtonWrapper, StyledHelperText, StyledHiddenInput, TruncatedFilenamePart, base };
 //# sourceMappingURL=Attach.styles.js.map

package/es/components/Attach/Attach.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Attach.styles.js","sources":["../../../src/components/Attach/Attach.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nexport const base = css`\n position: relative;\n display: flex;\n`;\n\nexport const StyledHiddenInput = styled.input`\n display: none;\n`;\n\nexport const ~~StyledHiddenInputHelper~~ = styled.div`\n position: ~~absolute~~;\n ~~visibility~~: ~~hidden~~;\n ~~white~~-~~space~~: ~~nowrap~~;\n`;\n\nexport const ~~StyledAttachButtonWrapper~~ = styled.div`\n ~~position~~: ~~relative~~;\n`;\n\nexport const ~~StyledHelperText~~ = styled.~~div~~`\n ~~position: absolute;\~~n ~~margin-top:~~ 0.~~25rem;\~~n~~`;\n~~"],"names":["base","StyledHiddenInput","styled","name","class","propsAsIs","~~StyledHiddenInputHelper~~","~~StyledAttachButtonWrapper~~","~~StyledHelperText~~"],"mappings":";;~~AAGO~~,IAAMA,IAAI,GAGhB,UAAA;AAEM,IAAMC,iBAAiB,gBAAGC,MAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAEtC,EAAA;AAEM,IAAMC,~~uBAAuB~~,gBAAGJ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,~~yBAAA~~;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,~~CAI5C~~,EAAA;AAEM,IAAME,~~yBAAyB~~,gBAAGL,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,~~2BAAA~~;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,~~CAE9C~~,EAAA;AAEM,IAAMG,~~gBAAgB~~,gBAAGN,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,~~kBAAA~~;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,~~CAGrC~~;;;;"}
1	+ {"version":3,"file":"Attach.styles.js","sources":["../../../src/components/Attach/Attach.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\nimport { applyEllipsis } from 'src/mixins';\n\nexport const base = css`\n position: relative;\n display: flex;\n`;\n\nexport const StyledHiddenInput = styled.input`\n display: none;\n`;\n\nexport const StyledAttachButtonWrapper = styled.div`\n position: relative;\n`;\n\nexport const StyledHelperText = styled.div`\n position: absolute;\n margin-top: 0.25rem;\n`;\n\nexport const FilenameWrapper = styled.div`\n display: inline-grid;\n align-items: center;\n grid-template-columns: auto 1fr;\n min-width: 8ch;\n`;\n\nexport const TruncatedFilenamePart = styled.span`\n ${applyEllipsis()}\n`;\n\nexport const FilenameExtensionPart = styled.span``;\n"],"names":["base","StyledHiddenInput","styled","name","class","propsAsIs","StyledAttachButtonWrapper","StyledHelperText","FilenameWrapper","TruncatedFilenamePart","FilenameExtensionPart"],"mappings":";;AAIO,IAAMA,IAAI,GAGhB,UAAA;AAEM,IAAMC,iBAAiB,gBAAGC,MAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAEtC,EAAA;AAEM,IAAMC,yBAAyB,gBAAGJ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,2BAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAE9C,EAAA;AAEM,IAAME,gBAAgB,gBAAGL,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGrC,EAAA;AAEM,IAAMG,eAAe,gBAAGN,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKpC,EAAA;AAEM,IAAMI,qBAAqB,gBAAGP,MAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,uBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAE1C,EAAA;AAEM,IAAMK,qBAAqB,gBAAGR,MAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,uBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAO;;;;"}

package/es/components/Attach/Attach.styles_pso18d.css ADDED Viewed

@@ -0,0 +1,7 @@
+.by826kf{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
+.sw7vb9c{display:none;}
+.suojwhg{position:relative;}
+.sjp429d{position:absolute;margin-top:0.25rem;}
+.fssye98{display:inline-grid;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;grid-template-columns:auto 1fr;min-width:8ch;}
+.t1531dv{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

package/es/components/Attach/Attach.tokens.js CHANGED Viewed

@@ -9,6 +9,7 @@ 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/es/components/Attach/Attach.tokens.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Attach.tokens.js","sources":["../../../src/components/Attach/Attach.tokens.ts"],"sourcesContent":["export const classes = {\n auto: 'auto',\n horizontal: 'horizontal',\n vertical: 'vertical',\n withHelperText: 'with-helper-text',\n cellHidden: 'cell-hidden',\n};\n\nexport const tokens = {\n horizontalGap: '--plasma-attach-horizontal-gap',\n verticalGap: '--plasma-attach-vertical-gap',\n verticalGapWithHelperText: '--plasma-attach-vertical-gap-with-helper-text',\n\n helperTextColor: '--plasma-attach-helper-text-color',\n\n // Токены для Button\n buttonColor: '--plasma-attach-button-color',\n buttonValueColor: '--plasma-attach-button-value-color',\n buttonBackgroundColor: '--plasma-attach-button-background-color',\n buttonColorHover: '--plasma-attach-button-color-hover',\n buttonBackgroundColorHover: '--plasma-attach-button-background-color-hover',\n buttonColorActive: '--plasma-attach-button-color-active',\n buttonBackgroundColorActive: '--plasma-attach-button-background-color-active',\n buttonLoadingBackgroundColor: '--plasma-attach-button-loading-background-color',\n\n buttonScaleHover: '--plasma-attach-button-scale-hover',\n buttonScaleActive: '---plasma-attach-button-scale-active',\n buttonHeight: '--plasma-attach-button-height',\n buttonWidth: '--plasma-attach-button-width',\n buttonPadding: '--plasma-attach-button-padding',\n buttonRadius: '--plasma-attach-button-radius',\n buttonRadiusCircle: '--plasma-attach-button-radius-circle',\n\n buttonFontFamily: '--plasma-attach-button-font-family',\n buttonFontSize: '--plasma-attach-button-font-size',\n buttonFontStyle: '--plasma-attach-button-font-style',\n buttonFontWeight: '--plasma-attach-button-font-weight',\n buttonLetterSpacing: '--plasma-attach-button-letter-spacing',\n buttonLineHeight: '--plasma-attach-button-line-height',\n\n buttonLeftContentMargin: '--plasma-attach-button-left-content-margin',\n buttonLeftContentAlignSelf: '--plasma-attach-button-left-content-align-self',\n buttonRightContentMargin: '--plasma-attach-button-right-content-margin',\n buttonRightContentAlignSelf: '--plasma-attach-button-right-content-align-self',\n buttonValueMargin: '--plasma-attach-button-value-margin',\n\n buttonDisabledOpacity: '--plasma-attach-button-disabled-opacity',\n buttonFocusColor: '--plasma-attach-button-focus-color',\n\n buttonSpinnerColor: '--plasma-attach-button-spinner-color',\n buttonSpinnerSize: '--plasma-attach-button-spinner-size',\n\n // Токены для Cell\n cellColor: '--plasma-attach-cell-color',\n cellBackgroundColor: '--plasma-attach-cell-background-color',\n\n cellPadding: '--plasma-attach-cell-padding',\n cellPaddingLeftContent: '--plasma-attach-cell-padding-left-content',\n cellPaddingContent: '--plasma-attach-cell-padding-content',\n cellPaddingRightContent: '--plasma-attach-cell-padding-right-content',\n\n cellTextboxGap: '--plasma-attach-cell-textbox-gap',\n cellGap: '--plasma-attach-cell-gap',\n\n cellWidth: '--plasma-attach-cell-width',\n\n cellLabelColor: '--plasma-attach-cell-label-color',\n cellLabelFontFamily: '--plasma-attach-cell-label-font-family',\n cellLabelFontSize: '--plasma-attach-cell-label-font-size',\n cellLabelFontStyle: '--plasma-attach-cell-label-font-style',\n cellLabelFontWeight: '--plasma-attach-cell-label-font-weight',\n cellLabelLetterSpacing: '--plasma-attach-cell-label-letter-spacing',\n cellLabelLineHeight: '--plasma-attach-cell-label-line-height',\n\n cellTitleColor: '--plasma-attach-cell-title-color',\n cellTitleFontFamily: '--plasma-attach-cell-title-font-family',\n cellTitleFontSize: '--plasma-attach-cell-title-font-size',\n cellTitleFontStyle: '--plasma-attach-cell-title-font-style',\n cellTitleFontWeight: '--plasma-attach-cell-title-font-weight',\n cellTitleLetterSpacing: '--plasma-attach-cell-title-letter-spacing',\n cellTitleLineHeight: '--plasma-attach-cell-title-line-height',\n\n cellSubtitleColor: '--plasma-attach-cell-subtitle-color',\n cellSubtitleFontFamily: '--plasma-attach-cell-subtitle-font-family',\n cellSubtitleFontSize: '--plasma-attach-cell-subtitle-font-size',\n cellSubtitleFontStyle: '--plasma-attach-cell-subtitle-font-style',\n cellSubtitleFontWeight: '--plasma-attach-cell-subtitle-font-weight',\n cellSubtitleLetterSpacing: '--plasma-attach-cell-subtitle-letter-spacing',\n cellSubtitleLineHeight: '--plasma-attach-cell-subtitle-line-height',\n\n // Токены для IconButton\n iconButtonColor: '--plasma-attach-icon-button-color',\n iconButtonBackgroundColor: '--plasma-attach-icon-button-background-color',\n iconButtonLoadingBackgroundColor: '--plasma-attach-icon-button-loading-background-color',\n iconButtonColorHover: '--plasma-attach-icon-button-color-hover',\n iconButtonBackgroundColorHover: '--plasma-attach-icon-button-background-color-hover',\n iconButtonColorActive: '--plasma-attach-icon-button-color-active',\n iconButtonBackgroundColorActive: '--plasma-attach-icon-button-background-color-active',\n\n iconButtonScaleHover: '--plasma-attach-icon-button-scale-hover',\n iconButtonScaleActive: '---plasma-attach-icon-button-scale-active',\n iconButtonHeight: '--plasma-attach-icon-button-height',\n iconButtonWidth: '--plasma-attach-icon-button-width',\n iconButtonPadding: '--plasma-attach-icon-button-padding',\n iconButtonRadius: '--plasma-attach-icon-button-radius',\n iconButtonRadiusCircle: '--plasma-attach-icon-button-radius-circle',\n\n iconButtonFontFamily: '--plasma-attach-icon-button-font-family',\n iconButtonFontSize: '--plasma-attach-icon-button-font-size',\n iconButtonFontStyle: '--plasma-attach-icon-button-font-style',\n iconButtonFontWeight: '--plasma-attach-icon-button-font-weight',\n iconButtonLetterSpacing: '--plasma-attach-icon-button-letter-spacing',\n iconButtonLineHeight: '--plasma-attach-icon-button-line-height',\n\n iconButtonDisabledOpacity: '--plasma-attach-icon-button-disabled-opacity',\n iconButtonFocusColor: '--plasma-attach-icon-button-focus-color',\n\n iconButtonSpinnerColor: '--plasma-attach-icon-button-spinner-color',\n iconButtonSpinnerSize: '--plasma-attach-icon-button-spinner-size',\n\n // Токены для IconButtonCancel\n iconButtonCancelColor: '--plasma-attach-icon-button-cancel-color',\n iconButtonCancelBackgroundColor: '--plasma-attach-icon-button-cancel-background-color',\n iconButtonCancelLoadingBackgroundColor: '--plasma-attach-icon-button-cancel-loading-background-color',\n iconButtonCancelColorHover: '--plasma-attach-icon-button-cancel-color-hover',\n iconButtonCancelBackgroundColorHover: '--plasma-attach-icon-button-cancel-background-color-hover',\n iconButtonCancelColorActive: '--plasma-attach-icon-button-cancel-color-active',\n iconButtonCancelBackgroundColorActive: '--plasma-attach-icon-button-cancel-background-color-active',\n\n iconButtonCancelScaleHover: '--plasma-attach-icon-button-cancel-scale-hover',\n iconButtonCancelScaleActive: '---plasma-attach-icon-button-cancel-scale-active',\n iconButtonCancelHeight: '--plasma-attach-icon-button-cancel-height',\n iconButtonCancelWidth: '--plasma-attach-icon-button-cancel-width',\n iconButtonCancelPadding: '--plasma-attach-icon-button-cancel-padding',\n iconButtonCancelRadius: '--plasma-attach-icon-button-cancel-radius',\n iconButtonCancelRadiusCircle: '--plasma-attach-icon-button-cancel-radius-circle',\n\n iconButtonCancelFontFamily: '--plasma-attach-icon-button-cancel-font-family',\n iconButtonCancelFontSize: '--plasma-attach-icon-button-cancel-font-size',\n iconButtonCancelFontStyle: '--plasma-attach-icon-button-cancel-font-style',\n iconButtonCancelFontWeight: '--plasma-attach-icon-button-cancel-font-weight',\n iconButtonCancelLetterSpacing: '--plasma-attach-icon-button-cancel-letter-spacing',\n iconButtonCancelLineHeight: '--plasma-attach-icon-button-cancel-line-height',\n\n iconButtonCancelDisabledOpacity: '--plasma-attach-icon-button-cancel-disabled-opacity',\n iconButtonCancelFocusColor: '--plasma-attach-icon-button-cancel-focus-color',\n\n iconButtonCancelSpinnerColor: '--plasma-attach-icon-button-cancel-spinner-color',\n iconButtonCancelSpinnerSize: '--plasma-attach-icon-button-cancel-spinner-size',\n};\n"],"names":["classes","auto","horizontal","vertical","withHelperText","cellHidden","tokens","horizontalGap","verticalGap","verticalGapWithHelperText","helperTextColor","buttonColor","buttonValueColor","buttonBackgroundColor","buttonColorHover","buttonBackgroundColorHover","buttonColorActive","buttonBackgroundColorActive","buttonLoadingBackgroundColor","buttonScaleHover","buttonScaleActive","buttonHeight","buttonWidth","buttonPadding","buttonRadius","buttonRadiusCircle","buttonFontFamily","buttonFontSize","buttonFontStyle","buttonFontWeight","buttonLetterSpacing","buttonLineHeight","buttonLeftContentMargin","buttonLeftContentAlignSelf","buttonRightContentMargin","buttonRightContentAlignSelf","buttonValueMargin","buttonDisabledOpacity","buttonFocusColor","buttonSpinnerColor","buttonSpinnerSize","cellColor","cellBackgroundColor","cellPadding","cellPaddingLeftContent","cellPaddingContent","cellPaddingRightContent","cellTextboxGap","cellGap","cellWidth","cellLabelColor","cellLabelFontFamily","cellLabelFontSize","cellLabelFontStyle","cellLabelFontWeight","cellLabelLetterSpacing","cellLabelLineHeight","cellTitleColor","cellTitleFontFamily","cellTitleFontSize","cellTitleFontStyle","cellTitleFontWeight","cellTitleLetterSpacing","cellTitleLineHeight","cellSubtitleColor","cellSubtitleFontFamily","cellSubtitleFontSize","cellSubtitleFontStyle","cellSubtitleFontWeight","cellSubtitleLetterSpacing","cellSubtitleLineHeight","iconButtonColor","iconButtonBackgroundColor","iconButtonLoadingBackgroundColor","iconButtonColorHover","iconButtonBackgroundColorHover","iconButtonColorActive","iconButtonBackgroundColorActive","iconButtonScaleHover","iconButtonScaleActive","iconButtonHeight","iconButtonWidth","iconButtonPadding","iconButtonRadius","iconButtonRadiusCircle","iconButtonFontFamily","iconButtonFontSize","iconButtonFontStyle","iconButtonFontWeight","iconButtonLetterSpacing","iconButtonLineHeight","iconButtonDisabledOpacity","iconButtonFocusColor","iconButtonSpinnerColor","iconButtonSpinnerSize","iconButtonCancelColor","iconButtonCancelBackgroundColor","iconButtonCancelLoadingBackgroundColor","iconButtonCancelColorHover","iconButtonCancelBackgroundColorHover","iconButtonCancelColorActive","iconButtonCancelBackgroundColorActive","iconButtonCancelScaleHover","iconButtonCancelScaleActive","iconButtonCancelHeight","iconButtonCancelWidth","iconButtonCancelPadding","iconButtonCancelRadius","iconButtonCancelRadiusCircle","iconButtonCancelFontFamily","iconButtonCancelFontSize","iconButtonCancelFontStyle","iconButtonCancelFontWeight","iconButtonCancelLetterSpacing","iconButtonCancelLineHeight","iconButtonCancelDisabledOpacity","iconButtonCancelFocusColor","iconButtonCancelSpinnerColor","iconButtonCancelSpinnerSize"],"mappings":"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"}
1	+ {"version":3,"file":"Attach.tokens.js","sources":["../../../src/components/Attach/Attach.tokens.ts"],"sourcesContent":["export const classes = {\n auto: 'auto',\n horizontal: 'horizontal',\n vertical: 'vertical',\n withHelperText: 'with-helper-text',\n cellHidden: 'cell-hidden',\n};\n\nexport const tokens = {\n horizontalGap: '--plasma-attach-horizontal-gap',\n verticalGap: '--plasma-attach-vertical-gap',\n verticalGapWithHelperText: '--plasma-attach-vertical-gap-with-helper-text',\n filenameWrapperHeight: '--plasma-attach-filename-wrapper-height',\n\n helperTextColor: '--plasma-attach-helper-text-color',\n\n // Токены для Button\n buttonColor: '--plasma-attach-button-color',\n buttonValueColor: '--plasma-attach-button-value-color',\n buttonBackgroundColor: '--plasma-attach-button-background-color',\n buttonColorHover: '--plasma-attach-button-color-hover',\n buttonBackgroundColorHover: '--plasma-attach-button-background-color-hover',\n buttonColorActive: '--plasma-attach-button-color-active',\n buttonBackgroundColorActive: '--plasma-attach-button-background-color-active',\n buttonLoadingBackgroundColor: '--plasma-attach-button-loading-background-color',\n\n buttonScaleHover: '--plasma-attach-button-scale-hover',\n buttonScaleActive: '---plasma-attach-button-scale-active',\n buttonHeight: '--plasma-attach-button-height',\n buttonWidth: '--plasma-attach-button-width',\n buttonPadding: '--plasma-attach-button-padding',\n buttonRadius: '--plasma-attach-button-radius',\n buttonRadiusCircle: '--plasma-attach-button-radius-circle',\n\n buttonFontFamily: '--plasma-attach-button-font-family',\n buttonFontSize: '--plasma-attach-button-font-size',\n buttonFontStyle: '--plasma-attach-button-font-style',\n buttonFontWeight: '--plasma-attach-button-font-weight',\n buttonLetterSpacing: '--plasma-attach-button-letter-spacing',\n buttonLineHeight: '--plasma-attach-button-line-height',\n\n buttonLeftContentMargin: '--plasma-attach-button-left-content-margin',\n buttonLeftContentAlignSelf: '--plasma-attach-button-left-content-align-self',\n buttonRightContentMargin: '--plasma-attach-button-right-content-margin',\n buttonRightContentAlignSelf: '--plasma-attach-button-right-content-align-self',\n buttonValueMargin: '--plasma-attach-button-value-margin',\n\n buttonDisabledOpacity: '--plasma-attach-button-disabled-opacity',\n buttonFocusColor: '--plasma-attach-button-focus-color',\n\n buttonSpinnerColor: '--plasma-attach-button-spinner-color',\n buttonSpinnerSize: '--plasma-attach-button-spinner-size',\n\n // Токены для Cell\n cellColor: '--plasma-attach-cell-color',\n cellBackgroundColor: '--plasma-attach-cell-background-color',\n\n cellPadding: '--plasma-attach-cell-padding',\n cellPaddingLeftContent: '--plasma-attach-cell-padding-left-content',\n cellPaddingContent: '--plasma-attach-cell-padding-content',\n cellPaddingRightContent: '--plasma-attach-cell-padding-right-content',\n\n cellTextboxGap: '--plasma-attach-cell-textbox-gap',\n cellGap: '--plasma-attach-cell-gap',\n\n cellWidth: '--plasma-attach-cell-width',\n\n cellLabelColor: '--plasma-attach-cell-label-color',\n cellLabelFontFamily: '--plasma-attach-cell-label-font-family',\n cellLabelFontSize: '--plasma-attach-cell-label-font-size',\n cellLabelFontStyle: '--plasma-attach-cell-label-font-style',\n cellLabelFontWeight: '--plasma-attach-cell-label-font-weight',\n cellLabelLetterSpacing: '--plasma-attach-cell-label-letter-spacing',\n cellLabelLineHeight: '--plasma-attach-cell-label-line-height',\n\n cellTitleColor: '--plasma-attach-cell-title-color',\n cellTitleFontFamily: '--plasma-attach-cell-title-font-family',\n cellTitleFontSize: '--plasma-attach-cell-title-font-size',\n cellTitleFontStyle: '--plasma-attach-cell-title-font-style',\n cellTitleFontWeight: '--plasma-attach-cell-title-font-weight',\n cellTitleLetterSpacing: '--plasma-attach-cell-title-letter-spacing',\n cellTitleLineHeight: '--plasma-attach-cell-title-line-height',\n\n cellSubtitleColor: '--plasma-attach-cell-subtitle-color',\n cellSubtitleFontFamily: '--plasma-attach-cell-subtitle-font-family',\n cellSubtitleFontSize: '--plasma-attach-cell-subtitle-font-size',\n cellSubtitleFontStyle: '--plasma-attach-cell-subtitle-font-style',\n cellSubtitleFontWeight: '--plasma-attach-cell-subtitle-font-weight',\n cellSubtitleLetterSpacing: '--plasma-attach-cell-subtitle-letter-spacing',\n cellSubtitleLineHeight: '--plasma-attach-cell-subtitle-line-height',\n\n // Токены для IconButton\n iconButtonColor: '--plasma-attach-icon-button-color',\n iconButtonBackgroundColor: '--plasma-attach-icon-button-background-color',\n iconButtonLoadingBackgroundColor: '--plasma-attach-icon-button-loading-background-color',\n iconButtonColorHover: '--plasma-attach-icon-button-color-hover',\n iconButtonBackgroundColorHover: '--plasma-attach-icon-button-background-color-hover',\n iconButtonColorActive: '--plasma-attach-icon-button-color-active',\n iconButtonBackgroundColorActive: '--plasma-attach-icon-button-background-color-active',\n\n iconButtonScaleHover: '--plasma-attach-icon-button-scale-hover',\n iconButtonScaleActive: '---plasma-attach-icon-button-scale-active',\n iconButtonHeight: '--plasma-attach-icon-button-height',\n iconButtonWidth: '--plasma-attach-icon-button-width',\n iconButtonPadding: '--plasma-attach-icon-button-padding',\n iconButtonRadius: '--plasma-attach-icon-button-radius',\n iconButtonRadiusCircle: '--plasma-attach-icon-button-radius-circle',\n\n iconButtonFontFamily: '--plasma-attach-icon-button-font-family',\n iconButtonFontSize: '--plasma-attach-icon-button-font-size',\n iconButtonFontStyle: '--plasma-attach-icon-button-font-style',\n iconButtonFontWeight: '--plasma-attach-icon-button-font-weight',\n iconButtonLetterSpacing: '--plasma-attach-icon-button-letter-spacing',\n iconButtonLineHeight: '--plasma-attach-icon-button-line-height',\n\n iconButtonDisabledOpacity: '--plasma-attach-icon-button-disabled-opacity',\n iconButtonFocusColor: '--plasma-attach-icon-button-focus-color',\n\n iconButtonSpinnerColor: '--plasma-attach-icon-button-spinner-color',\n iconButtonSpinnerSize: '--plasma-attach-icon-button-spinner-size',\n\n // Токены для IconButtonCancel\n iconButtonCancelColor: '--plasma-attach-icon-button-cancel-color',\n iconButtonCancelBackgroundColor: '--plasma-attach-icon-button-cancel-background-color',\n iconButtonCancelLoadingBackgroundColor: '--plasma-attach-icon-button-cancel-loading-background-color',\n iconButtonCancelColorHover: '--plasma-attach-icon-button-cancel-color-hover',\n iconButtonCancelBackgroundColorHover: '--plasma-attach-icon-button-cancel-background-color-hover',\n iconButtonCancelColorActive: '--plasma-attach-icon-button-cancel-color-active',\n iconButtonCancelBackgroundColorActive: '--plasma-attach-icon-button-cancel-background-color-active',\n\n iconButtonCancelScaleHover: '--plasma-attach-icon-button-cancel-scale-hover',\n iconButtonCancelScaleActive: '---plasma-attach-icon-button-cancel-scale-active',\n iconButtonCancelHeight: '--plasma-attach-icon-button-cancel-height',\n iconButtonCancelWidth: '--plasma-attach-icon-button-cancel-width',\n iconButtonCancelPadding: '--plasma-attach-icon-button-cancel-padding',\n iconButtonCancelRadius: '--plasma-attach-icon-button-cancel-radius',\n iconButtonCancelRadiusCircle: '--plasma-attach-icon-button-cancel-radius-circle',\n\n iconButtonCancelFontFamily: '--plasma-attach-icon-button-cancel-font-family',\n iconButtonCancelFontSize: '--plasma-attach-icon-button-cancel-font-size',\n iconButtonCancelFontStyle: '--plasma-attach-icon-button-cancel-font-style',\n iconButtonCancelFontWeight: '--plasma-attach-icon-button-cancel-font-weight',\n iconButtonCancelLetterSpacing: '--plasma-attach-icon-button-cancel-letter-spacing',\n iconButtonCancelLineHeight: '--plasma-attach-icon-button-cancel-line-height',\n\n iconButtonCancelDisabledOpacity: '--plasma-attach-icon-button-cancel-disabled-opacity',\n iconButtonCancelFocusColor: '--plasma-attach-icon-button-cancel-focus-color',\n\n iconButtonCancelSpinnerColor: '--plasma-attach-icon-button-cancel-spinner-color',\n iconButtonCancelSpinnerSize: '--plasma-attach-icon-button-cancel-spinner-size',\n};\n"],"names":["classes","auto","horizontal","vertical","withHelperText","cellHidden","tokens","horizontalGap","verticalGap","verticalGapWithHelperText","filenameWrapperHeight","helperTextColor","buttonColor","buttonValueColor","buttonBackgroundColor","buttonColorHover","buttonBackgroundColorHover","buttonColorActive","buttonBackgroundColorActive","buttonLoadingBackgroundColor","buttonScaleHover","buttonScaleActive","buttonHeight","buttonWidth","buttonPadding","buttonRadius","buttonRadiusCircle","buttonFontFamily","buttonFontSize","buttonFontStyle","buttonFontWeight","buttonLetterSpacing","buttonLineHeight","buttonLeftContentMargin","buttonLeftContentAlignSelf","buttonRightContentMargin","buttonRightContentAlignSelf","buttonValueMargin","buttonDisabledOpacity","buttonFocusColor","buttonSpinnerColor","buttonSpinnerSize","cellColor","cellBackgroundColor","cellPadding","cellPaddingLeftContent","cellPaddingContent","cellPaddingRightContent","cellTextboxGap","cellGap","cellWidth","cellLabelColor","cellLabelFontFamily","cellLabelFontSize","cellLabelFontStyle","cellLabelFontWeight","cellLabelLetterSpacing","cellLabelLineHeight","cellTitleColor","cellTitleFontFamily","cellTitleFontSize","cellTitleFontStyle","cellTitleFontWeight","cellTitleLetterSpacing","cellTitleLineHeight","cellSubtitleColor","cellSubtitleFontFamily","cellSubtitleFontSize","cellSubtitleFontStyle","cellSubtitleFontWeight","cellSubtitleLetterSpacing","cellSubtitleLineHeight","iconButtonColor","iconButtonBackgroundColor","iconButtonLoadingBackgroundColor","iconButtonColorHover","iconButtonBackgroundColorHover","iconButtonColorActive","iconButtonBackgroundColorActive","iconButtonScaleHover","iconButtonScaleActive","iconButtonHeight","iconButtonWidth","iconButtonPadding","iconButtonRadius","iconButtonRadiusCircle","iconButtonFontFamily","iconButtonFontSize","iconButtonFontStyle","iconButtonFontWeight","iconButtonLetterSpacing","iconButtonLineHeight","iconButtonDisabledOpacity","iconButtonFocusColor","iconButtonSpinnerColor","iconButtonSpinnerSize","iconButtonCancelColor","iconButtonCancelBackgroundColor","iconButtonCancelLoadingBackgroundColor","iconButtonCancelColorHover","iconButtonCancelBackgroundColorHover","iconButtonCancelColorActive","iconButtonCancelBackgroundColorActive","iconButtonCancelScaleHover","iconButtonCancelScaleActive","iconButtonCancelHeight","iconButtonCancelWidth","iconButtonCancelPadding","iconButtonCancelRadius","iconButtonCancelRadiusCircle","iconButtonCancelFontFamily","iconButtonCancelFontSize","iconButtonCancelFontStyle","iconButtonCancelFontWeight","iconButtonCancelLetterSpacing","iconButtonCancelLineHeight","iconButtonCancelDisabledOpacity","iconButtonCancelFocusColor","iconButtonCancelSpinnerColor","iconButtonCancelSpinnerSize"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,UAAU,EAAE,YAAY;AACxBC,EAAAA,QAAQ,EAAE,UAAU;AACpBC,EAAAA,cAAc,EAAE,kBAAkB;AAClCC,EAAAA,UAAU,EAAE,aAAA;AAChB,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,aAAa,EAAE,gCAAgC;AAC/CC,EAAAA,WAAW,EAAE,8BAA8B;AAC3CC,EAAAA,yBAAyB,EAAE,+CAA+C;AAC1EC,EAAAA,qBAAqB,EAAE,yCAAyC;AAEhEC,EAAAA,eAAe,EAAE,mCAAmC;AAEpD;AACAC,EAAAA,WAAW,EAAE,8BAA8B;AAC3CC,EAAAA,gBAAgB,EAAE,oCAAoC;AACtDC,EAAAA,qBAAqB,EAAE,yCAAyC;AAChEC,EAAAA,gBAAgB,EAAE,oCAAoC;AACtDC,EAAAA,0BAA0B,EAAE,+CAA+C;AAC3EC,EAAAA,iBAAiB,EAAE,qCAAqC;AACxDC,EAAAA,2BAA2B,EAAE,gDAAgD;AAC7EC,EAAAA,4BAA4B,EAAE,iDAAiD;AAE/EC,EAAAA,gBAAgB,EAAE,oCAAoC;AACtDC,EAAAA,iBAAiB,EAAE,sCAAsC;AACzDC,EAAAA,YAAY,EAAE,+BAA+B;AAC7CC,EAAAA,WAAW,EAAE,8BAA8B;AAC3CC,EAAAA,aAAa,EAAE,gCAAgC;AAC/CC,EAAAA,YAAY,EAAE,+BAA+B;AAC7CC,EAAAA,kBAAkB,EAAE,sCAAsC;AAE1DC,EAAAA,gBAAgB,EAAE,oCAAoC;AACtDC,EAAAA,cAAc,EAAE,kCAAkC;AAClDC,EAAAA,eAAe,EAAE,mCAAmC;AACpDC,EAAAA,gBAAgB,EAAE,oCAAoC;AACtDC,EAAAA,mBAAmB,EAAE,uCAAuC;AAC5DC,EAAAA,gBAAgB,EAAE,oCAAoC;AAEtDC,EAAAA,uBAAuB,EAAE,4CAA4C;AACrEC,EAAAA,0BAA0B,EAAE,gDAAgD;AAC5EC,EAAAA,wBAAwB,EAAE,6CAA6C;AACvEC,EAAAA,2BAA2B,EAAE,iDAAiD;AAC9EC,EAAAA,iBAAiB,EAAE,qCAAqC;AAExDC,EAAAA,qBAAqB,EAAE,yCAAyC;AAChEC,EAAAA,gBAAgB,EAAE,oCAAoC;AAEtDC,EAAAA,kBAAkB,EAAE,sCAAsC;AAC1DC,EAAAA,iBAAiB,EAAE,qCAAqC;AAExD;AACAC,EAAAA,SAAS,EAAE,4BAA4B;AACvCC,EAAAA,mBAAmB,EAAE,uCAAuC;AAE5DC,EAAAA,WAAW,EAAE,8BAA8B;AAC3CC,EAAAA,sBAAsB,EAAE,2CAA2C;AACnEC,EAAAA,kBAAkB,EAAE,sCAAsC;AAC1DC,EAAAA,uBAAuB,EAAE,4CAA4C;AAErEC,EAAAA,cAAc,EAAE,kCAAkC;AAClDC,EAAAA,OAAO,EAAE,0BAA0B;AAEnCC,EAAAA,SAAS,EAAE,4BAA4B;AAEvCC,EAAAA,cAAc,EAAE,kCAAkC;AAClDC,EAAAA,mBAAmB,EAAE,wCAAwC;AAC7DC,EAAAA,iBAAiB,EAAE,sCAAsC;AACzDC,EAAAA,kBAAkB,EAAE,uCAAuC;AAC3DC,EAAAA,mBAAmB,EAAE,wCAAwC;AAC7DC,EAAAA,sBAAsB,EAAE,2CAA2C;AACnEC,EAAAA,mBAAmB,EAAE,wCAAwC;AAE7DC,EAAAA,cAAc,EAAE,kCAAkC;AAClDC,EAAAA,mBAAmB,EAAE,wCAAwC;AAC7DC,EAAAA,iBAAiB,EAAE,sCAAsC;AACzDC,EAAAA,kBAAkB,EAAE,uCAAuC;AAC3DC,EAAAA,mBAAmB,EAAE,wCAAwC;AAC7DC,EAAAA,sBAAsB,EAAE,2CAA2C;AACnEC,EAAAA,mBAAmB,EAAE,wCAAwC;AAE7DC,EAAAA,iBAAiB,EAAE,qCAAqC;AACxDC,EAAAA,sBAAsB,EAAE,2CAA2C;AACnEC,EAAAA,oBAAoB,EAAE,yCAAyC;AAC/DC,EAAAA,qBAAqB,EAAE,0CAA0C;AACjEC,EAAAA,sBAAsB,EAAE,2CAA2C;AACnEC,EAAAA,yBAAyB,EAAE,8CAA8C;AACzEC,EAAAA,sBAAsB,EAAE,2CAA2C;AAEnE;AACAC,EAAAA,eAAe,EAAE,mCAAmC;AACpDC,EAAAA,yBAAyB,EAAE,8CAA8C;AACzEC,EAAAA,gCAAgC,EAAE,sDAAsD;AACxFC,EAAAA,oBAAoB,EAAE,yCAAyC;AAC/DC,EAAAA,8BAA8B,EAAE,oDAAoD;AACpFC,EAAAA,qBAAqB,EAAE,0CAA0C;AACjEC,EAAAA,+BAA+B,EAAE,qDAAqD;AAEtFC,EAAAA,oBAAoB,EAAE,yCAAyC;AAC/DC,EAAAA,qBAAqB,EAAE,2CAA2C;AAClEC,EAAAA,gBAAgB,EAAE,oCAAoC;AACtDC,EAAAA,eAAe,EAAE,mCAAmC;AACpDC,EAAAA,iBAAiB,EAAE,qCAAqC;AACxDC,EAAAA,gBAAgB,EAAE,oCAAoC;AACtDC,EAAAA,sBAAsB,EAAE,2CAA2C;AAEnEC,EAAAA,oBAAoB,EAAE,yCAAyC;AAC/DC,EAAAA,kBAAkB,EAAE,uCAAuC;AAC3DC,EAAAA,mBAAmB,EAAE,wCAAwC;AAC7DC,EAAAA,oBAAoB,EAAE,yCAAyC;AAC/DC,EAAAA,uBAAuB,EAAE,4CAA4C;AACrEC,EAAAA,oBAAoB,EAAE,yCAAyC;AAE/DC,EAAAA,yBAAyB,EAAE,8CAA8C;AACzEC,EAAAA,oBAAoB,EAAE,yCAAyC;AAE/DC,EAAAA,sBAAsB,EAAE,2CAA2C;AACnEC,EAAAA,qBAAqB,EAAE,0CAA0C;AAEjE;AACAC,EAAAA,qBAAqB,EAAE,0CAA0C;AACjEC,EAAAA,+BAA+B,EAAE,qDAAqD;AACtFC,EAAAA,sCAAsC,EAAE,6DAA6D;AACrGC,EAAAA,0BAA0B,EAAE,gDAAgD;AAC5EC,EAAAA,oCAAoC,EAAE,2DAA2D;AACjGC,EAAAA,2BAA2B,EAAE,iDAAiD;AAC9EC,EAAAA,qCAAqC,EAAE,4DAA4D;AAEnGC,EAAAA,0BAA0B,EAAE,gDAAgD;AAC5EC,EAAAA,2BAA2B,EAAE,kDAAkD;AAC/EC,EAAAA,sBAAsB,EAAE,2CAA2C;AACnEC,EAAAA,qBAAqB,EAAE,0CAA0C;AACjEC,EAAAA,uBAAuB,EAAE,4CAA4C;AACrEC,EAAAA,sBAAsB,EAAE,2CAA2C;AACnEC,EAAAA,4BAA4B,EAAE,kDAAkD;AAEhFC,EAAAA,0BAA0B,EAAE,gDAAgD;AAC5EC,EAAAA,wBAAwB,EAAE,8CAA8C;AACxEC,EAAAA,yBAAyB,EAAE,+CAA+C;AAC1EC,EAAAA,0BAA0B,EAAE,gDAAgD;AAC5EC,EAAAA,6BAA6B,EAAE,mDAAmD;AAClFC,EAAAA,0BAA0B,EAAE,gDAAgD;AAE5EC,EAAAA,+BAA+B,EAAE,qDAAqD;AACtFC,EAAAA,0BAA0B,EAAE,gDAAgD;AAE5EC,EAAAA,4BAA4B,EAAE,kDAAkD;AAChFC,EAAAA,2BAA2B,EAAE,iDAAA;AACjC;;;;"}

package/es/components/Attach/utils/getFileicon.js CHANGED Viewed

@@ -6,7 +6,7 @@ import { IconBlankXlsOutline } from '../../_Icon/Icons/IconBlankXlsOutline.js';
 import { IconBlankDocOutline } from '../../_Icon/Icons/IconBlankDocOutline.js';
 import { IconBlankPdfOutline } from '../../_Icon/Icons/IconBlankPdfOutline.js';
-var getFileicon = function getFileicon(extension, size) {
+var getFileIcon = function getFileIcon(extension, size) {
   var iconSize = size === 'xs' ? 'xs' : 's';
   switch (extension) {
     case 'pdf':
@@ -52,5 +52,5 @@ var getFileicon = function getFileicon(extension, size) {
   }
 };
-export { getFileicon };
+export { getFileIcon };
 //# sourceMappingURL=getFileicon.js.map

package/es/components/Attach/utils/getFileicon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"getFileicon.js","sources":["../../../../src/components/Attach/utils/getFileicon.tsx"],"sourcesContent":["import React from 'react';\n\nimport {\n IconBlankCsvOutline,\n IconBlankDocOutline,\n IconBlankOutline,\n IconBlankPdfOutline,\n IconBlankTxtOutline,\n IconBlankXlsOutline,\n} from '../../_Icon';\n\nexport const ~~getFileicon~~ = (extension?: string, size?: string) => {\n const iconSize = size === 'xs' ? 'xs' : 's';\n\n switch (extension) {\n case 'pdf':\n return <IconBlankPdfOutline size={iconSize} color=\"inherit\" />;\n case 'doc':\n return <IconBlankDocOutline size={iconSize} color=\"inherit\" />;\n case 'docx':\n return <IconBlankDocOutline size={iconSize} color=\"inherit\" />;\n case 'xls':\n return <IconBlankXlsOutline size={iconSize} color=\"inherit\" />;\n case 'xlsx':\n return <IconBlankXlsOutline size={iconSize} color=\"inherit\" />;\n case 'txt':\n return <IconBlankTxtOutline size={iconSize} color=\"inherit\" />;\n case 'csv':\n return <IconBlankCsvOutline size={iconSize} color=\"inherit\" />;\n default:\n return <IconBlankOutline size={iconSize} color=\"inherit\" />;\n }\n};\n"],"names":["~~getFileicon~~","extension","size","iconSize","React","createElement","IconBlankPdfOutline","color","IconBlankDocOutline","IconBlankXlsOutline","IconBlankTxtOutline","IconBlankCsvOutline","IconBlankOutline"],"mappings":";;;;;;;;AAWO,IAAMA,WAAW,GAAG,SAAdA,WAAWA,CAAIC,SAAkB,EAAEC,IAAa,EAAK;EAC9D,IAAMC,QAAQ,GAAGD,IAAI,KAAK,IAAI,GAAG,IAAI,GAAG,GAAG,CAAA;AAE3C,EAAA,QAAQD,SAAS;AACb,IAAA,KAAK,KAAK;AACN,MAAA,oBAAOG,KAAA,CAAAC,aAAA,CAACC,mBAAmB,EAAA;AAACJ,QAAAA,IAAI,EAAEC,QAAS;AAACI,QAAAA,KAAK,EAAC,SAAA;AAAS,OAAE,CAAC,CAAA;AAClE,IAAA,KAAK,KAAK;AACN,MAAA,oBAAOH,KAAA,CAAAC,aAAA,CAACG,mBAAmB,EAAA;AAACN,QAAAA,IAAI,EAAEC,QAAS;AAACI,QAAAA,KAAK,EAAC,SAAA;AAAS,OAAE,CAAC,CAAA;AAClE,IAAA,KAAK,MAAM;AACP,MAAA,oBAAOH,KAAA,CAAAC,aAAA,CAACG,mBAAmB,EAAA;AAACN,QAAAA,IAAI,EAAEC,QAAS;AAACI,QAAAA,KAAK,EAAC,SAAA;AAAS,OAAE,CAAC,CAAA;AAClE,IAAA,KAAK,KAAK;AACN,MAAA,oBAAOH,KAAA,CAAAC,aAAA,CAACI,mBAAmB,EAAA;AAACP,QAAAA,IAAI,EAAEC,QAAS;AAACI,QAAAA,KAAK,EAAC,SAAA;AAAS,OAAE,CAAC,CAAA;AAClE,IAAA,KAAK,MAAM;AACP,MAAA,oBAAOH,KAAA,CAAAC,aAAA,CAACI,mBAAmB,EAAA;AAACP,QAAAA,IAAI,EAAEC,QAAS;AAACI,QAAAA,KAAK,EAAC,SAAA;AAAS,OAAE,CAAC,CAAA;AAClE,IAAA,KAAK,KAAK;AACN,MAAA,oBAAOH,KAAA,CAAAC,aAAA,CAACK,mBAAmB,EAAA;AAACR,QAAAA,IAAI,EAAEC,QAAS;AAACI,QAAAA,KAAK,EAAC,SAAA;AAAS,OAAE,CAAC,CAAA;AAClE,IAAA,KAAK,KAAK;AACN,MAAA,oBAAOH,KAAA,CAAAC,aAAA,CAACM,mBAAmB,EAAA;AAACT,QAAAA,IAAI,EAAEC,QAAS;AAACI,QAAAA,KAAK,EAAC,SAAA;AAAS,OAAE,CAAC,CAAA;AAClE,IAAA;AACI,MAAA,oBAAOH,KAAA,CAAAC,aAAA,CAACO,gBAAgB,EAAA;AAACV,QAAAA,IAAI,EAAEC,QAAS;AAACI,QAAAA,KAAK,EAAC,SAAA;AAAS,OAAE,CAAC,CAAA;AACnE,GAAA;AACJ;;;;"}
1	+ {"version":3,"file":"getFileicon.js","sources":["../../../../src/components/Attach/utils/getFileicon.tsx"],"sourcesContent":["import React from 'react';\n\nimport {\n IconBlankCsvOutline,\n IconBlankDocOutline,\n IconBlankOutline,\n IconBlankPdfOutline,\n IconBlankTxtOutline,\n IconBlankXlsOutline,\n} from '../../_Icon';\n\nexport const getFileIcon = (extension?: string, size?: string) => {\n const iconSize = size === 'xs' ? 'xs' : 's';\n\n switch (extension) {\n case 'pdf':\n return <IconBlankPdfOutline size={iconSize} color=\"inherit\" />;\n case 'doc':\n return <IconBlankDocOutline size={iconSize} color=\"inherit\" />;\n case 'docx':\n return <IconBlankDocOutline size={iconSize} color=\"inherit\" />;\n case 'xls':\n return <IconBlankXlsOutline size={iconSize} color=\"inherit\" />;\n case 'xlsx':\n return <IconBlankXlsOutline size={iconSize} color=\"inherit\" />;\n case 'txt':\n return <IconBlankTxtOutline size={iconSize} color=\"inherit\" />;\n case 'csv':\n return <IconBlankCsvOutline size={iconSize} color=\"inherit\" />;\n default:\n return <IconBlankOutline size={iconSize} color=\"inherit\" />;\n }\n};\n"],"names":["getFileIcon","extension","size","iconSize","React","createElement","IconBlankPdfOutline","color","IconBlankDocOutline","IconBlankXlsOutline","IconBlankTxtOutline","IconBlankCsvOutline","IconBlankOutline"],"mappings":";;;;;;;;AAWO,IAAMA,WAAW,GAAG,SAAdA,WAAWA,CAAIC,SAAkB,EAAEC,IAAa,EAAK;EAC9D,IAAMC,QAAQ,GAAGD,IAAI,KAAK,IAAI,GAAG,IAAI,GAAG,GAAG,CAAA;AAE3C,EAAA,QAAQD,SAAS;AACb,IAAA,KAAK,KAAK;AACN,MAAA,oBAAOG,KAAA,CAAAC,aAAA,CAACC,mBAAmB,EAAA;AAACJ,QAAAA,IAAI,EAAEC,QAAS;AAACI,QAAAA,KAAK,EAAC,SAAA;AAAS,OAAE,CAAC,CAAA;AAClE,IAAA,KAAK,KAAK;AACN,MAAA,oBAAOH,KAAA,CAAAC,aAAA,CAACG,mBAAmB,EAAA;AAACN,QAAAA,IAAI,EAAEC,QAAS;AAACI,QAAAA,KAAK,EAAC,SAAA;AAAS,OAAE,CAAC,CAAA;AAClE,IAAA,KAAK,MAAM;AACP,MAAA,oBAAOH,KAAA,CAAAC,aAAA,CAACG,mBAAmB,EAAA;AAACN,QAAAA,IAAI,EAAEC,QAAS;AAACI,QAAAA,KAAK,EAAC,SAAA;AAAS,OAAE,CAAC,CAAA;AAClE,IAAA,KAAK,KAAK;AACN,MAAA,oBAAOH,KAAA,CAAAC,aAAA,CAACI,mBAAmB,EAAA;AAACP,QAAAA,IAAI,EAAEC,QAAS;AAACI,QAAAA,KAAK,EAAC,SAAA;AAAS,OAAE,CAAC,CAAA;AAClE,IAAA,KAAK,MAAM;AACP,MAAA,oBAAOH,KAAA,CAAAC,aAAA,CAACI,mBAAmB,EAAA;AAACP,QAAAA,IAAI,EAAEC,QAAS;AAACI,QAAAA,KAAK,EAAC,SAAA;AAAS,OAAE,CAAC,CAAA;AAClE,IAAA,KAAK,KAAK;AACN,MAAA,oBAAOH,KAAA,CAAAC,aAAA,CAACK,mBAAmB,EAAA;AAACR,QAAAA,IAAI,EAAEC,QAAS;AAACI,QAAAA,KAAK,EAAC,SAAA;AAAS,OAAE,CAAC,CAAA;AAClE,IAAA,KAAK,KAAK;AACN,MAAA,oBAAOH,KAAA,CAAAC,aAAA,CAACM,mBAAmB,EAAA;AAACT,QAAAA,IAAI,EAAEC,QAAS;AAACI,QAAAA,KAAK,EAAC,SAAA;AAAS,OAAE,CAAC,CAAA;AAClE,IAAA;AACI,MAAA,oBAAOH,KAAA,CAAAC,aAAA,CAACO,gBAAgB,EAAA;AAACV,QAAAA,IAAI,EAAEC,QAAS;AAACI,QAAAA,KAAK,EAAC,SAAA;AAAS,OAAE,CAAC,CAAA;AACnE,GAAA;AACJ;;;;"}

package/es/components/Attach/variations/_helperTextView/base.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import './base_1vgke1p.css';
+import './base_1tgnvl9.css';
 var base = "b1psfq3i";
 export { base };

package/es/components/Attach/variations/_helperTextView/base_1tgnvl9.css ADDED Viewed

	@@ -0,0 +1 @@
1	+ .b1psfq3i .sjp429d{color:var(--plasma-attach-helper-text-color);}

package/es/components/Attach/variations/_size/base.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import './base_a4eelx.css';
+import './base_kpo9at.css';
 var base = "b1pj1390";
 export { base };

package/es/components/Attach/variations/_size/base.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"base.js","sources":["../../../../../src/components/Attach/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens, classes } from '../../Attach.tokens';\nimport { ~~StyledHelperText~~, ~~StyledHiddenInputHelper~~ } from '../../Attach.styles';\n\nexport const base = css`\n &.${classes.horizontal} {\n column-gap: var(${tokens.horizontalGap});\n }\n\n &.${classes.vertical} {\n row-gap: var(${tokens.verticalGap});\n }\n\n &.${classes.auto} {\n row-gap: var(${tokens.verticalGap});\n column-gap: var(${tokens.horizontalGap});\n }\n\n &.${classes.withHelperText} {\n row-gap: var(${tokens.verticalGapWithHelperText});\n }\n\n ${~~StyledHiddenInputHelper~~} {\n font-family: var(${tokens.cellTitleFontFamily});\n font-size: var(${tokens.cellTitleFontSize});\n font-style: var(${tokens.cellTitleFontStyle});\n font-weight: var(${tokens.cellTitleFontWeight});\n letter-spacing: var(${tokens.cellTitleLetterSpacing});\n line-height: var(${tokens.cellTitleLineHeight});\n }\n\n ${StyledHelperText} {\n font-family: var(--plasma-typo-body-xs-font-family);\n font-size: var(--plasma-typo-body-xs-font-size);\n font-style: var(--plasma-typo-body-xs-font-style);\n font-weight: var(--plasma-typo-body-xs-font-weight);\n letter-spacing: var(--plasma-typo-body-xs-letter-spacing);\n line-height: var(--plasma-typo-body-xs-line-height);\n }\n}\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,~~GAoChB~~;;;;"}
1	+ {"version":3,"file":"base.js","sources":["../../../../../src/components/Attach/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens, classes } from '../../Attach.tokens';\nimport { FilenameWrapper, StyledHelperText } from '../../Attach.styles';\n\nexport const base = css`\n &.${classes.horizontal} {\n column-gap: var(${tokens.horizontalGap});\n }\n\n &.${classes.vertical} {\n row-gap: var(${tokens.verticalGap});\n }\n\n &.${classes.auto} {\n row-gap: var(${tokens.verticalGap});\n column-gap: var(${tokens.horizontalGap});\n }\n\n &.${classes.withHelperText} {\n row-gap: var(${tokens.verticalGapWithHelperText});\n }\n\n ${FilenameWrapper} {\n font-family: var(${tokens.cellTitleFontFamily});\n font-size: var(${tokens.cellTitleFontSize});\n font-style: var(${tokens.cellTitleFontStyle});\n font-weight: var(${tokens.cellTitleFontWeight});\n letter-spacing: var(${tokens.cellTitleLetterSpacing});\n line-height: var(${tokens.cellTitleLineHeight});\n\n height: var(${tokens.filenameWrapperHeight});\n }\n\n ${StyledHelperText} {\n font-family: var(--plasma-typo-body-xs-font-family);\n font-size: var(--plasma-typo-body-xs-font-size);\n font-style: var(--plasma-typo-body-xs-font-style);\n font-weight: var(--plasma-typo-body-xs-font-weight);\n letter-spacing: var(--plasma-typo-body-xs-letter-spacing);\n line-height: var(--plasma-typo-body-xs-line-height);\n }\n}\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,GAsChB;;;;"}

package/es/components/Attach/variations/_size/{base_a4eelx.css → base_kpo9at.css} RENAMED Viewed

	@@ -1 +1 @@
1	- .b1pj1390.horizontal{-webkit-column-gap:var(--plasma-attach-horizontal-gap);column-gap:var(--plasma-attach-horizontal-gap);}.b1pj1390.vertical{row-gap:var(--plasma-attach-vertical-gap);}.b1pj1390.auto{row-gap:var(--plasma-attach-vertical-gap);-webkit-column-gap:var(--plasma-attach-horizontal-gap);column-gap:var(--plasma-attach-horizontal-gap);}.b1pj1390.with-helper-text{row-gap:var(--plasma-attach-vertical-gap-with-helper-text);}.b1pj1390 .~~suojwhg~~{font-family:var(--plasma-attach-cell-title-font-family);font-size:var(--plasma-attach-cell-title-font-size);font-style:var(--plasma-attach-cell-title-font-style);font-weight:var(--plasma-attach-cell-title-font-weight);-webkit-letter-spacing:var(--plasma-attach-cell-title-letter-spacing);-moz-letter-spacing:var(--plasma-attach-cell-title-letter-spacing);-ms-letter-spacing:var(--plasma-attach-cell-title-letter-spacing);letter-spacing:var(--plasma-attach-cell-title-letter-spacing);line-height:var(--plasma-attach-cell-title-line-height);}.b1pj1390 .~~sssye98~~{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);-webkit-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-moz-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-ms-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);letter-spacing:var(--plasma-typo-body-xs-letter-spacing);line-height:var(--plasma-typo-body-xs-line-height);}
1	+ .b1pj1390.horizontal{-webkit-column-gap:var(--plasma-attach-horizontal-gap);column-gap:var(--plasma-attach-horizontal-gap);}.b1pj1390.vertical{row-gap:var(--plasma-attach-vertical-gap);}.b1pj1390.auto{row-gap:var(--plasma-attach-vertical-gap);-webkit-column-gap:var(--plasma-attach-horizontal-gap);column-gap:var(--plasma-attach-horizontal-gap);}.b1pj1390.with-helper-text{row-gap:var(--plasma-attach-vertical-gap-with-helper-text);}.b1pj1390 .fssye98{font-family:var(--plasma-attach-cell-title-font-family);font-size:var(--plasma-attach-cell-title-font-size);font-style:var(--plasma-attach-cell-title-font-style);font-weight:var(--plasma-attach-cell-title-font-weight);-webkit-letter-spacing:var(--plasma-attach-cell-title-letter-spacing);-moz-letter-spacing:var(--plasma-attach-cell-title-letter-spacing);-ms-letter-spacing:var(--plasma-attach-cell-title-letter-spacing);letter-spacing:var(--plasma-attach-cell-title-letter-spacing);line-height:var(--plasma-attach-cell-title-line-height);height:var(--plasma-attach-filename-wrapper-height);}.b1pj1390 .sjp429d{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);-webkit-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-moz-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-ms-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);letter-spacing:var(--plasma-typo-body-xs-letter-spacing);line-height:var(--plasma-typo-body-xs-line-height);}

package/es/components/Avatar/Avatar.js CHANGED Viewed

@@ -7,12 +7,13 @@ import { classes, tokens } from './Avatar.tokens.js';
 import { Wrapper, StatusIcon, ExtraContent, ExtraCounter, ExtraBadge, base, Text, Image } from './Avatar.styles.js';
 import { base as base$1 } from './variations/_size/base.js';
 import { base as base$2 } from './variations/_focused/base.js';
+import { base as base$3 } from './variations/_shape/base.js';
 import { extraPlacementMap } from './utils/index.js';
 import { getInitialsForName } from './utils/getInitialsForName.js';
 import { component, mergeConfig } from '../../engines/common.js';
 import { indicatorConfig } from '../Indicator/Indicator.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 _excluded = ["size", "name", "url", "customText", "status", "className", "focused", "isScalable", "shape", "statusLabels", "hasExtra", "extraPlacement", "type", "counterView", "count", "maxCount", "badgeView", "text", "customColor", "customBackgroundColor", "contentLeft", "contentRight", "pilled"];
 var StatusLabelsDefault = {
   active: 'Активен',
   inactive: 'Неактивен'
@@ -77,6 +78,7 @@ var avatarRoot = function avatarRoot(Root) {
       _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,
@@ -108,6 +110,7 @@ var avatarRoot = function avatarRoot(Root) {
     return /*#__PURE__*/React.createElement(Root, _extends({
       ref: ref,
       size: avatarSize,
+      shape: shape,
       className: cx(classes.avatarItem, className),
       "aria-label": ariaLabel,
       focused: focused
@@ -152,10 +155,14 @@ var avatarConfig = {
     },
     focused: {
       css: base$2
+    },
+    shape: {
+      css: base$3
     }
   },
   defaults: {
-    size: 'm'
+    size: 'm',
+    shape: 'circled'
   }
 };

package/es/components/Avatar/Avatar.js.map CHANGED Viewed

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