@salutejs/plasma-new-hope 0.146.0-canary.1436.10882554984.0 → 0.147.0-canary.1437.10886798256.0

package/cjs/components/Attach/Attach.css

@@ -0,0 +1,45 @@
+.base_eax0b8_b1pj1390__bf96e72c.base_eax0b8_horizontal__bf96e72c{-webkit-column-gap:var(--plasma-attach-horizontal-gap);column-gap:var(--plasma-attach-horizontal-gap);}.base_eax0b8_b1pj1390__bf96e72c.base_eax0b8_vertical__bf96e72c{row-gap:var(--plasma-attach-vertical-gap);}.base_eax0b8_b1pj1390__bf96e72c.base_eax0b8_auto__bf96e72c{row-gap:var(--plasma-attach-vertical-gap);-webkit-column-gap:var(--plasma-attach-horizontal-gap);column-gap:var(--plasma-attach-horizontal-gap);}
+
+.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;}
+
+.Attach_styles_17fejif_by826kf__b001d2f6{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
+.Attach_styles_17fejif_sw7vb9c__b001d2f6{display:none;}
+.Attach_styles_17fejif_suojwhg__b001d2f6{position:absolute;visibility:hidden;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_1x0spnh_b1ty39ru__fb659d61{color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);}.base_1x0spnh_b1ty39ru__fb659d61.base_1x0spnh_buttonLoading__fb659d61{background-color:var(--plasma-button-loading-background-color);}.base_1x0spnh_b1ty39ru__fb659d61:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background-color:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.base_1x0spnh_b1ty39ru__fb659d61:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background-color:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}
+
+.base_1alzrso_be0ha5g__cdc67255{height:var(--plasma-button-height);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);}
+
+.base_1t3ywu_b169l30m__aba40ddd[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}.base_1t3ywu_b169l30m__aba40ddd[disabled]:hover,.base_1t3ywu_b169l30m__aba40ddd[disabled]:active{scale:none;color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);}
+
+.base_1kq737e_b187cmzt__d829f64a{position:relative;}.base_1kq737e_b187cmzt__d829f64a:focus{outline:none;}.base_1kq737e_b187cmzt__d829f64a::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:calc(0.125rem + var(--plasma_private-btn-br));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1kq737e_b187cmzt__d829f64a.base_1kq737e_focusVisible__d829f64a:focus::before,.base_1kq737e_b187cmzt__d829f64a[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}
+
+.base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingFixed__bd4ad37e{width:var(--plasma-button-width);}.base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingFilled__bd4ad37e{width:100%;}.base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingAuto__bd4ad37e{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
+
+.base_1gusher_b1chvyq8__76b641f5{color:var(--plasma-spinner-color);}
+
+.base_ova69f_bw56nfh__55225c7f{width:var(--plasma-spinner-size);height:var(--plasma-spinner-size);}
+
+.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_1sopr3d_bzw1898__8219590b{min-width:4ch;-webkit-flex-shrink:2;-ms-flex-negative:2;flex-shrink:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_1sopr3d_bzw1898__8219590b.Button_styles_1sopr3d_buttonContentRelaxed__8219590b{text-align:start;-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;}
+.Button_styles_1sopr3d_bdfuqwe__8219590b{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_1sopr3d_l9ypozh__8219590b{opacity:var(--l9ypozh-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(--l9ypozh-1);-webkit-justify-content:var(--l9ypozh-1);-ms-flex-pack:var(--l9ypozh-1);justify-content:var(--l9ypozh-1);height:100%;width:100%;}
+.Button_styles_1sopr3d_l4dfhbg__8219590b{position:absolute;}
+.Button_styles_1sopr3d_srdlazt__8219590b{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
+.Button_styles_1sopr3d_s7rggv0__8219590b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:var(--plasma-button-left-content-margin);-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);}
+.Button_styles_1sopr3d_s1rjh7ra__8219590b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:var(--plasma-button-right-content-margin);-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);}
+.Button_styles_1sopr3d_b9ga1dj__8219590b{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_1sopr3d_b9ga1dj__8219590b{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_1sopr3d_b9ga1dj__8219590b.Button_styles_1sopr3d_b9ga1dj__8219590b.Button_styles_1sopr3d_buttonSquare__8219590b{width:var(--plasma-button-height);padding:0;}
+
+.Button_styles_oi6jxf_sfplb1t__92f1711d{--plasma-button-color:var(--plasma-attach-button-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-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-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);}
+
+.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_cellStretchingFixed__e668c908{width:var(--plasma-cell-width);}.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_cellStretchingFilled__e668c908{width:100%;}.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_cellStretchingAuto__e668c908{width:auto;}
+
+.base_pir0qf_b1sr9i7l__baa3f156{color:var(--plasma-cell-color);background-color:var(--plasma-cell-background-color);width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;gap:var(--plasma-cell-gap);}.base_pir0qf_b1sr9i7l__baa3f156:focus{outline:0 none;}
+
+.Cell_styles_1dlvsak_si1k6gv__6095305f{--plasma-cell-label-color:var(--plasma-attach-cell-label-color);--plasma-cell-title-color:var(--plasma-attach-cell-title-color);--plasma-cell-subtitle-color:var(--plasma-attach-cell-subtitle-color);--plasma-cell-background-color:var(--plasma-attach-cell-background-color);--plasma-cell-width:var(--plasma-attach-cell-width);--plasma-cell-padding:var(--plasma-attach-cell-padding);--plasma-cell-padding-left-content:var(--plasma-attach-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-attach-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-attach-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-attach-cell-textbox-gap);--plasma-cell-gap:var(--plasma-attach-cell-gap);--plasma-cell-label-font-family:var(--plasma-attach-cell-label-font-family);--plasma-cell-label-font-size:var(--plasma-attach-cell-label-font-size);--plasma-cell-label-font-style:var(--plasma-attach-cell-label-font-style);--plasma-cell-label-font-weight:var(--plasma-attach-cell-label-font-weight);--plasma-cell-label-letter-spacing:var(--plasma-attach-cell-label-letter-spacing);--plasma-cell-label-line-height:var(--plasma-attach-cell-label-line-height);--plasma-cell-title-font-family:var(--plasma-attach-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-attach-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-attach-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-attach-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-attach-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-attach-cell-title-line-height);--plasma-cell-subtitle-font-family:var(--plasma-attach-cell-subtitle-font-family);--plasma-cell-subtitle-font-size:var(--plasma-attach-cell-subtitle-font-size);--plasma-cell-subtitle-font-style:var(--plasma-attach-cell-subtitle-font-style);--plasma-cell-subtitle-font-weight:var(--plasma-attach-cell-subtitle-font-weight);--plasma-cell-subtitle-letter-spacing:var(--plasma-attach-cell-subtitle-letter-spacing);--plasma-cell-subtitle-line-height:var(--plasma-attach-cell-subtitle-line-height);width:-webkit-fit-content !important;width:-moz-fit-content !important;width:fit-content !important;}.Cell_styles_1dlvsak_si1k6gv__6095305f.Cell_styles_1dlvsak_cellHidden__6095305f{visibility:hidden;}
+
+.IconButton_styles_sttslf_b1ua728l__193d7826{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);color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);height:var(--plasma-button-height);width:var(--plasma-button-width);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);position:relative;--plasma-button-padding:0;--plasma-button-color:var(--plasma-icon-button-color);--plasma-button-background-color:var(--plasma-icon-button-background-color);--plasma-button-color-hover:var(--plasma-icon-button-color-hover);--plasma-button-background-color-hover:var(--plasma-icon-button-background-color-hover);--plasma-button-color-active:var(--plasma-icon-button-color-active);--plasma-button-background-color-active:var(--plasma-icon-button-background-color-active);--plasma-button-loading-background-color:var(--plasma-icon-button-loading-background-color);--plasma-button-font-family:var(--plasma-icon-button-font-family);--plasma-button-font-size:var(--plasma-icon-button-font-size);--plasma-button-font-style:var(--plasma-icon-button-font-style);--plasma-button-font-weight:var(--plasma-icon-button-font-weight);--plasma-button-letter-spacing:var(--plasma-icon-button-letter-spacing);--plasma-button-line-height:var(--plasma-icon-button-line-height);--plasma-button-width:var(--plasma-icon-button-width);--plasma-button-height:var(--plasma-icon-button-height);--plasma-button-radius:var(--plasma-icon-button-radius);--plasma-button-disabled-opacity:var(--plasma-icon-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-icon-button-focus-color);--plasma-button-spinner-size:var(--plasma-icon-button-spinner-size);--plasma-button-spinner-color:var(--plasma-icon-button-spinner-color);}a.IconButton_styles_sttslf_b1ua728l__193d7826{-webkit-text-decoration:none;text-decoration:none;}.IconButton_styles_sttslf_b1ua728l__193d7826.IconButton_styles_sttslf_b1ua728l__193d7826.IconButton_styles_sttslf_buttonSquare__193d7826{width:var(--plasma-button-height);padding:0;}.IconButton_styles_sttslf_b1ua728l__193d7826:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background-color:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.IconButton_styles_sttslf_b1ua728l__193d7826:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background-color:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}.IconButton_styles_sttslf_b1ua728l__193d7826:focus{outline:none;}.IconButton_styles_sttslf_b1ua728l__193d7826::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:calc(0.125rem + var(--plasma_private-btn-br));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.IconButton_styles_sttslf_b1ua728l__193d7826.IconButton_styles_sttslf_focusVisible__193d7826:focus::before,.IconButton_styles_sttslf_b1ua728l__193d7826[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.IconButton_styles_sttslf_b1ua728l__193d7826[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}.IconButton_styles_sttslf_b1ua728l__193d7826[disabled]:hover,.IconButton_styles_sttslf_b1ua728l__193d7826[disabled]:active{scale:none;color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);}.IconButton_styles_sttslf_b1ua728l__193d7826.IconButton_styles_sttslf_buttonStretchingFixed__193d7826{width:var(--plasma-button-width);}.IconButton_styles_sttslf_b1ua728l__193d7826.IconButton_styles_sttslf_buttonStretchingFilled__193d7826{width:100%;}.IconButton_styles_sttslf_b1ua728l__193d7826.IconButton_styles_sttslf_buttonStretchingAuto__193d7826{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
+
+.IconButton_styles_14dty7n_sdel9u5__d56017d3{--plasma-icon-button-color:var(--plasma-attach-icon-button-color);--plasma-icon-button-background-color:var(--plasma-attach-icon-button-background-color);--plasma-icon-button-color-hover:var(--plasma-attach-icon-button-color-hover);--plasma-icon-button-background-color-hover:var(--plasma-attach-icon-button-background-color-hover);--plasma-icon-button-color-active:var(--plasma-attach-icon-button-color-active);--plasma-icon-button-background-color-active:var(--plasma-attach-icon-button-background-color-active);--plasma-icon-button-height:var(--plasma-attach-icon-button-height);--plasma-icon-button-width:var(--plasma-attach-icon-button-width);--plasma-icon-button-padding:var(--plasma-attach-icon-button-padding);--plasma-icon-button-radius:var(--plasma-attach-icon-button-radius);--plasma-icon-button-font-family:var(--plasma-attach-icon-button-font-family);--plasma-icon-button-font-size:var(--plasma-attach-icon-button-font-size);--plasma-icon-button-font-style:var(--plasma-attach-icon-button-font-style);--plasma-icon-button-font-weight:var(--plasma-attach-icon-button-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-attach-icon-button-letter-spacing);--plasma-icon-button-line-height:var(--plasma-attach-icon-button-line-height);}

package/cjs/components/Attach/Attach.js

@@ -0,0 +1,174 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var plasmaIcons = require('@salutejs/plasma-icons');
+var plasmaCore = require('@salutejs/plasma-core');
+var index = require('../../utils/index.js');
+var base$1 = require('./variations/_size/base.js');
+var base = require('./variations/_view/base.js');
+var Attach_styles = require('./Attach.styles.js');
+var Button_styles = require('./ui/Button/Button.styles.js');
+var Cell_styles = require('./ui/Cell/Cell.styles.js');
+var IconButton_styles = require('./ui/iconButton/IconButton.styles.js');
+var extractExtension = require('./utils/extractExtension.js');
+var getFileicon = require('./utils/getFileicon.js');
+var truncateFilename = require('./utils/truncateFilename.js');
+var Attach_tokens = require('./Attach.tokens.js');
+
+var _IconCloseCircleOutli;
+var _excluded = ["flow", "text", "hasAttachment", "acceptedFileFormats", "size", "view", "className"];
+var attachRoot = function attachRoot(Root) {
+  return /*#__PURE__*/React.forwardRef(function (props, outerRef) {
+    var _props$flow = props.flow,
+      flow = _props$flow === void 0 ? 'auto' : _props$flow,
+      _props$text = props.text,
+      text = _props$text === void 0 ? 'Загрузить файл' : _props$text,
+      _props$hasAttachment = props.hasAttachment,
+      hasAttachment = _props$hasAttachment === void 0 ? true : _props$hasAttachment,
+      acceptedFileFormats = props.acceptedFileFormats,
+      size = props.size,
+      view = props.view,
+      className = props.className,
+      rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
+    var inputRef = React.useRef(null);
+    var inputHelperRef = React.useRef(null);
+    var cellRef = React.useRef(null);
+    var innerRef = React.useRef(null);
+    var ref = plasmaCore.useForkRef(outerRef, innerRef);
+    var _useState = React.useState(null),
+      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+      containerWidth = _useState2[0],
+      setContainerWidth = _useState2[1];
+    var _useState3 = React.useState(null),
+      _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
+      origFilename = _useState4[0],
+      setOrigFilename = _useState4[1];
+    var _useState5 = React.useState(null),
+      _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
+      filename = _useState6[0],
+      setFilename = _useState6[1];
+    var _useState7 = React.useState(false),
+      _useState8 = _rollupPluginBabelHelpers.slicedToArray(_useState7, 2),
+      shouldUpdateFilename = _useState8[0],
+      setShouldUpdateFilename = _useState8[1];
+    var horizontalClass = flow === 'horizontal' ? Attach_tokens.classes.horizontal : undefined;
+    var verticalClass = flow === 'vertical' ? Attach_tokens.classes.vertical : undefined;
+    var autoClass = flow === 'auto' ? Attach_tokens.classes.auto : undefined;
+    var cellHiddenClass = shouldUpdateFilename ? Attach_tokens.classes.cellHidden : undefined;
+    var accept = acceptedFileFormats === null || acceptedFileFormats === void 0 ? void 0 : acceptedFileFormats.join(',');
+    var extension = filename ? extractExtension.extractExtension(filename) : null;
+    var contentLeft = extension ? getFileicon.getFileicon(extension) : null;
+    var handleClick = function handleClick() {
+      if (!inputRef.current) {
+        return;
+      }
+      inputRef.current.click();
+    };
+    var handleChange = function handleChange() {
+      if (!inputRef.current || !inputRef.current.files) {
+        return;
+      }
+      setOrigFilename(inputRef.current.files[0].name);
+    };
+    var handleClear = function handleClear() {
+      if (!inputRef.current) {
+        return;
+      }
+      inputRef.current.value = '';
+      setOrigFilename(null);
+    };
+    plasmaCore.useResizeObserver(innerRef, function (container) {
+      setContainerWidth(container.offsetWidth);
+    });
+    React.useEffect(function () {
+      setFilename(origFilename);
+      setShouldUpdateFilename(true);
+    }, [size, view, flow, origFilename, containerWidth]);
+    React.useEffect(function () {
+      if (!cellRef.current || !cellRef.current.parentElement || !inputHelperRef.current || !inputHelperRef.current.textContent || !origFilename || !shouldUpdateFilename) {
+        setShouldUpdateFilename(false);
+        return;
+      }
+      var textWidth = inputHelperRef.current.offsetWidth;
+      var _cellRef$current$getB = cellRef.current.getBoundingClientRect(),
+        cellWidth = _cellRef$current$getB.width,
+        cellLeft = _cellRef$current$getB.left;
+      var _cellRef$current$pare = cellRef.current.parentElement.getBoundingClientRect(),
+        parentWidth = _cellRef$current$pare.width,
+        parentLeft = _cellRef$current$pare.left;
+      var cellLeftRightContentWidth = cellWidth - textWidth;
+      var leftDiff = cellLeft - parentLeft;
+      var index = origFilename.length - 1;
+      var currentTextWidth = textWidth;
+      var resultFilename = origFilename;
+      while (currentTextWidth + cellLeftRightContentWidth + leftDiff > parentWidth && index >= 1) {
+        var truncatedFilename = truncateFilename.truncateFilename(inputHelperRef.current.textContent, index);
+        inputHelperRef.current.textContent = truncatedFilename;
+        resultFilename = truncatedFilename;
+        currentTextWidth = inputHelperRef.current.offsetWidth;
+        index -= 1;
+      }
+      inputHelperRef.current.textContent = origFilename;
+      setFilename(resultFilename);
+      setShouldUpdateFilename(false);
+    }, [shouldUpdateFilename]);
+    return /*#__PURE__*/React.createElement(Root, _rollupPluginBabelHelpers.extends({
+      className: index.cx(horizontalClass, verticalClass, autoClass, className),
+      size: size,
+      view: view,
+      ref: ref
+    }, rest), /*#__PURE__*/React.createElement(Attach_styles.StyledHiddenInput, {
+      ref: inputRef,
+      accept: accept,
+      type: "file",
+      id: "attachHiddenInput",
+      name: "attachHiddenInput",
+      onChange: handleChange
+    }), /*#__PURE__*/React.createElement(Attach_styles.StyledHiddenInputHelper, {
+      ref: inputHelperRef,
+      id: "attachHiddenInputHelper"
+    }, origFilename), /*#__PURE__*/React.createElement(Button_styles.StyledButton, {
+      size: size,
+      view: view,
+      onClick: handleClick,
+      text: text
+    }), hasAttachment && filename && /*#__PURE__*/React.createElement(Cell_styles.StyledCell, {
+      className: cellHiddenClass,
+      ref: cellRef,
+      size: size,
+      view: view,
+      title: filename,
+      contentLeft: contentLeft,
+      contentRight: /*#__PURE__*/React.createElement(IconButton_styles.StyledIconButton, {
+        onClick: handleClear
+      }, _IconCloseCircleOutli || (_IconCloseCircleOutli = /*#__PURE__*/React.createElement(plasmaIcons.IconCloseCircleOutline, {
+        size: "xs"
+      })))
+    }));
+  });
+};
+var attachConfig = {
+  name: 'Attach',
+  tag: 'div',
+  layout: attachRoot,
+  base: Attach_styles.base,
+  variations: {
+    view: {
+      css: base.base
+    },
+    size: {
+      css: base$1.base
+    }
+  },
+  defaults: {
+    view: 'default',
+    size: 'm'
+  }
+};
+
+exports.attachConfig = attachConfig;
+exports.attachRoot = attachRoot;
+//# sourceMappingURL=Attach.js.map

package/cjs/components/Attach/Attach.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Attach.js","sources":["../../../src/components/Attach/Attach.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useRef, useState } from 'react';\nimport { IconCloseCircleOutline } from '@salutejs/plasma-icons';\nimport { useForkRef, useResizeObserver } from '@salutejs/plasma-core';\n\nimport { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport { AttachProps } from './Attach.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base, StyledHiddenInput, StyledHiddenInputHelper } from './Attach.styles';\nimport { StyledButton } from './ui/Button/Button';\nimport { StyledCell } from './ui/Cell/Cell';\nimport { StyledIconButton } from './ui/iconButton/IconButton';\nimport { extractExtension, getFileicon, truncateFilename } from './utils';\nimport { classes } from './Attach.tokens';\n\nexport const attachRoot = (Root: RootProps<HTMLDivElement, AttachProps>) =>\n    forwardRef<HTMLDivElement, AttachProps>((props, outerRef) => {\n        const {\n            flow = 'auto',\n            text = 'Загрузить файл',\n            hasAttachment = true,\n            acceptedFileFormats,\n            size,\n            view,\n            className,\n            ...rest\n        } = props;\n\n        const inputRef = useRef<HTMLInputElement | null>(null);\n        const inputHelperRef = useRef<HTMLDivElement | null>(null);\n        const cellRef = useRef<HTMLDivElement | null>(null);\n\n        const innerRef = useRef<HTMLDivElement>(null);\n        const ref = useForkRef(outerRef, innerRef);\n\n        const [containerWidth, setContainerWidth] = useState<number | null>(null);\n\n        const [origFilename, setOrigFilename] = useState<string | null>(null);\n        const [filename, setFilename] = useState<string | null>(null);\n        const [shouldUpdateFilename, setShouldUpdateFilename] = useState<boolean>(false);\n\n        const horizontalClass = flow === 'horizontal' ? classes.horizontal : undefined;\n        const verticalClass = flow === 'vertical' ? classes.vertical : undefined;\n        const autoClass = flow === 'auto' ? classes.auto : undefined;\n        const cellHiddenClass = shouldUpdateFilename ? classes.cellHidden : undefined;\n\n        const accept = acceptedFileFormats?.join(',');\n        const extension = filename ? extractExtension(filename) : null;\n        const contentLeft = extension ? getFileicon(extension) : null;\n\n        const handleClick = () => {\n            if (!inputRef.current) {\n                return;\n            }\n\n            inputRef.current.click();\n        };\n\n        const handleChange = () => {\n            if (!inputRef.current || !inputRef.current.files) {\n                return;\n            }\n\n            setOrigFilename(inputRef.current.files[0].name);\n        };\n\n        const handleClear = () => {\n            if (!inputRef.current) {\n                return;\n            }\n\n            inputRef.current.value = '';\n            setOrigFilename(null);\n        };\n\n        useResizeObserver(innerRef, (container) => {\n            setContainerWidth(container.offsetWidth);\n        });\n\n        useEffect(() => {\n            setFilename(origFilename);\n            setShouldUpdateFilename(true);\n        }, [size, view, flow, origFilename, containerWidth]);\n\n        useEffect(() => {\n            if (\n                !cellRef.current ||\n                !cellRef.current.parentElement ||\n                !inputHelperRef.current ||\n                !inputHelperRef.current.textContent ||\n                !origFilename ||\n                !shouldUpdateFilename\n            ) {\n                setShouldUpdateFilename(false);\n                return;\n            }\n\n            const { offsetWidth: textWidth } = inputHelperRef.current;\n            const { width: cellWidth, left: cellLeft } = cellRef.current.getBoundingClientRect();\n            const { width: parentWidth, left: parentLeft } = cellRef.current.parentElement.getBoundingClientRect();\n\n            const cellLeftRightContentWidth = cellWidth - textWidth;\n            const leftDiff = cellLeft - parentLeft;\n\n            let index = origFilename.length - 1;\n            let currentTextWidth = textWidth;\n            let resultFilename = origFilename;\n\n            while (currentTextWidth + cellLeftRightContentWidth + leftDiff > parentWidth && index >= 1) {\n                const truncatedFilename = truncateFilename(inputHelperRef.current.textContent, index);\n                inputHelperRef.current.textContent = truncatedFilename;\n\n                resultFilename = truncatedFilename;\n                currentTextWidth = inputHelperRef.current.offsetWidth;\n                index -= 1;\n            }\n\n            inputHelperRef.current.textContent = origFilename;\n\n            setFilename(resultFilename);\n            setShouldUpdateFilename(false);\n        }, [shouldUpdateFilename]);\n\n        return (\n            <Root\n                className={cx(horizontalClass, verticalClass, autoClass, className)}\n                size={size}\n                view={view}\n                ref={ref}\n                {...rest}\n            >\n                <StyledHiddenInput\n                    ref={inputRef}\n                    accept={accept}\n                    type=\"file\"\n                    id=\"attachHiddenInput\"\n                    name=\"attachHiddenInput\"\n                    onChange={handleChange}\n                />\n                <StyledHiddenInputHelper ref={inputHelperRef} id=\"attachHiddenInputHelper\">\n                    {origFilename}\n                </StyledHiddenInputHelper>\n\n                <StyledButton size={size} view={view} onClick={handleClick} text={text} />\n                {hasAttachment && filename && (\n                    <StyledCell\n                        className={cellHiddenClass}\n                        ref={cellRef}\n                        size={size}\n                        view={view}\n                        title={filename}\n                        contentLeft={contentLeft}\n                        contentRight={\n                            <StyledIconButton onClick={handleClear}>\n                                <IconCloseCircleOutline size=\"xs\" />\n                            </StyledIconButton>\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        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["attachRoot","Root","forwardRef","props","outerRef","_props$flow","flow","_props$text","text","_props$hasAttachment","hasAttachment","acceptedFileFormats","size","view","className","rest","_objectWithoutProperties","_excluded","inputRef","useRef","inputHelperRef","cellRef","innerRef","ref","useForkRef","_useState","useState","_useState2","_slicedToArray","containerWidth","setContainerWidth","_useState3","_useState4","origFilename","setOrigFilename","_useState5","_useState6","filename","setFilename","_useState7","_useState8","shouldUpdateFilename","setShouldUpdateFilename","horizontalClass","classes","horizontal","undefined","verticalClass","vertical","autoClass","auto","cellHiddenClass","cellHidden","accept","join","extension","extractExtension","contentLeft","getFileicon","handleClick","current","click","handleChange","files","name","handleClear","value","useResizeObserver","container","offsetWidth","useEffect","parentElement","textContent","textWidth","_cellRef$current$getB","getBoundingClientRect","cellWidth","width","cellLeft","left","_cellRef$current$pare","parentWidth","parentLeft","cellLeftRightContentWidth","leftDiff","index","length","currentTextWidth","resultFilename","truncatedFilename","truncateFilename","React","createElement","_extends","cx","StyledHiddenInput","type","id","onChange","StyledHiddenInputHelper","StyledButton","onClick","StyledCell","title","contentRight","StyledIconButton","_IconCloseCircleOutli","IconCloseCircleOutline","attachConfig","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}

package/cjs/components/Attach/Attach.styles.js

@@ -0,0 +1,23 @@
+import './Attach.styles_17fejif.css';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('@linaria/react');
+
+var base = "by826kf";
+var StyledHiddenInput = /*#__PURE__*/react.styled('input')({
+  name: "StyledHiddenInput",
+  "class": "sw7vb9c",
+  propsAsIs: false
+});
+var StyledHiddenInputHelper = /*#__PURE__*/react.styled('div')({
+  name: "StyledHiddenInputHelper",
+  "class": "suojwhg",
+  propsAsIs: false
+});
+
+exports.StyledHiddenInput = StyledHiddenInput;
+exports.StyledHiddenInputHelper = StyledHiddenInputHelper;
+exports.base = base;
+//# sourceMappingURL=Attach.styles.js.map

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

@@ -0,0 +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\nimport { tokens as attachTokens } from './Attach.tokens';\n\nexport const base = css`\n    position: relative;\n    display: flex;\n    width: fit-content;\n`;\n\nexport const StyledHiddenInput = styled.input`\n    display: none;\n`;\n\nexport const StyledHiddenInputHelper = styled.div`\n    position: absolute;\n    visibility: hidden;\n\n    font-family: var(${attachTokens.cellTitleFontFamily});\n    font-size: var(${attachTokens.cellTitleFontSize});\n    font-style: var(${attachTokens.cellTitleFontStyle});\n    font-weight: var(${attachTokens.cellTitleFontWeight});\n    letter-spacing: var(${attachTokens.cellTitleLetterSpacing});\n    line-height: var(${attachTokens.cellTitleLineHeight});\n`;\n"],"names":["base","StyledHiddenInput","styled","name","class","propsAsIs","StyledHiddenInputHelper"],"mappings":";;;;;;AAKO,IAAMA,IAAI,GAIhB,UAAA;AAEM,IAAMC,iBAAiB,gBAAGC,YAAM,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,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,yBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAU5C;;;;;;"}

package/cjs/components/Attach/Attach.styles_17fejif.css

@@ -0,0 +1,3 @@
+.by826kf{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
+.sw7vb9c{display:none;}
+.suojwhg{position:absolute;visibility:hidden;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);}

package/cjs/components/Attach/Attach.tokens.js

@@ -0,0 +1,83 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var classes = {
+  auto: 'auto',
+  horizontal: 'horizontal',
+  vertical: 'vertical',
+  cellHidden: 'cell-hidden'
+};
+var tokens = {
+  horizontalGap: '--plasma-attach-horizontal-gap',
+  verticalGap: '--plasma-attach-vertical-gap',
+  // Токены для Button
+  buttonColor: '--plasma-attach-button-color',
+  buttonBackgroundColor: '--plasma-attach-button-background-color',
+  buttonColorHover: '--plasma-attach-button-color-hover',
+  buttonBackgroundColorHover: '--plasma-attach-button-background-color-hover',
+  buttonColorActive: '--plasma-attach-button-color-active',
+  buttonBackgroundColorActive: '--plasma-attach-button-background-color-active',
+  buttonHeight: '--plasma-attach-button-height',
+  buttonWidth: '--plasma-attach-button-width',
+  buttonPadding: '--plasma-attach-button-padding',
+  buttonRadius: '--plasma-attach-button-radius',
+  buttonFontFamily: '--plasma-attach-button-font-family',
+  buttonFontSize: '--plasma-attach-button-font-size',
+  buttonFontStyle: '--plasma-attach-button-font-style',
+  buttonFontWeight: '--plasma-attach-button-font-weight',
+  buttonLetterSpacing: '--plasma-attach-button-letter-spacing',
+  buttonLineHeight: '--plasma-attach-button-line-height',
+  // Токены для Cell
+  cellColor: '--plasma-attach-cell-color',
+  cellLabelColor: '--plasma-attach-cell-label-color',
+  cellTitleColor: '--plasma-attach-cell-title-color',
+  cellSubtitleColor: '--plasma-attach-cell-subtitle-color',
+  cellBackgroundColor: '--plasma-attach-cell-background-color',
+  cellWidth: '--plasma-attach-cell-width',
+  cellPadding: '--plasma-attach-cell-padding',
+  cellPaddingLeftContent: '--plasma-attach-cell-padding-left-content',
+  cellPaddingContent: '--plasma-attach-cell-padding-content',
+  cellPaddingRightContent: '--plasma-attach-cell-padding-right-content',
+  cellTextboxGap: '--plasma-attach-cell-textbox-gap',
+  cellGap: '--plasma-attach-cell-gap',
+  cellLabelFontFamily: '--plasma-attach-cell-label-font-family',
+  cellLabelFontSize: '--plasma-attach-cell-label-font-size',
+  cellLabelFontStyle: '--plasma-attach-cell-label-font-style',
+  cellLabelFontWeight: '--plasma-attach-cell-label-font-weight',
+  cellLabelLetterSpacing: '--plasma-attach-cell-label-letter-spacing',
+  cellLabelLineHeight: '--plasma-attach-cell-label-line-height',
+  cellTitleFontFamily: '--plasma-attach-cell-title-font-family',
+  cellTitleFontSize: '--plasma-attach-cell-title-font-size',
+  cellTitleFontStyle: '--plasma-attach-cell-title-font-style',
+  cellTitleFontWeight: '--plasma-attach-cell-title-font-weight',
+  cellTitleLetterSpacing: '--plasma-attach-cell-title-letter-spacing',
+  cellTitleLineHeight: '--plasma-attach-cell-title-line-height',
+  cellSubtitleFontFamily: '--plasma-attach-cell-subtitle-font-family',
+  cellSubtitleFontSize: '--plasma-attach-cell-subtitle-font-size',
+  cellSubtitleFontStyle: '--plasma-attach-cell-subtitle-font-style',
+  cellSubtitleFontWeight: '--plasma-attach-cell-subtitle-font-weight',
+  cellSubtitleLetterSpacing: '--plasma-attach-cell-subtitle-letter-spacing',
+  cellSubtitleLineHeight: '--plasma-attach-cell-subtitle-line-height',
+  // Токены для IconButton
+  iconButtonColor: '--plasma-attach-icon-button-color',
+  iconButtonBackgroundColor: '--plasma-attach-icon-button-background-color',
+  iconButtonColorHover: '--plasma-attach-icon-button-color-hover',
+  iconButtonBackgroundColorHover: '--plasma-attach-icon-button-background-color-hover',
+  iconButtonColorActive: '--plasma-attach-icon-button-color-active',
+  iconButtonBackgroundColorActive: '--plasma-attach-icon-button-background-color-active',
+  iconButtonHeight: '--plasma-attach-icon-button-height',
+  iconButtonWidth: '--plasma-attach-icon-button-width',
+  iconButtonPadding: '--plasma-attach-icon-button-padding',
+  iconButtonRadius: '--plasma-attach-icon-button-radius',
+  iconButtonFontFamily: '--plasma-attach-icon-button-font-family',
+  iconButtonFontSize: '--plasma-attach-icon-button-font-size',
+  iconButtonFontStyle: '--plasma-attach-icon-button-font-style',
+  iconButtonFontWeight: '--plasma-attach-icon-button-font-weight',
+  iconButtonLetterSpacing: '--plasma-attach-icon-button-letter-spacing',
+  iconButtonLineHeight: '--plasma-attach-icon-button-line-height'
+};
+
+exports.classes = classes;
+exports.tokens = tokens;
+//# sourceMappingURL=Attach.tokens.js.map

package/cjs/components/Attach/Attach.tokens.js.map

@@ -0,0 +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    cellHidden: 'cell-hidden',\n};\n\nexport const tokens = {\n    horizontalGap: '--plasma-attach-horizontal-gap',\n    verticalGap: '--plasma-attach-vertical-gap',\n\n    // Токены для Button\n    buttonColor: '--plasma-attach-button-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\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\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    // Токены для Cell\n    cellColor: '--plasma-attach-cell-color',\n    cellLabelColor: '--plasma-attach-cell-label-color',\n    cellTitleColor: '--plasma-attach-cell-title-color',\n    cellSubtitleColor: '--plasma-attach-cell-subtitle-color',\n    cellBackgroundColor: '--plasma-attach-cell-background-color',\n\n    cellWidth: '--plasma-attach-cell-width',\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    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    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    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    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    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    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"],"names":["classes","auto","horizontal","vertical","cellHidden","tokens","horizontalGap","verticalGap","buttonColor","buttonBackgroundColor","buttonColorHover","buttonBackgroundColorHover","buttonColorActive","buttonBackgroundColorActive","buttonHeight","buttonWidth","buttonPadding","buttonRadius","buttonFontFamily","buttonFontSize","buttonFontStyle","buttonFontWeight","buttonLetterSpacing","buttonLineHeight","cellColor","cellLabelColor","cellTitleColor","cellSubtitleColor","cellBackgroundColor","cellWidth","cellPadding","cellPaddingLeftContent","cellPaddingContent","cellPaddingRightContent","cellTextboxGap","cellGap","cellLabelFontFamily","cellLabelFontSize","cellLabelFontStyle","cellLabelFontWeight","cellLabelLetterSpacing","cellLabelLineHeight","cellTitleFontFamily","cellTitleFontSize","cellTitleFontStyle","cellTitleFontWeight","cellTitleLetterSpacing","cellTitleLineHeight","cellSubtitleFontFamily","cellSubtitleFontSize","cellSubtitleFontStyle","cellSubtitleFontWeight","cellSubtitleLetterSpacing","cellSubtitleLineHeight","iconButtonColor","iconButtonBackgroundColor","iconButtonColorHover","iconButtonBackgroundColorHover","iconButtonColorActive","iconButtonBackgroundColorActive","iconButtonHeight","iconButtonWidth","iconButtonPadding","iconButtonRadius","iconButtonFontFamily","iconButtonFontSize","iconButtonFontStyle","iconButtonFontWeight","iconButtonLetterSpacing","iconButtonLineHeight"],"mappings":"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"}

package/cjs/components/Attach/ui/Button/Button.styles.js

@@ -0,0 +1,23 @@
+import './Button.styles_oi6jxf.css';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('@linaria/react');
+require('@linaria/core');
+var common = require('../../../../engines/common.js');
+var Button$1 = require('../../../Button/Button.js');
+
+var mergedConfig = /*#__PURE__*/common.mergeConfig(Button$1.buttonConfig);
+var Button = /*#__PURE__*/common.component(mergedConfig);
+var _exp = function _exp() {
+  return Button;
+};
+var StyledButton = /*#__PURE__*/react.styled(_exp())({
+  name: "StyledButton",
+  "class": "sfplb1t",
+  propsAsIs: true
+});
+
+exports.StyledButton = StyledButton;
+//# sourceMappingURL=Button.styles.js.map

package/cjs/components/Attach/ui/Button/Button.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.styles.js","sources":["../../../../../src/components/Attach/ui/Button/Button.styles.tsx"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { component, mergeConfig } from '../../../../engines';\nimport { buttonConfig, buttonTokens } from '../../../Button';\nimport { tokens as attachTokens } from '../../Attach.tokens';\n\nconst mergedConfig = mergeConfig(buttonConfig);\nconst Button = component(mergedConfig);\n\nexport const StyledButton = styled(Button)`\n    ${buttonTokens.buttonColor}: var(${attachTokens.buttonColor});\n    ${buttonTokens.buttonBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n    ${buttonTokens.buttonColorHover}: var(${attachTokens.buttonColorHover});\n    ${buttonTokens.buttonBackgroundColorHover}: var(${attachTokens.buttonBackgroundColorHover});\n    ${buttonTokens.buttonColorActive}: var(${attachTokens.buttonColorActive});\n    ${buttonTokens.buttonBackgroundColorActive}: var(${attachTokens.buttonBackgroundColorActive});\n\n    ${buttonTokens.buttonHeight}: var(${attachTokens.buttonHeight});\n    ${buttonTokens.buttonWidth}: var(${attachTokens.buttonWidth});\n    ${buttonTokens.buttonPadding}: var(${attachTokens.buttonPadding});\n    ${buttonTokens.buttonRadius}: var(${attachTokens.buttonRadius});\n\n    ${buttonTokens.buttonFontFamily}: var(${attachTokens.buttonFontFamily});\n    ${buttonTokens.buttonFontSize}: var(${attachTokens.buttonFontSize});\n    ${buttonTokens.buttonFontStyle}: var(${attachTokens.buttonFontStyle});\n    ${buttonTokens.buttonFontWeight}: var(${attachTokens.buttonFontWeight});\n    ${buttonTokens.buttonLetterSpacing}: var(${attachTokens.buttonLetterSpacing});\n    ${buttonTokens.buttonLineHeight}: var(${attachTokens.buttonLineHeight});\n`;\n"],"names":["mergedConfig","mergeConfig","buttonConfig","Button","component","_exp","StyledButton","styled","name","class","propsAsIs"],"mappings":";;;;;;;;;AAMA,IAAMA,YAAY,gBAAGC,kBAAW,CAACC,qBAAY,CAAC,CAAA;AAC9C,IAAMC,MAAM,gBAAGC,gBAAS,CAACJ,YAAY,CAAC,CAAA;AAAC,IAAAK,IAAA,GANrBA,SAMqBA,IAAAA,GAAA;AAAA,EAAA,OAEJF,MAAM,CAAA;AAAA,CAAA,CAAA;AAAlC,IAAMG,YAAY,gBAAGC,YAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAmBjC;;;;"}

