@salutejs/plasma-web 1.585.0-canary.2032.15771800756.0 → 1.585.0-canary.2041.15843472824.0

package/components/Dropdown/components/DropdownPopup.js

@@ -1,40 +1,161 @@
 "use strict";
-
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "DropdownPopup", {
+    enumerable: true,
+    get: function() {
+        return DropdownPopup;
+    }
+});
+var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+var _DropdownOldconfig = require("./DropdownOld.config");
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(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 _object_without_properties_loose(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;
+}
+var mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.dropdownOldConfig, _DropdownOldconfig.config);
+var DropdownNewHope = (0, _styledcomponents.component)(mergedConfig);
+var DropdownPopup = /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
+    var trigger = props.trigger, children = props.children, opened = props.opened, isOpen = props.isOpen, disclosure = props.disclosure, onToggle = props.onToggle, placement = props.placement, offsetTop = props.offsetTop, rest = _object_without_properties(props, [
+        "trigger",
+        "children",
+        "opened",
+        "isOpen",
+        "disclosure",
+        "onToggle",
+        "placement",
+        "offsetTop"
+    ]);
+    var offsetAtTop = typeof offsetTop === 'number' ? offsetTop : 0;
+    return /*#__PURE__*/ _react.default.createElement(DropdownNewHope, _object_spread_props(_object_spread({}, rest), {
+        ref: ref,
+        onToggle: onToggle,
+        target: disclosure,
+        opened: opened,
+        isOpen: isOpen,
+        trigger: trigger,
+        placement: placement,
+        offset: [
+            offsetAtTop,
+            0
+        ]
+    }), children);
 });
-exports.DropdownPopup = void 0;
-var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
-var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
-var _DropdownOld = /*#__PURE__*/require("./DropdownOld.config");
-var _excluded = ["trigger", "children", "opened", "isOpen", "disclosure", "onToggle", "placement", "offsetTop"];
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-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; }
-var mergedConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.dropdownOldConfig, _DropdownOld.config);
-var DropdownNewHope = /*#__PURE__*/(0, _styledComponents.component)(mergedConfig);
-var DropdownPopup = exports.DropdownPopup = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var trigger = props.trigger,
-    children = props.children,
-    opened = props.opened,
-    isOpen = props.isOpen,
-    disclosure = props.disclosure,
-    onToggle = props.onToggle,
-    placement = props.placement,
-    offsetTop = props.offsetTop,
-    rest = _objectWithoutProperties(props, _excluded);
-  var offsetAtTop = typeof offsetTop === 'number' ? offsetTop : 0;
-  return /*#__PURE__*/_react["default"].createElement(DropdownNewHope, _extends({}, rest, {
-    ref: ref,
-    onToggle: onToggle,
-    target: disclosure,
-    opened: opened,
-    isOpen: isOpen,
-    trigger: trigger,
-    placement: placement,
-    offset: [offsetAtTop, 0]
-  }), children);
-});

package/components/Dropdown/index.js

@@ -1,40 +1,32 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-Object.defineProperty(exports, "Dropdown", {
-  enumerable: true,
-  get: function get() {
-    return _Dropdown.Dropdown;
-  }
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get Dropdown () {
+        return _Dropdown.Dropdown;
+    },
+    get DropdownItem () {
+        return _DropdownItem.DropdownItem;
+    },
+    get DropdownList () {
+        return _DropdownList.DropdownList;
+    },
+    get DropdownPopup () {
+        return _DropdownPopup.DropdownPopup;
+    },
+    get withAssistiveDropdown () {
+        return _plasmahope.withAssistiveDropdown;
+    }
 });
