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

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

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

Files changed (209) hide show

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

@@ -1,29 +1,29 @@
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef, useRef, useState } from 'react';
-import { useForkRef } from '@salutejs/plasma-core';
+import React, { forwardRef, useRef, useState, useEffect } from 'react';
+import { useForkRef, useIsomorphicLayoutEffect } from '@salutejs/plasma-core';
 import { cx } from '../../utils/index.js';
 import { base as base$3 } from './variations/_size/base.js';
 import { base as base$1 } from './variations/_view/base.js';
 import { base as base$2 } from './variations/_helperTextView/base.js';
-import { StyledHiddenInput, StyledAttachButtonWrapper, StyledHelperText, FilenameWrapper, TruncatedFilenamePart, FilenameExtensionPart, base } from './Attach.styles.js';
+import { StyledHiddenInput, StyledHiddenInputHelper, StyledAttachButtonWrapper, StyledHelperText, base } from './Attach.styles.js';
+import { separator } from './utils/index.js';
 import { classes } from './Attach.tokens.js';
 import { StyledIconButtonCancel } from './ui/IconButton/IconButton.styles.js';
 import { extractExtension } from './utils/extractExtension.js';
+import { addSeparator } from './utils/addSeparator.js';
 import { AttachButton } from './components/AttachButton/AttachButton.js';
 import { StyledCell } from './ui/Cell/Cell.styles.js';
 import { IconCloseCircleOutline } from '../_Icon/Icons/IconCloseCircleOutline.js';
-import { getFileIcon } from './utils/getFileicon.js';
+import { getFileicon } from './utils/getFileicon.js';
 var _IconCloseCircleOutli;