package/cjs/components/Attach/ui/Button/Button.styles_oi6jxf.css

@@ -0,0 +1 @@
+.sfplb1t{--plasma-button-color:var(--plasma-attach-button-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-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-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);}

package/cjs/components/Attach/ui/Cell/Cell.styles.js

@@ -0,0 +1,25 @@
+import './Cell.styles_1dlvsak.css';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('@linaria/react');
+require('@linaria/core');
+var common = require('../../../../engines/common.js');
+require('react');
+require('styled-components');
+var Cell$1 = require('../../../Cell/Cell.js');
+
+var mergedConfig = /*#__PURE__*/common.mergeConfig(Cell$1.cellConfig);
+var Cell = /*#__PURE__*/common.component(mergedConfig);
+var _exp = function _exp() {
+  return Cell;
+};
+var StyledCell = /*#__PURE__*/react.styled(_exp())({
+  name: "StyledCell",
+  "class": "si1k6gv",
+  propsAsIs: true
+});
+
+exports.StyledCell = StyledCell;
+//# sourceMappingURL=Cell.styles.js.map

package/cjs/components/Attach/ui/Cell/Cell.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cell.styles.js","sources":["../../../../../src/components/Attach/ui/Cell/Cell.styles.tsx"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { component, mergeConfig } from '../../../../engines';\nimport { cellConfig, cellTokens } from '../../../Cell';\nimport { tokens as attachTokens, classes } from '../../Attach.tokens';\n\nconst mergedConfig = mergeConfig(cellConfig);\nconst Cell = component(mergedConfig);\n\nexport const StyledCell = styled(Cell)`\n    ${cellTokens.cellLabelColor}: var(${attachTokens.cellLabelColor});\n    ${cellTokens.cellTitleColor}: var(${attachTokens.cellTitleColor});\n    ${cellTokens.cellSubtitleColor}: var(${attachTokens.cellSubtitleColor});\n    ${cellTokens.cellBackgroundColor}: var(${attachTokens.cellBackgroundColor});\n\n    ${cellTokens.cellWidth}: var(${attachTokens.cellWidth});\n    ${cellTokens.cellPadding}: var(${attachTokens.cellPadding});\n    ${cellTokens.cellPaddingLeftContent}: var(${attachTokens.cellPaddingLeftContent});\n    ${cellTokens.cellPaddingContent}: var(${attachTokens.cellPaddingContent});\n    ${cellTokens.cellPaddingRightContent}: var(${attachTokens.cellPaddingRightContent});\n\n    ${cellTokens.cellTextboxGap}: var(${attachTokens.cellTextboxGap});\n    ${cellTokens.cellGap}: var(${attachTokens.cellGap});\n\n    ${cellTokens.cellLabelFontFamily}: var(${attachTokens.cellLabelFontFamily});\n    ${cellTokens.cellLabelFontSize}: var(${attachTokens.cellLabelFontSize});\n    ${cellTokens.cellLabelFontStyle}: var(${attachTokens.cellLabelFontStyle});\n    ${cellTokens.cellLabelFontWeight}: var(${attachTokens.cellLabelFontWeight});\n    ${cellTokens.cellLabelLetterSpacing}: var(${attachTokens.cellLabelLetterSpacing});\n    ${cellTokens.cellLabelLineHeight}: var(${attachTokens.cellLabelLineHeight});\n\n    ${cellTokens.cellTitleFontFamily}: var(${attachTokens.cellTitleFontFamily});\n    ${cellTokens.cellTitleFontSize}: var(${attachTokens.cellTitleFontSize});\n    ${cellTokens.cellTitleFontStyle}: var(${attachTokens.cellTitleFontStyle});\n    ${cellTokens.cellTitleFontWeight}: var(${attachTokens.cellTitleFontWeight});\n    ${cellTokens.cellTitleLetterSpacing}: var(${attachTokens.cellTitleLetterSpacing});\n    ${cellTokens.cellTitleLineHeight}: var(${attachTokens.cellTitleLineHeight});\n\n    ${cellTokens.cellSubtitleFontFamily}: var(${attachTokens.cellSubtitleFontFamily});\n    ${cellTokens.cellSubtitleFontSize}: var(${attachTokens.cellSubtitleFontSize});\n    ${cellTokens.cellSubtitleFontStyle}: var(${attachTokens.cellSubtitleFontStyle});\n    ${cellTokens.cellSubtitleFontWeight}: var(${attachTokens.cellSubtitleFontWeight});\n    ${cellTokens.cellSubtitleLetterSpacing}: var(${attachTokens.cellSubtitleLetterSpacing});\n    ${cellTokens.cellSubtitleLineHeight}: var(${attachTokens.cellSubtitleLineHeight});\n\n    width: fit-content !important;\n\n    &.${classes.cellHidden} {\n        visibility: hidden;\n    }\n`;\n"],"names":["mergedConfig","mergeConfig","cellConfig","Cell","component","_exp","StyledCell","styled","name","class","propsAsIs"],"mappings":";;;;;;;;;;;AAMA,IAAMA,YAAY,gBAAGC,kBAAW,CAACC,iBAAU,CAAC,CAAA;AAC5C,IAAMC,IAAI,gBAAGC,gBAAS,CAACJ,YAAY,CAAC,CAAA;AAAC,IAAAK,IAAA,GANnBA,SAMmBA,IAAAA,GAAA;AAAA,EAAA,OAEJF,IAAI,CAAA;AAAA,CAAA,CAAA;AAA9B,IAAMG,UAAU,gBAAGC,YAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAyC/B;;;;"}