-Object.defineProperty(exports, "DropdownItem", {
-  enumerable: true,
-  get: function get() {
-    return _DropdownItem.DropdownItem;
-  }
-});
-Object.defineProperty(exports, "DropdownList", {
-  enumerable: true,
-  get: function get() {
-    return _DropdownList.DropdownList;
-  }
-});
-Object.defineProperty(exports, "DropdownPopup", {
-  enumerable: true,
-  get: function get() {
-    return _DropdownPopup.DropdownPopup;
-  }
-});
-Object.defineProperty(exports, "withAssistiveDropdown", {
-  enumerable: true,
-  get: function get() {
-    return _plasmaHope.withAssistiveDropdown;
-  }
-});
-var _plasmaHope = /*#__PURE__*/require("@salutejs/plasma-hope");
-var _Dropdown = /*#__PURE__*/require("./Dropdown");
-var _DropdownItem = /*#__PURE__*/require("./components/DropdownItem");
-var _DropdownPopup = /*#__PURE__*/require("./components/DropdownPopup");
-var _DropdownList = /*#__PURE__*/require("./components/DropdownList");
+var _plasmahope = require("@salutejs/plasma-hope");
+var _Dropdown = require("./Dropdown");
+var _DropdownItem = require("./components/DropdownItem");
+var _DropdownPopup = require("./components/DropdownPopup");
+var _DropdownList = require("./components/DropdownList");

package/components/Dropzone/Dropzone.config.js

@@ -1,26 +1,91 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.config = void 0;
-var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
-var _templateObject, _templateObject2, _templateObject3;
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var config = exports.config = {
-  defaults: {
-    view: 'default',
-    size: 'm'
-  },
-  variations: {
-    view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-solid-card);\n                ", ": var(--surface-solid-card-hover);\n                ", ": var(--overlay-soft);\n                ", ": var(--outline-solid-secondary);\n                ", ": var(--outline-solid-secondary-hover);\n                ", ": var(--outline-accent);\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n            "])), _styledComponents.dropzoneTokens.background, _styledComponents.dropzoneTokens.backgroundHover, _styledComponents.dropzoneTokens.overlayColorActive, _styledComponents.dropzoneTokens.borderColor, _styledComponents.dropzoneTokens.borderColorHover, _styledComponents.dropzoneTokens.borderColorActive, _styledComponents.dropzoneTokens.titleColor, _styledComponents.dropzoneTokens.descriptionColor)
-    },
-    size: {
-      m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1.5rem;\n                ", ": 1.25rem;\n                ", ": 0.75rem;\n                ", ": 0.375rem;\n                ", ": 0.5rem;\n\n                ", ": var(--plasma-typo-h4-font-family);\n                ", ": var(--plasma-typo-h4-font-size);\n                ", ": var(--plasma-typo-h4-font-style);\n                ", ": var(--plasma-typo-h4-bold-font-weight);\n                ", ": var(--plasma-typo-h4-letter-spacing);\n                ", ": var(--plasma-typo-h4-line-height);\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n            "])), _styledComponents.dropzoneTokens.padding, _styledComponents.dropzoneTokens.borderRadius, _styledComponents.dropzoneTokens.contentWrapperGap, _styledComponents.dropzoneTokens.contentGap, _styledComponents.dropzoneTokens.contentColumnGap, _styledComponents.dropzoneTokens.titleFontFamily, _styledComponents.dropzoneTokens.titleFontSize, _styledComponents.dropzoneTokens.titleFontStyle, _styledComponents.dropzoneTokens.titleFontWeight, _styledComponents.dropzoneTokens.titleLetterSpacing, _styledComponents.dropzoneTokens.titleLineHeight, _styledComponents.dropzoneTokens.descriptionFontFamily, _styledComponents.dropzoneTokens.descriptionFontSize, _styledComponents.dropzoneTokens.descriptionFontStyle, _styledComponents.dropzoneTokens.descriptionFontWeight, _styledComponents.dropzoneTokens.descriptionLetterSpacing, _styledComponents.dropzoneTokens.descriptionLineHeight)
+Object.defineProperty(exports, "config", {
+    enumerable: true,
+    get: function() {
+        return config;
+    }
+});
+var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+function _tagged_template_literal(strings, raw) {
+    if (!raw) {
+        raw = strings.slice(0);
+    }
+    return Object.freeze(Object.defineProperties(strings, {
+        raw: {
+            value: Object.freeze(raw)
+        }
+    }));
+}
+function _templateObject() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--surface-solid-card);\n                ",
+        ": var(--surface-solid-card-hover);\n                ",
+        ": var(--overlay-soft);\n                ",
+        ": var(--outline-solid-secondary);\n                ",
+        ": var(--outline-solid-secondary-hover);\n                ",
+        ": var(--outline-accent);\n                ",
+        ": var(--text-primary);\n                ",
+        ": var(--text-secondary);\n            "
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject1() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 1.5rem;\n                ",
+        ": 1.25rem;\n                ",
+        ": 0.75rem;\n                ",
+        ": 0.375rem;\n                ",
+        ": 0.5rem;\n\n                ",
+        ": var(--plasma-typo-h4-font-family);\n                ",
+        ": var(--plasma-typo-h4-font-size);\n                ",
+        ": var(--plasma-typo-h4-font-style);\n                ",
+        ": var(--plasma-typo-h4-bold-font-weight);\n                ",
+        ": var(--plasma-typo-h4-letter-spacing);\n                ",
+        ": var(--plasma-typo-h4-line-height);\n\n                ",
+        ": var(--plasma-typo-body-s-font-family);\n                ",
+        ": var(--plasma-typo-body-s-font-size);\n                ",
+        ": var(--plasma-typo-body-s-font-style);\n                ",
+        ": var(--plasma-typo-body-s-font-weight);\n                ",
+        ": var(--plasma-typo-body-s-letter-spacing);\n                ",
+        ": var(--plasma-typo-body-s-line-height);\n            "
+    ]);
+    _templateObject1 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject2() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 0.4;\n            "
+    ]);
+    _templateObject2 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+var config = {
+    defaults: {
+        view: 'default',
+        size: 'm'
     },
-    disabled: {
-      "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.4;\n            "])), _styledComponents.dropzoneTokens.disabledOpacity)
+    variations: {
+        view: {
+            default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.dropzoneTokens.background, _styledcomponents.dropzoneTokens.backgroundHover, _styledcomponents.dropzoneTokens.overlayColorActive, _styledcomponents.dropzoneTokens.borderColor, _styledcomponents.dropzoneTokens.borderColorHover, _styledcomponents.dropzoneTokens.borderColorActive, _styledcomponents.dropzoneTokens.titleColor, _styledcomponents.dropzoneTokens.descriptionColor)
+        },
+        size: {
+            m: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.dropzoneTokens.padding, _styledcomponents.dropzoneTokens.borderRadius, _styledcomponents.dropzoneTokens.contentWrapperGap, _styledcomponents.dropzoneTokens.contentGap, _styledcomponents.dropzoneTokens.contentColumnGap, _styledcomponents.dropzoneTokens.titleFontFamily, _styledcomponents.dropzoneTokens.titleFontSize, _styledcomponents.dropzoneTokens.titleFontStyle, _styledcomponents.dropzoneTokens.titleFontWeight, _styledcomponents.dropzoneTokens.titleLetterSpacing, _styledcomponents.dropzoneTokens.titleLineHeight, _styledcomponents.dropzoneTokens.descriptionFontFamily, _styledcomponents.dropzoneTokens.descriptionFontSize, _styledcomponents.dropzoneTokens.descriptionFontStyle, _styledcomponents.dropzoneTokens.descriptionFontWeight, _styledcomponents.dropzoneTokens.descriptionLetterSpacing, _styledcomponents.dropzoneTokens.descriptionLineHeight)
+        },
+        disabled: {
+            true: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.dropzoneTokens.disabledOpacity)
+        }
     }
