@salutejs/sdds-cs 0.319.0-canary.2010.15733259332.0 → 0.319.0-canary.2010.15854111527.0

package/components/Accordion/Accordion.config.js

@@ -1,24 +1,106 @@
 "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: 's'
-  },
-  variations: {
-    view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.125rem;\n                ", ": 20rem;\n                ", ": var(", ") var(", ");\n                ", ": var(--surface-solid-card);\n                ", ": var(--text-primary);\n                ", ": var(--text-primary);\n                ", ": var(--text-accent);\n                ", ": var(--surface-accent);\n                ", ": var(--surface-clear);\n                ", ": 0;\n                ", ": var(", ");\n            "])), _styledComponents.accordionTokens.accordionGap, _styledComponents.accordionTokens.accordionWidth, _styledComponents.accordionTokens.accordionItemPadding, _styledComponents.accordionTokens.accordionItemPaddingVertical, _styledComponents.accordionTokens.accordionItemPaddingHorizontal, _styledComponents.accordionTokens.accordionItemBackground, _styledComponents.accordionTokens.accordionItemTitleColor, _styledComponents.accordionTokens.accordionItemTextColor, _styledComponents.accordionTokens.accordionItemIconColor, _styledComponents.accordionTokens.accordionItemFocus, _styledComponents.accordionTokens.accordionBackground, _styledComponents.accordionTokens.accordionItemBorderBottom, _styledComponents.accordionTokens.accordionItemPaddingHorizontalLeft, _styledComponents.accordionTokens.accordionItemPaddingHorizontal),
-      clear: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0;\n                ", ": 20rem;\n                ", ": var(", ") 0rem;\n                ", ": var(--surface-clear);\n                ", ": var(--text-primary);\n                ", ": var(--text-primary);\n                ", ": var(--text-accent);\n                ", ": var(--surface-accent);\n                ", ": 0rem !important;\n                ", ": var(--surface-clear);\n                ", ": 0.125rem solid var(--surface-solid-tertiary);\n                ", ": 0;\n            "])), _styledComponents.accordionTokens.accordionGap, _styledComponents.accordionTokens.accordionWidth, _styledComponents.accordionTokens.accordionItemPadding, _styledComponents.accordionTokens.accordionItemPaddingVertical, _styledComponents.accordionTokens.accordionItemBackground, _styledComponents.accordionTokens.accordionItemTitleColor, _styledComponents.accordionTokens.accordionItemTextColor, _styledComponents.accordionTokens.accordionItemIconColor, _styledComponents.accordionTokens.accordionItemFocus, _styledComponents.accordionTokens.accordionItemBorderRadius, _styledComponents.accordionTokens.accordionBackground, _styledComponents.accordionTokens.accordionItemBorderBottom, _styledComponents.accordionTokens.accordionItemPaddingHorizontalLeft)
+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                ",
+        ": 0.125rem;\n                ",
+        ": 20rem;\n                ",
+        ": var(",
+        ") var(",
+        ");\n                ",
+        ": var(--surface-solid-card);\n                ",
+        ": var(--text-primary);\n                ",
+        ": var(--text-primary);\n                ",
+        ": var(--text-accent);\n                ",
+        ": var(--surface-accent);\n                ",
+        ": var(--surface-clear);\n                ",
+        ": 0;\n                ",
+        ": var(",
+        ");\n            "
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject1() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 0;\n                ",
+        ": 20rem;\n                ",
+        ": var(",
+        ") 0rem;\n                ",
+        ": var(--surface-clear);\n                ",
+        ": var(--text-primary);\n                ",
+        ": var(--text-primary);\n                ",
+        ": var(--text-accent);\n                ",
+        ": var(--surface-accent);\n                ",
+        ": 0rem !important;\n                ",
+        ": var(--surface-clear);\n                ",
+        ": 0.125rem solid var(--surface-solid-tertiary);\n                ",
+        ": 0;\n            "
+    ]);
+    _templateObject1 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject2() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 0.5rem;\n                ",
+        ": 0.75rem;\n\n                ",
+        ": 0.375rem;\n                ",
+        ": 0.625rem;\n\n                ",
+        ": var(--plasma-typo-body-m-font-family);\n                ",
+        ": var(--plasma-typo-body-m-font-size);\n                ",
+        ": var(--plasma-typo-body-m-font-style);\n                ",
+        ": var(--plasma-typo-body-m-bold-font-weight);\n                ",
+        ": var(--plasma-typo-body-m-letter-spacing);\n                ",
+        ": var(--plasma-typo-body-m-line-height);\n\n                ",
+        ": var(--plasma-typo-body-m-font-family);\n                ",
+        ": var(--plasma-typo-body-m-font-size);\n                ",
+        ": var(--plasma-typo-body-m-font-style);\n                ",
+        ": var(--plasma-typo-body-m-font-weight);\n                ",
+        ": var(--plasma-typo-body-m-letter-spacing);\n                ",
+        ": var(--plasma-typo-body-m-line-height);\n            "
+    ]);
+    _templateObject2 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+var config = {
+    defaults: {
+        view: 'default',
+        size: 's'
     },
-    size: {
-      s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.5rem;\n                ", ": 0.75rem;\n\n                ", ": 0.375rem;\n                ", ": 0.625rem;\n\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-bold-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n            "])), _styledComponents.accordionTokens.accordionItemPaddingVertical, _styledComponents.accordionTokens.accordionItemPaddingHorizontal, _styledComponents.accordionTokens.accordionItemGap, _styledComponents.accordionTokens.accordionItemBorderRadius, _styledComponents.accordionTokens.accordionItemTitleFontFamily, _styledComponents.accordionTokens.accordionItemTitleFontSize, _styledComponents.accordionTokens.accordionItemTitleFontStyle, _styledComponents.accordionTokens.accordionItemTitleFontWeight, _styledComponents.accordionTokens.accordionItemTitleLetterSpacing, _styledComponents.accordionTokens.accordionItemTitleLineHeight, _styledComponents.accordionTokens.accordionItemTextFontFamily, _styledComponents.accordionTokens.accordionItemTextFontSize, _styledComponents.accordionTokens.accordionItemTextFontStyle, _styledComponents.accordionTokens.accordionItemTextFontWeight, _styledComponents.accordionTokens.accordionItemTextLetterSpacing, _styledComponents.accordionTokens.accordionItemTextLineHeight)
+    variations: {
+        view: {
+            default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.accordionTokens.accordionGap, _styledcomponents.accordionTokens.accordionWidth, _styledcomponents.accordionTokens.accordionItemPadding, _styledcomponents.accordionTokens.accordionItemPaddingVertical, _styledcomponents.accordionTokens.accordionItemPaddingHorizontal, _styledcomponents.accordionTokens.accordionItemBackground, _styledcomponents.accordionTokens.accordionItemTitleColor, _styledcomponents.accordionTokens.accordionItemTextColor, _styledcomponents.accordionTokens.accordionItemIconColor, _styledcomponents.accordionTokens.accordionItemFocus, _styledcomponents.accordionTokens.accordionBackground, _styledcomponents.accordionTokens.accordionItemBorderBottom, _styledcomponents.accordionTokens.accordionItemPaddingHorizontalLeft, _styledcomponents.accordionTokens.accordionItemPaddingHorizontal),
+            clear: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.accordionTokens.accordionGap, _styledcomponents.accordionTokens.accordionWidth, _styledcomponents.accordionTokens.accordionItemPadding, _styledcomponents.accordionTokens.accordionItemPaddingVertical, _styledcomponents.accordionTokens.accordionItemBackground, _styledcomponents.accordionTokens.accordionItemTitleColor, _styledcomponents.accordionTokens.accordionItemTextColor, _styledcomponents.accordionTokens.accordionItemIconColor, _styledcomponents.accordionTokens.accordionItemFocus, _styledcomponents.accordionTokens.accordionItemBorderRadius, _styledcomponents.accordionTokens.accordionBackground, _styledcomponents.accordionTokens.accordionItemBorderBottom, _styledcomponents.accordionTokens.accordionItemPaddingHorizontalLeft)
+        },
+        size: {
+            s: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.accordionTokens.accordionItemPaddingVertical, _styledcomponents.accordionTokens.accordionItemPaddingHorizontal, _styledcomponents.accordionTokens.accordionItemGap, _styledcomponents.accordionTokens.accordionItemBorderRadius, _styledcomponents.accordionTokens.accordionItemTitleFontFamily, _styledcomponents.accordionTokens.accordionItemTitleFontSize, _styledcomponents.accordionTokens.accordionItemTitleFontStyle, _styledcomponents.accordionTokens.accordionItemTitleFontWeight, _styledcomponents.accordionTokens.accordionItemTitleLetterSpacing, _styledcomponents.accordionTokens.accordionItemTitleLineHeight, _styledcomponents.accordionTokens.accordionItemTextFontFamily, _styledcomponents.accordionTokens.accordionItemTextFontSize, _styledcomponents.accordionTokens.accordionItemTextFontStyle, _styledcomponents.accordionTokens.accordionItemTextFontWeight, _styledcomponents.accordionTokens.accordionItemTextLetterSpacing, _styledcomponents.accordionTokens.accordionItemTextLineHeight)
+        }
     }