package/cjs/components/Attach/ui/Cell/Cell.styles_1dlvsak.css

@@ -0,0 +1 @@
+.si1k6gv{--plasma-cell-label-color:var(--plasma-attach-cell-label-color);--plasma-cell-title-color:var(--plasma-attach-cell-title-color);--plasma-cell-subtitle-color:var(--plasma-attach-cell-subtitle-color);--plasma-cell-background-color:var(--plasma-attach-cell-background-color);--plasma-cell-width:var(--plasma-attach-cell-width);--plasma-cell-padding:var(--plasma-attach-cell-padding);--plasma-cell-padding-left-content:var(--plasma-attach-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-attach-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-attach-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-attach-cell-textbox-gap);--plasma-cell-gap:var(--plasma-attach-cell-gap);--plasma-cell-label-font-family:var(--plasma-attach-cell-label-font-family);--plasma-cell-label-font-size:var(--plasma-attach-cell-label-font-size);--plasma-cell-label-font-style:var(--plasma-attach-cell-label-font-style);--plasma-cell-label-font-weight:var(--plasma-attach-cell-label-font-weight);--plasma-cell-label-letter-spacing:var(--plasma-attach-cell-label-letter-spacing);--plasma-cell-label-line-height:var(--plasma-attach-cell-label-line-height);--plasma-cell-title-font-family:var(--plasma-attach-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-attach-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-attach-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-attach-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-attach-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-attach-cell-title-line-height);--plasma-cell-subtitle-font-family:var(--plasma-attach-cell-subtitle-font-family);--plasma-cell-subtitle-font-size:var(--plasma-attach-cell-subtitle-font-size);--plasma-cell-subtitle-font-style:var(--plasma-attach-cell-subtitle-font-style);--plasma-cell-subtitle-font-weight:var(--plasma-attach-cell-subtitle-font-weight);--plasma-cell-subtitle-letter-spacing:var(--plasma-attach-cell-subtitle-letter-spacing);--plasma-cell-subtitle-line-height:var(--plasma-attach-cell-subtitle-line-height);width:-webkit-fit-content !important;width:-moz-fit-content !important;width:fit-content !important;}.si1k6gv.cell-hidden{visibility:hidden;}