-  }
-};
+};

package/components/Dropzone/Dropzone.js

@@ -1,10 +1,14 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.Dropzone = void 0;
-var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
-var _Dropzone = /*#__PURE__*/require("./Dropzone.config");
-var mergedConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.dropzoneConfig, _Dropzone.config);
-var Dropzone = exports.Dropzone = /*#__PURE__*/(0, _styledComponents.component)(mergedConfig);
+Object.defineProperty(exports, "Dropzone", {
+    enumerable: true,
+    get: function() {
+        return Dropzone;
+    }
+});
+var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+var _Dropzoneconfig = require("./Dropzone.config");
+var mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.dropzoneConfig, _Dropzoneconfig.config);
+var Dropzone = (0, _styledcomponents.component)(mergedConfig);

package/components/Dropzone/index.js

@@ -1,25 +1,23 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-Object.defineProperty(exports, "Dropzone", {
-  enumerable: true,
-  get: function get() {
-    return _Dropzone.Dropzone;
-  }
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get Dropzone () {
+        return _Dropzone.Dropzone;
+    },
+    get dropzoneClasses () {
+        return _styledcomponents.dropzoneClasses;
+    },
+    get dropzoneTokens () {
+        return _styledcomponents.dropzoneTokens;
+    }
 });
-Object.defineProperty(exports, "dropzoneClasses", {
-  enumerable: true,
-  get: function get() {
-    return _styledComponents.dropzoneClasses;
-  }
-});
-Object.defineProperty(exports, "dropzoneTokens", {
-  enumerable: true,
-  get: function get() {
-    return _styledComponents.dropzoneTokens;
-  }
-});
-var _Dropzone = /*#__PURE__*/require("./Dropzone");
-var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
+var _Dropzone = require("./Dropzone");
+var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");