-var _excluded = ["flow", "buttonType", "hideButtonOnAttach", "hasAttachment", "acceptedFileFormats", "helperText", "size", "view", "helperTextView", "className", "style", "isLoading", "disabled", "id", "name", "customIcon", "onClick", "onChange", "onClear"];
+var _excluded = ["flow", "buttonType", "hasAttachment", "acceptedFileFormats", "helperText", "size", "view", "helperTextView", "className", "style", "isLoading", "disabled", "id", "name", "customIcon", "onChange", "onClear"];
 var attachRoot = function attachRoot(Root) {
   return /*#__PURE__*/forwardRef(function (props, outerRef) {
     var _props$flow = props.flow,
       flow = _props$flow === void 0 ? 'auto' : _props$flow,
       _props$buttonType = props.buttonType,
       buttonType = _props$buttonType === void 0 ? 'button' : _props$buttonType,
-      _props$hideButtonOnAt = props.hideButtonOnAttach,
-      hideButtonOnAttach = _props$hideButtonOnAt === void 0 ? false : _props$hideButtonOnAt,
       _props$hasAttachment = props.hasAttachment,
       hasAttachment = _props$hasAttachment === void 0 ? true : _props$hasAttachment,
       acceptedFileFormats = props.acceptedFileFormats,
@@ -38,33 +38,74 @@ var attachRoot = function attachRoot(Root) {
       id = props.id,
       name = props.name,
       customIcon = props.customIcon,
-      onClick = props.onClick,
       onChange = props.onChange,
       onClear = props.onClear,
       rest = _objectWithoutProperties(props, _excluded);
     var innerRef = useRef(null);
     var ref = useForkRef(outerRef, innerRef);
     var inputRef = useRef(null);
+    var inputHelperRef = useRef(null);
     var cellRef = useRef(null);
     var buttonRef = useRef(null);
+    var emptyTextCellWidth = useRef(null);
     var _useState = useState(''),
       _useState2 = _slicedToArray(_useState, 2),
       filename = _useState2[0],
       setFilename = _useState2[1];
+    var _useState3 = useState(''),
+      _useState4 = _slicedToArray(_useState3, 2),
+      truncatedFilename = _useState4[0],
+      setTruncatedFilename = _useState4[1];
     var horizontalClass = flow === 'horizontal' ? classes.horizontal : undefined;
     var verticalClass = flow === 'vertical' ? classes.vertical : undefined;
     var withHelperTextClass = helperText ? classes.withHelperText : undefined;
     var autoClass = flow === 'auto' ? classes.auto : undefined;
+    var cellHiddenClass = truncatedFilename.length === 0 ? classes.cellHidden : undefined;
     var accept = acceptedFileFormats === null || acceptedFileFormats === void 0 ? void 0 : acceptedFileFormats.join(',');
     var extension = extractExtension(filename);
-    var filenameWithoutExtension = filename.slice(0, -1 - ((extension === null || extension === void 0 ? void 0 : extension.length) || 0));
-    var cellContentLeft = customIcon || getFileIcon(extension, size);
-    var handleClick = function handleClick(e) {
-      if (!inputRef.current) {
+    var cellContentLeft = customIcon || getFileicon(extension, size);
+    useEffect(function () {
+      var _cellRef$current;
+      emptyTextCellWidth.current = ((_cellRef$current = cellRef.current) === null || _cellRef$current === void 0 ? void 0 : _cellRef$current.offsetWidth) || 0;
+    }, []);
+    useIsomorphicLayoutEffect(function () {
+      if (!cellRef.current || !cellRef.current.parentElement || !inputHelperRef.current || !inputHelperRef.current.textContent || !emptyTextCellWidth.current || !buttonRef.current) {
+        return;
+      }
+      var textWidth = inputHelperRef.current.offsetWidth;
+      var buttonWidth = buttonRef.current.offsetWidth;
+      var _cellRef$current$pare = cellRef.current.parentElement.getBoundingClientRect(),
+        parentWidth = _cellRef$current$pare.width,
+        parentLeft = _cellRef$current$pare.left;
+      var _cellRef$current$getB = cellRef.current.getBoundingClientRect(),
+        cellLeft = _cellRef$current$getB.left;
+      var leftDiff = cellLeft - parentLeft;
+      var currentTextWidth = textWidth;
+      if (currentTextWidth + emptyTextCellWidth.current + leftDiff <= parentWidth || currentTextWidth + emptyTextCellWidth.current < buttonWidth) {
+        setTruncatedFilename(filename);
         return;
       }
-      if (onClick) {
-        onClick(e);
+      var currFilename = addSeparator(filename, separator);
+      for (var i = currFilename.indexOf(separator) - 1; i > 0; i -= 1) {
+        if (currentTextWidth + emptyTextCellWidth.current + leftDiff <= parentWidth) {
+          break;
+        }
+        var left = currFilename.slice(0, i);
+        var right = currFilename.slice(i + 1);
+        var newFilename = "".concat(left).concat(right);
+        inputHelperRef.current.textContent = newFilename;
+        currentTextWidth = inputHelperRef.current.offsetWidth;
+        if (currentTextWidth + emptyTextCellWidth.current < buttonWidth) {
+          break;
+        }
+        currFilename = newFilename;
+      }
+      inputHelperRef.current.textContent = filename;
+      setTruncatedFilename(currFilename);
+    });
+    var handleClick = function handleClick() {
+      if (!inputRef.current) {
+        return;
       }
       inputRef.current.click();
     };
@@ -86,6 +127,7 @@ var attachRoot = function attachRoot(Root) {
       }
       inputRef.current.value = '';
       setFilename('');
+      setTruncatedFilename('');
     };
     return /*#__PURE__*/React.createElement(Root, {
       className: cx(horizontalClass, verticalClass, autoClass, withHelperTextClass, className),
@@ -101,16 +143,20 @@ var attachRoot = function attachRoot(Root) {
       id: id,
       name: name,
       onChange: handleChange
-    }), (!hideButtonOnAttach || !filename) && /*#__PURE__*/React.createElement(StyledAttachButtonWrapper, null, /*#__PURE__*/React.createElement(AttachButton, _extends({
+    }), /*#__PURE__*/React.createElement(StyledHiddenInputHelper, {
+      ref: inputHelperRef
+    }, filename), /*#__PURE__*/React.createElement(StyledAttachButtonWrapper, null, /*#__PURE__*/React.createElement(AttachButton, _extends({
       ref: buttonRef,
       buttonType: buttonType,
       isLoading: isLoading,
       disabled: disabled,
       onClick: handleClick
-    }, rest)), helperText && /*#__PURE__*/React.createElement(StyledHelperText, null, helperText)), (hasAttachment || hideButtonOnAttach) && filename && /*#__PURE__*/React.createElement(StyledCell, {
+    }, rest)), helperText && /*#__PURE__*/React.createElement(StyledHelperText, null, helperText)), hasAttachment && /*#__PURE__*/React.createElement(StyledCell, {
       stretching: "fixed",
+      className: cellHiddenClass,
       ref: cellRef,
       size: size,
+      title: truncatedFilename,
       contentLeft: cellContentLeft,
       contentRight: /*#__PURE__*/React.createElement(StyledIconButtonCancel, {
         onClick: handleClear
@@ -118,7 +164,7 @@ var attachRoot = function attachRoot(Root) {
         size: "xs",
         color: "inherit"
       })))
-    }, /*#__PURE__*/React.createElement(FilenameWrapper, null, /*#__PURE__*/React.createElement(TruncatedFilenamePart, null, filenameWithoutExtension.slice(0, -1)), /*#__PURE__*/React.createElement(FilenameExtensionPart, null, filenameWithoutExtension.at(-1), ".", extension))));
+    }));
   });
 };
 var attachConfig = {

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

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

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

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

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

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

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

@@ -0,0 +1,5 @@
+.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;}

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Attach.tokens.js","sources":["../../../src/components/Attach/Attach.tokens.ts"],"sourcesContent":["export const classes = {\n auto: 'auto',\n horizontal: 'horizontal',\n vertical: 'vertical',\n withHelperText: 'with-helper-text',\n cellHidden: 'cell-hidden',\n};\n\nexport const tokens = {\n horizontalGap: '--plasma-attach-horizontal-gap',\n verticalGap: '--plasma-attach-vertical-gap',\n verticalGapWithHelperText: '--plasma-attach-vertical-gap-with-helper-text',\n filenameWrapperHeight: '--plasma-attach-filename-wrapper-height',\n\n helperTextColor: '--plasma-attach-helper-text-color',\n\n // Токены для Button\n buttonColor: '--plasma-attach-button-color',\n buttonValueColor: '--plasma-attach-button-value-color',\n buttonBackgroundColor: '--plasma-attach-button-background-color',\n buttonColorHover: '--plasma-attach-button-color-hover',\n buttonBackgroundColorHover: '--plasma-attach-button-background-color-hover',\n buttonColorActive: '--plasma-attach-button-color-active',\n buttonBackgroundColorActive: '--plasma-attach-button-background-color-active',\n buttonLoadingBackgroundColor: '--plasma-attach-button-loading-background-color',\n\n buttonScaleHover: '--plasma-attach-button-scale-hover',\n buttonScaleActive: '---plasma-attach-button-scale-active',\n buttonHeight: '--plasma-attach-button-height',\n buttonWidth: '--plasma-attach-button-width',\n buttonPadding: '--plasma-attach-button-padding',\n buttonRadius: '--plasma-attach-button-radius',\n buttonRadiusCircle: '--plasma-attach-button-radius-circle',\n\n buttonFontFamily: '--plasma-attach-button-font-family',\n buttonFontSize: '--plasma-attach-button-font-size',\n buttonFontStyle: '--plasma-attach-button-font-style',\n buttonFontWeight: '--plasma-attach-button-font-weight',\n buttonLetterSpacing: '--plasma-attach-button-letter-spacing',\n buttonLineHeight: '--plasma-attach-button-line-height',\n\n buttonLeftContentMargin: '--plasma-attach-button-left-content-margin',\n buttonLeftContentAlignSelf: '--plasma-attach-button-left-content-align-self',\n buttonRightContentMargin: '--plasma-attach-button-right-content-margin',\n buttonRightContentAlignSelf: '--plasma-attach-button-right-content-align-self',\n buttonValueMargin: '--plasma-attach-button-value-margin',\n\n buttonDisabledOpacity: '--plasma-attach-button-disabled-opacity',\n buttonFocusColor: '--plasma-attach-button-focus-color',\n\n buttonSpinnerColor: '--plasma-attach-button-spinner-color',\n buttonSpinnerSize: '--plasma-attach-button-spinner-size',\n\n // Токены для Cell\n cellColor: '--plasma-attach-cell-color',\n cellBackgroundColor: '--plasma-attach-cell-background-color',\n\n cellPadding: '--plasma-attach-cell-padding',\n cellPaddingLeftContent: '--plasma-attach-cell-padding-left-content',\n cellPaddingContent: '--plasma-attach-cell-padding-content',\n cellPaddingRightContent: '--plasma-attach-cell-padding-right-content',\n\n cellTextboxGap: '--plasma-attach-cell-textbox-gap',\n cellGap: '--plasma-attach-cell-gap',\n\n cellWidth: '--plasma-attach-cell-width',\n\n cellLabelColor: '--plasma-attach-cell-label-color',\n cellLabelFontFamily: '--plasma-attach-cell-label-font-family',\n cellLabelFontSize: '--plasma-attach-cell-label-font-size',\n cellLabelFontStyle: '--plasma-attach-cell-label-font-style',\n cellLabelFontWeight: '--plasma-attach-cell-label-font-weight',\n cellLabelLetterSpacing: '--plasma-attach-cell-label-letter-spacing',\n cellLabelLineHeight: '--plasma-attach-cell-label-line-height',\n\n cellTitleColor: '--plasma-attach-cell-title-color',\n cellTitleFontFamily: '--plasma-attach-cell-title-font-family',\n cellTitleFontSize: '--plasma-attach-cell-title-font-size',\n cellTitleFontStyle: '--plasma-attach-cell-title-font-style',\n cellTitleFontWeight: '--plasma-attach-cell-title-font-weight',\n cellTitleLetterSpacing: '--plasma-attach-cell-title-letter-spacing',\n cellTitleLineHeight: '--plasma-attach-cell-title-line-height',\n\n cellSubtitleColor: '--plasma-attach-cell-subtitle-color',\n cellSubtitleFontFamily: '--plasma-attach-cell-subtitle-font-family',\n cellSubtitleFontSize: '--plasma-attach-cell-subtitle-font-size',\n cellSubtitleFontStyle: '--plasma-attach-cell-subtitle-font-style',\n cellSubtitleFontWeight: '--plasma-attach-cell-subtitle-font-weight',\n cellSubtitleLetterSpacing: '--plasma-attach-cell-subtitle-letter-spacing',\n cellSubtitleLineHeight: '--plasma-attach-cell-subtitle-line-height',\n\n // Токены для IconButton\n iconButtonColor: '--plasma-attach-icon-button-color',\n iconButtonBackgroundColor: '--plasma-attach-icon-button-background-color',\n iconButtonLoadingBackgroundColor: '--plasma-attach-icon-button-loading-background-color',\n iconButtonColorHover: '--plasma-attach-icon-button-color-hover',\n iconButtonBackgroundColorHover: '--plasma-attach-icon-button-background-color-hover',\n iconButtonColorActive: '--plasma-attach-icon-button-color-active',\n iconButtonBackgroundColorActive: '--plasma-attach-icon-button-background-color-active',\n\n iconButtonScaleHover: '--plasma-attach-icon-button-scale-hover',\n iconButtonScaleActive: '---plasma-attach-icon-button-scale-active',\n iconButtonHeight: '--plasma-attach-icon-button-height',\n iconButtonWidth: '--plasma-attach-icon-button-width',\n iconButtonPadding: '--plasma-attach-icon-button-padding',\n iconButtonRadius: '--plasma-attach-icon-button-radius',\n iconButtonRadiusCircle: '--plasma-attach-icon-button-radius-circle',\n\n iconButtonFontFamily: '--plasma-attach-icon-button-font-family',\n iconButtonFontSize: '--plasma-attach-icon-button-font-size',\n iconButtonFontStyle: '--plasma-attach-icon-button-font-style',\n iconButtonFontWeight: '--plasma-attach-icon-button-font-weight',\n iconButtonLetterSpacing: '--plasma-attach-icon-button-letter-spacing',\n iconButtonLineHeight: '--plasma-attach-icon-button-line-height',\n\n iconButtonDisabledOpacity: '--plasma-attach-icon-button-disabled-opacity',\n iconButtonFocusColor: '--plasma-attach-icon-button-focus-color',\n\n iconButtonSpinnerColor: '--plasma-attach-icon-button-spinner-color',\n iconButtonSpinnerSize: '--plasma-attach-icon-button-spinner-size',\n\n // Токены для IconButtonCancel\n iconButtonCancelColor: '--plasma-attach-icon-button-cancel-color',\n iconButtonCancelBackgroundColor: '--plasma-attach-icon-button-cancel-background-color',\n iconButtonCancelLoadingBackgroundColor: '--plasma-attach-icon-button-cancel-loading-background-color',\n iconButtonCancelColorHover: '--plasma-attach-icon-button-cancel-color-hover',\n iconButtonCancelBackgroundColorHover: '--plasma-attach-icon-button-cancel-background-color-hover',\n iconButtonCancelColorActive: '--plasma-attach-icon-button-cancel-color-active',\n iconButtonCancelBackgroundColorActive: '--plasma-attach-icon-button-cancel-background-color-active',\n\n iconButtonCancelScaleHover: '--plasma-attach-icon-button-cancel-scale-hover',\n iconButtonCancelScaleActive: '---plasma-attach-icon-button-cancel-scale-active',\n iconButtonCancelHeight: '--plasma-attach-icon-button-cancel-height',\n iconButtonCancelWidth: '--plasma-attach-icon-button-cancel-width',\n iconButtonCancelPadding: '--plasma-attach-icon-button-cancel-padding',\n iconButtonCancelRadius: '--plasma-attach-icon-button-cancel-radius',\n iconButtonCancelRadiusCircle: '--plasma-attach-icon-button-cancel-radius-circle',\n\n iconButtonCancelFontFamily: '--plasma-attach-icon-button-cancel-font-family',\n iconButtonCancelFontSize: '--plasma-attach-icon-button-cancel-font-size',\n iconButtonCancelFontStyle: '--plasma-attach-icon-button-cancel-font-style',\n iconButtonCancelFontWeight: '--plasma-attach-icon-button-cancel-font-weight',\n iconButtonCancelLetterSpacing: '--plasma-attach-icon-button-cancel-letter-spacing',\n iconButtonCancelLineHeight: '--plasma-attach-icon-button-cancel-line-height',\n\n iconButtonCancelDisabledOpacity: '--plasma-attach-icon-button-cancel-disabled-opacity',\n iconButtonCancelFocusColor: '--plasma-attach-icon-button-cancel-focus-color',\n\n iconButtonCancelSpinnerColor: '--plasma-attach-icon-button-cancel-spinner-color',\n iconButtonCancelSpinnerSize: '--plasma-attach-icon-button-cancel-spinner-size',\n};\n"],"names":["classes","auto","horizontal","vertical","withHelperText","cellHidden","tokens","horizontalGap","verticalGap","verticalGapWithHelperText","filenameWrapperHeight","helperTextColor","buttonColor","buttonValueColor","buttonBackgroundColor","buttonColorHover","buttonBackgroundColorHover","buttonColorActive","buttonBackgroundColorActive","buttonLoadingBackgroundColor","buttonScaleHover","buttonScaleActive","buttonHeight","buttonWidth","buttonPadding","buttonRadius","buttonRadiusCircle","buttonFontFamily","buttonFontSize","buttonFontStyle","buttonFontWeight","buttonLetterSpacing","buttonLineHeight","buttonLeftContentMargin","buttonLeftContentAlignSelf","buttonRightContentMargin","buttonRightContentAlignSelf","buttonValueMargin","buttonDisabledOpacity","buttonFocusColor","buttonSpinnerColor","buttonSpinnerSize","cellColor","cellBackgroundColor","cellPadding","cellPaddingLeftContent","cellPaddingContent","cellPaddingRightContent","cellTextboxGap","cellGap","cellWidth","cellLabelColor","cellLabelFontFamily","cellLabelFontSize","cellLabelFontStyle","cellLabelFontWeight","cellLabelLetterSpacing","cellLabelLineHeight","cellTitleColor","cellTitleFontFamily","cellTitleFontSize","cellTitleFontStyle","cellTitleFontWeight","cellTitleLetterSpacing","cellTitleLineHeight","cellSubtitleColor","cellSubtitleFontFamily","cellSubtitleFontSize","cellSubtitleFontStyle","cellSubtitleFontWeight","cellSubtitleLetterSpacing","cellSubtitleLineHeight","iconButtonColor","iconButtonBackgroundColor","iconButtonLoadingBackgroundColor","iconButtonColorHover","iconButtonBackgroundColorHover","iconButtonColorActive","iconButtonBackgroundColorActive","iconButtonScaleHover","iconButtonScaleActive","iconButtonHeight","iconButtonWidth","iconButtonPadding","iconButtonRadius","iconButtonRadiusCircle","iconButtonFontFamily","iconButtonFontSize","iconButtonFontStyle","iconButtonFontWeight","iconButtonLetterSpacing","iconButtonLineHeight","iconButtonDisabledOpacity","iconButtonFocusColor","iconButtonSpinnerColor","iconButtonSpinnerSize","iconButtonCancelColor","iconButtonCancelBackgroundColor","iconButtonCancelLoadingBackgroundColor","iconButtonCancelColorHover","iconButtonCancelBackgroundColorHover","iconButtonCancelColorActive","iconButtonCancelBackgroundColorActive","iconButtonCancelScaleHover","iconButtonCancelScaleActive","iconButtonCancelHeight","iconButtonCancelWidth","iconButtonCancelPadding","iconButtonCancelRadius","iconButtonCancelRadiusCircle","iconButtonCancelFontFamily","iconButtonCancelFontSize","iconButtonCancelFontStyle","iconButtonCancelFontWeight","iconButtonCancelLetterSpacing","iconButtonCancelLineHeight","iconButtonCancelDisabledOpacity","iconButtonCancelFocusColor","iconButtonCancelSpinnerColor","iconButtonCancelSpinnerSize"],"mappings":"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"}
1	+ {"version":3,"file":"Attach.tokens.js","sources":["../../../src/components/Attach/Attach.tokens.ts"],"sourcesContent":["export const classes = {\n auto: 'auto',\n horizontal: 'horizontal',\n vertical: 'vertical',\n withHelperText: 'with-helper-text',\n cellHidden: 'cell-hidden',\n};\n\nexport const tokens = {\n horizontalGap: '--plasma-attach-horizontal-gap',\n verticalGap: '--plasma-attach-vertical-gap',\n verticalGapWithHelperText: '--plasma-attach-vertical-gap-with-helper-text',\n\n helperTextColor: '--plasma-attach-helper-text-color',\n\n // Токены для Button\n buttonColor: '--plasma-attach-button-color',\n buttonValueColor: '--plasma-attach-button-value-color',\n buttonBackgroundColor: '--plasma-attach-button-background-color',\n buttonColorHover: '--plasma-attach-button-color-hover',\n buttonBackgroundColorHover: '--plasma-attach-button-background-color-hover',\n buttonColorActive: '--plasma-attach-button-color-active',\n buttonBackgroundColorActive: '--plasma-attach-button-background-color-active',\n buttonLoadingBackgroundColor: '--plasma-attach-button-loading-background-color',\n\n buttonScaleHover: '--plasma-attach-button-scale-hover',\n buttonScaleActive: '---plasma-attach-button-scale-active',\n buttonHeight: '--plasma-attach-button-height',\n buttonWidth: '--plasma-attach-button-width',\n buttonPadding: '--plasma-attach-button-padding',\n buttonRadius: '--plasma-attach-button-radius',\n buttonRadiusCircle: '--plasma-attach-button-radius-circle',\n\n buttonFontFamily: '--plasma-attach-button-font-family',\n buttonFontSize: '--plasma-attach-button-font-size',\n buttonFontStyle: '--plasma-attach-button-font-style',\n buttonFontWeight: '--plasma-attach-button-font-weight',\n buttonLetterSpacing: '--plasma-attach-button-letter-spacing',\n buttonLineHeight: '--plasma-attach-button-line-height',\n\n buttonLeftContentMargin: '--plasma-attach-button-left-content-margin',\n buttonLeftContentAlignSelf: '--plasma-attach-button-left-content-align-self',\n buttonRightContentMargin: '--plasma-attach-button-right-content-margin',\n buttonRightContentAlignSelf: '--plasma-attach-button-right-content-align-self',\n buttonValueMargin: '--plasma-attach-button-value-margin',\n\n buttonDisabledOpacity: '--plasma-attach-button-disabled-opacity',\n buttonFocusColor: '--plasma-attach-button-focus-color',\n\n buttonSpinnerColor: '--plasma-attach-button-spinner-color',\n buttonSpinnerSize: '--plasma-attach-button-spinner-size',\n\n // Токены для Cell\n cellColor: '--plasma-attach-cell-color',\n cellBackgroundColor: '--plasma-attach-cell-background-color',\n\n cellPadding: '--plasma-attach-cell-padding',\n cellPaddingLeftContent: '--plasma-attach-cell-padding-left-content',\n cellPaddingContent: '--plasma-attach-cell-padding-content',\n cellPaddingRightContent: '--plasma-attach-cell-padding-right-content',\n\n cellTextboxGap: '--plasma-attach-cell-textbox-gap',\n cellGap: '--plasma-attach-cell-gap',\n\n cellWidth: '--plasma-attach-cell-width',\n\n cellLabelColor: '--plasma-attach-cell-label-color',\n cellLabelFontFamily: '--plasma-attach-cell-label-font-family',\n cellLabelFontSize: '--plasma-attach-cell-label-font-size',\n cellLabelFontStyle: '--plasma-attach-cell-label-font-style',\n cellLabelFontWeight: '--plasma-attach-cell-label-font-weight',\n cellLabelLetterSpacing: '--plasma-attach-cell-label-letter-spacing',\n cellLabelLineHeight: '--plasma-attach-cell-label-line-height',\n\n cellTitleColor: '--plasma-attach-cell-title-color',\n cellTitleFontFamily: '--plasma-attach-cell-title-font-family',\n cellTitleFontSize: '--plasma-attach-cell-title-font-size',\n cellTitleFontStyle: '--plasma-attach-cell-title-font-style',\n cellTitleFontWeight: '--plasma-attach-cell-title-font-weight',\n cellTitleLetterSpacing: '--plasma-attach-cell-title-letter-spacing',\n cellTitleLineHeight: '--plasma-attach-cell-title-line-height',\n\n cellSubtitleColor: '--plasma-attach-cell-subtitle-color',\n cellSubtitleFontFamily: '--plasma-attach-cell-subtitle-font-family',\n cellSubtitleFontSize: '--plasma-attach-cell-subtitle-font-size',\n cellSubtitleFontStyle: '--plasma-attach-cell-subtitle-font-style',\n cellSubtitleFontWeight: '--plasma-attach-cell-subtitle-font-weight',\n cellSubtitleLetterSpacing: '--plasma-attach-cell-subtitle-letter-spacing',\n cellSubtitleLineHeight: '--plasma-attach-cell-subtitle-line-height',\n\n // Токены для IconButton\n iconButtonColor: '--plasma-attach-icon-button-color',\n iconButtonBackgroundColor: '--plasma-attach-icon-button-background-color',\n iconButtonLoadingBackgroundColor: '--plasma-attach-icon-button-loading-background-color',\n iconButtonColorHover: '--plasma-attach-icon-button-color-hover',\n iconButtonBackgroundColorHover: '--plasma-attach-icon-button-background-color-hover',\n iconButtonColorActive: '--plasma-attach-icon-button-color-active',\n iconButtonBackgroundColorActive: '--plasma-attach-icon-button-background-color-active',\n\n iconButtonScaleHover: '--plasma-attach-icon-button-scale-hover',\n iconButtonScaleActive: '---plasma-attach-icon-button-scale-active',\n iconButtonHeight: '--plasma-attach-icon-button-height',\n iconButtonWidth: '--plasma-attach-icon-button-width',\n iconButtonPadding: '--plasma-attach-icon-button-padding',\n iconButtonRadius: '--plasma-attach-icon-button-radius',\n iconButtonRadiusCircle: '--plasma-attach-icon-button-radius-circle',\n\n iconButtonFontFamily: '--plasma-attach-icon-button-font-family',\n iconButtonFontSize: '--plasma-attach-icon-button-font-size',\n iconButtonFontStyle: '--plasma-attach-icon-button-font-style',\n iconButtonFontWeight: '--plasma-attach-icon-button-font-weight',\n iconButtonLetterSpacing: '--plasma-attach-icon-button-letter-spacing',\n iconButtonLineHeight: '--plasma-attach-icon-button-line-height',\n\n iconButtonDisabledOpacity: '--plasma-attach-icon-button-disabled-opacity',\n iconButtonFocusColor: '--plasma-attach-icon-button-focus-color',\n\n iconButtonSpinnerColor: '--plasma-attach-icon-button-spinner-color',\n iconButtonSpinnerSize: '--plasma-attach-icon-button-spinner-size',\n\n // Токены для IconButtonCancel\n iconButtonCancelColor: '--plasma-attach-icon-button-cancel-color',\n iconButtonCancelBackgroundColor: '--plasma-attach-icon-button-cancel-background-color',\n iconButtonCancelLoadingBackgroundColor: '--plasma-attach-icon-button-cancel-loading-background-color',\n iconButtonCancelColorHover: '--plasma-attach-icon-button-cancel-color-hover',\n iconButtonCancelBackgroundColorHover: '--plasma-attach-icon-button-cancel-background-color-hover',\n iconButtonCancelColorActive: '--plasma-attach-icon-button-cancel-color-active',\n iconButtonCancelBackgroundColorActive: '--plasma-attach-icon-button-cancel-background-color-active',\n\n iconButtonCancelScaleHover: '--plasma-attach-icon-button-cancel-scale-hover',\n iconButtonCancelScaleActive: '---plasma-attach-icon-button-cancel-scale-active',\n iconButtonCancelHeight: '--plasma-attach-icon-button-cancel-height',\n iconButtonCancelWidth: '--plasma-attach-icon-button-cancel-width',\n iconButtonCancelPadding: '--plasma-attach-icon-button-cancel-padding',\n iconButtonCancelRadius: '--plasma-attach-icon-button-cancel-radius',\n iconButtonCancelRadiusCircle: '--plasma-attach-icon-button-cancel-radius-circle',\n\n iconButtonCancelFontFamily: '--plasma-attach-icon-button-cancel-font-family',\n iconButtonCancelFontSize: '--plasma-attach-icon-button-cancel-font-size',\n iconButtonCancelFontStyle: '--plasma-attach-icon-button-cancel-font-style',\n iconButtonCancelFontWeight: '--plasma-attach-icon-button-cancel-font-weight',\n iconButtonCancelLetterSpacing: '--plasma-attach-icon-button-cancel-letter-spacing',\n iconButtonCancelLineHeight: '--plasma-attach-icon-button-cancel-line-height',\n\n iconButtonCancelDisabledOpacity: '--plasma-attach-icon-button-cancel-disabled-opacity',\n iconButtonCancelFocusColor: '--plasma-attach-icon-button-cancel-focus-color',\n\n iconButtonCancelSpinnerColor: '--plasma-attach-icon-button-cancel-spinner-color',\n iconButtonCancelSpinnerSize: '--plasma-attach-icon-button-cancel-spinner-size',\n};\n"],"names":["classes","auto","horizontal","vertical","withHelperText","cellHidden","tokens","horizontalGap","verticalGap","verticalGapWithHelperText","helperTextColor","buttonColor","buttonValueColor","buttonBackgroundColor","buttonColorHover","buttonBackgroundColorHover","buttonColorActive","buttonBackgroundColorActive","buttonLoadingBackgroundColor","buttonScaleHover","buttonScaleActive","buttonHeight","buttonWidth","buttonPadding","buttonRadius","buttonRadiusCircle","buttonFontFamily","buttonFontSize","buttonFontStyle","buttonFontWeight","buttonLetterSpacing","buttonLineHeight","buttonLeftContentMargin","buttonLeftContentAlignSelf","buttonRightContentMargin","buttonRightContentAlignSelf","buttonValueMargin","buttonDisabledOpacity","buttonFocusColor","buttonSpinnerColor","buttonSpinnerSize","cellColor","cellBackgroundColor","cellPadding","cellPaddingLeftContent","cellPaddingContent","cellPaddingRightContent","cellTextboxGap","cellGap","cellWidth","cellLabelColor","cellLabelFontFamily","cellLabelFontSize","cellLabelFontStyle","cellLabelFontWeight","cellLabelLetterSpacing","cellLabelLineHeight","cellTitleColor","cellTitleFontFamily","cellTitleFontSize","cellTitleFontStyle","cellTitleFontWeight","cellTitleLetterSpacing","cellTitleLineHeight","cellSubtitleColor","cellSubtitleFontFamily","cellSubtitleFontSize","cellSubtitleFontStyle","cellSubtitleFontWeight","cellSubtitleLetterSpacing","cellSubtitleLineHeight","iconButtonColor","iconButtonBackgroundColor","iconButtonLoadingBackgroundColor","iconButtonColorHover","iconButtonBackgroundColorHover","iconButtonColorActive","iconButtonBackgroundColorActive","iconButtonScaleHover","iconButtonScaleActive","iconButtonHeight","iconButtonWidth","iconButtonPadding","iconButtonRadius","iconButtonRadiusCircle","iconButtonFontFamily","iconButtonFontSize","iconButtonFontStyle","iconButtonFontWeight","iconButtonLetterSpacing","iconButtonLineHeight","iconButtonDisabledOpacity","iconButtonFocusColor","iconButtonSpinnerColor","iconButtonSpinnerSize","iconButtonCancelColor","iconButtonCancelBackgroundColor","iconButtonCancelLoadingBackgroundColor","iconButtonCancelColorHover","iconButtonCancelBackgroundColorHover","iconButtonCancelColorActive","iconButtonCancelBackgroundColorActive","iconButtonCancelScaleHover","iconButtonCancelScaleActive","iconButtonCancelHeight","iconButtonCancelWidth","iconButtonCancelPadding","iconButtonCancelRadius","iconButtonCancelRadiusCircle","iconButtonCancelFontFamily","iconButtonCancelFontSize","iconButtonCancelFontStyle","iconButtonCancelFontWeight","iconButtonCancelLetterSpacing","iconButtonCancelLineHeight","iconButtonCancelDisabledOpacity","iconButtonCancelFocusColor","iconButtonCancelSpinnerColor","iconButtonCancelSpinnerSize"],"mappings":"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"}

package/es/components/Attach/utils/addSeparator.js ADDED Viewed

@@ -0,0 +1,14 @@
+import { extractExtension } from './extractExtension.js';
+var addSeparator = function addSeparator(filename, separator) {
+  var extension = extractExtension(filename);
+  var strings = filename.split('.');
+  var name = strings.length > 1 ? strings.slice(0, -1).join('.') : strings[0];
+  var lastChar = name[name.length - 1];
+  var dotChar = '.';
+  var nameWithSeparator = "".concat(name.slice(0, -1)).concat(separator).concat(lastChar);
+  return extension === name ? "".concat(nameWithSeparator) : "".concat(nameWithSeparator).concat(dotChar).concat(extension);
+};
+export { addSeparator };
+//# sourceMappingURL=addSeparator.js.map

package/es/components/Attach/utils/addSeparator.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"addSeparator.js","sources":["../../../../src/components/Attach/utils/addSeparator.ts"],"sourcesContent":["import { extractExtension } from './extractExtension';\n\nexport const addSeparator = (filename: string, separator: string) => {\n const extension = extractExtension(filename);\n\n const strings = filename.split('.');\n const name = strings.length > 1 ? strings.slice(0, -1).join('.') : strings[0];\n const lastChar = name[name.length - 1];\n const dotChar = '.';\n\n const nameWithSeparator = `${name.slice(0, -1)}${separator}${lastChar}`;\n\n return extension === name ? `${nameWithSeparator}` : `${nameWithSeparator}${dotChar}${extension}`;\n};\n"],"names":["addSeparator","filename","separator","extension","extractExtension","strings","split","name","length","slice","join","lastChar","dotChar","nameWithSeparator","concat"],"mappings":";;AAEO,IAAMA,YAAY,GAAG,SAAfA,YAAYA,CAAIC,QAAgB,EAAEC,SAAiB,EAAK;AACjE,EAAA,IAAMC,SAAS,GAAGC,gBAAgB,CAACH,QAAQ,CAAC,CAAA;AAE5C,EAAA,IAAMI,OAAO,GAAGJ,QAAQ,CAACK,KAAK,CAAC,GAAG,CAAC,CAAA;EACnC,IAAMC,IAAI,GAAGF,OAAO,CAACG,MAAM,GAAG,CAAC,GAAGH,OAAO,CAACI,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC,GAAGL,OAAO,CAAC,CAAC,CAAC,CAAA;EAC7E,IAAMM,QAAQ,GAAGJ,IAAI,CAACA,IAAI,CAACC,MAAM,GAAG,CAAC,CAAC,CAAA;EACtC,IAAMI,OAAO,GAAG,GAAG,CAAA;EAEnB,IAAMC,iBAAiB,MAAAC,MAAA,CAAMP,IAAI,CAACE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAAK,MAAA,CAAGZ,SAAS,CAAAY,CAAAA,MAAA,CAAGH,QAAQ,CAAE,CAAA;AAEvE,EAAA,OAAOR,SAAS,KAAKI,IAAI,MAAAO,MAAA,CAAMD,iBAAiB,CAAAC,GAAAA,EAAAA,CAAAA,MAAA,CAAQD,iBAAiB,CAAA,CAAAC,MAAA,CAAGF,OAAO,EAAAE,MAAA,CAAGX,SAAS,CAAE,CAAA;AACrG;;;;"}

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

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

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

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