package/cjs/components/Attach/ui/iconButton/IconButton.styles.js

@@ -0,0 +1,23 @@
+import './IconButton.styles_14dty7n.css';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('@linaria/react');
+require('@linaria/core');
+var common = require('../../../../engines/common.js');
+var IconButton$1 = require('../../../IconButton/IconButton.js');
+
+var mergedConfig = /*#__PURE__*/common.mergeConfig(IconButton$1.iconButtonConfig);
+var IconButton = /*#__PURE__*/common.component(mergedConfig);
+var _exp = function _exp() {
+  return IconButton;
+};
+var StyledIconButton = /*#__PURE__*/react.styled(_exp())({
+  name: "StyledIconButton",
+  "class": "sdel9u5",
+  propsAsIs: true
+});
+
+exports.StyledIconButton = StyledIconButton;
+//# sourceMappingURL=IconButton.styles.js.map

package/cjs/components/Attach/ui/iconButton/IconButton.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.styles.js","sources":["../../../../../src/components/Attach/ui/iconButton/IconButton.styles.tsx"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { component, mergeConfig } from '../../../../engines';\nimport { iconButtonConfig, iconButtonTokens } from '../../../IconButton';\nimport { tokens as attachTokens } from '../../Attach.tokens';\n\nconst mergedConfig = mergeConfig(iconButtonConfig);\nconst IconButton = component(mergedConfig);\n\nexport const StyledIconButton = styled(IconButton)`\n    ${iconButtonTokens.iconButtonColor}: var(${attachTokens.iconButtonColor});\n    ${iconButtonTokens.iconButtonBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n    ${iconButtonTokens.iconButtonColorHover}: var(${attachTokens.iconButtonColorHover});\n    ${iconButtonTokens.iconButtonBackgroundColorHover}: var(${attachTokens.iconButtonBackgroundColorHover});\n    ${iconButtonTokens.iconButtonColorActive}: var(${attachTokens.iconButtonColorActive});\n    ${iconButtonTokens.iconButtonBackgroundColorActive}: var(${attachTokens.iconButtonBackgroundColorActive});\n\n    ${iconButtonTokens.iconButtonHeight}: var(${attachTokens.iconButtonHeight});\n    ${iconButtonTokens.iconButtonWidth}: var(${attachTokens.iconButtonWidth});\n    ${iconButtonTokens.iconButtonPadding}: var(${attachTokens.iconButtonPadding});\n    ${iconButtonTokens.iconButtonRadius}: var(${attachTokens.iconButtonRadius});\n    ${iconButtonTokens.iconButtonFontFamily}: var(${attachTokens.iconButtonFontFamily});\n    ${iconButtonTokens.iconButtonFontSize}: var(${attachTokens.iconButtonFontSize});\n    ${iconButtonTokens.iconButtonFontStyle}: var(${attachTokens.iconButtonFontStyle});\n    ${iconButtonTokens.iconButtonFontWeight}: var(${attachTokens.iconButtonFontWeight});\n    ${iconButtonTokens.iconButtonLetterSpacing}: var(${attachTokens.iconButtonLetterSpacing});\n    ${iconButtonTokens.iconButtonLineHeight}: var(${attachTokens.iconButtonLineHeight});\n`;\n"],"names":["mergedConfig","mergeConfig","iconButtonConfig","IconButton","component","_exp","StyledIconButton","styled","name","class","propsAsIs"],"mappings":";;;;;;;;;AAMA,IAAMA,YAAY,gBAAGC,kBAAW,CAACC,6BAAgB,CAAC,CAAA;AAClD,IAAMC,UAAU,gBAAGC,gBAAS,CAACJ,YAAY,CAAC,CAAA;AAAC,IAAAK,IAAA,GANzBA,SAMyBA,IAAAA,GAAA;AAAA,EAAA,OAEJF,UAAU,CAAA;AAAA,CAAA,CAAA;AAA1C,IAAMG,gBAAgB,gBAAGC,YAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAkBrC;;;;"}