package/components/Editable/Editable.config.js

@@ -1,23 +1,61 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.config = void 0;
-var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
-var _templateObject, _templateObject2;
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var config = exports.config = {
-  defaults: {
-    view: 'default',
-    size: 'm'
-  },
-  variations: {
-    view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--background-primary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-accent);\n            "])), _styledComponents.editableTokens.editButtonBackground, _styledComponents.editableTokens.editButtonColor, _styledComponents.editableTokens.editButtonColorHover, _styledComponents.editableTokens.placeholderColor, _styledComponents.editableTokens.caretColor)
+Object.defineProperty(exports, "config", {
+    enumerable: true,
+    get: function() {
+        return config;
+    }
+});
+var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+function _tagged_template_literal(strings, raw) {
+    if (!raw) {
+        raw = strings.slice(0);
+    }
+    return Object.freeze(Object.defineProperties(strings, {
+        raw: {
+            value: Object.freeze(raw)
+        }
+    }));
+}
+function _templateObject() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--background-primary);\n                ",
+        ": var(--text-tertiary);\n                ",
+        ": var(--text-primary);\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-accent);\n            "
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject1() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 1rem;\n                ",
+        ": 1rem;\n                ",
+        ": -1rem;\n            "
+    ]);
+    _templateObject1 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+var config = {
+    defaults: {
+        view: 'default',
+        size: 'm'
     },
-    size: {
-      m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1rem;\n                ", ": 1rem;\n                ", ": -1rem;\n            "])), _styledComponents.editableTokens.editButtonPaddingLeft, _styledComponents.editableTokens.textBoxPaddingRight, _styledComponents.editableTokens.textBoxMarginRight)
+    variations: {
+        view: {
+            default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.editableTokens.editButtonBackground, _styledcomponents.editableTokens.editButtonColor, _styledcomponents.editableTokens.editButtonColorHover, _styledcomponents.editableTokens.placeholderColor, _styledcomponents.editableTokens.caretColor)
+        },
+        size: {
+            m: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.editableTokens.editButtonPaddingLeft, _styledcomponents.editableTokens.textBoxPaddingRight, _styledcomponents.editableTokens.textBoxMarginRight)
+        }
     }
-  }
-};
+};

package/components/Editable/Editable.js

@@ -1,16 +1,66 @@
 "use strict";
-
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.typographyVariants = exports.Editable = void 0;
-var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
-var typographyComponents = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("../Typography"));
-var _Editable = /*#__PURE__*/require("./Editable.config");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-var typographyVariants = exports.typographyVariants = typographyComponents;
-var finalConfig = /*#__PURE__*/(0, _styledComponents.editableConfig)(typographyVariants);
-var mergedConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(finalConfig, _Editable.config);
-var Editable = exports.Editable = /*#__PURE__*/(0, _styledComponents.component)(mergedConfig);
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get Editable () {
+        return Editable;
+    },
+    get typographyVariants () {
+        return typographyVariants;
+    }
+});
+var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+var _Typography = /*#__PURE__*/ _interop_require_wildcard(require("../Typography"));
+var _Editableconfig = require("./Editable.config");
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+var typographyVariants = _Typography;
+var finalConfig = (0, _styledcomponents.editableConfig)(typographyVariants);
+var mergedConfig = (0, _styledcomponents.mergeConfig)(finalConfig, _Editableconfig.config);
+var Editable = (0, _styledcomponents.component)(mergedConfig);

package/components/Editable/index.js

@@ -1,12 +1,11 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
 Object.defineProperty(exports, "Editable", {
-  enumerable: true,
-  get: function get() {
-    return _Editable.Editable;
-  }
+    enumerable: true,
+    get: function() {
+        return _Editable.Editable;
+    }
 });
-var _Editable = /*#__PURE__*/require("./Editable");
+var _Editable = require("./Editable");