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

package/components/Table/Table.config.js

@@ -1,26 +1,262 @@
 "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;
-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                ", ": #ddd;\n            "])), _styledComponents.tableTokens.borderColor),
-      clear: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": transparent;\n            "])), _styledComponents.tableTokens.borderColor)
+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                ",
+        ": #ddd;\n            "
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject1() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": transparent;\n            "
+    ]);
+    _templateObject1 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject2() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--plasma-typo-body-l-font-family);\n                ",
+        ": var(--plasma-typo-body-l-font-size);\n                ",
+        ": var(--plasma-typo-body-l-font-style);\n                ",
+        ": var(--plasma-typo-body-l-font-weight);\n                ",
+        ": var(--plasma-typo-body-l-letter-spacing);\n                ",
+        ": var(--plasma-typo-body-l-line-height);\n\n                ",
+        ": 3.125rem;\n                ",
+        ": 3.125rem;\n                ",
+        ": 0.375rem 1rem;\n                ",
+        ": 0.375rem 1rem;\n                ",
+        ": 0.125rem;\n                ",
+        ": transparent;\n                ",
+        ": 1.25rem;\n                ",
+        ": 0.375rem;\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-accent);\n                ",
+        ": var(--on-dark-text-primary);\n\n                ",
+        ": 0.5rem;\n                ",
+        ": 3rem;\n                ",
+        ": 100%;\n                ",
+        ": 0.25rem;\n                ",
+        ": 0.875rem;\n                ",
+        ": 0 0.75rem;\n\n                ",
+        ": var(--surface-transparent-tertiary);\n\n                ",
+        ": 0.75rem 0;\n                ",
+        ": 0.375rem 0.75rem;\n\n                ",
+        ": 2.5rem;\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                ",
+        ": 0.125rem;\n                ",
+        ": 0.875rem;\n                ",
+        ": 1.5rem;\n                ",
+        ": 0.75rem 0.75rem 0.75rem 0.875rem;\n                ",
+        ": 0.75rem;\n                ",
+        ": 0 0.375rem 0 0;\n                ",
+        ": 1.5rem;\n                ",
+        ": 0;\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                ",
+        ": 1.25rem;\n                ",
+        ": 0.375rem;\n                ",
+        ": 0.125rem;\n                ",
+        ": transparent;\n                ",
+        ": 0.5rem 0.875rem;\n                ",
+        ": 0.5rem;\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-bold-font-weight);\n                ",
+        ": var(--plasma-typo-body-s-letter-spacing);\n                ",
+        ": var(--plasma-typo-body-s-line-height);\n            "
+    ]);
+    _templateObject2 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject3() {
+    var data = _tagged_template_literal([
+        "\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                ",
+        ": 2.75rem;\n                ",
+        ": 2.75rem;\n                ",
+        ": 0.25rem 0.875rem;\n                ",
+        ": 0.25rem 0.75rem;\n                ",
+        ": 0.125rem;\n                ",
+        ": transparent;\n                ",
+        ": 1.25rem;\n                ",
+        ": 0.375rem;\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-accent);\n                ",
+        ": var(--on-dark-text-primary);\n\n                ",
+        ": 0.375rem;\n                ",
+        ": 2.5rem;\n                ",
+        ": 100%;\n                ",
+        ": 0.25rem;\n                ",
+        ": 0.625rem;\n                ",
+        ": 0 0.625rem;\n\n                ",
+        ": var(--surface-transparent-tertiary);\n\n                ",
+        ": 0.5rem 0;\n                ",
+        ": 0.375rem 0.75rem;\n\n                ",
+        ": 2rem;\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                ",
+        ": 0.125rem;\n                ",
+        ": 0.75rem;\n                ",
+        ": 1.5rem;\n                ",
+        ": 0.5rem 0.75rem 0.5rem 0.625rem;\n                ",
+        ": 0.625rem;\n                ",
+        ": 0 0.375rem 0 0;\n                ",
+        ": 1.5rem;\n                ",
+        ": 0;\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                ",
+        ": 1.25rem;\n                ",
+        ": 0.375rem;\n                ",
+        ": 0.125rem;\n                ",
+        ": transparent;\n                ",
+        ": 0.25rem 0.75rem;\n                ",
+        ": 0.625rem;\n\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            "
+    ]);
+    _templateObject3 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject4() {
+    var data = _tagged_template_literal([
+        "\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.125rem;\n                ",
+        ": 2.125rem;\n                ",
+        ": 0.125rem 0.5rem;\n                ",
+        ": 0.125rem 0.625rem;\n                ",
+        ": 0.125rem;\n                ",
+        ": transparent;\n                ",
+        ": 0.875rem;\n                ",
+        ": 0.25rem;\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-accent);\n                ",
+        ": var(--on-dark-text-primary);\n\n                ",
+        ": 0.25rem;\n                ",
+        ": 2rem;\n                ",
+        ": 100%;\n                ",
+        ": 0.125rem;\n                ",
+        ": 0.5rem;\n                ",
+        ": 0 0.375rem;\n\n                ",
+        ": var(--surface-transparent-tertiary);\n\n                ",
+        ": 0.5rem 0;\n                ",
+        ": 0.25rem 0.5rem;\n\n                ",
+        ": 1.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                ",
+        ": 0.125rem;\n                ",
+        ": 0.625rem;\n                ",
+        ": 1rem;\n                ",
+        ": 0.5rem 0.5rem 0.5rem 0.375rem;\n                ",
+        ": 0.5rem;\n                ",
+        ": 0 0.25rem 0 0;\n                ",
+        ": 1rem;\n                ",
+        ": 0;\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-font-weight);\n                ",
+        ": var(--plasma-typo-body-xs-letter-spacing);\n                ",
+        ": var(--plasma-typo-body-xs-line-height);\n                ",
+        ": 0.875rem;\n                ",
+        ": 0.25rem;\n                ",
+        ": 0.125rem;\n                ",
+        ": transparent;\n                ",
+        ": 0.25rem 0.5rem;\n                ",
+        ": 0.25rem;\n\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            "
+    ]);
+    _templateObject4 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+var config = {
+    defaults: {
+        view: 'default',
+        size: 'm'
     },
-    size: {
-      l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": 3.125rem;\n                ", ": 3.125rem;\n                ", ": 0.375rem 1rem;\n                ", ": 0.375rem 1rem;\n                ", ": 0.125rem;\n                ", ": transparent;\n                ", ": 1.25rem;\n                ", ": 0.375rem;\n                ", ": var(--text-secondary);\n                ", ": var(--text-accent);\n                ", ": var(--on-dark-text-primary);\n\n                ", ": 0.5rem;\n                ", ": 3rem;\n                ", ": 100%;\n                ", ": 0.25rem;\n                ", ": 0.875rem;\n                ", ": 0 0.75rem;\n\n                ", ": var(--surface-transparent-tertiary);\n\n                ", ": 0.75rem 0;\n                ", ": 0.375rem 0.75rem;\n\n                ", ": 2.5rem;\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                ", ": 0.125rem;\n                ", ": 0.875rem;\n                ", ": 1.5rem;\n                ", ": 0.75rem 0.75rem 0.75rem 0.875rem;\n                ", ": 0.75rem;\n                ", ": 0 0.375rem 0 0;\n                ", ": 1.5rem;\n                ", ": 0;\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                ", ": 1.25rem;\n                ", ": 0.375rem;\n                ", ": 0.125rem;\n                ", ": transparent;\n                ", ": 0.5rem 0.875rem;\n                ", ": 0.5rem;\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-bold-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n            "])), _styledComponents.tableTokens.fontFamily, _styledComponents.tableTokens.fontSize, _styledComponents.tableTokens.fontStyle, _styledComponents.tableTokens.fontWeight, _styledComponents.tableTokens.letterSpacing, _styledComponents.tableTokens.lineHeight, _styledComponents.tableTokens.headerRowHeight, _styledComponents.tableTokens.rowHeight, _styledComponents.tableTokens.cellPadding, _styledComponents.tableTokens.checkboxCellPadding, _styledComponents.tableTokens.checkboxTriggerBorderWidth, _styledComponents.tableTokens.checkboxTriggerBorderCheckedColor, _styledComponents.tableTokens.checkboxTriggerSize, _styledComponents.tableTokens.checkboxTriggerBorderRadius, _styledComponents.tableTokens.checkboxTriggerBorderColor, _styledComponents.tableTokens.checkboxFillColor, _styledComponents.tableTokens.checkboxTriggerIconColor, _styledComponents.tableTokens.editableCellIconGap, _styledComponents.tableTokens.editableCellIconButtonWidth, _styledComponents.tableTokens.editableCellIconButtonHeight, _styledComponents.tableTokens.editableCellPadding, _styledComponents.tableTokens.editableCellInputBorderRadius, _styledComponents.tableTokens.editableCellInputPadding, _styledComponents.tableTokens.editableCellInputBackground, _styledComponents.tableTokens.filterCheckboxPadding, _styledComponents.tableTokens.filterDividerMargin, _styledComponents.tableTokens.buttonHeight, _styledComponents.tableTokens.buttonFontFamily, _styledComponents.tableTokens.buttonFontSize, _styledComponents.tableTokens.buttonFontStyle, _styledComponents.tableTokens.buttonFontWeight, _styledComponents.tableTokens.buttonLetterSpacing, _styledComponents.tableTokens.buttonLineHeight, _styledComponents.tableTokens.selectPadding, _styledComponents.tableTokens.selectBorderRadius, _styledComponents.tableTokens.selectItemHeight, _styledComponents.tableTokens.selectItemPadding, _styledComponents.tableTokens.selectItemBorderRadius, _styledComponents.tableTokens.selectItemIconMargin, _styledComponents.tableTokens.selectItemIconSize, _styledComponents.tableTokens.selectCellPadding, _styledComponents.tableTokens.selectCellTitleFontFamily, _styledComponents.tableTokens.selectCellTitleFontSize, _styledComponents.tableTokens.selectCellTitleFontStyle, _styledComponents.tableTokens.selectCellTitleFontWeight, _styledComponents.tableTokens.selectCellTitleLetterSpacing, _styledComponents.tableTokens.selectCellTitleLineHeight, _styledComponents.tableTokens.selectCheckboxTriggerSize, _styledComponents.tableTokens.selectCheckboxTriggerBorderRadius, _styledComponents.tableTokens.selectCheckboxTriggerBorderWidth, _styledComponents.tableTokens.selectCheckboxTriggerBorderCheckedColor, _styledComponents.tableTokens.selectControlPanelPadding, _styledComponents.tableTokens.selectControlPanelGap, _styledComponents.tableTokens.linkButtonFontFamily, _styledComponents.tableTokens.linkButtonFontSize, _styledComponents.tableTokens.linkButtonFontStyle, _styledComponents.tableTokens.linkButtonFontWeight, _styledComponents.tableTokens.linkButtonLetterSpacing, _styledComponents.tableTokens.linkButtonLineHeight),
-      m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\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                ", ": 2.75rem;\n                ", ": 2.75rem;\n                ", ": 0.25rem 0.875rem;\n                ", ": 0.25rem 0.75rem;\n                ", ": 0.125rem;\n                ", ": transparent;\n                ", ": 1.25rem;\n                ", ": 0.375rem;\n                ", ": var(--text-secondary);\n                ", ": var(--text-accent);\n                ", ": var(--on-dark-text-primary);\n\n                ", ": 0.375rem;\n                ", ": 2.5rem;\n                ", ": 100%;\n                ", ": 0.25rem;\n                ", ": 0.625rem;\n                ", ": 0 0.625rem;\n\n                ", ": var(--surface-transparent-tertiary);\n\n                ", ": 0.5rem 0;\n                ", ": 0.375rem 0.75rem;\n\n                ", ": 2rem;\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                ", ": 0.125rem;\n                ", ": 0.75rem;\n                ", ": 1.5rem;\n                ", ": 0.5rem 0.75rem 0.5rem 0.625rem;\n                ", ": 0.625rem;\n                ", ": 0 0.375rem 0 0;\n                ", ": 1.5rem;\n                ", ": 0;\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                ", ": 1.25rem;\n                ", ": 0.375rem;\n                ", ": 0.125rem;\n                ", ": transparent;\n                ", ": 0.25rem 0.75rem;\n                ", ": 0.625rem;\n\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            "])), _styledComponents.tableTokens.fontFamily, _styledComponents.tableTokens.fontSize, _styledComponents.tableTokens.fontStyle, _styledComponents.tableTokens.fontWeight, _styledComponents.tableTokens.letterSpacing, _styledComponents.tableTokens.lineHeight, _styledComponents.tableTokens.headerRowHeight, _styledComponents.tableTokens.rowHeight, _styledComponents.tableTokens.cellPadding, _styledComponents.tableTokens.checkboxCellPadding, _styledComponents.tableTokens.checkboxTriggerBorderWidth, _styledComponents.tableTokens.checkboxTriggerBorderCheckedColor, _styledComponents.tableTokens.checkboxTriggerSize, _styledComponents.tableTokens.checkboxTriggerBorderRadius, _styledComponents.tableTokens.checkboxTriggerBorderColor, _styledComponents.tableTokens.checkboxFillColor, _styledComponents.tableTokens.checkboxTriggerIconColor, _styledComponents.tableTokens.editableCellIconGap, _styledComponents.tableTokens.editableCellIconButtonWidth, _styledComponents.tableTokens.editableCellIconButtonHeight, _styledComponents.tableTokens.editableCellPadding, _styledComponents.tableTokens.editableCellInputBorderRadius, _styledComponents.tableTokens.editableCellInputPadding, _styledComponents.tableTokens.editableCellInputBackground, _styledComponents.tableTokens.filterCheckboxPadding, _styledComponents.tableTokens.filterDividerMargin, _styledComponents.tableTokens.buttonHeight, _styledComponents.tableTokens.buttonFontFamily, _styledComponents.tableTokens.buttonFontSize, _styledComponents.tableTokens.buttonFontStyle, _styledComponents.tableTokens.buttonFontWeight, _styledComponents.tableTokens.buttonLetterSpacing, _styledComponents.tableTokens.buttonLineHeight, _styledComponents.tableTokens.selectPadding, _styledComponents.tableTokens.selectBorderRadius, _styledComponents.tableTokens.selectItemHeight, _styledComponents.tableTokens.selectItemPadding, _styledComponents.tableTokens.selectItemBorderRadius, _styledComponents.tableTokens.selectItemIconMargin, _styledComponents.tableTokens.selectItemIconSize, _styledComponents.tableTokens.selectCellPadding, _styledComponents.tableTokens.selectCellTitleFontFamily, _styledComponents.tableTokens.selectCellTitleFontSize, _styledComponents.tableTokens.selectCellTitleFontStyle, _styledComponents.tableTokens.selectCellTitleFontWeight, _styledComponents.tableTokens.selectCellTitleLetterSpacing, _styledComponents.tableTokens.selectCellTitleLineHeight, _styledComponents.tableTokens.selectCheckboxTriggerSize, _styledComponents.tableTokens.selectCheckboxTriggerBorderRadius, _styledComponents.tableTokens.selectCheckboxTriggerBorderWidth, _styledComponents.tableTokens.selectCheckboxTriggerBorderCheckedColor, _styledComponents.tableTokens.selectControlPanelPadding, _styledComponents.tableTokens.selectControlPanelGap, _styledComponents.tableTokens.linkButtonFontFamily, _styledComponents.tableTokens.linkButtonFontSize, _styledComponents.tableTokens.linkButtonFontStyle, _styledComponents.tableTokens.linkButtonFontWeight, _styledComponents.tableTokens.linkButtonLetterSpacing, _styledComponents.tableTokens.linkButtonLineHeight),
-      s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\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.125rem;\n                ", ": 2.125rem;\n                ", ": 0.125rem 0.5rem;\n                ", ": 0.125rem 0.625rem;\n                ", ": 0.125rem;\n                ", ": transparent;\n                ", ": 0.875rem;\n                ", ": 0.25rem;\n                ", ": var(--text-secondary);\n                ", ": var(--text-accent);\n                ", ": var(--on-dark-text-primary);\n\n                ", ": 0.25rem;\n                ", ": 2rem;\n                ", ": 100%;\n                ", ": 0.125rem;\n                ", ": 0.5rem;\n                ", ": 0 0.375rem;\n\n                ", ": var(--surface-transparent-tertiary);\n\n                ", ": 0.5rem 0;\n                ", ": 0.25rem 0.5rem;\n\n                ", ": 1.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                ", ": 0.125rem;\n                ", ": 0.625rem;\n                ", ": 1rem;\n                ", ": 0.5rem 0.5rem 0.5rem 0.375rem;\n                ", ": 0.5rem;\n                ", ": 0 0.25rem 0 0;\n                ", ": 1rem;\n                ", ": 0;\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-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n                ", ": 0.875rem;\n                ", ": 0.25rem;\n                ", ": 0.125rem;\n                ", ": transparent;\n                ", ": 0.25rem 0.5rem;\n                ", ": 0.25rem;\n\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            "])), _styledComponents.tableTokens.fontFamily, _styledComponents.tableTokens.fontSize, _styledComponents.tableTokens.fontStyle, _styledComponents.tableTokens.fontWeight, _styledComponents.tableTokens.letterSpacing, _styledComponents.tableTokens.lineHeight, _styledComponents.tableTokens.headerRowHeight, _styledComponents.tableTokens.rowHeight, _styledComponents.tableTokens.cellPadding, _styledComponents.tableTokens.checkboxCellPadding, _styledComponents.tableTokens.checkboxTriggerBorderWidth, _styledComponents.tableTokens.checkboxTriggerBorderCheckedColor, _styledComponents.tableTokens.checkboxTriggerSize, _styledComponents.tableTokens.checkboxTriggerBorderRadius, _styledComponents.tableTokens.checkboxTriggerBorderColor, _styledComponents.tableTokens.checkboxFillColor, _styledComponents.tableTokens.checkboxTriggerIconColor, _styledComponents.tableTokens.editableCellIconGap, _styledComponents.tableTokens.editableCellIconButtonWidth, _styledComponents.tableTokens.editableCellIconButtonHeight, _styledComponents.tableTokens.editableCellPadding, _styledComponents.tableTokens.editableCellInputBorderRadius, _styledComponents.tableTokens.editableCellInputPadding, _styledComponents.tableTokens.editableCellInputBackground, _styledComponents.tableTokens.filterCheckboxPadding, _styledComponents.tableTokens.filterDividerMargin, _styledComponents.tableTokens.buttonHeight, _styledComponents.tableTokens.buttonFontFamily, _styledComponents.tableTokens.buttonFontSize, _styledComponents.tableTokens.buttonFontStyle, _styledComponents.tableTokens.buttonFontWeight, _styledComponents.tableTokens.buttonLetterSpacing, _styledComponents.tableTokens.buttonLineHeight, _styledComponents.tableTokens.selectPadding, _styledComponents.tableTokens.selectBorderRadius, _styledComponents.tableTokens.selectItemHeight, _styledComponents.tableTokens.selectItemPadding, _styledComponents.tableTokens.selectItemBorderRadius, _styledComponents.tableTokens.selectItemIconMargin, _styledComponents.tableTokens.selectItemIconSize, _styledComponents.tableTokens.selectCellPadding, _styledComponents.tableTokens.selectCellTitleFontFamily, _styledComponents.tableTokens.selectCellTitleFontSize, _styledComponents.tableTokens.selectCellTitleFontStyle, _styledComponents.tableTokens.selectCellTitleFontWeight, _styledComponents.tableTokens.selectCellTitleLetterSpacing, _styledComponents.tableTokens.selectCellTitleLineHeight, _styledComponents.tableTokens.selectCheckboxTriggerSize, _styledComponents.tableTokens.selectCheckboxTriggerBorderRadius, _styledComponents.tableTokens.selectCheckboxTriggerBorderWidth, _styledComponents.tableTokens.selectCheckboxTriggerBorderCheckedColor, _styledComponents.tableTokens.selectControlPanelPadding, _styledComponents.tableTokens.selectControlPanelGap, _styledComponents.tableTokens.linkButtonFontFamily, _styledComponents.tableTokens.linkButtonFontSize, _styledComponents.tableTokens.linkButtonFontStyle, _styledComponents.tableTokens.linkButtonFontWeight, _styledComponents.tableTokens.linkButtonLetterSpacing, _styledComponents.tableTokens.linkButtonLineHeight)
+    variations: {
+        view: {
+            default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.tableTokens.borderColor),
+            clear: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.tableTokens.borderColor)
+        },
+        size: {
+            l: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.tableTokens.fontFamily, _styledcomponents.tableTokens.fontSize, _styledcomponents.tableTokens.fontStyle, _styledcomponents.tableTokens.fontWeight, _styledcomponents.tableTokens.letterSpacing, _styledcomponents.tableTokens.lineHeight, _styledcomponents.tableTokens.headerRowHeight, _styledcomponents.tableTokens.rowHeight, _styledcomponents.tableTokens.cellPadding, _styledcomponents.tableTokens.checkboxCellPadding, _styledcomponents.tableTokens.checkboxTriggerBorderWidth, _styledcomponents.tableTokens.checkboxTriggerBorderCheckedColor, _styledcomponents.tableTokens.checkboxTriggerSize, _styledcomponents.tableTokens.checkboxTriggerBorderRadius, _styledcomponents.tableTokens.checkboxTriggerBorderColor, _styledcomponents.tableTokens.checkboxFillColor, _styledcomponents.tableTokens.checkboxTriggerIconColor, _styledcomponents.tableTokens.editableCellIconGap, _styledcomponents.tableTokens.editableCellIconButtonWidth, _styledcomponents.tableTokens.editableCellIconButtonHeight, _styledcomponents.tableTokens.editableCellPadding, _styledcomponents.tableTokens.editableCellInputBorderRadius, _styledcomponents.tableTokens.editableCellInputPadding, _styledcomponents.tableTokens.editableCellInputBackground, _styledcomponents.tableTokens.filterCheckboxPadding, _styledcomponents.tableTokens.filterDividerMargin, _styledcomponents.tableTokens.buttonHeight, _styledcomponents.tableTokens.buttonFontFamily, _styledcomponents.tableTokens.buttonFontSize, _styledcomponents.tableTokens.buttonFontStyle, _styledcomponents.tableTokens.buttonFontWeight, _styledcomponents.tableTokens.buttonLetterSpacing, _styledcomponents.tableTokens.buttonLineHeight, _styledcomponents.tableTokens.selectPadding, _styledcomponents.tableTokens.selectBorderRadius, _styledcomponents.tableTokens.selectItemHeight, _styledcomponents.tableTokens.selectItemPadding, _styledcomponents.tableTokens.selectItemBorderRadius, _styledcomponents.tableTokens.selectItemIconMargin, _styledcomponents.tableTokens.selectItemIconSize, _styledcomponents.tableTokens.selectCellPadding, _styledcomponents.tableTokens.selectCellTitleFontFamily, _styledcomponents.tableTokens.selectCellTitleFontSize, _styledcomponents.tableTokens.selectCellTitleFontStyle, _styledcomponents.tableTokens.selectCellTitleFontWeight, _styledcomponents.tableTokens.selectCellTitleLetterSpacing, _styledcomponents.tableTokens.selectCellTitleLineHeight, _styledcomponents.tableTokens.selectCheckboxTriggerSize, _styledcomponents.tableTokens.selectCheckboxTriggerBorderRadius, _styledcomponents.tableTokens.selectCheckboxTriggerBorderWidth, _styledcomponents.tableTokens.selectCheckboxTriggerBorderCheckedColor, _styledcomponents.tableTokens.selectControlPanelPadding, _styledcomponents.tableTokens.selectControlPanelGap, _styledcomponents.tableTokens.linkButtonFontFamily, _styledcomponents.tableTokens.linkButtonFontSize, _styledcomponents.tableTokens.linkButtonFontStyle, _styledcomponents.tableTokens.linkButtonFontWeight, _styledcomponents.tableTokens.linkButtonLetterSpacing, _styledcomponents.tableTokens.linkButtonLineHeight),
+            m: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.tableTokens.fontFamily, _styledcomponents.tableTokens.fontSize, _styledcomponents.tableTokens.fontStyle, _styledcomponents.tableTokens.fontWeight, _styledcomponents.tableTokens.letterSpacing, _styledcomponents.tableTokens.lineHeight, _styledcomponents.tableTokens.headerRowHeight, _styledcomponents.tableTokens.rowHeight, _styledcomponents.tableTokens.cellPadding, _styledcomponents.tableTokens.checkboxCellPadding, _styledcomponents.tableTokens.checkboxTriggerBorderWidth, _styledcomponents.tableTokens.checkboxTriggerBorderCheckedColor, _styledcomponents.tableTokens.checkboxTriggerSize, _styledcomponents.tableTokens.checkboxTriggerBorderRadius, _styledcomponents.tableTokens.checkboxTriggerBorderColor, _styledcomponents.tableTokens.checkboxFillColor, _styledcomponents.tableTokens.checkboxTriggerIconColor, _styledcomponents.tableTokens.editableCellIconGap, _styledcomponents.tableTokens.editableCellIconButtonWidth, _styledcomponents.tableTokens.editableCellIconButtonHeight, _styledcomponents.tableTokens.editableCellPadding, _styledcomponents.tableTokens.editableCellInputBorderRadius, _styledcomponents.tableTokens.editableCellInputPadding, _styledcomponents.tableTokens.editableCellInputBackground, _styledcomponents.tableTokens.filterCheckboxPadding, _styledcomponents.tableTokens.filterDividerMargin, _styledcomponents.tableTokens.buttonHeight, _styledcomponents.tableTokens.buttonFontFamily, _styledcomponents.tableTokens.buttonFontSize, _styledcomponents.tableTokens.buttonFontStyle, _styledcomponents.tableTokens.buttonFontWeight, _styledcomponents.tableTokens.buttonLetterSpacing, _styledcomponents.tableTokens.buttonLineHeight, _styledcomponents.tableTokens.selectPadding, _styledcomponents.tableTokens.selectBorderRadius, _styledcomponents.tableTokens.selectItemHeight, _styledcomponents.tableTokens.selectItemPadding, _styledcomponents.tableTokens.selectItemBorderRadius, _styledcomponents.tableTokens.selectItemIconMargin, _styledcomponents.tableTokens.selectItemIconSize, _styledcomponents.tableTokens.selectCellPadding, _styledcomponents.tableTokens.selectCellTitleFontFamily, _styledcomponents.tableTokens.selectCellTitleFontSize, _styledcomponents.tableTokens.selectCellTitleFontStyle, _styledcomponents.tableTokens.selectCellTitleFontWeight, _styledcomponents.tableTokens.selectCellTitleLetterSpacing, _styledcomponents.tableTokens.selectCellTitleLineHeight, _styledcomponents.tableTokens.selectCheckboxTriggerSize, _styledcomponents.tableTokens.selectCheckboxTriggerBorderRadius, _styledcomponents.tableTokens.selectCheckboxTriggerBorderWidth, _styledcomponents.tableTokens.selectCheckboxTriggerBorderCheckedColor, _styledcomponents.tableTokens.selectControlPanelPadding, _styledcomponents.tableTokens.selectControlPanelGap, _styledcomponents.tableTokens.linkButtonFontFamily, _styledcomponents.tableTokens.linkButtonFontSize, _styledcomponents.tableTokens.linkButtonFontStyle, _styledcomponents.tableTokens.linkButtonFontWeight, _styledcomponents.tableTokens.linkButtonLetterSpacing, _styledcomponents.tableTokens.linkButtonLineHeight),
+            s: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.tableTokens.fontFamily, _styledcomponents.tableTokens.fontSize, _styledcomponents.tableTokens.fontStyle, _styledcomponents.tableTokens.fontWeight, _styledcomponents.tableTokens.letterSpacing, _styledcomponents.tableTokens.lineHeight, _styledcomponents.tableTokens.headerRowHeight, _styledcomponents.tableTokens.rowHeight, _styledcomponents.tableTokens.cellPadding, _styledcomponents.tableTokens.checkboxCellPadding, _styledcomponents.tableTokens.checkboxTriggerBorderWidth, _styledcomponents.tableTokens.checkboxTriggerBorderCheckedColor, _styledcomponents.tableTokens.checkboxTriggerSize, _styledcomponents.tableTokens.checkboxTriggerBorderRadius, _styledcomponents.tableTokens.checkboxTriggerBorderColor, _styledcomponents.tableTokens.checkboxFillColor, _styledcomponents.tableTokens.checkboxTriggerIconColor, _styledcomponents.tableTokens.editableCellIconGap, _styledcomponents.tableTokens.editableCellIconButtonWidth, _styledcomponents.tableTokens.editableCellIconButtonHeight, _styledcomponents.tableTokens.editableCellPadding, _styledcomponents.tableTokens.editableCellInputBorderRadius, _styledcomponents.tableTokens.editableCellInputPadding, _styledcomponents.tableTokens.editableCellInputBackground, _styledcomponents.tableTokens.filterCheckboxPadding, _styledcomponents.tableTokens.filterDividerMargin, _styledcomponents.tableTokens.buttonHeight, _styledcomponents.tableTokens.buttonFontFamily, _styledcomponents.tableTokens.buttonFontSize, _styledcomponents.tableTokens.buttonFontStyle, _styledcomponents.tableTokens.buttonFontWeight, _styledcomponents.tableTokens.buttonLetterSpacing, _styledcomponents.tableTokens.buttonLineHeight, _styledcomponents.tableTokens.selectPadding, _styledcomponents.tableTokens.selectBorderRadius, _styledcomponents.tableTokens.selectItemHeight, _styledcomponents.tableTokens.selectItemPadding, _styledcomponents.tableTokens.selectItemBorderRadius, _styledcomponents.tableTokens.selectItemIconMargin, _styledcomponents.tableTokens.selectItemIconSize, _styledcomponents.tableTokens.selectCellPadding, _styledcomponents.tableTokens.selectCellTitleFontFamily, _styledcomponents.tableTokens.selectCellTitleFontSize, _styledcomponents.tableTokens.selectCellTitleFontStyle, _styledcomponents.tableTokens.selectCellTitleFontWeight, _styledcomponents.tableTokens.selectCellTitleLetterSpacing, _styledcomponents.tableTokens.selectCellTitleLineHeight, _styledcomponents.tableTokens.selectCheckboxTriggerSize, _styledcomponents.tableTokens.selectCheckboxTriggerBorderRadius, _styledcomponents.tableTokens.selectCheckboxTriggerBorderWidth, _styledcomponents.tableTokens.selectCheckboxTriggerBorderCheckedColor, _styledcomponents.tableTokens.selectControlPanelPadding, _styledcomponents.tableTokens.selectControlPanelGap, _styledcomponents.tableTokens.linkButtonFontFamily, _styledcomponents.tableTokens.linkButtonFontSize, _styledcomponents.tableTokens.linkButtonFontStyle, _styledcomponents.tableTokens.linkButtonFontWeight, _styledcomponents.tableTokens.linkButtonLetterSpacing, _styledcomponents.tableTokens.linkButtonLineHeight)
+        }
     }