package/cjs/components/Attach/ui/iconButton/IconButton.styles_14dty7n.css

@@ -0,0 +1 @@
+.sdel9u5{--plasma-icon-button-color:var(--plasma-attach-icon-button-color);--plasma-icon-button-background-color:var(--plasma-attach-icon-button-background-color);--plasma-icon-button-color-hover:var(--plasma-attach-icon-button-color-hover);--plasma-icon-button-background-color-hover:var(--plasma-attach-icon-button-background-color-hover);--plasma-icon-button-color-active:var(--plasma-attach-icon-button-color-active);--plasma-icon-button-background-color-active:var(--plasma-attach-icon-button-background-color-active);--plasma-icon-button-height:var(--plasma-attach-icon-button-height);--plasma-icon-button-width:var(--plasma-attach-icon-button-width);--plasma-icon-button-padding:var(--plasma-attach-icon-button-padding);--plasma-icon-button-radius:var(--plasma-attach-icon-button-radius);--plasma-icon-button-font-family:var(--plasma-attach-icon-button-font-family);--plasma-icon-button-font-size:var(--plasma-attach-icon-button-font-size);--plasma-icon-button-font-style:var(--plasma-attach-icon-button-font-style);--plasma-icon-button-font-weight:var(--plasma-attach-icon-button-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-attach-icon-button-letter-spacing);--plasma-icon-button-line-height:var(--plasma-attach-icon-button-line-height);}

