@salutejs/plasma-new-hope 0.336.0-canary.2227.17639708086.0 → 0.336.0-canary.2228.17672900057.0

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

@@ -9,6 +9,12 @@ function _export(target, all) {
     });
 }
 _export(exports, {
+    get FilenameExtensionPart () {
+        return FilenameExtensionPart;
+    },
+    get FilenameWrapper () {
+        return FilenameWrapper;
+    },
     get StyledAttachButtonWrapper () {
         return StyledAttachButtonWrapper;
     },
@@ -18,14 +24,15 @@ _export(exports, {
     get StyledHiddenInput () {
         return StyledHiddenInput;
     },
-    get StyledHiddenInputHelper () {
-        return StyledHiddenInputHelper;
+    get TruncatedFilenamePart () {
+        return TruncatedFilenamePart;
     },
     get base () {
         return base;
     }
 });
 var _styledcomponents = /*#__PURE__*/ _interop_require_wildcard(require("styled-components"));
+var _mixins = require("../../mixins");
 function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();
@@ -72,25 +79,38 @@ var base = (0, _styledcomponents.css)([
 ]);
 var StyledHiddenInput = _styledcomponents.default.input.withConfig({
     displayName: "Attach.styles__StyledHiddenInput",
-    componentId: "sc-7ce14282-0"
+    componentId: "sc-ebfa8a10-0"
 })([
     "display:none;"
 ]);
-var StyledHiddenInputHelper = _styledcomponents.default.div.withConfig({
-    displayName: "Attach.styles__StyledHiddenInputHelper",
-    componentId: "sc-7ce14282-1"
-})([
-    "position:absolute;visibility:hidden;white-space:nowrap;"
-]);
 var StyledAttachButtonWrapper = _styledcomponents.default.div.withConfig({
     displayName: "Attach.styles__StyledAttachButtonWrapper",
-    componentId: "sc-7ce14282-2"
+    componentId: "sc-ebfa8a10-1"
 })([
     "position:relative;"
 ]);
 var StyledHelperText = _styledcomponents.default.div.withConfig({
     displayName: "Attach.styles__StyledHelperText",
-    componentId: "sc-7ce14282-3"
+    componentId: "sc-ebfa8a10-2"
 })([
     "position:absolute;margin-top:0.25rem;"
 ]);
+var FilenameWrapper = _styledcomponents.default.div.withConfig({
+    displayName: "Attach.styles__FilenameWrapper",
+    componentId: "sc-ebfa8a10-3"
+})([
+    "display:inline-grid;align-items:center;grid-template-columns:auto 1fr;min-width:8ch;"
+]);
+var TruncatedFilenamePart = _styledcomponents.default.span.withConfig({
+    displayName: "Attach.styles__TruncatedFilenamePart",
+    componentId: "sc-ebfa8a10-4"
+})([
+    "",
+    ""
+], (0, _mixins.applyEllipsis)());
+var FilenameExtensionPart = _styledcomponents.default.span.withConfig({
+    displayName: "Attach.styles__FilenameExtensionPart",
+    componentId: "sc-ebfa8a10-5"
+})([
+    ""
+]);

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

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "getFileicon", {
+Object.defineProperty(exports, "getFileIcon", {
     enumerable: true,
     get: function() {
-        return getFileicon;
+        return getFileIcon;
     }
 });
 var _react = /*#__PURE__*/ _interop_require_default(require("react"));
@@ -15,7 +15,7 @@ function _interop_require_default(obj) {
         default: obj
     };
 }
-var getFileicon = function(extension, size) {
+var getFileIcon = function(extension, size) {
     var iconSize = size === 'xs' ? 'xs' : 's';
     switch(extension){
         case 'pdf':

package/styled-components/cjs/components/Attach/utils/index.js

@@ -9,20 +9,12 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    get addSeparator () {
-        return _addSeparator.addSeparator;
-    },
     get extractExtension () {
         return _extractExtension.extractExtension;
     },
-    get getFileicon () {
-        return _getFileicon.getFileicon;
-    },
-    get separator () {
-        return separator;
+    get getFileIcon () {
+        return _getFileicon.getFileIcon;
     }
 });
 var _extractExtension = require("./extractExtension");
 var _getFileicon = require("./getFileicon");
-var _addSeparator = require("./addSeparator");
-var separator = '...';

package/styled-components/cjs/components/Attach/variations/_size/base.js

@@ -22,12 +22,5 @@ var base = (0, _styledcomponents.css)([
     ");}&.",
     "{row-gap:var(",
     ");}",
-    "{font-family:var(",
-    ");font-size:var(",
-    ");font-style:var(",
-    ");font-weight:var(",
-    ");letter-spacing:var(",
-    ");line-height:var(",
-    ");}",
     "{font-family:var(--plasma-typo-body-xs-font-family);font-size:var(--plasma-typo-body-xs-font-size);font-style:var(--plasma-typo-body-xs-font-style);font-weight:var(--plasma-typo-body-xs-font-weight);letter-spacing:var(--plasma-typo-body-xs-letter-spacing);line-height:var(--plasma-typo-body-xs-line-height);}}"
-], _Attachtokens.classes.horizontal, _Attachtokens.tokens.horizontalGap, _Attachtokens.classes.vertical, _Attachtokens.tokens.verticalGap, _Attachtokens.classes.auto, _Attachtokens.tokens.verticalGap, _Attachtokens.tokens.horizontalGap, _Attachtokens.classes.withHelperText, _Attachtokens.tokens.verticalGapWithHelperText, _Attachstyles.StyledHiddenInputHelper, _Attachtokens.tokens.cellTitleFontFamily, _Attachtokens.tokens.cellTitleFontSize, _Attachtokens.tokens.cellTitleFontStyle, _Attachtokens.tokens.cellTitleFontWeight, _Attachtokens.tokens.cellTitleLetterSpacing, _Attachtokens.tokens.cellTitleLineHeight, _Attachstyles.StyledHelperText);
+], _Attachtokens.classes.horizontal, _Attachtokens.tokens.horizontalGap, _Attachtokens.classes.vertical, _Attachtokens.tokens.verticalGap, _Attachtokens.classes.auto, _Attachtokens.tokens.verticalGap, _Attachtokens.tokens.horizontalGap, _Attachtokens.classes.withHelperText, _Attachtokens.tokens.verticalGapWithHelperText, _Attachstyles.StyledHelperText);

package/styled-components/cjs/examples/components/Combobox/Combobox.js

@@ -1 +1,16 @@
 "use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Combobox", {
+    enumerable: true,
+    get: function() {
+        return Combobox;
+    }
+});
+var _engines = require("../../../engines");
+var _ = require("../../..");
+var _Comboboxconfig = require("./Combobox.config");
+var mergedConfig = (0, _engines.mergeConfig)(_.comboboxNewConfig, _Comboboxconfig.config);
+var ComboboxComponent = (0, _engines.component)(mergedConfig);
+var Combobox = ComboboxComponent;

package/styled-components/cjs/examples/components/Range/Range.config.js

@@ -46,52 +46,6 @@ var config = {
             ], _Range.rangeTokens.background, _Range.rangeTokens.backgroundError, _Range.rangeTokens.backgroundSuccess, _Range.rangeTokens.dividerColor, _Range.rangeTokens.labelColor, _Range.rangeTokens.leftHelperColor, _Range.rangeTokens.leftHelperColorError, _Range.rangeTokens.leftHelperColorSuccess, _Range.rangeTokens.textFieldColor, _Range.rangeTokens.textFieldPlaceholderColor, _Range.rangeTokens.textFieldCaretColor, _Range.rangeTokens.textFieldBackgroundColorHover, _Range.rangeTokens.textFieldBackgroundColorFocus, _Range.rangeTokens.textFieldBackgroundErrorColor, _Range.rangeTokens.textFieldBackgroundErrorColorHover, _Range.rangeTokens.textFieldBackgroundErrorColorFocus, _Range.rangeTokens.textFieldBackgroundSuccessColor, _Range.rangeTokens.textFieldBackgroundSuccessColorHover, _Range.rangeTokens.textFieldBackgroundSuccessColorFocus, _Range.rangeTokens.textFieldTextBeforeColor, _Range.rangeTokens.textFieldTextAfterColor, _Range.rangeTokens.indicatorColor, _Range.rangeTokens.focusColor, _Range.rangeTokens.textFieldPlaceholderColorFocus)
         },
         size: {
-            xl: (0, _styledcomponents.css)([
-                "",
-                ":1rem;",
-                ":0 0.375rem;",
-                ":var(--plasma-typo-body-l-font-family);",
-                ":var(--plasma-typo-body-l-font-style);",
-                ":var(--plasma-typo-body-l-font-size);",
-                ":var(--plasma-typo-body-l-font-weight);",
-                ":var(--plasma-typo-body-l-letter-spacing);",
-                ":var(--plasma-typo-body-l-line-height);",
-                ":0 0 0 1.125rem;",
-                ":0;",
-                ":0.75rem;",
-                ":var(--plasma-typo-body-l-font-family);",
-                ":var(--plasma-typo-body-l-font-style);",
-                ":var(--plasma-typo-body-l-font-size);",
-                ":var(--plasma-typo-body-l-font-weight);",
-                ":var(--plasma-typo-body-l-letter-spacing);",
-                ":var(--plasma-typo-body-l-line-height);",
-                ":4rem;",
-                ":1rem;",
-                ":1.3125rem 1.125rem;",
-                ":var(--plasma-typo-body-l-font-family);",
-                ":var(--plasma-typo-body-l-font-style);",
-                ":var(--plasma-typo-body-l-font-size);",
-                ":var(--plasma-typo-body-l-font-weight);",
-                ":var(--plasma-typo-body-l-letter-spacing);",
-                ":var(--plasma-typo-body-l-line-height);",
-                ":0.25rem 0 0 0;",
-                ":var(--plasma-typo-body-xs-font-family);",
-                ":var(--plasma-typo-body-xs-font-style);",
-                ":var(--plasma-typo-body-xs-font-size);",
-                ":var(--plasma-typo-body-xs-font-weight);",
-                ":var(--plasma-typo-body-xs-letter-spacing);",
-                ":var(--plasma-typo-body-xs-line-height);",
-                ":-0.0625rem 0.5rem -0.0625rem 0;",
-                ":-0.0625rem 0 -0.0625rem 0.75rem;",
-                ":0 0.25rem 0 0;",
-                ":0 0 0 0.25rem;",
-                ":0.5rem;",
-                ":0.375rem;",
-                ":0 0 0 0;",
-                ":0.5rem auto auto -0.75rem;",
-                ":0 0 auto auto;",
-                ":0.25rem -0.625rem auto auto;"
-            ], _Range.rangeTokens.borderRadius, _Range.rangeTokens.dividerPadding, _Range.rangeTokens.dividerFontFamily, _Range.rangeTokens.dividerFontStyle, _Range.rangeTokens.dividerFontSize, _Range.rangeTokens.dividerFontWeight, _Range.rangeTokens.dividerLetterSpacing, _Range.rangeTokens.dividerLineHeight, _Range.rangeTokens.leftContentMargin, _Range.rangeTokens.rightContentMargin, _Range.rangeTokens.labelOffset, _Range.rangeTokens.labelFontFamily, _Range.rangeTokens.labelFontStyle, _Range.rangeTokens.labelFontSize, _Range.rangeTokens.labelFontWeight, _Range.rangeTokens.labelLetterSpacing, _Range.rangeTokens.labelLineHeight, _Range.rangeTokens.textFieldHeight, _Range.rangeTokens.textFieldBorderRadius, _Range.rangeTokens.textFieldPadding, _Range.rangeTokens.textFieldFontFamily, _Range.rangeTokens.textFieldFontStyle, _Range.rangeTokens.textFieldFontSize, _Range.rangeTokens.textFieldFontWeight, _Range.rangeTokens.textFieldLetterSpacing, _Range.rangeTokens.textFieldLineHeight, _Range.rangeTokens.leftHelperOffset, _Range.rangeTokens.leftHelperFontFamily, _Range.rangeTokens.leftHelperFontStyle, _Range.rangeTokens.leftHelperFontSize, _Range.rangeTokens.leftHelperFontWeight, _Range.rangeTokens.leftHelperLetterSpacing, _Range.rangeTokens.leftHelperLineHeight, _Range.rangeTokens.textFieldLeftContentMargin, _Range.rangeTokens.textFieldRightContentMargin, _Range.rangeTokens.textFieldTextBeforeMargin, _Range.rangeTokens.textFieldTextAfterMargin, _Range.rangeTokens.indicatorSize, _Range.rangeTokens.indicatorSizeOuter, _Range.rangeTokens.indicatorPlacement, _Range.rangeTokens.indicatorOuterPlacement, _Range.rangeTokens.indicatorPlacementRight, _Range.rangeTokens.indicatorOuterPlacementRight),
             l: (0, _styledcomponents.css)([
                 "",
                 ":0.875rem;",

package/styled-components/es/components/Attach/Attach.js

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

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

@@ -1,29 +1,43 @@
 import styled from "styled-components";
 import { css } from "styled-components";
+import { applyEllipsis } from "../../mixins";
 export var base = css([
     "position:relative;display:flex;"
 ]);
 export var StyledHiddenInput = styled.input.withConfig({
     displayName: "Attach.styles__StyledHiddenInput",
-    componentId: "sc-7ce14282-0"
+    componentId: "sc-ebfa8a10-0"
 })([
     "display:none;"
 ]);
-export var StyledHiddenInputHelper = styled.div.withConfig({
-    displayName: "Attach.styles__StyledHiddenInputHelper",
-    componentId: "sc-7ce14282-1"
-})([
-    "position:absolute;visibility:hidden;white-space:nowrap;"
-]);
 export var StyledAttachButtonWrapper = styled.div.withConfig({
     displayName: "Attach.styles__StyledAttachButtonWrapper",
-    componentId: "sc-7ce14282-2"
+    componentId: "sc-ebfa8a10-1"
 })([
     "position:relative;"
 ]);
 export var StyledHelperText = styled.div.withConfig({
     displayName: "Attach.styles__StyledHelperText",
-    componentId: "sc-7ce14282-3"
+    componentId: "sc-ebfa8a10-2"
 })([
     "position:absolute;margin-top:0.25rem;"
 ]);
+export var FilenameWrapper = styled.div.withConfig({
+    displayName: "Attach.styles__FilenameWrapper",
+    componentId: "sc-ebfa8a10-3"
+})([
+    "display:inline-grid;align-items:center;grid-template-columns:auto 1fr;min-width:8ch;"
+]);
+export var TruncatedFilenamePart = styled.span.withConfig({
+    displayName: "Attach.styles__TruncatedFilenamePart",
+    componentId: "sc-ebfa8a10-4"
+})([
+    "",
+    ""
+], applyEllipsis());
+export var FilenameExtensionPart = styled.span.withConfig({
+    displayName: "Attach.styles__FilenameExtensionPart",
+    componentId: "sc-ebfa8a10-5"
+})([
+    ""
+]);

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

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

package/styled-components/es/components/Attach/utils/index.js

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

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

@@ -1,6 +1,6 @@
 import { css } from "styled-components";
 import { tokens, classes } from "../../Attach.tokens";
-import { StyledHelperText, StyledHiddenInputHelper } from "../../Attach.styles";
+import { StyledHelperText } from "../../Attach.styles";
 export var base = css([
     "&.",
     "{column-gap:var(",
@@ -12,12 +12,5 @@ export var base = css([
     ");}&.",
     "{row-gap:var(",
     ");}",
-    "{font-family:var(",
-    ");font-size:var(",
-    ");font-style:var(",
-    ");font-weight:var(",
-    ");letter-spacing:var(",
-    ");line-height:var(",
-    ");}",
     "{font-family:var(--plasma-typo-body-xs-font-family);font-size:var(--plasma-typo-body-xs-font-size);font-style:var(--plasma-typo-body-xs-font-style);font-weight:var(--plasma-typo-body-xs-font-weight);letter-spacing:var(--plasma-typo-body-xs-letter-spacing);line-height:var(--plasma-typo-body-xs-line-height);}}"
-], classes.horizontal, tokens.horizontalGap, classes.vertical, tokens.verticalGap, classes.auto, tokens.verticalGap, tokens.horizontalGap, classes.withHelperText, tokens.verticalGapWithHelperText, StyledHiddenInputHelper, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, StyledHelperText);
+], classes.horizontal, tokens.horizontalGap, classes.vertical, tokens.verticalGap, classes.auto, tokens.verticalGap, tokens.horizontalGap, classes.withHelperText, tokens.verticalGapWithHelperText, StyledHelperText);

package/styled-components/es/examples/components/Range/Range.config.js

@@ -36,52 +36,6 @@ export var config = {
             ], tokens.background, tokens.backgroundError, tokens.backgroundSuccess, tokens.dividerColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorError, tokens.leftHelperColorSuccess, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldCaretColor, tokens.textFieldBackgroundColorHover, tokens.textFieldBackgroundColorFocus, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorHover, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorHover, tokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.indicatorColor, tokens.focusColor, tokens.textFieldPlaceholderColorFocus)
         },
         size: {
-            xl: css([
-                "",
-                ":1rem;",
-                ":0 0.375rem;",
-                ":var(--plasma-typo-body-l-font-family);",
-                ":var(--plasma-typo-body-l-font-style);",
-                ":var(--plasma-typo-body-l-font-size);",
-                ":var(--plasma-typo-body-l-font-weight);",
-                ":var(--plasma-typo-body-l-letter-spacing);",
-                ":var(--plasma-typo-body-l-line-height);",
-                ":0 0 0 1.125rem;",
-                ":0;",
-                ":0.75rem;",
-                ":var(--plasma-typo-body-l-font-family);",
-                ":var(--plasma-typo-body-l-font-style);",
-                ":var(--plasma-typo-body-l-font-size);",
-                ":var(--plasma-typo-body-l-font-weight);",
-                ":var(--plasma-typo-body-l-letter-spacing);",
-                ":var(--plasma-typo-body-l-line-height);",
-                ":4rem;",
-                ":1rem;",
-                ":1.3125rem 1.125rem;",
-                ":var(--plasma-typo-body-l-font-family);",
-                ":var(--plasma-typo-body-l-font-style);",
-                ":var(--plasma-typo-body-l-font-size);",
-                ":var(--plasma-typo-body-l-font-weight);",
-                ":var(--plasma-typo-body-l-letter-spacing);",
-                ":var(--plasma-typo-body-l-line-height);",
-                ":0.25rem 0 0 0;",
-                ":var(--plasma-typo-body-xs-font-family);",
-                ":var(--plasma-typo-body-xs-font-style);",
-                ":var(--plasma-typo-body-xs-font-size);",
-                ":var(--plasma-typo-body-xs-font-weight);",
-                ":var(--plasma-typo-body-xs-letter-spacing);",
-                ":var(--plasma-typo-body-xs-line-height);",
-                ":-0.0625rem 0.5rem -0.0625rem 0;",
-                ":-0.0625rem 0 -0.0625rem 0.75rem;",
-                ":0 0.25rem 0 0;",
-                ":0 0 0 0.25rem;",
-                ":0.5rem;",
-                ":0.375rem;",
-                ":0 0 0 0;",
-                ":0.5rem auto auto -0.75rem;",
-                ":0 0 auto auto;",
-                ":0.25rem -0.625rem auto auto;"
-            ], tokens.borderRadius, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight),
             l: css([
                 "",
                 ":0.875rem;",

package/types/components/Attach/Attach.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Attach.d.ts","sourceRoot":"","sources":["../../../src/components/Attach/Attach.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAIvE,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAI1C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAiB7C,eAAO,MAAM,UAAU,SAAU,SAAS,CAAC,cAAc,EAAE,WAAW,CAAC,uFAuLjE,CAAC;AAEP,eAAO,MAAM,YAAY;;;mBAzLQ,SAAS,CAAC,cAAc,EAAE,WAAW,CAAC;;;;;;;;;;;;;;;;;;CA8MtE,CAAC"}
+{"version":3,"file":"Attach.d.ts","sourceRoot":"","sources":["../../../src/components/Attach/Attach.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAG5D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAKxC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAmB7C,eAAO,MAAM,UAAU,SAAU,SAAS,CAAC,cAAc,EAAE,WAAW,CAAC,uFAwIjE,CAAC;AAEP,eAAO,MAAM,YAAY;;;mBA1IQ,SAAS,CAAC,cAAc,EAAE,WAAW,CAAC;;;;;;;;;;;;;;;;;;CA+JtE,CAAC"}

package/types/components/Attach/Attach.styles.d.ts

@@ -1,6 +1,8 @@
 export declare const base: import("@linaria/core").LinariaClassName;
 export declare const StyledHiddenInput: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & Record<never, unknown>>;
-export declare const StyledHiddenInputHelper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const StyledAttachButtonWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const StyledHelperText: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const FilenameWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const TruncatedFilenamePart: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
+export declare const FilenameExtensionPart: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
 //# sourceMappingURL=Attach.styles.d.ts.map

package/types/components/Attach/Attach.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Attach.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Attach/Attach.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,IAAI,0CAGhB,CAAC;AAEF,eAAO,MAAM,iBAAiB,8KAE7B,CAAC;AAEF,eAAO,MAAM,uBAAuB,qKAInC,CAAC;AAEF,eAAO,MAAM,yBAAyB,qKAErC,CAAC;AAEF,eAAO,MAAM,gBAAgB,qKAG5B,CAAC"}
+{"version":3,"file":"Attach.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Attach/Attach.styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,0CAGhB,CAAC;AAEF,eAAO,MAAM,iBAAiB,8KAE7B,CAAC;AAEF,eAAO,MAAM,yBAAyB,qKAErC,CAAC;AAEF,eAAO,MAAM,gBAAgB,qKAG5B,CAAC;AAEF,eAAO,MAAM,eAAe,qKAK3B,CAAC;AAEF,eAAO,MAAM,qBAAqB,uKAEjC,CAAC;AAEF,eAAO,MAAM,qBAAqB,uKAAgB,CAAC"}

package/types/components/Attach/Attach.types.d.ts

@@ -6,8 +6,15 @@ export type BaseAttachProps = {
      * Массив форматов файлов, которые могут быть прикреплены (см. HTML-атрибут 'accept' для 'input').
      */
     acceptedFileFormats?: string[];
+    /**
+     * Скрыть кнопку после выбора файла
+     * @default false
+     */
+    hideButtonOnAttach?: boolean;
     /**
      * Отображать прикрепленный файл
+     * @description Если `hideButtonOnAttach` установлен как `false`,
+     * данное свойство будет всегда иметь значение `true`
      * @default true
      */
     hasAttachment?: boolean;

package/types/components/Attach/Attach.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Attach.types.d.ts","sourceRoot":"","sources":["../../../src/components/Attach/Attach.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAErD,MAAM,MAAM,eAAe,GAAG;IAC1B;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC/B;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;;OAIG;IACH,IAAI,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,MAAM,CAAC;IAC1C;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,CAC1B;IACI;;;OAGG;IACH,UAAU,CAAC,EAAE,QAAQ,CAAC;CACzB,GACD;IACI,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B,CACN,GACG,WAAW,CAAC;AAEhB,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,WAAW,GAAG,eAAe,GAAG,iBAAiB,CAAC"}
+{"version":3,"file":"Attach.types.d.ts","sourceRoot":"","sources":["../../../src/components/Attach/Attach.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAErD,MAAM,MAAM,eAAe,GAAG;IAC1B;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC/B;;;OAGG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;;;;OAKG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;;OAIG;IACH,IAAI,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,MAAM,CAAC;IAC1C;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,CAC1B;IACI;;;OAGG;IACH,UAAU,CAAC,EAAE,QAAQ,CAAC;CACzB,GACD;IACI,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B,CACN,GACG,WAAW,CAAC;AAEhB,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,WAAW,GAAG,eAAe,GAAG,iBAAiB,CAAC"}

package/types/components/Attach/utils/getFileicon.d.ts

@@ -1,2 +1,2 @@
-export declare const getFileicon: (extension?: string, size?: string) => JSX.Element;
+export declare const getFileIcon: (extension?: string, size?: string) => JSX.Element;
 //# sourceMappingURL=getFileicon.d.ts.map

package/types/components/Attach/utils/index.d.ts

@@ -1,5 +1,3 @@
 export { extractExtension } from './extractExtension';
-export { getFileicon } from './getFileicon';
-export { addSeparator } from './addSeparator';
-export declare const separator = "...";
+export { getFileIcon } from './getFileicon';
 //# sourceMappingURL=index.d.ts.map

package/types/components/Attach/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Attach/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,eAAO,MAAM,SAAS,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Attach/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}

package/types/components/Attach/variations/_size/base.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/Attach/variations/_size/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CAoChB,CAAC"}
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/Attach/variations/_size/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CA2BhB,CAAC"}

package/types/examples/components/Attach/Attach.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Attach.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/Attach/Attach.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WAC2nC,MAAO,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;iBAAT,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAAT,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAAT,SAAS;oDADjnC,CAAC"}
+{"version":3,"file":"Attach.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/Attach/Attach.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WAC22C,MAAO,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;iBAAT,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAAT,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAAT,SAAS;oDADj2C,CAAC"}

package/types/examples/components/Range/Range.config.d.ts

@@ -8,7 +8,6 @@ export declare const config: {
             default: import("@linaria/core").LinariaClassName;
         };
         size: {
-            xl: import("@linaria/core").LinariaClassName;
             l: import("@linaria/core").LinariaClassName;
             m: import("@linaria/core").LinariaClassName;
             s: import("@linaria/core").LinariaClassName;

package/types/examples/components/Range/Range.config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Range.config.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/Range/Range.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;CAwUlB,CAAC"}
+{"version":3,"file":"Range.config.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/Range/Range.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;CAmRlB,CAAC"}

package/types/examples/components/Range/Range.d.ts

@@ -3,7 +3,6 @@ export declare const Range: import("react").FunctionComponent<import("../../../e
         default: import("@linaria/core").LinariaClassName;
     };
     size: {
-        xl: import("@linaria/core").LinariaClassName;
         l: import("@linaria/core").LinariaClassName;
         m: import("@linaria/core").LinariaClassName;
         s: import("@linaria/core").LinariaClassName;

package/types/examples/components/Range/Range.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Range.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/Range/Range.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yIAA0B,CAAC"}
+{"version":3,"file":"Range.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/Range/Range.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yIAA0B,CAAC"}

package/cjs/components/Attach/Attach.styles_1w3ga58.css

@@ -1,5 +0,0 @@
-.by826kf{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
-.sw7vb9c{display:none;}
-.suojwhg{position:absolute;visibility:hidden;white-space:nowrap;}
-.sjp429d{position:relative;}
-.sssye98{position:absolute;margin-top:0.25rem;}