@salutejs/plasma-new-hope 0.149.0-canary.1437.10948458812.0 → 0.149.0-canary.1445.10940405865.0

package/emotion/cjs/examples/plasma_web/components/Attach/Attach.js

@@ -1,11 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Attach = void 0;
-var _Attach = /*#__PURE__*/require("../../../../components/Attach");
-var _engines = /*#__PURE__*/require("../../../../engines");
-var _Attach2 = /*#__PURE__*/require("./Attach.config");
-var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Attach.attachConfig, _Attach2.config);
-var Attach = exports.Attach = /*#__PURE__*/(0, _engines.component)(mergedConfig);

package/emotion/cjs/examples/plasma_web/components/Attach/Attach.stories.tsx

@@ -1,181 +0,0 @@
-import React from 'react';
-import type { ComponentProps } from 'react';
-import type { StoryObj, Meta } from '@storybook/react';
-
-import { mergeConfig } from '../../../../engines';
-import { WithTheme, argTypesFromConfig } from '../../../_helpers';
-import { attachConfig } from '../../../../components/Attach';
-import { IconMic } from '../../../../components/_Icon';
-
-import { Attach } from './Attach';
-import { config } from './Attach.config';
-
-const buttonViewOptions = [
-    'default',
-    'accent',
-    'secondary',
-    'clear',
-    'positive',
-    'warning',
-    'negative',
-    'dark',
-    'black',
-    'white',
-];
-const iconButtonViewOptions = [
-    'default',
-    'accent',
-    'secondary',
-    'clear',
-    'success',
-    'warning',
-    'critical',
-    'dark',
-    'black',
-    'white',
-];
-const flowOptions = ['horizontal', 'vertical', 'auto'];
-const fileFormatOptions = ['all', '.doc', '.xls', '.pdf', '.csv', '.txt'];
-const pinOptions = [
-    '',
-    'square-square',
-    'square-clear',
-    'clear-square',
-    'clear-clear',
-    'clear-circle',
-    'circle-clear',
-    'circle-circle',
-];
-const contentPlacingOptions = ['default', 'relaxed'];
-
-type StoryAttachProps = ComponentProps<typeof Attach> & {
-    enableContentLeft: boolean;
-    enableContentRight: boolean;
-    fileFormat?: string;
-    width?: string;
-};
-
-const meta: Meta<StoryAttachProps> = {
-    title: 'plasma_web/Attach',
-    decorators: [WithTheme],
-    component: Attach,
-    argTypes: {
-        ...argTypesFromConfig(mergeConfig(attachConfig, config)),
-        fileFormat: {
-            options: fileFormatOptions,
-            control: {
-                type: 'select',
-            },
-        },
-        flow: {
-            options: flowOptions,
-            control: {
-                type: 'select',
-            },
-        },
-        pin: {
-            options: pinOptions,
-            control: {
-                type: 'select',
-            },
-            table: { defaultValue: { summary: 'bottom' } },
-        },
-    },
-};
-
-export default meta;
-
-const StoryButton = (props: StoryAttachProps) => {
-    return <Attach {...props} />;
-};
-
-export const Button: StoryObj<StoryAttachProps> = {
-    args: {
-        fileFormat: 'all',
-        text: 'Загрузить файл',
-        value: '',
-        flow: 'horizontal',
-        hasAttachment: true,
-        width: '400px',
-        disabled: false,
-        square: false,
-        isLoading: false,
-        enableContentLeft: false,
-        enableContentRight: false,
-        size: 'm',
-        view: 'accent',
-    },
-    argTypes: {
-        contentPlacing: {
-            options: contentPlacingOptions,
-            control: {
-                type: 'select',
-            },
-        },
-        view: {
-            options: buttonViewOptions,
-            control: {
-                type: 'select',
-            },
-        },
-    },
-    render: (args) => {
-        const { width, size, fileFormat, enableContentLeft, enableContentRight, ...rest } = args;
-        const accepted = fileFormat && fileFormat !== 'all' ? [fileFormat] : undefined;
-        const iconSize = size === 'xs' ? 'xs' : 's';
-
-        return (
-            <StoryButton
-                style={{ width }}
-                size={size}
-                buttonType="button"
-                contentLeft={enableContentLeft ? <IconMic size={iconSize} color="inherit" /> : undefined}
-                contentRight={enableContentRight ? <IconMic size={iconSize} color="inherit" /> : undefined}
-                acceptedFileFormats={accepted}
-                {...rest}
-            />
-        );
-    },
-};
-
-const StoryIconButton = (props: StoryAttachProps) => {
-    return <Attach {...props} />;
-};
-
-export const IconButton: StoryObj<StoryAttachProps> = {
-    args: {
-        fileFormat: 'all',
-        flow: 'horizontal',
-        hasAttachment: true,
-        width: '400px',
-        disabled: false,
-        isLoading: false,
-        size: 'm',
-        view: 'accent',
-    },
-    argTypes: {
-        view: {
-            options: iconButtonViewOptions,
-            control: {
-                type: 'select',
-            },
-        },
-    },
-    render: (args) => {
-        const { width, size, fileFormat, enableContentLeft, enableContentRight, ...rest } = args;
-        const accepted = fileFormat && fileFormat !== 'all' ? [fileFormat] : undefined;
-        const iconSize = size === 'xs' ? 'xs' : 's';
-
-        return (
-            <StoryIconButton
-                style={{ width }}
-                size={size}
-                buttonType="iconButton"
-                contentLeft={enableContentLeft ? <IconMic size={iconSize} color="inherit" /> : undefined}
-                contentRight={enableContentRight ? <IconMic size={iconSize} color="inherit" /> : undefined}
-                acceptedFileFormats={accepted}
-                {...rest}
-            />
-        );
-    },
-};