package/cjs/components/Attach/utils/extractExtension.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var extractExtension = function extractExtension(filename) {
+  return filename.split('.').pop();
+};
+
+exports.extractExtension = extractExtension;
+//# sourceMappingURL=extractExtension.js.map

package/cjs/components/Attach/utils/extractExtension.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"extractExtension.js","sources":["../../../../src/components/Attach/utils/extractExtension.ts"],"sourcesContent":["export const extractExtension = (filename: string) => filename.split('.').pop();\n"],"names":["extractExtension","filename","split","pop"],"mappings":";;;;IAAaA,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,QAAgB,EAAA;EAAA,OAAKA,QAAQ,CAACC,KAAK,CAAC,GAAG,CAAC,CAACC,GAAG,EAAE,CAAA;AAAA;;;;"}

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

@@ -0,0 +1,27 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var plasmaIcons = require('@salutejs/plasma-icons');
+
+var _IconBlankPdfOutline, _IconBlankDocOutline, _IconBlankXlsOutline, _IconBlankTxtOutline, _IconBlankCsvOutline, _IconBlankOutline;
+var getFileicon = function getFileicon(extension) {
+  switch (extension) {
+    case 'pdf':
+      return _IconBlankPdfOutline || (_IconBlankPdfOutline = /*#__PURE__*/React.createElement(plasmaIcons.IconBlankPdfOutline, null));
+    case 'doc':
+      return _IconBlankDocOutline || (_IconBlankDocOutline = /*#__PURE__*/React.createElement(plasmaIcons.IconBlankDocOutline, null));
+    case 'xls':
+      return _IconBlankXlsOutline || (_IconBlankXlsOutline = /*#__PURE__*/React.createElement(plasmaIcons.IconBlankXlsOutline, null));
+    case 'txt':
+      return _IconBlankTxtOutline || (_IconBlankTxtOutline = /*#__PURE__*/React.createElement(plasmaIcons.IconBlankTxtOutline, null));
+    case 'csv':
+      return _IconBlankCsvOutline || (_IconBlankCsvOutline = /*#__PURE__*/React.createElement(plasmaIcons.IconBlankCsvOutline, null));
+    default:
+      return _IconBlankOutline || (_IconBlankOutline = /*#__PURE__*/React.createElement(plasmaIcons.IconBlankOutline, null));
+  }
+};
+
+exports.getFileicon = getFileicon;
+//# sourceMappingURL=getFileicon.js.map