-  }
-};
+};

package/components/Accordion/Accordion.js

@@ -1,16 +1,22 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.Accordion = void 0;
-Object.defineProperty(exports, "AccordionItem", {
-  enumerable: true,
-  get: function get() {
-    return _styledComponents.AccordionItem;
-  }
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get Accordion () {
+        return Accordion;
+    },
+    get AccordionItem () {
+        return _styledcomponents.AccordionItem;
+    }
 });
-var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
-var _Accordion = /*#__PURE__*/require("./Accordion.config");
-var mergedConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.accordionConfig, _Accordion.config);
-var Accordion = exports.Accordion = /*#__PURE__*/(0, _styledComponents.component)(mergedConfig);
+var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+var _Accordionconfig = require("./Accordion.config");
+var mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.accordionConfig, _Accordionconfig.config);
+var Accordion = (0, _styledcomponents.component)(mergedConfig);

package/components/Accordion/index.js

@@ -1,18 +1,19 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-Object.defineProperty(exports, "Accordion", {
-  enumerable: true,
-  get: function get() {
-    return _Accordion.Accordion;
-  }
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get Accordion () {
+        return _Accordion.Accordion;
+    },
+    get AccordionItem () {
+        return _Accordion.AccordionItem;
+    }
 });
-Object.defineProperty(exports, "AccordionItem", {
-  enumerable: true,
-  get: function get() {
-    return _Accordion.AccordionItem;
-  }
-});
-var _Accordion = /*#__PURE__*/require("./Accordion");
+var _Accordion = require("./Accordion");

package/components/Attach/Attach.config.js

@@ -1,31 +1,272 @@
 "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, _templateObject4, _templateObject5, _templateObject6;
