@salutejs/plasma-new-hope 0.336.0-canary.2235.17792261875.0 → 0.336.0-canary.2238.17818313113.0

package/es/components/Attach/Attach.css

@@ -1,16 +1,18 @@
 .IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
 
-.base_a4eelx_b1pj1390__17bf833c.base_a4eelx_horizontal__17bf833c{-webkit-column-gap:var(--plasma-attach-horizontal-gap);column-gap:var(--plasma-attach-horizontal-gap);}.base_a4eelx_b1pj1390__17bf833c.base_a4eelx_vertical__17bf833c{row-gap:var(--plasma-attach-vertical-gap);}.base_a4eelx_b1pj1390__17bf833c.base_a4eelx_auto__17bf833c{row-gap:var(--plasma-attach-vertical-gap);-webkit-column-gap:var(--plasma-attach-horizontal-gap);column-gap:var(--plasma-attach-horizontal-gap);}.base_a4eelx_b1pj1390__17bf833c.base_a4eelx_withHelperText__17bf833c{row-gap:var(--plasma-attach-vertical-gap-with-helper-text);}.base_a4eelx_b1pj1390__17bf833c .base_a4eelx_suojwhg__17bf833c{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);}.base_a4eelx_b1pj1390__17bf833c .base_a4eelx_sssye98__17bf833c{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);}
+.base_kpo9at_b1pj1390__d0613261.base_kpo9at_horizontal__d0613261{-webkit-column-gap:var(--plasma-attach-horizontal-gap);column-gap:var(--plasma-attach-horizontal-gap);}.base_kpo9at_b1pj1390__d0613261.base_kpo9at_vertical__d0613261{row-gap:var(--plasma-attach-vertical-gap);}.base_kpo9at_b1pj1390__d0613261.base_kpo9at_auto__d0613261{row-gap:var(--plasma-attach-vertical-gap);-webkit-column-gap:var(--plasma-attach-horizontal-gap);column-gap:var(--plasma-attach-horizontal-gap);}.base_kpo9at_b1pj1390__d0613261.base_kpo9at_withHelperText__d0613261{row-gap:var(--plasma-attach-vertical-gap-with-helper-text);}.base_kpo9at_b1pj1390__d0613261 .base_kpo9at_fssye98__d0613261{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);}.base_kpo9at_b1pj1390__d0613261 .base_kpo9at_sjp429d__d0613261{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);}
 
 .base_1nvsg1b_b438e2d__83d45116.base_1nvsg1b_horizontal__83d45116{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.base_1nvsg1b_b438e2d__83d45116.base_1nvsg1b_vertical__83d45116{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.base_1nvsg1b_b438e2d__83d45116.base_1nvsg1b_auto__83d45116{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
 
-.base_1vgke1p_b1psfq3i__7fabfd50 .base_1vgke1p_sssye98__7fabfd50{color:var(--plasma-attach-helper-text-color);}
+.base_1tgnvl9_b1psfq3i__8ccb119d .base_1tgnvl9_sjp429d__8ccb119d{color:var(--plasma-attach-helper-text-color);}
+
+.Attach_styles_pso18d_by826kf__6f8aab6e{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
+.Attach_styles_pso18d_sw7vb9c__6f8aab6e{display:none;}
+.Attach_styles_pso18d_suojwhg__6f8aab6e{position:relative;}
+.Attach_styles_pso18d_sjp429d__6f8aab6e{position:absolute;margin-top:0.25rem;}
+.Attach_styles_pso18d_fssye98__6f8aab6e{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;}
+.Attach_styles_pso18d_t1531dv__6f8aab6e{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
 
-.Attach_styles_1w3ga58_by826kf__eb7ab604{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
-.Attach_styles_1w3ga58_sw7vb9c__eb7ab604{display:none;}
-.Attach_styles_1w3ga58_suojwhg__eb7ab604{position:absolute;visibility:hidden;white-space:nowrap;}
-.Attach_styles_1w3ga58_sjp429d__eb7ab604{position:relative;}
-.Attach_styles_1w3ga58_sssye98__eb7ab604{position:absolute;margin-top:0.25rem;}
 
 .CellTextboxLabel_styles_1x97zqi_supiagz__b05150dd{color:var(--plasma-cell-label-color);font-size:var(--plasma-cell-label-font-size);font-weight:var(--plasma-cell-label-font-weight);font-family:var(--plasma-cell-label-font-family);font-style:var(--plasma-cell-label-font-style);line-height:var(--plasma-cell-label-line-height);-webkit-letter-spacing:var(--plasma-cell-label-letter-spacing);-moz-letter-spacing:var(--plasma-cell-label-letter-spacing);-ms-letter-spacing:var(--plasma-cell-label-letter-spacing);letter-spacing:var(--plasma-cell-label-letter-spacing);}
 
@@ -39,15 +41,15 @@
 .Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
 .Spinner_styles_13q7ndk_s122r4cn__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s122r4cn-0);height:var(--s122r4cn-1);-webkit-animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;}@-webkit-keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
 
-.Button_styles_yce5o0_bzw1898__c016b321{min-width:4ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_yce5o0_bzw1898__c016b321.Button_styles_yce5o0_buttonContentRelaxed__c016b321{-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;text-align:start;}
-.Button_styles_yce5o0_sdfuqwe__c016b321{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:var(--plasma-button-additional-content-margin);}.Button_styles_yce5o0_sdfuqwe__c016b321.Button_styles_yce5o0_buttonContentRelaxed__c016b321{text-align:start;-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;}.Button_styles_yce5o0_sdfuqwe__c016b321.Button_styles_yce5o0_buttonHasValue__c016b321{margin-right:var(--plasma-button-additional-content-margin-right-width-value);}
-.Button_styles_yce5o0_b9ypozh__c016b321{color:var(--plasma-button-value-color);margin:var(--plasma-button-value-margin);min-width:4ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
-.Button_styles_yce5o0_l4dfhbg__c016b321{opacity:var(--l4dfhbg-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:var(--l4dfhbg-1);-webkit-justify-content:var(--l4dfhbg-1);-ms-flex-pack:var(--l4dfhbg-1);justify-content:var(--l4dfhbg-1);height:100%;width:100%;}
-.Button_styles_yce5o0_lrdlazt__c016b321{position:absolute;}
-.Button_styles_yce5o0_s7rggv0__c016b321{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
-.Button_styles_yce5o0_s1rjh7ra__c016b321{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:var(--plasma-button-left-content-align-self);-ms-flex-item-align:var(--plasma-button-left-content-align);align-self:var(--plasma-button-left-content-align-self);color:var(--plasma-button-icon-color);margin:var(--s1rjh7ra-0);}
-.Button_styles_yce5o0_s9ga1dj__c016b321{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:var(--plasma-button-right-content-align-self);-ms-flex-item-align:var(--plasma-button-right-content-align);align-self:var(--plasma-button-right-content-align-self);color:var(--plasma-button-icon-color);margin:var(--s9ga1dj-0);}
-.Button_styles_yce5o0_babf779__c016b321{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_yce5o0_babf779__c016b321{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_yce5o0_babf779__c016b321.Button_styles_yce5o0_babf779__c016b321.Button_styles_yce5o0_buttonSquare__c016b321{width:var(--plasma-button-height);padding:0;}
+.Button_styles_wo15lb_bzw1898__45fe6281{min-width:4ch;color:var(--plasma-button-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_wo15lb_bzw1898__45fe6281.Button_styles_wo15lb_buttonContentRelaxed__45fe6281{-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;text-align:start;}
+.Button_styles_wo15lb_sdfuqwe__45fe6281{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:var(--plasma-button-additional-content-margin);}.Button_styles_wo15lb_sdfuqwe__45fe6281.Button_styles_wo15lb_buttonContentRelaxed__45fe6281{text-align:start;-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;}.Button_styles_wo15lb_sdfuqwe__45fe6281.Button_styles_wo15lb_buttonHasValue__45fe6281{margin-right:var(--plasma-button-additional-content-margin-right-width-value);}
+.Button_styles_wo15lb_b9ypozh__45fe6281{color:var(--plasma-button-value-color);margin:var(--plasma-button-value-margin);min-width:4ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.Button_styles_wo15lb_l4dfhbg__45fe6281{opacity:var(--l4dfhbg-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:var(--l4dfhbg-1);-webkit-justify-content:var(--l4dfhbg-1);-ms-flex-pack:var(--l4dfhbg-1);justify-content:var(--l4dfhbg-1);height:100%;width:100%;}
+.Button_styles_wo15lb_lrdlazt__45fe6281{position:absolute;}
+.Button_styles_wo15lb_s7rggv0__45fe6281{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
+.Button_styles_wo15lb_s1rjh7ra__45fe6281{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:var(--plasma-button-left-content-align-self);-ms-flex-item-align:var(--plasma-button-left-content-align);align-self:var(--plasma-button-left-content-align-self);color:var(--plasma-button-icon-color);margin:var(--s1rjh7ra-0);}
+.Button_styles_wo15lb_s9ga1dj__45fe6281{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:var(--plasma-button-right-content-align-self);-ms-flex-item-align:var(--plasma-button-right-content-align);align-self:var(--plasma-button-right-content-align-self);color:var(--plasma-button-icon-color);margin:var(--s9ga1dj-0);}
+.Button_styles_wo15lb_babf779__45fe6281{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_wo15lb_babf779__45fe6281{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_wo15lb_babf779__45fe6281.Button_styles_wo15lb_babf779__45fe6281.Button_styles_wo15lb_buttonSquare__45fe6281{width:var(--plasma-button-height);padding:0;}
 
 .base_jfbpjg_b1ty39ru__57cb1989{color:var(--plasma-button-color);background:var(--plasma-button-background-color);}.base_jfbpjg_b1ty39ru__57cb1989.base_jfbpjg_buttonLoading__57cb1989{background:var(--plasma-button-loading-background-color);}.base_jfbpjg_b1ty39ru__57cb1989:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.base_jfbpjg_b1ty39ru__57cb1989:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}
 

package/es/components/Attach/Attach.js

@@ -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

@@ -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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"}
+{"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":";;;;;;;;;;;;;;;;;;IA2BaA,UAAU,GAAG,SAAbA,UAAUA,CAAIC,IAA4C,EAAA;AAAA,EAAA,oBACnEC,UAAU,CAA8B,UAACC,KAAK,EAAEC,QAAQ,EAAK;AACzD,IAAA,IAAAC,WAAA,GAqBIF,KAAK,CApBLG,IAAI;AAAJA,MAAAA,IAAI,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,MAAM,GAAAA,WAAA;MAAAE,iBAAA,GAoBbJ,KAAK,CAnBLK,UAAU;AAAVA,MAAAA,UAAU,GAAAD,iBAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,iBAAA;MAAAE,qBAAA,GAmBrBN,KAAK,CAlBLO,kBAAkB;AAAlBA,MAAAA,kBAAkB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,qBAAA;MAAAE,oBAAA,GAkB1BR,KAAK,CAjBLS,aAAa;AAAbA,MAAAA,aAAa,GAAAD,oBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,oBAAA;MACpBE,mBAAmB,GAgBnBV,KAAK,CAhBLU,mBAAmB;MACnBC,UAAU,GAeVX,KAAK,CAfLW,UAAU;MACVC,IAAI,GAcJZ,KAAK,CAdLY,IAAI;MACJC,IAAI,GAaJb,KAAK,CAbLa,IAAI;MACJC,cAAc,GAYdd,KAAK,CAZLc,cAAc;MACdC,SAAS,GAWTf,KAAK,CAXLe,SAAS;MACTC,KAAK,GAULhB,KAAK,CAVLgB,KAAK;MACLC,SAAS,GASTjB,KAAK,CATLiB,SAAS;MACTC,QAAQ,GAQRlB,KAAK,CARLkB,QAAQ;MACRC,EAAE,GAOFnB,KAAK,CAPLmB,EAAE;MACFC,IAAI,GAMJpB,KAAK,CANLoB,IAAI;MACJC,UAAU,GAKVrB,KAAK,CALLqB,UAAU;MACVC,OAAO,GAIPtB,KAAK,CAJLsB,OAAO;MACPC,QAAQ,GAGRvB,KAAK,CAHLuB,QAAQ;MACRC,OAAO,GAEPxB,KAAK,CAFLwB,OAAO;AACJC,MAAAA,IAAI,GAAAC,wBAAA,CACP1B,KAAK,EAAA2B,SAAA,CAAA,CAAA;AAET,IAAA,IAAMC,QAAQ,GAAGC,MAAM,CAAiB,IAAI,CAAC,CAAA;AAC7C,IAAA,IAAMC,GAAG,GAAGC,UAAU,CAAC9B,QAAQ,EAAE2B,QAAQ,CAAC,CAAA;AAE1C,IAAA,IAAMI,QAAQ,GAAGH,MAAM,CAA0B,IAAI,CAAC,CAAA;AACtD,IAAA,IAAMI,OAAO,GAAGJ,MAAM,CAAwB,IAAI,CAAC,CAAA;AACnD,IAAA,IAAMK,SAAS,GAAGL,MAAM,CAA2B,IAAI,CAAC,CAAA;AAExD,IAAA,IAAAM,SAAA,GAAgCC,QAAQ,CAAS,EAAE,CAAC;MAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA7CI,MAAAA,QAAQ,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,MAAAA,WAAW,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;IAE5B,IAAMI,eAAe,GAAGtC,IAAI,KAAK,YAAY,GAAGuC,OAAO,CAACC,UAAU,GAAGC,SAAS,CAAA;IAC9E,IAAMC,aAAa,GAAG1C,IAAI,KAAK,UAAU,GAAGuC,OAAO,CAACI,QAAQ,GAAGF,SAAS,CAAA;IACxE,IAAMG,mBAAmB,GAAGpC,UAAU,GAAG+B,OAAO,CAACM,cAAc,GAAGJ,SAAS,CAAA;IAC3E,IAAMK,SAAS,GAAG9C,IAAI,KAAK,MAAM,GAAGuC,OAAO,CAACQ,IAAI,GAAGN,SAAS,CAAA;IAE5D,IAAMO,MAAM,GAAGzC,mBAAmB,KAAnBA,IAAAA,IAAAA,mBAAmB,KAAnBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,mBAAmB,CAAE0C,IAAI,CAAC,GAAG,CAAC,CAAA;AAC7C,IAAA,IAAMC,SAAS,GAAGC,gBAAgB,CAACf,QAAQ,CAAC,CAAA;IAC5C,IAAMgB,wBAAwB,GAAGhB,QAAQ,CAACiB,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAAH,SAAS,KAAA,IAAA,IAATA,SAAS,KAATA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,SAAS,CAAEI,MAAM,KAAI,CAAC,CAAC,CAAC,CAAA;IACjF,IAAMC,eAAe,GAAGrC,UAAU,IAAIsC,WAAW,CAACN,SAAS,EAAEzC,IAAI,CAAC,CAAA;AAElE,IAAA,IAAMgD,WAAW,GAAG,SAAdA,WAAWA,CAAIC,CAAgC,EAAK;AACtD,MAAA,IAAI,CAAC7B,QAAQ,CAAC8B,OAAO,EAAE;AACnB,QAAA,OAAA;AACJ,OAAA;AAEA,MAAA,IAAIxC,OAAO,EAAE;QACTA,OAAO,CAACuC,CAAC,CAAC,CAAA;AACd,OAAA;AAEA7B,MAAAA,QAAQ,CAAC8B,OAAO,CAACC,KAAK,EAAE,CAAA;KAC3B,CAAA;AAED,IAAA,IAAMC,YAAY,GAAG,SAAfA,YAAYA,CAAIH,CAAgC,EAAK;AACvD,MAAA,IAAI,CAACA,CAAC,CAACI,MAAM,CAACC,KAAK,EAAE;AACjB,QAAA,OAAA;AACJ,OAAA;AAEA,MAAA,IAAI3C,QAAQ,EAAE;QACVA,QAAQ,CAACsC,CAAC,CAAC,CAAA;AACf,OAAA;MAEArB,WAAW,CAACqB,CAAC,CAACI,MAAM,CAACC,KAAK,CAAC,CAAC,CAAC,CAAC9C,IAAI,CAAC,CAAA;KACtC,CAAA;AAED,IAAA,IAAM+C,WAAW,GAAG,SAAdA,WAAWA,GAAS;AACtB,MAAA,IAAI,CAACnC,QAAQ,CAAC8B,OAAO,EAAE;AACnB,QAAA,OAAA;AACJ,OAAA;AAEA,MAAA,IAAItC,OAAO,EAAE;AACTA,QAAAA,OAAO,EAAE,CAAA;AACb,OAAA;AAEAQ,MAAAA,QAAQ,CAAC8B,OAAO,CAACM,KAAK,GAAG,EAAE,CAAA;MAC3B5B,WAAW,CAAC,EAAE,CAAC,CAAA;KAClB,CAAA;AAED,IAAA,oBACI6B,KAAA,CAAAC,aAAA,CAACxE,IAAI,EAAA;AACDiB,MAAAA,SAAS,EAAEwD,EAAE,CAAC9B,eAAe,EAAEI,aAAa,EAAEI,SAAS,EAAEF,mBAAmB,EAAEhC,SAAS,CAAE;AACzFC,MAAAA,KAAK,EAAEA,KAAM;AACbJ,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,cAAc,EAAEA,cAAe;AAC/BgB,MAAAA,GAAG,EAAEA,GAAAA;AAAI,KAAA,eAETuC,KAAA,CAAAC,aAAA,CAACE,iBAAiB,EAAA;AACd1C,MAAAA,GAAG,EAAEE,QAAS;AACdmB,MAAAA,MAAM,EAAEA,MAAO;AACfsB,MAAAA,IAAI,EAAC,MAAM;AACXtD,MAAAA,EAAE,EAAEA,EAAG;AACPC,MAAAA,IAAI,EAAEA,IAAK;AACXG,MAAAA,QAAQ,EAAEyC,YAAAA;KACb,CAAC,EAED,CAAC,CAACzD,kBAAkB,IAAI,CAACgC,QAAQ,kBAC9B8B,KAAA,CAAAC,aAAA,CAACI,yBAAyB,EACtBL,IAAAA,eAAAA,KAAA,CAAAC,aAAA,CAACK,YAAY,EAAAC,QAAA,CAAA;AACT9C,MAAAA,GAAG,EAAEI,SAAU;AACf7B,MAAAA,UAAU,EAAEA,UAAW;AACvBY,MAAAA,SAAS,EAAEA,SAAU;AACrBC,MAAAA,QAAQ,EAAEA,QAAS;AACnBI,MAAAA,OAAO,EAAEsC,WAAAA;KACLnC,EAAAA,IAAI,CACX,CAAC,EAEDd,UAAU,iBAAI0D,KAAA,CAAAC,aAAA,CAACO,gBAAgB,EAAElE,IAAAA,EAAAA,UAA6B,CACxC,CAC9B,EAEA,CAACF,aAAa,IAAIF,kBAAkB,KAAKgC,QAAQ,iBAC9C8B,KAAA,CAAAC,aAAA,CAACQ,UAAU,EAAA;AACPC,MAAAA,UAAU,EAAC,OAAO;AAClBjD,MAAAA,GAAG,EAAEG,OAAQ;AACbrB,MAAAA,IAAI,EAAEA,IAAK;AACXoE,MAAAA,WAAW,EAAEtB,eAAgB;AAC7BuB,MAAAA,YAAY,eACRZ,KAAA,CAAAC,aAAA,CAACY,sBAAsB,EAAA;AAAC5D,QAAAA,OAAO,EAAE6C,WAAAA;OAAYgB,EAAAA,qBAAA,KAAAA,qBAAA,gBACzCd,KAAA,CAAAC,aAAA,CAACc,sBAAsB,EAAA;AAACxE,QAAAA,IAAI,EAAC,IAAI;AAACyE,QAAAA,KAAK,EAAC,SAAA;AAAS,OAAE,CAAC,CAChC,CAAA;AAC3B,KAAA,eAEDhB,KAAA,CAAAC,aAAA,CAACgB,eAAe,EAAA,IAAA,eACZjB,KAAA,CAAAC,aAAA,CAACiB,qBAAqB,EAAA,IAAA,EAAEhC,wBAAwB,CAACC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAyB,CAAC,eACtFa,KAAA,CAAAC,aAAA,CAACkB,qBAAqB,EACjBjC,IAAAA,EAAAA,wBAAwB,CAACkC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAC,GAAC,EAACpC,SAChB,CACV,CACT,CAEd,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMqC,YAAY,GAAG;AACxBtE,EAAAA,IAAI,EAAE,QAAQ;AACduE,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAE/F,UAAU;AAClBgG,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACRjF,IAAAA,IAAI,EAAE;AACFkF,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACDlF,IAAAA,cAAc,EAAE;AACZiF,MAAAA,GAAG,EAAEE,MAAAA;KACR;AACDrF,IAAAA,IAAI,EAAE;AACFmF,MAAAA,GAAG,EAAEG,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNtF,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,cAAc,EAAE,SAAS;AACzBF,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;"}

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

@@ -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

@@ -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;;;;"}
+{"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

@@ -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

@@ -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

@@ -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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"}
+{"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/components/AttachButton/AttachButton.css

@@ -20,15 +20,15 @@
 .Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
 .Spinner_styles_13q7ndk_s122r4cn__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s122r4cn-0);height:var(--s122r4cn-1);-webkit-animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;}@-webkit-keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
 
-.Button_styles_yce5o0_bzw1898__c016b321{min-width:4ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_yce5o0_bzw1898__c016b321.Button_styles_yce5o0_buttonContentRelaxed__c016b321{-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;text-align:start;}
-.Button_styles_yce5o0_sdfuqwe__c016b321{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:var(--plasma-button-additional-content-margin);}.Button_styles_yce5o0_sdfuqwe__c016b321.Button_styles_yce5o0_buttonContentRelaxed__c016b321{text-align:start;-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;}.Button_styles_yce5o0_sdfuqwe__c016b321.Button_styles_yce5o0_buttonHasValue__c016b321{margin-right:var(--plasma-button-additional-content-margin-right-width-value);}
-.Button_styles_yce5o0_b9ypozh__c016b321{color:var(--plasma-button-value-color);margin:var(--plasma-button-value-margin);min-width:4ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
-.Button_styles_yce5o0_l4dfhbg__c016b321{opacity:var(--l4dfhbg-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:var(--l4dfhbg-1);-webkit-justify-content:var(--l4dfhbg-1);-ms-flex-pack:var(--l4dfhbg-1);justify-content:var(--l4dfhbg-1);height:100%;width:100%;}
-.Button_styles_yce5o0_lrdlazt__c016b321{position:absolute;}
-.Button_styles_yce5o0_s7rggv0__c016b321{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
-.Button_styles_yce5o0_s1rjh7ra__c016b321{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:var(--plasma-button-left-content-align-self);-ms-flex-item-align:var(--plasma-button-left-content-align);align-self:var(--plasma-button-left-content-align-self);color:var(--plasma-button-icon-color);margin:var(--s1rjh7ra-0);}
-.Button_styles_yce5o0_s9ga1dj__c016b321{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:var(--plasma-button-right-content-align-self);-ms-flex-item-align:var(--plasma-button-right-content-align);align-self:var(--plasma-button-right-content-align-self);color:var(--plasma-button-icon-color);margin:var(--s9ga1dj-0);}
-.Button_styles_yce5o0_babf779__c016b321{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_yce5o0_babf779__c016b321{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_yce5o0_babf779__c016b321.Button_styles_yce5o0_babf779__c016b321.Button_styles_yce5o0_buttonSquare__c016b321{width:var(--plasma-button-height);padding:0;}
+.Button_styles_wo15lb_bzw1898__45fe6281{min-width:4ch;color:var(--plasma-button-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_wo15lb_bzw1898__45fe6281.Button_styles_wo15lb_buttonContentRelaxed__45fe6281{-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;text-align:start;}
+.Button_styles_wo15lb_sdfuqwe__45fe6281{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:var(--plasma-button-additional-content-margin);}.Button_styles_wo15lb_sdfuqwe__45fe6281.Button_styles_wo15lb_buttonContentRelaxed__45fe6281{text-align:start;-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;}.Button_styles_wo15lb_sdfuqwe__45fe6281.Button_styles_wo15lb_buttonHasValue__45fe6281{margin-right:var(--plasma-button-additional-content-margin-right-width-value);}
+.Button_styles_wo15lb_b9ypozh__45fe6281{color:var(--plasma-button-value-color);margin:var(--plasma-button-value-margin);min-width:4ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.Button_styles_wo15lb_l4dfhbg__45fe6281{opacity:var(--l4dfhbg-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:var(--l4dfhbg-1);-webkit-justify-content:var(--l4dfhbg-1);-ms-flex-pack:var(--l4dfhbg-1);justify-content:var(--l4dfhbg-1);height:100%;width:100%;}
+.Button_styles_wo15lb_lrdlazt__45fe6281{position:absolute;}
+.Button_styles_wo15lb_s7rggv0__45fe6281{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
+.Button_styles_wo15lb_s1rjh7ra__45fe6281{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:var(--plasma-button-left-content-align-self);-ms-flex-item-align:var(--plasma-button-left-content-align);align-self:var(--plasma-button-left-content-align-self);color:var(--plasma-button-icon-color);margin:var(--s1rjh7ra-0);}
+.Button_styles_wo15lb_s9ga1dj__45fe6281{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:var(--plasma-button-right-content-align-self);-ms-flex-item-align:var(--plasma-button-right-content-align);align-self:var(--plasma-button-right-content-align-self);color:var(--plasma-button-icon-color);margin:var(--s9ga1dj-0);}
+.Button_styles_wo15lb_babf779__45fe6281{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_wo15lb_babf779__45fe6281{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_wo15lb_babf779__45fe6281.Button_styles_wo15lb_babf779__45fe6281.Button_styles_wo15lb_buttonSquare__45fe6281{width:var(--plasma-button-height);padding:0;}
 
 .Button_styles_bj69th_sfplb1t__569490a7{--plasma-button-color:var(--plasma-attach-button-color);--plasma-button-value-color:var(--plasma-attach-button-value-color);--plasma-button-background-color:var(--plasma-attach-button-background-color);--plasma-button-color-hover:var(--plasma-attach-button-color-hover);--plasma-button-background-color-hover:var(--plasma-attach-button-background-color-hover);--plasma-button-color-active:var(--plasma-attach-button-color-active);--plasma-button-background-color-active:var(--plasma-attach-button-background-color-active);--plasma-button-loading-background-color:var(--plasma-attach-button-loading-background-color);--plasma-button-scale-hover:var(--plasma-attach-button-scale-hover);---plasma-button-scale-active:var(---plasma-attach-button-scale-active);--plasma-button-height:var(--plasma-attach-button-height);--plasma-button-width:var(--plasma-attach-button-width);--plasma-button-padding:var(--plasma-attach-button-padding);--plasma-button-radius:var(--plasma-attach-button-radius);--plasma-button-radius-circle:var(--plasma-attach-button-radius-circle);--plasma-button-font-family:var(--plasma-attach-button-font-family);--plasma-button-font-size:var(--plasma-attach-button-font-size);--plasma-button-font-style:var(--plasma-attach-button-font-style);--plasma-button-font-weight:var(--plasma-attach-button-font-weight);--plasma-button-letter-spacing:var(--plasma-attach-button-letter-spacing);--plasma-button-line-height:var(--plasma-attach-button-line-height);--plasma-button-left-content-margin:var(--plasma-attach-button-left-content-margin);--plasma-button-left-content-align-self:var(--plasma-attach-button-left-content-align-self);--plasma-button-right-content-margin:var(--plasma-attach-button-right-content-margin);--plasma-button-right-content-align-self:var(--plasma-attach-button-right-content-align-self);--plasma-button-value-margin:var(--plasma-attach-button-value-margin);--plasma-button-disabled-opacity:var(--plasma-attach-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-attach-button-focus-color);--plasma-button-spinner-color:var(--plasma-attach-button-spinner-color);--plasma-button-spinner-size:var(--plasma-attach-button-spinner-size);}
 

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

@@ -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

@@ -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;;;;"}
+{"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

@@ -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

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

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

@@ -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

@@ -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;;;;"}
+{"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}

@@ -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);}
+.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);}