package/cjs/components/Attach/utils/getFileicon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getFileicon.js","sources":["../../../../src/components/Attach/utils/getFileicon.tsx"],"sourcesContent":["import React from 'react';\nimport {\n    IconBlankCsvOutline,\n    IconBlankDocOutline,\n    IconBlankOutline,\n    IconBlankPdfOutline,\n    IconBlankTxtOutline,\n    IconBlankXlsOutline,\n} from '@salutejs/plasma-icons';\n\nexport const getFileicon = (extension: string) => {\n    switch (extension) {\n        case 'pdf':\n            return <IconBlankPdfOutline />;\n        case 'doc':\n            return <IconBlankDocOutline />;\n        case 'xls':\n            return <IconBlankXlsOutline />;\n        case 'txt':\n            return <IconBlankTxtOutline />;\n        case 'csv':\n            return <IconBlankCsvOutline />;\n        default:\n            return <IconBlankOutline />;\n    }\n};\n"],"names":["getFileicon","extension","_IconBlankPdfOutline","React","createElement","IconBlankPdfOutline","_IconBlankDocOutline","IconBlankDocOutline","_IconBlankXlsOutline","IconBlankXlsOutline","_IconBlankTxtOutline","IconBlankTxtOutline","_IconBlankCsvOutline","IconBlankCsvOutline","_IconBlankOutline","IconBlankOutline"],"mappings":";;;;;;;;IAUaA,WAAW,GAAG,SAAdA,WAAWA,CAAIC,SAAiB,EAAK;AAC9C,EAAA,QAAQA,SAAS;AACb,IAAA,KAAK,KAAK;MACN,OAAAC,oBAAA,KAAAA,oBAAA,gBAAOC,KAAA,CAAAC,aAAA,CAACC,+BAAmB,EAAA,IAAE,CAAC,CAAA,CAAA;AAClC,IAAA,KAAK,KAAK;MACN,OAAAC,oBAAA,KAAAA,oBAAA,gBAAOH,KAAA,CAAAC,aAAA,CAACG,+BAAmB,EAAA,IAAE,CAAC,CAAA,CAAA;AAClC,IAAA,KAAK,KAAK;MACN,OAAAC,oBAAA,KAAAA,oBAAA,gBAAOL,KAAA,CAAAC,aAAA,CAACK,+BAAmB,EAAA,IAAE,CAAC,CAAA,CAAA;AAClC,IAAA,KAAK,KAAK;MACN,OAAAC,oBAAA,KAAAA,oBAAA,gBAAOP,KAAA,CAAAC,aAAA,CAACO,+BAAmB,EAAA,IAAE,CAAC,CAAA,CAAA;AAClC,IAAA,KAAK,KAAK;MACN,OAAAC,oBAAA,KAAAA,oBAAA,gBAAOT,KAAA,CAAAC,aAAA,CAACS,+BAAmB,EAAA,IAAE,CAAC,CAAA,CAAA;AAClC,IAAA;MACI,OAAAC,iBAAA,KAAAA,iBAAA,gBAAOX,KAAA,CAAAC,aAAA,CAACW,4BAAgB,EAAA,IAAE,CAAC,CAAA,CAAA;AACnC,GAAA;AACJ;;;;"}

package/cjs/components/Attach/utils/truncateFilename.js

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var truncateFilename = function truncateFilename(filename, startTruncationIndex) {
+  var separator = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '...';
+  var strings = filename.split('.');
+  var extension = strings.length > 1 ? strings[strings.length - 1] : null;
+  var left = strings.length > 1 ? strings.slice(0, -1).join('.') : strings[0];
+  var lastFilenameLetter = left[left.length - 1];
+  var truncatedFilename = "".concat(left.substring(0, startTruncationIndex)).concat(separator).concat(lastFilenameLetter);
+  return extension ? "".concat(truncatedFilename, ".").concat(extension) : truncatedFilename;
+};
+
+exports.truncateFilename = truncateFilename;
+//# sourceMappingURL=truncateFilename.js.map