-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: 'accent',
-    helperTextView: 'default',
-    focused: 'true',
-    size: 's'
-  },
-  variations: {
-    view: {
-      accent: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-light-text-accent-minor);\n                ", ": var(--surface-accent);\n                ", ": var(", ");\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--surface-accent-hover);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--surface-accent-active);\n\n                ", ": 0.4;\n                ", ": var(--surface-accent);\n\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": transparent;\n\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--surface-accent);\n                ", ": var(", ");\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--surface-accent-hover);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--surface-accent-active);\n\n                ", ": 0.4;\n                ", ": var(--surface-accent);\n\n                ", ": var(--text-secondary);\n                ", ": var(--surface-clear);\n                ", ": var(", ");\n                ", ": var(--text-secondary-hover);\n                ", ": var(--surface-clear);\n                ", ": var(--text-secondary-active);\n                ", ": var(--surface-clear);\n\n                ", ": 0.4;\n                ", ": var(--surface-accent);\n            "])), _styledComponents.attachTokens.buttonColor, _styledComponents.attachTokens.buttonValueColor, _styledComponents.attachTokens.buttonBackgroundColor, _styledComponents.attachTokens.buttonLoadingBackgroundColor, _styledComponents.attachTokens.buttonBackgroundColor, _styledComponents.attachTokens.buttonColorHover, _styledComponents.attachTokens.buttonBackgroundColorHover, _styledComponents.attachTokens.buttonColorActive, _styledComponents.attachTokens.buttonBackgroundColorActive, _styledComponents.attachTokens.buttonDisabledOpacity, _styledComponents.attachTokens.buttonFocusColor, _styledComponents.attachTokens.cellColor, _styledComponents.attachTokens.cellLabelColor, _styledComponents.attachTokens.cellTitleColor, _styledComponents.attachTokens.cellSubtitleColor, _styledComponents.attachTokens.cellBackgroundColor, _styledComponents.attachTokens.iconButtonColor, _styledComponents.attachTokens.iconButtonBackgroundColor, _styledComponents.attachTokens.iconButtonLoadingBackgroundColor, _styledComponents.attachTokens.iconButtonBackgroundColor, _styledComponents.attachTokens.iconButtonColorHover, _styledComponents.attachTokens.iconButtonBackgroundColorHover, _styledComponents.attachTokens.iconButtonColorActive, _styledComponents.attachTokens.iconButtonBackgroundColorActive, _styledComponents.attachTokens.iconButtonDisabledOpacity, _styledComponents.attachTokens.iconButtonFocusColor, _styledComponents.attachTokens.iconButtonCancelColor, _styledComponents.attachTokens.iconButtonCancelBackgroundColor, _styledComponents.attachTokens.iconButtonCancelLoadingBackgroundColor, _styledComponents.attachTokens.iconButtonCancelBackgroundColor, _styledComponents.attachTokens.iconButtonCancelColorHover, _styledComponents.attachTokens.iconButtonCancelBackgroundColorHover, _styledComponents.attachTokens.iconButtonCancelColorActive, _styledComponents.attachTokens.iconButtonCancelBackgroundColorActive, _styledComponents.attachTokens.iconButtonCancelDisabledOpacity, _styledComponents.attachTokens.iconButtonCancelFocusColor),
-      secondary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-accent);\n                ", ": var(--text-secondary);\n                ", ": var(--surface-solid-primary);\n                ", ": var(", ");\n                ", ": #1A9E32;\n                ", ": var(--surface-solid-primary-hover);\n                ", ": var(--text-accent-active);\n                ", ": var(--surface-solid-primary-active);\n\n                ", ": 0.4;\n                ", ": var(--surface-accent);\n\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": transparent;\n\n                ", ": var(--text-accent);\n                ", ": var(--surface-solid-primary);\n                ", ": var(", ");\n                ", ": #1A9E32;\n                ", ": var(--surface-solid-primary-hover);\n                ", ": #1A9E32;\n                ", ": var(--surface-solid-primary-active);\n\n                ", ": 0.4;\n                ", ": var(--surface-accent);\n\n                ", ": var(--text-secondary);\n                ", ": var(--surface-clear);\n                ", ": var(", ");\n                ", ": var(--text-secondary-hover);\n                ", ": var(--surface-clear);\n                ", ": var(--text-secondary-active);\n                ", ": var(--surface-clear);\n\n                ", ": 0.4;\n                ", ": var(--surface-accent);\n            "])), _styledComponents.attachTokens.buttonColor, _styledComponents.attachTokens.buttonValueColor, _styledComponents.attachTokens.buttonBackgroundColor, _styledComponents.attachTokens.buttonLoadingBackgroundColor, _styledComponents.attachTokens.buttonBackgroundColor, _styledComponents.attachTokens.buttonColorHover, _styledComponents.attachTokens.buttonBackgroundColorHover, _styledComponents.attachTokens.buttonColorActive, _styledComponents.attachTokens.buttonBackgroundColorActive, _styledComponents.attachTokens.buttonDisabledOpacity, _styledComponents.attachTokens.buttonFocusColor, _styledComponents.attachTokens.cellColor, _styledComponents.attachTokens.cellLabelColor, _styledComponents.attachTokens.cellTitleColor, _styledComponents.attachTokens.cellSubtitleColor, _styledComponents.attachTokens.cellBackgroundColor, _styledComponents.attachTokens.iconButtonColor, _styledComponents.attachTokens.iconButtonBackgroundColor, _styledComponents.attachTokens.iconButtonLoadingBackgroundColor, _styledComponents.attachTokens.iconButtonBackgroundColor, _styledComponents.attachTokens.iconButtonColorHover, _styledComponents.attachTokens.iconButtonBackgroundColorHover, _styledComponents.attachTokens.iconButtonColorActive, _styledComponents.attachTokens.iconButtonBackgroundColorActive, _styledComponents.attachTokens.iconButtonDisabledOpacity, _styledComponents.attachTokens.iconButtonFocusColor, _styledComponents.attachTokens.iconButtonCancelColor, _styledComponents.attachTokens.iconButtonCancelBackgroundColor, _styledComponents.attachTokens.iconButtonCancelLoadingBackgroundColor, _styledComponents.attachTokens.iconButtonCancelBackgroundColor, _styledComponents.attachTokens.iconButtonCancelColorHover, _styledComponents.attachTokens.iconButtonCancelBackgroundColorHover, _styledComponents.attachTokens.iconButtonCancelColorActive, _styledComponents.attachTokens.iconButtonCancelBackgroundColorActive, _styledComponents.attachTokens.iconButtonCancelDisabledOpacity, _styledComponents.attachTokens.iconButtonCancelFocusColor),
-      clear: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-accent);\n                ", ": var(--text-accent-minor);\n                ", ": var(--surface-clear);\n                ", ": var(--surface-transparent-accent);\n                ", ": var(--text-accent);\n                ", ": var(--surface-transparent-accent);\n                ", ": var(--text-accent);\n                ", ": var(--surface-clear);\n\n                ", ": 0.4;\n                ", ": var(--surface-accent);\n\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": transparent;\n\n                ", ": var(--text-accent);\n                ", ": var(--surface-clear);\n                ", ": var(--surface-transparent-accent);\n                ", ": var(--text-accent);\n                ", ": var(--surface-transparent-accent);\n                ", ": var(--text-accent);\n                ", ": var(--surface-clear);\n\n                ", ": 0.4;\n                ", ": var(--surface-accent);\n\n                ", ": var(--text-secondary);\n                ", ": var(--surface-clear);\n                ", ": var(", ");\n                ", ": var(--text-secondary-hover);\n                ", ": var(--surface-clear);\n                ", ": var(--text-secondary-active);\n                ", ": var(--surface-clear);\n\n                ", ": 0.4;\n                ", ": var(--surface-accent);\n            "])), _styledComponents.attachTokens.buttonColor, _styledComponents.attachTokens.buttonValueColor, _styledComponents.attachTokens.buttonBackgroundColor, _styledComponents.attachTokens.buttonLoadingBackgroundColor, _styledComponents.attachTokens.buttonColorHover, _styledComponents.attachTokens.buttonBackgroundColorHover, _styledComponents.attachTokens.buttonColorActive, _styledComponents.attachTokens.buttonBackgroundColorActive, _styledComponents.attachTokens.buttonDisabledOpacity, _styledComponents.attachTokens.buttonFocusColor, _styledComponents.attachTokens.cellColor, _styledComponents.attachTokens.cellLabelColor, _styledComponents.attachTokens.cellTitleColor, _styledComponents.attachTokens.cellSubtitleColor, _styledComponents.attachTokens.cellBackgroundColor, _styledComponents.attachTokens.iconButtonColor, _styledComponents.attachTokens.iconButtonBackgroundColor, _styledComponents.attachTokens.iconButtonLoadingBackgroundColor, _styledComponents.attachTokens.iconButtonColorHover, _styledComponents.attachTokens.iconButtonBackgroundColorHover, _styledComponents.attachTokens.iconButtonColorActive, _styledComponents.attachTokens.iconButtonBackgroundColorActive, _styledComponents.attachTokens.iconButtonDisabledOpacity, _styledComponents.attachTokens.iconButtonFocusColor, _styledComponents.attachTokens.iconButtonCancelColor, _styledComponents.attachTokens.iconButtonCancelBackgroundColor, _styledComponents.attachTokens.iconButtonCancelLoadingBackgroundColor, _styledComponents.attachTokens.iconButtonCancelBackgroundColor, _styledComponents.attachTokens.iconButtonCancelColorHover, _styledComponents.attachTokens.iconButtonCancelBackgroundColorHover, _styledComponents.attachTokens.iconButtonCancelColorActive, _styledComponents.attachTokens.iconButtonCancelBackgroundColorActive, _styledComponents.attachTokens.iconButtonCancelDisabledOpacity, _styledComponents.attachTokens.iconButtonCancelFocusColor)
-    },
-    helperTextView: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-secondary);\n            "])), _styledComponents.attachTokens.helperTextColor),
-      negative: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-negative);\n            "])), _styledComponents.attachTokens.helperTextColor)
+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(--on-dark-text-primary);\n                ",
+        ": var(--on-light-text-accent-minor);\n                ",
+        ": var(--surface-accent);\n                ",
+        ": var(",
+        ");\n                ",
+        ": var(--on-dark-text-primary);\n                ",
+        ": var(--surface-accent-hover);\n                ",
+        ": var(--on-dark-text-primary);\n                ",
+        ": var(--surface-accent-active);\n\n                ",
+        ": 0.4;\n                ",
+        ": var(--surface-accent);\n\n                ",
+        ": var(--text-primary);\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-primary);\n                ",
+        ": var(--text-secondary);\n                ",
+        ": transparent;\n\n                ",
+        ": var(--on-dark-text-primary);\n                ",
+        ": var(--surface-accent);\n                ",
+        ": var(",
+        ");\n                ",
+        ": var(--on-dark-text-primary);\n                ",
+        ": var(--surface-accent-hover);\n                ",
+        ": var(--on-dark-text-primary);\n                ",
+        ": var(--surface-accent-active);\n\n                ",
+        ": 0.4;\n                ",
+        ": var(--surface-accent);\n\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--surface-clear);\n                ",
+        ": var(",
+        ");\n                ",
+        ": var(--text-secondary-hover);\n                ",
+        ": var(--surface-clear);\n                ",
+        ": var(--text-secondary-active);\n                ",
+        ": var(--surface-clear);\n\n                ",
+        ": 0.4;\n                ",
+        ": var(--surface-accent);\n            "
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject1() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--text-accent);\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--surface-solid-primary);\n                ",
+        ": var(",
+        ");\n                ",
+        ": #1A9E32;\n                ",
+        ": var(--surface-solid-primary-hover);\n                ",
+        ": var(--text-accent-active);\n                ",
+        ": var(--surface-solid-primary-active);\n\n                ",
+        ": 0.4;\n                ",
+        ": var(--surface-accent);\n\n                ",
+        ": var(--text-primary);\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-primary);\n                ",
+        ": var(--text-secondary);\n                ",
+        ": transparent;\n\n                ",
+        ": var(--text-accent);\n                ",
+        ": var(--surface-solid-primary);\n                ",
+        ": var(",
+        ");\n                ",
+        ": #1A9E32;\n                ",
+        ": var(--surface-solid-primary-hover);\n                ",
+        ": #1A9E32;\n                ",
+        ": var(--surface-solid-primary-active);\n\n                ",
+        ": 0.4;\n                ",
+        ": var(--surface-accent);\n\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--surface-clear);\n                ",
+        ": var(",
+        ");\n                ",
+        ": var(--text-secondary-hover);\n                ",
+        ": var(--surface-clear);\n                ",
+        ": var(--text-secondary-active);\n                ",
+        ": var(--surface-clear);\n\n                ",
+        ": 0.4;\n                ",
+        ": var(--surface-accent);\n            "
+    ]);
+    _templateObject1 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject2() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--text-accent);\n                ",
+        ": var(--text-accent-minor);\n                ",
+        ": var(--surface-clear);\n                ",
+        ": var(--surface-transparent-accent);\n                ",
+        ": var(--text-accent);\n                ",
+        ": var(--surface-transparent-accent);\n                ",
+        ": var(--text-accent);\n                ",
+        ": var(--surface-clear);\n\n                ",
+        ": 0.4;\n                ",
+        ": var(--surface-accent);\n\n                ",
+        ": var(--text-primary);\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-primary);\n                ",
+        ": var(--text-secondary);\n                ",
+        ": transparent;\n\n                ",
+        ": var(--text-accent);\n                ",
+        ": var(--surface-clear);\n                ",
+        ": var(--surface-transparent-accent);\n                ",
+        ": var(--text-accent);\n                ",
+        ": var(--surface-transparent-accent);\n                ",
+        ": var(--text-accent);\n                ",
+        ": var(--surface-clear);\n\n                ",
+        ": 0.4;\n                ",
+        ": var(--surface-accent);\n\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--surface-clear);\n                ",
+        ": var(",
+        ");\n                ",
+        ": var(--text-secondary-hover);\n                ",
+        ": var(--surface-clear);\n                ",
+        ": var(--text-secondary-active);\n                ",
+        ": var(--surface-clear);\n\n                ",
+        ": 0.4;\n                ",
+        ": var(--surface-accent);\n            "
+    ]);
+    _templateObject2 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject3() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--text-secondary);\n            "
+    ]);
+    _templateObject3 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject4() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--text-negative);\n            "
+    ]);
+    _templateObject4 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject5() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 1rem;\n                ",
+        ": 0.375rem;\n                ",
+        ": 1.5rem;\n\n                ",
+        ": 2.5rem;\n                ",
+        ": 11.25rem;\n                ",
+        ": 1rem;\n                ",
+        ": 0.625rem;\n                ",
+        ": var(--plasma-typo-body-m-font-family);\n                ",
+        ": var(--plasma-typo-body-m-font-size);\n                ",
+        ": var(--plasma-typo-body-m-font-style);\n                ",
+        ": var(--plasma-typo-body-m-bold-font-weight);\n                ",
+        ": var(--plasma-typo-body-m-letter-spacing);\n                ",
+        ": var(--plasma-typo-body-m-line-height);\n\n                ",
+        ": 1.375rem;\n                ",
+        ": inherit;\n\n                ",
+        ": 0 0.25rem 0 -0.125rem;\n                ",
+        ": 0 -0.125rem 0 0.25rem;\n                ",
+        ": 0 0 0 0.25rem;\n\n                ",
+        ": fit-content;\n\n                ",
+        ": 0rem;\n                ",
+        ": 0rem;\n                ",
+        ": 0rem;\n                ",
+        ": 0rem;\n\n                ",
+        ": 0.125rem;\n                ",
+        ": 0.375rem;\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\n                ",
+        ": var(--plasma-typo-body-m-font-family);\n                ",
+        ": var(--plasma-typo-body-m-font-size);\n                ",
+        ": var(--plasma-typo-body-m-font-style);\n                ",
+        ": var(--plasma-typo-body-m-font-weight);\n                ",
+        ": var(--plasma-typo-body-m-letter-spacing);\n                ",
+        ": var(--plasma-typo-body-m-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\n                ",
+        ": 2.5rem;\n                ",
+        ": 2.5rem;\n                ",
+        ": 1rem;\n                ",
+        ": 0.625rem;\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-bold-font-weight);\n                ",
+        ": var(--plasma-typo-body-s-letter-spacing);\n                ",
+        ": var(--plasma-typo-body-s-line-height);\n\n                ",
+        ": 1.375rem;\n                ",
+        ": inherit;\n\n                ",
+        ": 2rem;\n                ",
+        ": 2rem;\n                ",
+        ": 0.75rem;\n                ",
+        ": 0.5rem;\n                ",
+        ": var(--plasma-typo-body-xs-font-family);\n                ",
+        ": var(--plasma-typo-body-xs-font-size);\n                ",
+        ": var(--plasma-typo-body-xs-font-style);\n                ",
+        ": var(--plasma-typo-body-xs-bold-font-weight);\n                ",
+        ": var(--plasma-typo-body-xs-letter-spacing);\n                ",
+        ": var(--plasma-typo-body-xs-line-height);\n\n                ",
+        ": 1rem;\n                ",
+        ": inherit;\n            "
+    ]);
+    _templateObject5 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+var config = {
+    defaults: {
+        view: 'accent',
+        helperTextView: 'default',
+        focused: 'true',
+        size: 's'
     },
-    size: {
-      s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1rem;\n                ", ": 0.375rem;\n                ", ": 1.5rem;\n\n                ", ": 2.5rem;\n                ", ": 11.25rem;\n                ", ": 1rem;\n                ", ": 0.625rem;\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-bold-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": 1.375rem;\n                ", ": inherit;\n\n                ", ": 0 0.25rem 0 -0.125rem;\n                ", ": 0 -0.125rem 0 0.25rem;\n                ", ": 0 0 0 0.25rem;\n\n                ", ": fit-content;\n\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0rem;\n\n                ", ": 0.125rem;\n                ", ": 0.375rem;\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\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-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\n                ", ": 2.5rem;\n                ", ": 2.5rem;\n                ", ": 1rem;\n                ", ": 0.625rem;\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-bold-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": 1.375rem;\n                ", ": inherit;\n\n                ", ": 2rem;\n                ", ": 2rem;\n                ", ": 0.75rem;\n                ", ": 0.5rem;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-bold-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 1rem;\n                ", ": inherit;\n            "])), _styledComponents.attachTokens.horizontalGap, _styledComponents.attachTokens.verticalGap, _styledComponents.attachTokens.verticalGapWithHelperText, _styledComponents.attachTokens.buttonHeight, _styledComponents.attachTokens.buttonWidth, _styledComponents.attachTokens.buttonPadding, _styledComponents.attachTokens.buttonRadius, _styledComponents.attachTokens.buttonFontFamily, _styledComponents.attachTokens.buttonFontSize, _styledComponents.attachTokens.buttonFontStyle, _styledComponents.attachTokens.buttonFontWeight, _styledComponents.attachTokens.buttonLetterSpacing, _styledComponents.attachTokens.buttonLineHeight, _styledComponents.attachTokens.buttonSpinnerSize, _styledComponents.attachTokens.buttonSpinnerColor, _styledComponents.attachTokens.buttonLeftContentMargin, _styledComponents.attachTokens.buttonRightContentMargin, _styledComponents.attachTokens.buttonValueMargin, _styledComponents.attachTokens.cellWidth, _styledComponents.attachTokens.cellPadding, _styledComponents.attachTokens.cellPaddingLeftContent, _styledComponents.attachTokens.cellPaddingContent, _styledComponents.attachTokens.cellPaddingRightContent, _styledComponents.attachTokens.cellTextboxGap, _styledComponents.attachTokens.cellGap, _styledComponents.attachTokens.cellLabelFontFamily, _styledComponents.attachTokens.cellLabelFontSize, _styledComponents.attachTokens.cellLabelFontStyle, _styledComponents.attachTokens.cellLabelFontWeight, _styledComponents.attachTokens.cellLabelLetterSpacing, _styledComponents.attachTokens.cellLabelLineHeight, _styledComponents.attachTokens.cellTitleFontFamily, _styledComponents.attachTokens.cellTitleFontSize, _styledComponents.attachTokens.cellTitleFontStyle, _styledComponents.attachTokens.cellTitleFontWeight, _styledComponents.attachTokens.cellTitleLetterSpacing, _styledComponents.attachTokens.cellTitleLineHeight, _styledComponents.attachTokens.cellSubtitleFontFamily, _styledComponents.attachTokens.cellSubtitleFontSize, _styledComponents.attachTokens.cellSubtitleFontStyle, _styledComponents.attachTokens.cellSubtitleFontWeight, _styledComponents.attachTokens.cellSubtitleLetterSpacing, _styledComponents.attachTokens.cellSubtitleLineHeight, _styledComponents.attachTokens.iconButtonHeight, _styledComponents.attachTokens.iconButtonWidth, _styledComponents.attachTokens.iconButtonPadding, _styledComponents.attachTokens.iconButtonRadius, _styledComponents.attachTokens.iconButtonFontFamily, _styledComponents.attachTokens.iconButtonFontSize, _styledComponents.attachTokens.iconButtonFontStyle, _styledComponents.attachTokens.iconButtonFontWeight, _styledComponents.attachTokens.iconButtonLetterSpacing, _styledComponents.attachTokens.iconButtonLineHeight, _styledComponents.attachTokens.iconButtonSpinnerSize, _styledComponents.attachTokens.iconButtonSpinnerColor, _styledComponents.attachTokens.iconButtonCancelHeight, _styledComponents.attachTokens.iconButtonCancelWidth, _styledComponents.attachTokens.iconButtonCancelPadding, _styledComponents.attachTokens.iconButtonCancelRadius, _styledComponents.attachTokens.iconButtonCancelFontFamily, _styledComponents.attachTokens.iconButtonCancelFontSize, _styledComponents.attachTokens.iconButtonCancelFontStyle, _styledComponents.attachTokens.iconButtonCancelFontWeight, _styledComponents.attachTokens.iconButtonCancelLetterSpacing, _styledComponents.attachTokens.iconButtonCancelLineHeight, _styledComponents.attachTokens.iconButtonCancelSpinnerSize, _styledComponents.attachTokens.iconButtonCancelSpinnerColor)
+    variations: {
+        view: {
+            accent: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.attachTokens.buttonColor, _styledcomponents.attachTokens.buttonValueColor, _styledcomponents.attachTokens.buttonBackgroundColor, _styledcomponents.attachTokens.buttonLoadingBackgroundColor, _styledcomponents.attachTokens.buttonBackgroundColor, _styledcomponents.attachTokens.buttonColorHover, _styledcomponents.attachTokens.buttonBackgroundColorHover, _styledcomponents.attachTokens.buttonColorActive, _styledcomponents.attachTokens.buttonBackgroundColorActive, _styledcomponents.attachTokens.buttonDisabledOpacity, _styledcomponents.attachTokens.buttonFocusColor, _styledcomponents.attachTokens.cellColor, _styledcomponents.attachTokens.cellLabelColor, _styledcomponents.attachTokens.cellTitleColor, _styledcomponents.attachTokens.cellSubtitleColor, _styledcomponents.attachTokens.cellBackgroundColor, _styledcomponents.attachTokens.iconButtonColor, _styledcomponents.attachTokens.iconButtonBackgroundColor, _styledcomponents.attachTokens.iconButtonLoadingBackgroundColor, _styledcomponents.attachTokens.iconButtonBackgroundColor, _styledcomponents.attachTokens.iconButtonColorHover, _styledcomponents.attachTokens.iconButtonBackgroundColorHover, _styledcomponents.attachTokens.iconButtonColorActive, _styledcomponents.attachTokens.iconButtonBackgroundColorActive, _styledcomponents.attachTokens.iconButtonDisabledOpacity, _styledcomponents.attachTokens.iconButtonFocusColor, _styledcomponents.attachTokens.iconButtonCancelColor, _styledcomponents.attachTokens.iconButtonCancelBackgroundColor, _styledcomponents.attachTokens.iconButtonCancelLoadingBackgroundColor, _styledcomponents.attachTokens.iconButtonCancelBackgroundColor, _styledcomponents.attachTokens.iconButtonCancelColorHover, _styledcomponents.attachTokens.iconButtonCancelBackgroundColorHover, _styledcomponents.attachTokens.iconButtonCancelColorActive, _styledcomponents.attachTokens.iconButtonCancelBackgroundColorActive, _styledcomponents.attachTokens.iconButtonCancelDisabledOpacity, _styledcomponents.attachTokens.iconButtonCancelFocusColor),
+            secondary: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.attachTokens.buttonColor, _styledcomponents.attachTokens.buttonValueColor, _styledcomponents.attachTokens.buttonBackgroundColor, _styledcomponents.attachTokens.buttonLoadingBackgroundColor, _styledcomponents.attachTokens.buttonBackgroundColor, _styledcomponents.attachTokens.buttonColorHover, _styledcomponents.attachTokens.buttonBackgroundColorHover, _styledcomponents.attachTokens.buttonColorActive, _styledcomponents.attachTokens.buttonBackgroundColorActive, _styledcomponents.attachTokens.buttonDisabledOpacity, _styledcomponents.attachTokens.buttonFocusColor, _styledcomponents.attachTokens.cellColor, _styledcomponents.attachTokens.cellLabelColor, _styledcomponents.attachTokens.cellTitleColor, _styledcomponents.attachTokens.cellSubtitleColor, _styledcomponents.attachTokens.cellBackgroundColor, _styledcomponents.attachTokens.iconButtonColor, _styledcomponents.attachTokens.iconButtonBackgroundColor, _styledcomponents.attachTokens.iconButtonLoadingBackgroundColor, _styledcomponents.attachTokens.iconButtonBackgroundColor, _styledcomponents.attachTokens.iconButtonColorHover, _styledcomponents.attachTokens.iconButtonBackgroundColorHover, _styledcomponents.attachTokens.iconButtonColorActive, _styledcomponents.attachTokens.iconButtonBackgroundColorActive, _styledcomponents.attachTokens.iconButtonDisabledOpacity, _styledcomponents.attachTokens.iconButtonFocusColor, _styledcomponents.attachTokens.iconButtonCancelColor, _styledcomponents.attachTokens.iconButtonCancelBackgroundColor, _styledcomponents.attachTokens.iconButtonCancelLoadingBackgroundColor, _styledcomponents.attachTokens.iconButtonCancelBackgroundColor, _styledcomponents.attachTokens.iconButtonCancelColorHover, _styledcomponents.attachTokens.iconButtonCancelBackgroundColorHover, _styledcomponents.attachTokens.iconButtonCancelColorActive, _styledcomponents.attachTokens.iconButtonCancelBackgroundColorActive, _styledcomponents.attachTokens.iconButtonCancelDisabledOpacity, _styledcomponents.attachTokens.iconButtonCancelFocusColor),
+            clear: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.attachTokens.buttonColor, _styledcomponents.attachTokens.buttonValueColor, _styledcomponents.attachTokens.buttonBackgroundColor, _styledcomponents.attachTokens.buttonLoadingBackgroundColor, _styledcomponents.attachTokens.buttonColorHover, _styledcomponents.attachTokens.buttonBackgroundColorHover, _styledcomponents.attachTokens.buttonColorActive, _styledcomponents.attachTokens.buttonBackgroundColorActive, _styledcomponents.attachTokens.buttonDisabledOpacity, _styledcomponents.attachTokens.buttonFocusColor, _styledcomponents.attachTokens.cellColor, _styledcomponents.attachTokens.cellLabelColor, _styledcomponents.attachTokens.cellTitleColor, _styledcomponents.attachTokens.cellSubtitleColor, _styledcomponents.attachTokens.cellBackgroundColor, _styledcomponents.attachTokens.iconButtonColor, _styledcomponents.attachTokens.iconButtonBackgroundColor, _styledcomponents.attachTokens.iconButtonLoadingBackgroundColor, _styledcomponents.attachTokens.iconButtonColorHover, _styledcomponents.attachTokens.iconButtonBackgroundColorHover, _styledcomponents.attachTokens.iconButtonColorActive, _styledcomponents.attachTokens.iconButtonBackgroundColorActive, _styledcomponents.attachTokens.iconButtonDisabledOpacity, _styledcomponents.attachTokens.iconButtonFocusColor, _styledcomponents.attachTokens.iconButtonCancelColor, _styledcomponents.attachTokens.iconButtonCancelBackgroundColor, _styledcomponents.attachTokens.iconButtonCancelLoadingBackgroundColor, _styledcomponents.attachTokens.iconButtonCancelBackgroundColor, _styledcomponents.attachTokens.iconButtonCancelColorHover, _styledcomponents.attachTokens.iconButtonCancelBackgroundColorHover, _styledcomponents.attachTokens.iconButtonCancelColorActive, _styledcomponents.attachTokens.iconButtonCancelBackgroundColorActive, _styledcomponents.attachTokens.iconButtonCancelDisabledOpacity, _styledcomponents.attachTokens.iconButtonCancelFocusColor)
+        },
+        helperTextView: {
+            default: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.attachTokens.helperTextColor),
+            negative: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.attachTokens.helperTextColor)
+        },
+        size: {
+            s: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.attachTokens.horizontalGap, _styledcomponents.attachTokens.verticalGap, _styledcomponents.attachTokens.verticalGapWithHelperText, _styledcomponents.attachTokens.buttonHeight, _styledcomponents.attachTokens.buttonWidth, _styledcomponents.attachTokens.buttonPadding, _styledcomponents.attachTokens.buttonRadius, _styledcomponents.attachTokens.buttonFontFamily, _styledcomponents.attachTokens.buttonFontSize, _styledcomponents.attachTokens.buttonFontStyle, _styledcomponents.attachTokens.buttonFontWeight, _styledcomponents.attachTokens.buttonLetterSpacing, _styledcomponents.attachTokens.buttonLineHeight, _styledcomponents.attachTokens.buttonSpinnerSize, _styledcomponents.attachTokens.buttonSpinnerColor, _styledcomponents.attachTokens.buttonLeftContentMargin, _styledcomponents.attachTokens.buttonRightContentMargin, _styledcomponents.attachTokens.buttonValueMargin, _styledcomponents.attachTokens.cellWidth, _styledcomponents.attachTokens.cellPadding, _styledcomponents.attachTokens.cellPaddingLeftContent, _styledcomponents.attachTokens.cellPaddingContent, _styledcomponents.attachTokens.cellPaddingRightContent, _styledcomponents.attachTokens.cellTextboxGap, _styledcomponents.attachTokens.cellGap, _styledcomponents.attachTokens.cellLabelFontFamily, _styledcomponents.attachTokens.cellLabelFontSize, _styledcomponents.attachTokens.cellLabelFontStyle, _styledcomponents.attachTokens.cellLabelFontWeight, _styledcomponents.attachTokens.cellLabelLetterSpacing, _styledcomponents.attachTokens.cellLabelLineHeight, _styledcomponents.attachTokens.cellTitleFontFamily, _styledcomponents.attachTokens.cellTitleFontSize, _styledcomponents.attachTokens.cellTitleFontStyle, _styledcomponents.attachTokens.cellTitleFontWeight, _styledcomponents.attachTokens.cellTitleLetterSpacing, _styledcomponents.attachTokens.cellTitleLineHeight, _styledcomponents.attachTokens.cellSubtitleFontFamily, _styledcomponents.attachTokens.cellSubtitleFontSize, _styledcomponents.attachTokens.cellSubtitleFontStyle, _styledcomponents.attachTokens.cellSubtitleFontWeight, _styledcomponents.attachTokens.cellSubtitleLetterSpacing, _styledcomponents.attachTokens.cellSubtitleLineHeight, _styledcomponents.attachTokens.iconButtonHeight, _styledcomponents.attachTokens.iconButtonWidth, _styledcomponents.attachTokens.iconButtonPadding, _styledcomponents.attachTokens.iconButtonRadius, _styledcomponents.attachTokens.iconButtonFontFamily, _styledcomponents.attachTokens.iconButtonFontSize, _styledcomponents.attachTokens.iconButtonFontStyle, _styledcomponents.attachTokens.iconButtonFontWeight, _styledcomponents.attachTokens.iconButtonLetterSpacing, _styledcomponents.attachTokens.iconButtonLineHeight, _styledcomponents.attachTokens.iconButtonSpinnerSize, _styledcomponents.attachTokens.iconButtonSpinnerColor, _styledcomponents.attachTokens.iconButtonCancelHeight, _styledcomponents.attachTokens.iconButtonCancelWidth, _styledcomponents.attachTokens.iconButtonCancelPadding, _styledcomponents.attachTokens.iconButtonCancelRadius, _styledcomponents.attachTokens.iconButtonCancelFontFamily, _styledcomponents.attachTokens.iconButtonCancelFontSize, _styledcomponents.attachTokens.iconButtonCancelFontStyle, _styledcomponents.attachTokens.iconButtonCancelFontWeight, _styledcomponents.attachTokens.iconButtonCancelLetterSpacing, _styledcomponents.attachTokens.iconButtonCancelLineHeight, _styledcomponents.attachTokens.iconButtonCancelSpinnerSize, _styledcomponents.attachTokens.iconButtonCancelSpinnerColor)
+        }
     }
-  }
-};
+};

package/components/Attach/Attach.js

@@ -1,14 +1,14 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.Attach = void 0;
-var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
-var _Attach = /*#__PURE__*/require("./Attach.config");
-var mergedConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.attachConfig, _Attach.config);
-
-/**
- * Компонент, позволяющий прикрепить локальный файл
- */
-var Attach = exports.Attach = /*#__PURE__*/(0, _styledComponents.component)(mergedConfig);
+Object.defineProperty(exports, "Attach", {
+    enumerable: true,
+    get: function() {
+        return Attach;
+    }
+});
+var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+var _Attachconfig = require("./Attach.config");
+var mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.attachConfig, _Attachconfig.config);
+var Attach = (0, _styledcomponents.component)(mergedConfig);

package/components/Attach/index.js

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