-  }
-};
+};

package/components/Table/Table.js

@@ -1,15 +1,15 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.Table = void 0;
-var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
-var _Table = /*#__PURE__*/require("./Table.config");
-var mergedConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.tableConfig, _Table.config);
-var TableComponent = /*#__PURE__*/(0, _styledComponents.component)(mergedConfig);
-
-/**
- * Таблица.
- */
-var Table = exports.Table = TableComponent;
+Object.defineProperty(exports, "Table", {
+    enumerable: true,
+    get: function() {
+        return Table;
+    }
+});
+var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+var _Tableconfig = require("./Table.config");
+var mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.tableConfig, _Tableconfig.config);
+var TableComponent = (0, _styledcomponents.component)(mergedConfig);
+var Table = TableComponent;

package/components/Table/index.js

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

package/components/Tabs/TabItem.js

@@ -1,27 +1,29 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.TabItem = void 0;
-var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
-var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
-var _HorizontalTabItem = /*#__PURE__*/require("./horizontal/HorizontalTabItem.config");
-var _VerticalTabItem = /*#__PURE__*/require("./vertical/VerticalTabItem.config");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-var mergedHorizontalTabItemConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.horizontalTabItemConfig, _HorizontalTabItem.config);
-var HorizontalTabItem = /*#__PURE__*/(0, _styledComponents.component)(mergedHorizontalTabItemConfig);
-var mergedVerticalTabItemConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.verticalTabItemConfig, _VerticalTabItem.config);
-var VerticalTabItem = /*#__PURE__*/(0, _styledComponents.component)(mergedVerticalTabItemConfig);
-
-// TODO: удалить после отказа от deprecated props
-
-/**
- * Элемент списка, недопустимо использовать вне компонента Tabs.
- */
-var TabItem = exports.TabItem = function TabItem(props) {
-  if (props.orientation === 'vertical') {
-    return /*#__PURE__*/_react["default"].createElement(VerticalTabItem, props);
-  }
-  return /*#__PURE__*/_react["default"].createElement(HorizontalTabItem, props);
-};
+Object.defineProperty(exports, "TabItem", {
+    enumerable: true,
+    get: function() {
+        return TabItem;
+    }
+});
+var _react = /*#__PURE__*/ _interop_require_default(require("react"));
+var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+var _HorizontalTabItemconfig = require("./horizontal/HorizontalTabItem.config");
+var _VerticalTabItemconfig = require("./vertical/VerticalTabItem.config");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+var mergedHorizontalTabItemConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.horizontalTabItemConfig, _HorizontalTabItemconfig.config);
+var HorizontalTabItem = (0, _styledcomponents.component)(mergedHorizontalTabItemConfig);
+var mergedVerticalTabItemConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.verticalTabItemConfig, _VerticalTabItemconfig.config);
+var VerticalTabItem = (0, _styledcomponents.component)(mergedVerticalTabItemConfig);
+var TabItem = function(props) {
+    if (props.orientation === 'vertical') {
+        return /*#__PURE__*/ _react.default.createElement(VerticalTabItem, props);
+    }
+    return /*#__PURE__*/ _react.default.createElement(HorizontalTabItem, props);
+};