package/emotion/es/components/Attach/Attach.js

@@ -1,178 +0,0 @@
-var _IconCloseCircleOutli;
-var _excluded = ["flow", "buttonType", "hasAttachment", "acceptedFileFormats", "size", "view", "className", "style", "isLoading", "disabled"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import React, { forwardRef, useEffect, useRef, useState } from 'react';
-import { useForkRef, useIsomorphicLayoutEffect } 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, StyledHiddenInput, StyledHiddenInputHelper } from './Attach.styles';
-import { StyledCell } from './ui/Cell/Cell';
-import { extractExtension, getFileicon, truncateFilename } from './utils';
-import { classes } from './Attach.tokens';
-import { AttachButton } from './components/AttachButton';
-import { StyledIconButtonCancel } from './ui/IconButton/IconButton.styles';
-export 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$hasAttachment = props.hasAttachment,
-      hasAttachment = _props$hasAttachment === void 0 ? true : _props$hasAttachment,
-      acceptedFileFormats = props.acceptedFileFormats,
-      size = props.size,
-      view = props.view,
-      className = props.className,
-      style = props.style,
-      isLoading = props.isLoading,
-      disabled = props.disabled,
-      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 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 = 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;
-      var currFilename = filename;
-      for (var i = filename.length - 1; i > 0; i -= 1) {
-        if (currentTextWidth + emptyTextCellWidth.current + leftDiff <= parentWidth) {
-          break;
-        }
-        var newFilename = truncateFilename({
-          filename: inputHelperRef.current.textContent,
-          startNameTruncationIndex: i
-        });
-        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();
-    };
-    var handleChange = function handleChange() {
-      if (!inputRef.current || !inputRef.current.files) {
-        return;
-      }
-      setFilename(inputRef.current.files[0].name);
-    };
-    var handleClear = function handleClear() {
-      if (!inputRef.current) {
-        return;
-      }
-      inputRef.current.value = '';
-      setFilename('');
-      setTruncatedFilename('');
-    };
-    return /*#__PURE__*/React.createElement(Root, {
-      className: cx(horizontalClass, verticalClass, autoClass, className),
-      style: style,
-      size: size,
-      view: view,
-      ref: ref
-    }, /*#__PURE__*/React.createElement(StyledHiddenInput, {
-      ref: inputRef,
-      accept: accept,
-      type: "file",
-      id: "attachHiddenInput",
-      name: "attachHiddenInput",
-      onChange: handleChange
-    }), /*#__PURE__*/React.createElement(StyledHiddenInputHelper, {
-      ref: inputHelperRef,
-      id: "attachHiddenInputHelper"
-    }, filename), /*#__PURE__*/React.createElement(AttachButton, _extends({
-      buttonType: buttonType,
-      view: view,
-      size: size,
-      onClick: handleClick,
-      isLoading: isLoading,
-      disabled: disabled,
-      ref: buttonRef
-    }, rest)), hasAttachment && /*#__PURE__*/React.createElement(StyledCell, {
-      stretching: "fixed",
-      className: cellHiddenClass,
-      ref: cellRef,
-      size: size,
-      title: truncatedFilename,
-      contentLeft: cellContentLeft,
-      contentRight: /*#__PURE__*/React.createElement(StyledIconButtonCancel, {
-        view: view,
-        size: size,
-        isLoading: isLoading,
-        disabled: disabled,
-        onClick: handleClear
-      }, _IconCloseCircleOutli || (_IconCloseCircleOutli = /*#__PURE__*/React.createElement(IconCloseCircleOutline, {
-        size: "xs"
-      })))
-    }));
-  });
-};
-export var attachConfig = {
-  name: 'Attach',
-  tag: 'div',
-  layout: attachRoot,
-  base: base,
-  variations: {
-    view: {
-      css: viewCSS
-    },
-    size: {
-      css: sizeCSS
-    }
-  },
-  defaults: {
-    view: 'default',
-    size: 'm'
-  }
-};

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