package/es/components/Attach/utils/index.js ADDED Viewed

@@ -0,0 +1,4 @@
+var separator = '...';
+export { separator };
+//# sourceMappingURL=index.js.map

package/es/components/Attach/utils/index.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.js","sources":["../../../../src/components/Attach/utils/index.ts"],"sourcesContent":["export { extractExtension } from './extractExtension';\nexport { getFileicon } from './getFileicon';\nexport { addSeparator } from './addSeparator';\n\nexport const separator = '...';\n"],"names":["separator"],"mappings":"AAIO,IAAMA,SAAS,GAAG;;;;"}

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

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

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

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

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

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

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

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

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

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

package/es/components/Drawer/Drawer.css CHANGED Viewed

@@ -60,5 +60,5 @@
 .base_fbxbaa_b37w9ja__9aed17a1{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.base_fbxbaa_b37w9ja__9aed17a1.base_fbxbaa_panelHasHeader__9aed17a1{position:absolute;width:100%;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}.base_fbxbaa_b37w9ja__9aed17a1.base_fbxbaa_panelHasHeader__9aed17a1 .base_fbxbaa_b5xb1jq__9aed17a1{background:transparent;}.base_fbxbaa_b37w9ja__9aed17a1.base_fbxbaa_panelHasHeader__9aed17a1.base_fbxbaa_panelRightCloseButton__9aed17a1{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;}
-.Drawer_styles_1gcp61n_s1ewnow2__fe71c4d5{--plasma-panel-close-color:var(--plasma-drawer-close-icon-color);}
-.Drawer_styles_1gcp61n_sv7q57r__fe71c4d5.Drawer_styles_1gcp61n_sv7q57r__fe71c4d5.Drawer_styles_1gcp61n_drawerOverlay__fe71c4d5{-webkit-animation:Drawer_styles_1gcp61n_fadeInSv7q57r__fe71c4d5 0.2s forwards;animation:Drawer_styles_1gcp61n_fadeInSv7q57r__fe71c4d5 0.2s forwards;-webkit-scrollbar-gutter:stable;-moz-scrollbar-gutter:stable;-ms-scrollbar-gutter:stable;scrollbar-gutter:stable;}.Drawer_styles_1gcp61n_sv7q57r__fe71c4d5.Drawer_styles_1gcp61n_sv7q57r__fe71c4d5.Drawer_styles_1gcp61n_popupEndAnimation__fe71c4d5 .Drawer_styles_1gcp61n_drawerOverlay__fe71c4d5{-webkit-animation:Drawer_styles_1gcp61n_fadeOutSv7q57r__fe71c4d5 0.2s forwards;animation:Drawer_styles_1gcp61n_fadeOutSv7q57r__fe71c4d5 0.2s forwards;}@-webkit-keyframes Drawer_styles_1gcp61n_fadeInSv7q57r__fe71c4d5{from{opacity:0;}to{opacity:1;}}@keyframes Drawer_styles_1gcp61n_fadeInSv7q57r__fe71c4d5{from{opacity:0;}to{opacity:1;}}@-webkit-keyframes Drawer_styles_1gcp61n_fadeOutSv7q57r__fe71c4d5{from{opacity:1;}to{opacity:0;}}@keyframes Drawer_styles_1gcp61n_fadeOutSv7q57r__fe71c4d5{from{opacity:1;}to{opacity:0;}}.Drawer_styles_1gcp61n_sv7q57r__fe71c4d5.Drawer_styles_1gcp61n_sv7q57r__fe71c4d5 .Drawer_styles_1gcp61n_popupBaseRoot__fe71c4d5,.Drawer_styles_1gcp61n_sv7q57r__fe71c4d5.Drawer_styles_1gcp61n_sv7q57r__fe71c4d5 .Drawer_styles_1gcp61n_popupBaseRoot__fe71c4d5 > div{width:var(--sv7q57r-0);height:var(--sv7q57r-1);}.Drawer_styles_1gcp61n_sv7q57r__fe71c4d5.Drawer_styles_1gcp61n_drawerRightPlacement__fe71c4d5.Drawer_styles_1gcp61n_sv7q57r__fe71c4d5.Drawer_styles_1gcp61n_drawerRightPlacement__fe71c4d5 .Drawer_styles_1gcp61n_popupBaseRoot__fe71c4d5{-webkit-animation:Drawer_styles_1gcp61n_rightShowAnimationSv7q57r__fe71c4d5 0.2s forwards;animation:Drawer_styles_1gcp61n_rightShowAnimationSv7q57r__fe71c4d5 0.2s forwards;}.Drawer_styles_1gcp61n_sv7q57r__fe71c4d5.Drawer_styles_1gcp61n_drawerRightPlacement__fe71c4d5.Drawer_styles_1gcp61n_sv7q57r__fe71c4d5.Drawer_styles_1gcp61n_drawerRightPlacement__fe71c4d5.Drawer_styles_1gcp61n_popupEndAnimation__fe71c4d5 .Drawer_styles_1gcp61n_popupBaseRoot__fe71c4d5{-webkit-animation:Drawer_styles_1gcp61n_rightHideAnimationSv7q57r__fe71c4d5 0.2s forwards;animation:Drawer_styles_1gcp61n_rightHideAnimationSv7q57r__fe71c4d5 0.2s forwards;}@-webkit-keyframes Drawer_styles_1gcp61n_rightShowAnimationSv7q57r__fe71c4d5{0%{-webkit-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);transform:translate(100%,-50%);opacity:0;}100%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}}@keyframes Drawer_styles_1gcp61n_rightShowAnimationSv7q57r__fe71c4d5{0%{-webkit-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);transform:translate(100%,-50%);opacity:0;}100%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}}@-webkit-keyframes Drawer_styles_1gcp61n_rightHideAnimationSv7q57r__fe71c4d5{0%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}100%{-webkit-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);transform:translate(100%,-50%);opacity:0;}}@keyframes Drawer_styles_1gcp61n_rightHideAnimationSv7q57r__fe71c4d5{0%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}100%{-webkit-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);transform:translate(100%,-50%);opacity:0;}}.Drawer_styles_1gcp61n_sv7q57r__fe71c4d5.Drawer_styles_1gcp61n_drawerBottomPlacement__fe71c4d5.Drawer_styles_1gcp61n_sv7q57r__fe71c4d5.Drawer_styles_1gcp61n_drawerBottomPlacement__fe71c4d5 .Drawer_styles_1gcp61n_popupBaseRoot__fe71c4d5{-webkit-animation:Drawer_styles_1gcp61n_bottomShowAnimationSv7q57r__fe71c4d5 0.2s forwards;animation:Drawer_styles_1gcp61n_bottomShowAnimationSv7q57r__fe71c4d5 0.2s forwards;}.Drawer_styles_1gcp61n_sv7q57r__fe71c4d5.Drawer_styles_1gcp61n_drawerBottomPlacement__fe71c4d5.Drawer_styles_1gcp61n_sv7q57r__fe71c4d5.Drawer_styles_1gcp61n_drawerBottomPlacement__fe71c4d5.Drawer_styles_1gcp61n_popupEndAnimation__fe71c4d5 .Drawer_styles_1gcp61n_popupBaseRoot__fe71c4d5{-webkit-animation:Drawer_styles_1gcp61n_bottomHideAnimationSv7q57r__fe71c4d5 0.2s forwards;animation:Drawer_styles_1gcp61n_bottomHideAnimationSv7q57r__fe71c4d5 0.2s forwards;}@-webkit-keyframes Drawer_styles_1gcp61n_bottomShowAnimationSv7q57r__fe71c4d5{0%{-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);opacity:0;}100%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}}@keyframes Drawer_styles_1gcp61n_bottomShowAnimationSv7q57r__fe71c4d5{0%{-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);opacity:0;}100%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}}@-webkit-keyframes Drawer_styles_1gcp61n_bottomHideAnimationSv7q57r__fe71c4d5{0%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}100%{-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);opacity:0;}}@keyframes Drawer_styles_1gcp61n_bottomHideAnimationSv7q57r__fe71c4d5{0%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}100%{-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);opacity:0;}}.Drawer_styles_1gcp61n_sv7q57r__fe71c4d5.Drawer_styles_1gcp61n_drawerLeftPlacement__fe71c4d5.Drawer_styles_1gcp61n_sv7q57r__fe71c4d5.Drawer_styles_1gcp61n_drawerLeftPlacement__fe71c4d5 .Drawer_styles_1gcp61n_popupBaseRoot__fe71c4d5{-webkit-animation:Drawer_styles_1gcp61n_leftShowAnimationSv7q57r__fe71c4d5 0.2s forwards;animation:Drawer_styles_1gcp61n_leftShowAnimationSv7q57r__fe71c4d5 0.2s forwards;}.Drawer_styles_1gcp61n_sv7q57r__fe71c4d5.Drawer_styles_1gcp61n_drawerLeftPlacement__fe71c4d5.Drawer_styles_1gcp61n_sv7q57r__fe71c4d5.Drawer_styles_1gcp61n_drawerLeftPlacement__fe71c4d5.Drawer_styles_1gcp61n_popupEndAnimation__fe71c4d5 .Drawer_styles_1gcp61n_popupBaseRoot__fe71c4d5{-webkit-animation:Drawer_styles_1gcp61n_leftHideAnimationSv7q57r__fe71c4d5 0.2s forwards;animation:Drawer_styles_1gcp61n_leftHideAnimationSv7q57r__fe71c4d5 0.2s forwards;}@-webkit-keyframes Drawer_styles_1gcp61n_leftShowAnimationSv7q57r__fe71c4d5{0%{-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0;}100%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}}@keyframes Drawer_styles_1gcp61n_leftShowAnimationSv7q57r__fe71c4d5{0%{-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0;}100%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}}@-webkit-keyframes Drawer_styles_1gcp61n_leftHideAnimationSv7q57r__fe71c4d5{0%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}100%{-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0;}}@keyframes Drawer_styles_1gcp61n_leftHideAnimationSv7q57r__fe71c4d5{0%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}100%{-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0;}}.Drawer_styles_1gcp61n_sv7q57r__fe71c4d5.Drawer_styles_1gcp61n_drawerTopPlacement__fe71c4d5.Drawer_styles_1gcp61n_sv7q57r__fe71c4d5.Drawer_styles_1gcp61n_drawerTopPlacement__fe71c4d5 .Drawer_styles_1gcp61n_popupBaseRoot__fe71c4d5{-webkit-animation:Drawer_styles_1gcp61n_topShowAnimationSv7q57r__fe71c4d5 0.2s forwards;animation:Drawer_styles_1gcp61n_topShowAnimationSv7q57r__fe71c4d5 0.2s forwards;}.Drawer_styles_1gcp61n_sv7q57r__fe71c4d5.Drawer_styles_1gcp61n_drawerTopPlacement__fe71c4d5.Drawer_styles_1gcp61n_sv7q57r__fe71c4d5.Drawer_styles_1gcp61n_drawerTopPlacement__fe71c4d5.Drawer_styles_1gcp61n_popupEndAnimation__fe71c4d5 .Drawer_styles_1gcp61n_popupBaseRoot__fe71c4d5{-webkit-animation:Drawer_styles_1gcp61n_topHideAnimationSv7q57r__fe71c4d5 0.2s forwards;animation:Drawer_styles_1gcp61n_topHideAnimationSv7q57r__fe71c4d5 0.2s forwards;}@-webkit-keyframes Drawer_styles_1gcp61n_topShowAnimationSv7q57r__fe71c4d5{0%{-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);opacity:0;}100%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}}@keyframes Drawer_styles_1gcp61n_topShowAnimationSv7q57r__fe71c4d5{0%{-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);opacity:0;}100%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}}@-webkit-keyframes Drawer_styles_1gcp61n_topHideAnimationSv7q57r__fe71c4d5{0%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}100%{-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);opacity:0;}}@keyframes Drawer_styles_1gcp61n_topHideAnimationSv7q57r__fe71c4d5{0%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}100%{-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);opacity:0;}}.Drawer_styles_1gcp61n_sv7q57r__fe71c4d5.Drawer_styles_1gcp61n_drawerEnterCustomAnimation__fe71c4d5.Drawer_styles_1gcp61n_sv7q57r__fe71c4d5.Drawer_styles_1gcp61n_drawerEnterCustomAnimation__fe71c4d5 .Drawer_styles_1gcp61n_popupBaseRoot__fe71c4d5{-webkit-animation:var(--sv7q57r-2);animation:var(--sv7q57r-2);}.Drawer_styles_1gcp61n_sv7q57r__fe71c4d5.Drawer_styles_1gcp61n_drawerExitCustomAnimation__fe71c4d5.Drawer_styles_1gcp61n_sv7q57r__fe71c4d5.Drawer_styles_1gcp61n_drawerExitCustomAnimation__fe71c4d5.Drawer_styles_1gcp61n_popupEndAnimation__fe71c4d5 .Drawer_styles_1gcp61n_popupBaseRoot__fe71c4d5{-webkit-animation:var(--sv7q57r-3);animation:var(--sv7q57r-3);}
+.Drawer_styles_h5od79_s1ewnow2__f99f45af{--plasma-panel-close-color:var(--plasma-drawer-close-icon-color);}
+.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerOverlay__f99f45af{-webkit-animation:Drawer_styles_h5od79_fadeInSv7q57r__f99f45af 0.2s forwards;animation:Drawer_styles_h5od79_fadeInSv7q57r__f99f45af 0.2s forwards;-webkit-scrollbar-gutter:stable;-moz-scrollbar-gutter:stable;-ms-scrollbar-gutter:stable;scrollbar-gutter:stable;}.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_popupEndAnimation__f99f45af .Drawer_styles_h5od79_drawerOverlay__f99f45af{-webkit-animation:Drawer_styles_h5od79_fadeOutSv7q57r__f99f45af 0.2s forwards;animation:Drawer_styles_h5od79_fadeOutSv7q57r__f99f45af 0.2s forwards;}@-webkit-keyframes Drawer_styles_h5od79_fadeInSv7q57r__f99f45af{from{opacity:0;}to{opacity:1;}}@keyframes Drawer_styles_h5od79_fadeInSv7q57r__f99f45af{from{opacity:0;}to{opacity:1;}}@-webkit-keyframes Drawer_styles_h5od79_fadeOutSv7q57r__f99f45af{from{opacity:1;}to{opacity:0;}}@keyframes Drawer_styles_h5od79_fadeOutSv7q57r__f99f45af{from{opacity:1;}to{opacity:0;}}.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_sv7q57r__f99f45af .Drawer_styles_h5od79_popupBaseRoot__f99f45af,.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_sv7q57r__f99f45af .Drawer_styles_h5od79_popupBaseRoot__f99f45af > div{width:var(--sv7q57r-0);height:var(--sv7q57r-1);}.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerRightPlacement__f99f45af.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerRightPlacement__f99f45af .Drawer_styles_h5od79_popupBaseRoot__f99f45af{-webkit-animation:Drawer_styles_h5od79_rightShowAnimationSv7q57r__f99f45af 0.2s forwards;animation:Drawer_styles_h5od79_rightShowAnimationSv7q57r__f99f45af 0.2s forwards;}.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerRightPlacement__f99f45af.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerRightPlacement__f99f45af.Drawer_styles_h5od79_popupEndAnimation__f99f45af .Drawer_styles_h5od79_popupBaseRoot__f99f45af{-webkit-animation:Drawer_styles_h5od79_rightHideAnimationSv7q57r__f99f45af 0.2s forwards;animation:Drawer_styles_h5od79_rightHideAnimationSv7q57r__f99f45af 0.2s forwards;}@-webkit-keyframes Drawer_styles_h5od79_rightShowAnimationSv7q57r__f99f45af{0%{-webkit-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);transform:translate(100%,-50%);opacity:0;}100%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}}@keyframes Drawer_styles_h5od79_rightShowAnimationSv7q57r__f99f45af{0%{-webkit-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);transform:translate(100%,-50%);opacity:0;}100%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}}@-webkit-keyframes Drawer_styles_h5od79_rightHideAnimationSv7q57r__f99f45af{0%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}100%{-webkit-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);transform:translate(100%,-50%);opacity:0;}}@keyframes Drawer_styles_h5od79_rightHideAnimationSv7q57r__f99f45af{0%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}100%{-webkit-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);transform:translate(100%,-50%);opacity:0;}}.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerBottomPlacement__f99f45af.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerBottomPlacement__f99f45af .Drawer_styles_h5od79_popupBaseRoot__f99f45af{-webkit-animation:Drawer_styles_h5od79_bottomShowAnimationSv7q57r__f99f45af 0.2s forwards;animation:Drawer_styles_h5od79_bottomShowAnimationSv7q57r__f99f45af 0.2s forwards;}.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerBottomPlacement__f99f45af.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerBottomPlacement__f99f45af.Drawer_styles_h5od79_popupEndAnimation__f99f45af .Drawer_styles_h5od79_popupBaseRoot__f99f45af{-webkit-animation:Drawer_styles_h5od79_bottomHideAnimationSv7q57r__f99f45af 0.2s forwards;animation:Drawer_styles_h5od79_bottomHideAnimationSv7q57r__f99f45af 0.2s forwards;}@-webkit-keyframes Drawer_styles_h5od79_bottomShowAnimationSv7q57r__f99f45af{0%{-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);opacity:0;}100%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}}@keyframes Drawer_styles_h5od79_bottomShowAnimationSv7q57r__f99f45af{0%{-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);opacity:0;}100%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}}@-webkit-keyframes Drawer_styles_h5od79_bottomHideAnimationSv7q57r__f99f45af{0%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}100%{-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);opacity:0;}}@keyframes Drawer_styles_h5od79_bottomHideAnimationSv7q57r__f99f45af{0%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}100%{-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);opacity:0;}}.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerLeftPlacement__f99f45af.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerLeftPlacement__f99f45af .Drawer_styles_h5od79_popupBaseRoot__f99f45af{-webkit-animation:Drawer_styles_h5od79_leftShowAnimationSv7q57r__f99f45af 0.2s forwards;animation:Drawer_styles_h5od79_leftShowAnimationSv7q57r__f99f45af 0.2s forwards;}.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerLeftPlacement__f99f45af.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerLeftPlacement__f99f45af.Drawer_styles_h5od79_popupEndAnimation__f99f45af .Drawer_styles_h5od79_popupBaseRoot__f99f45af{-webkit-animation:Drawer_styles_h5od79_leftHideAnimationSv7q57r__f99f45af 0.2s forwards;animation:Drawer_styles_h5od79_leftHideAnimationSv7q57r__f99f45af 0.2s forwards;}@-webkit-keyframes Drawer_styles_h5od79_leftShowAnimationSv7q57r__f99f45af{0%{-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0;}100%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}}@keyframes Drawer_styles_h5od79_leftShowAnimationSv7q57r__f99f45af{0%{-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0;}100%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}}@-webkit-keyframes Drawer_styles_h5od79_leftHideAnimationSv7q57r__f99f45af{0%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}100%{-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0;}}@keyframes Drawer_styles_h5od79_leftHideAnimationSv7q57r__f99f45af{0%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}100%{-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0;}}.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerTopPlacement__f99f45af.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerTopPlacement__f99f45af .Drawer_styles_h5od79_popupBaseRoot__f99f45af{-webkit-animation:Drawer_styles_h5od79_topShowAnimationSv7q57r__f99f45af 0.2s forwards;animation:Drawer_styles_h5od79_topShowAnimationSv7q57r__f99f45af 0.2s forwards;}.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerTopPlacement__f99f45af.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerTopPlacement__f99f45af.Drawer_styles_h5od79_popupEndAnimation__f99f45af .Drawer_styles_h5od79_popupBaseRoot__f99f45af{-webkit-animation:Drawer_styles_h5od79_topHideAnimationSv7q57r__f99f45af 0.2s forwards;animation:Drawer_styles_h5od79_topHideAnimationSv7q57r__f99f45af 0.2s forwards;}@-webkit-keyframes Drawer_styles_h5od79_topShowAnimationSv7q57r__f99f45af{0%{-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);opacity:0;}100%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}}@keyframes Drawer_styles_h5od79_topShowAnimationSv7q57r__f99f45af{0%{-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);opacity:0;}100%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}}@-webkit-keyframes Drawer_styles_h5od79_topHideAnimationSv7q57r__f99f45af{0%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}100%{-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);opacity:0;}}@keyframes Drawer_styles_h5od79_topHideAnimationSv7q57r__f99f45af{0%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}100%{-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);opacity:0;}}