package/components/Tabs/Tabs.js

@@ -1,27 +1,29 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.Tabs = void 0;
-var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
-var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
-var _HorizontalTabs = /*#__PURE__*/require("./horizontal/HorizontalTabs.config");
-var _VerticalTabs = /*#__PURE__*/require("./vertical/VerticalTabs.config");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-var mergedHorizontalTabsConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.horizontalTabsConfig, _HorizontalTabs.config);
-var mergedVerticalTabsConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.verticalTabsConfig, _VerticalTabs.config);
-var HorizontalTabs = /*#__PURE__*/(0, _styledComponents.component)(mergedHorizontalTabsConfig);
-var VerticalTabs = /*#__PURE__*/(0, _styledComponents.component)(mergedVerticalTabsConfig);
-
-// TODO: удалить после отказа от deprecated props
-
-/**
- * Контейнер вкладок, основной компонент для пользовательской сборки вкладок.
- */
-var Tabs = exports.Tabs = function Tabs(props) {
-  if (props.orientation === 'vertical') {
-    return /*#__PURE__*/_react["default"].createElement(VerticalTabs, props);
-  }
-  return /*#__PURE__*/_react["default"].createElement(HorizontalTabs, props);
-};
+Object.defineProperty(exports, "Tabs", {
+    enumerable: true,
+    get: function() {
+        return Tabs;
+    }
+});
+var _react = /*#__PURE__*/ _interop_require_default(require("react"));
+var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+var _HorizontalTabsconfig = require("./horizontal/HorizontalTabs.config");
+var _VerticalTabsconfig = require("./vertical/VerticalTabs.config");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+var mergedHorizontalTabsConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.horizontalTabsConfig, _HorizontalTabsconfig.config);
+var mergedVerticalTabsConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.verticalTabsConfig, _VerticalTabsconfig.config);
+var HorizontalTabs = (0, _styledcomponents.component)(mergedHorizontalTabsConfig);
+var VerticalTabs = (0, _styledcomponents.component)(mergedVerticalTabsConfig);
+var Tabs = function(props) {
+    if (props.orientation === 'vertical') {
+        return /*#__PURE__*/ _react.default.createElement(VerticalTabs, props);
+    }
+    return /*#__PURE__*/ _react.default.createElement(HorizontalTabs, props);
+};