@@ -1,29 +0,0 @@
-import _styled from "@emotion/styled/base";
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-import { css } from '@emotion/react';
-import { tokens as attachTokens } from './Attach.tokens';
-export var base = process.env.NODE_ENV === "production" ? {
-  name: "1yur341-plasma-new-hope__base",
-  styles: "position:relative;display:flex;label:plasma-new-hope__base;"
-} : {
-  name: "1yur341-plasma-new-hope__base",
-  styles: "position:relative;display:flex;label:plasma-new-hope__base;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQXR0YWNoL0F0dGFjaC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS3VCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQXR0YWNoL0F0dGFjaC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IHRva2VucyBhcyBhdHRhY2hUb2tlbnMgfSBmcm9tICcuL0F0dGFjaC50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZGlzcGxheTogZmxleDtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRIaWRkZW5JbnB1dCA9IHN0eWxlZC5pbnB1dGBcbiAgICBkaXNwbGF5OiBub25lO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhpZGRlbklucHV0SGVscGVyID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdmlzaWJpbGl0eTogaGlkZGVuO1xuXG4gICAgZm9udC1mYW1pbHk6IHZhcigke2F0dGFjaFRva2Vucy5jZWxsVGl0bGVGb250RmFtaWx5fSk7XG4gICAgZm9udC1zaXplOiB2YXIoJHthdHRhY2hUb2tlbnMuY2VsbFRpdGxlRm9udFNpemV9KTtcbiAgICBmb250LXN0eWxlOiB2YXIoJHthdHRhY2hUb2tlbnMuY2VsbFRpdGxlRm9udFN0eWxlfSk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigke2F0dGFjaFRva2Vucy5jZWxsVGl0bGVGb250V2VpZ2h0fSk7XG4gICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke2F0dGFjaFRva2Vucy5jZWxsVGl0bGVMZXR0ZXJTcGFjaW5nfSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigke2F0dGFjaFRva2Vucy5jZWxsVGl0bGVMaW5lSGVpZ2h0fSk7XG5gO1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-export var StyledHiddenInput = /*#__PURE__*/_styled("input", {
-  target: "e3npccl1",
-  label: "plasma-new-hope__StyledHiddenInput"
-})(process.env.NODE_ENV === "production" ? {
-  name: "eivff4",
-  styles: "display:none"
-} : {
-  name: "eivff4",
-  styles: "display:none",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQXR0YWNoL0F0dGFjaC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVTZDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQXR0YWNoL0F0dGFjaC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IHRva2VucyBhcyBhdHRhY2hUb2tlbnMgfSBmcm9tICcuL0F0dGFjaC50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZGlzcGxheTogZmxleDtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRIaWRkZW5JbnB1dCA9IHN0eWxlZC5pbnB1dGBcbiAgICBkaXNwbGF5OiBub25lO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhpZGRlbklucHV0SGVscGVyID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdmlzaWJpbGl0eTogaGlkZGVuO1xuXG4gICAgZm9udC1mYW1pbHk6IHZhcigke2F0dGFjaFRva2Vucy5jZWxsVGl0bGVGb250RmFtaWx5fSk7XG4gICAgZm9udC1zaXplOiB2YXIoJHthdHRhY2hUb2tlbnMuY2VsbFRpdGxlRm9udFNpemV9KTtcbiAgICBmb250LXN0eWxlOiB2YXIoJHthdHRhY2hUb2tlbnMuY2VsbFRpdGxlRm9udFN0eWxlfSk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigke2F0dGFjaFRva2Vucy5jZWxsVGl0bGVGb250V2VpZ2h0fSk7XG4gICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke2F0dGFjaFRva2Vucy5jZWxsVGl0bGVMZXR0ZXJTcGFjaW5nfSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigke2F0dGFjaFRva2Vucy5jZWxsVGl0bGVMaW5lSGVpZ2h0fSk7XG5gO1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-export var StyledHiddenInputHelper = /*#__PURE__*/_styled("div", {
-  target: "e3npccl0",
-  label: "plasma-new-hope__StyledHiddenInputHelper"
-})("position:absolute;visibility:hidden;font-family:var(", attachTokens.cellTitleFontFamily, ");font-size:var(", attachTokens.cellTitleFontSize, ");font-style:var(", attachTokens.cellTitleFontStyle, ");font-weight:var(", attachTokens.cellTitleFontWeight, ");letter-spacing:var(", attachTokens.cellTitleLetterSpacing, ");line-height:var(", attachTokens.cellTitleLineHeight, ");" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQXR0YWNoL0F0dGFjaC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBY2lEIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQXR0YWNoL0F0dGFjaC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IHRva2VucyBhcyBhdHRhY2hUb2tlbnMgfSBmcm9tICcuL0F0dGFjaC50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZGlzcGxheTogZmxleDtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRIaWRkZW5JbnB1dCA9IHN0eWxlZC5pbnB1dGBcbiAgICBkaXNwbGF5OiBub25lO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhpZGRlbklucHV0SGVscGVyID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdmlzaWJpbGl0eTogaGlkZGVuO1xuXG4gICAgZm9udC1mYW1pbHk6IHZhcigke2F0dGFjaFRva2Vucy5jZWxsVGl0bGVGb250RmFtaWx5fSk7XG4gICAgZm9udC1zaXplOiB2YXIoJHthdHRhY2hUb2tlbnMuY2VsbFRpdGxlRm9udFNpemV9KTtcbiAgICBmb250LXN0eWxlOiB2YXIoJHthdHRhY2hUb2tlbnMuY2VsbFRpdGxlRm9udFN0eWxlfSk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigke2F0dGFjaFRva2Vucy5jZWxsVGl0bGVGb250V2VpZ2h0fSk7XG4gICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke2F0dGFjaFRva2Vucy5jZWxsVGl0bGVMZXR0ZXJTcGFjaW5nfSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigke2F0dGFjaFRva2Vucy5jZWxsVGl0bGVMaW5lSGVpZ2h0fSk7XG5gO1xuIl19 */"));

package/emotion/es/components/Attach/Attach.template-doc.mdx

@@ -1,63 +0,0 @@
----
-id: attach
-title: Attach
----
-
-import { PropsTable, Description } from '@site/src/components';
-
-# Attach
-<Description name="Attach" />
-<PropsTable name="Attach" />
-
-## Примеры
-
-### Вид кнопки
-С помощью свойства `buttonType` можно менять вид кнопки: обычный или с иконкой.
-
-```tsx live
-import React from 'react';
-import { Attach } from '@salutejs/{{ package }}';
-
-export function App() {
-    return (
-        <div style=\{{ display: "flex", flexDirection: "column", gap: "50px"}}>
-            <Attach view="accent" buttonType={'button'} />
-            <Attach view="secondary" buttonType={'iconButton'} />
-        </div>
-    );
-}
-```
-
-### Расположение элементов
-C помощью свойства `flow` можно регулировать расположение элементов в зависимости от ширины контейнера.
-
-```tsx live
-import React from 'react';
-import { Attach } from '@salutejs/{{ package }}';
-
-export function App() {
-    return (
-        <div style=\{{ display: "flex", flexDirection: "column", gap: "50px"}}>
-            <Attach style=\{{ width: "400px" }} flow="auto" />
-            <Attach style=\{{ width: "400px" }} flow="horizontal" />
-            <Attach style=\{{ width: "400px" }} flow="vertical" />
-        </div>
-    );
-}
-```
-
-### Фильтр форматов файлов
-Свойство `acceptedFileFormats` устанавливает доступные форматы файлов.
-
-```tsx live
-import React from 'react';
-import { Attach } from '@salutejs/{{ package }}';
-
-export function App() {
-    return (
-        <div>
-            <Attach acceptedFileFormats={['.pdf', '.doc']} />
-        </div>
-    );
-}
-```

package/emotion/es/components/Attach/Attach.tokens.js

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

package/emotion/es/components/Attach/components/AttachButton/AttachButton.js

@@ -1,42 +0,0 @@
-var _excluded = ["size", "icon"],
-  _excluded2 = ["text"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import React, { forwardRef } from 'react';
-import { StyledIconButton } from '../../ui/IconButton/IconButton';
-import { StyledButton } from '../../ui/Button/Button';
-import { IconPlus } from '../../../_Icon';
-var getDefaultIcon = function getDefaultIcon(size) {
-  var iconSize;
-  switch (size) {
-    case 'xs':
-      iconSize = 'xs';
-      break;
-    case 's':
-      iconSize = 's';
-      break;
-    default:
-      iconSize = 'm';
-  }
-  return /*#__PURE__*/React.createElement(IconPlus, {
-    size: iconSize
-  });
-};
-export var AttachButton = /*#__PURE__*/forwardRef(function (props, ref) {
-  if (props.buttonType === 'iconButton') {
-    var size = props.size,
-      icon = props.icon,
-      _rest = _objectWithoutProperties(props, _excluded);
-    return /*#__PURE__*/React.createElement(StyledIconButton, _extends({
-      ref: ref
-    }, _rest), icon || getDefaultIcon(size));
-  }
-  var _props$text = props.text,
-    text = _props$text === void 0 ? 'Загрузить файл' : _props$text,
-    rest = _objectWithoutProperties(props, _excluded2);
-  return /*#__PURE__*/React.createElement(StyledButton, _extends({
-    ref: ref,
-    text: text
-  }, rest));
-});

package/emotion/es/components/Attach/components/AttachButton/index.js

@@ -1 +0,0 @@
-export { AttachButton } from './AttachButton';

package/emotion/es/components/Attach/index.js

@@ -1,2 +0,0 @@
-export { attachRoot, attachConfig } from './Attach';
-export { tokens as attachTokens } from './Attach.tokens';

package/emotion/es/components/Attach/ui/Button/Button.js

@@ -1 +0,0 @@
-export { StyledButton } from './Button.styles';