package/components/Tabs/Tabs.perftest.js

@@ -1,61 +1,80 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.Default = exports.Arrows = void 0;
-var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
-var _plasmaIcons = /*#__PURE__*/require("@salutejs/plasma-icons");
-var _2 = /*#__PURE__*/require(".");
-var _IconClock;
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get Arrows () {
+        return Arrows;
+    },
+    get Default () {
+        return Default;
+    }
+});
+var _react = /*#__PURE__*/ _interop_require_default(require("react"));
+var _plasmaicons = require("@salutejs/plasma-icons");
+var _ = require(".");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
 var defaultProps = {
-  itemsNumber: 4,
-  disabled: false,
-  stretch: true,
-  label: 'Label'
+    itemsNumber: 4,
+    disabled: false,
+    stretch: true,
+    label: 'Label'
 };
-var items = [0, 0, 0, 0];
-var func = function func() {};
-var Default = exports.Default = function Default() {
-  var disabled = defaultProps.disabled,
-    stretch = defaultProps.stretch,
-    label = defaultProps.label;
-  return /*#__PURE__*/_react["default"].createElement(_2.Tabs, {
-    stretch: stretch,
-    disabled: disabled
-  }, items.map(function (_, i) {
-    return /*#__PURE__*/_react["default"].createElement(_2.TabItem, {
-      key: "item:".concat(i),
-      isActive: i === 0,
-      tabIndex: -1,
-      contentLeft: _IconClock || (_IconClock = /*#__PURE__*/_react["default"].createElement(_plasmaIcons.IconClock, {
-        color: "inherit"
-      })),
-      onClick: func,
-      onFocus: func,
-      onBlur: func
-    }, label);
-  }));
+var items = [
+    0,
+    0,
+    0,
+    0
+];
+var func = function() {};
+var Default = function() {
+    var disabled = defaultProps.disabled, stretch = defaultProps.stretch, label = defaultProps.label;
+    return /*#__PURE__*/ _react.default.createElement(_.Tabs, {
+        stretch: stretch,
+        disabled: disabled
+    }, items.map(function(_1, i) {
+        return /*#__PURE__*/ _react.default.createElement(_.TabItem, {
+            key: "item:".concat(i),
+            isActive: i === 0,
+            tabIndex: -1,
+            contentLeft: /*#__PURE__*/ _react.default.createElement(_plasmaicons.IconClock, {
+                color: "inherit"
+            }),
+            onClick: func,
+            onFocus: func,
+            onBlur: func
+        }, label);
+    }));
 };
 var arrowsProps = {
-  disabled: false,
-  stretch: true
+    disabled: false,
+    stretch: true
+};
+var items2 = [
+    {
+        label: 'Label',
+        contentLeft: /*#__PURE__*/ _react.default.createElement(_plasmaicons.IconClock, {
+            color: "inherit"
+        })
+    }
+];
+var Arrows = function() {
+    var disabled = arrowsProps.disabled, stretch = arrowsProps.stretch;
+    return /*#__PURE__*/ _react.default.createElement(_.TabsController, {
+        items: items2,
+        index: 0,
+        onIndexChange: func,
+        stretch: stretch,
+        disabled: disabled
+    });
 };
-var items2 = [{
-  label: 'Label',
-  contentLeft: /*#__PURE__*/_react["default"].createElement(_plasmaIcons.IconClock, {
-    color: "inherit"
-  })
-}];
-var Arrows = exports.Arrows = function Arrows() {
-  var disabled = arrowsProps.disabled,
-    stretch = arrowsProps.stretch;
-  return /*#__PURE__*/_react["default"].createElement(_2.TabsController, {
-    items: items2,
-    index: 0,
-    onIndexChange: func,
-    stretch: stretch,
-    disabled: disabled
-  });
-};