@salutejs/plasma-web 1.620.1-next-sbcom.0 → 1.621.0-dev.0

package/dist/styled-components/es/components/Table/Table.config.js

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

package/dist/styled-components/es/components/Table/Table.js

@@ -1,7 +1,7 @@
 import { tableConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
 import { config } from './Table.config';
-var mergedConfig = mergeConfig(tableConfig, config);
-var TableComponent = component(mergedConfig);
+const mergedConfig = mergeConfig(tableConfig, config);
+const TableComponent = component(mergedConfig);
 /**
  * Таблица.
- */ export var Table = TableComponent;
+ */ export const Table = TableComponent;

package/dist/styled-components/es/components/Tabs/TabItem.js

@@ -1,64 +1,40 @@
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _object_spread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property(target, key, source[key]);
-        });
-    }
-    return target;
-}
 import React from 'react';
 import { horizontalTabItemConfig, horizontalIconTabItemConfig, verticalTabItemConfig, verticalIconTabItemConfig, component, mergeConfig, fixedForwardRef } from '@salutejs/plasma-new-hope/styled-components';
 import { config as horizontalConfig } from './horizontal/HorizontalTabItem.config';
 import { config as horizontalIconConfig } from './horizontal/HorizontalIconTabItem.config';
 import { config as verticalConfig } from './vertical/VerticalTabItem.config';
 import { config as verticalIconConfig } from './vertical/VerticalIconTabItem.config';
-var mergedHorizontalTabItemConfig = mergeConfig(horizontalTabItemConfig, horizontalConfig);
-var HorizontalTabItem = component(mergedHorizontalTabItemConfig);
-var mergedHorizontalIconTabItemConfig = mergeConfig(horizontalIconTabItemConfig, horizontalIconConfig);
-var HorizontalIconTabItem = component(mergedHorizontalIconTabItemConfig);
-var mergedVerticalTabItemConfig = mergeConfig(verticalTabItemConfig, verticalConfig);
-var VerticalTabItem = component(mergedVerticalTabItemConfig);
-var mergedVerticalIconTabItemConfig = mergeConfig(verticalIconTabItemConfig, verticalIconConfig);
-var VerticalIconTabItem = component(mergedVerticalIconTabItemConfig);
+const mergedHorizontalTabItemConfig = mergeConfig(horizontalTabItemConfig, horizontalConfig);
+const HorizontalTabItem = component(mergedHorizontalTabItemConfig);
+const mergedHorizontalIconTabItemConfig = mergeConfig(horizontalIconTabItemConfig, horizontalIconConfig);
+const HorizontalIconTabItem = component(mergedHorizontalIconTabItemConfig);
+const mergedVerticalTabItemConfig = mergeConfig(verticalTabItemConfig, verticalConfig);
+const VerticalTabItem = component(mergedVerticalTabItemConfig);
+const mergedVerticalIconTabItemConfig = mergeConfig(verticalIconTabItemConfig, verticalIconConfig);
+const VerticalIconTabItem = component(mergedVerticalIconTabItemConfig);
 /**
  * Элемент списка, недопустимо использовать вне компонента Tabs.
- */ export var TabItem = fixedForwardRef(function(props, ref) {
+ */ export const TabItem = fixedForwardRef((props, ref)=>{
     if (props.orientation === 'vertical') {
-        return /*#__PURE__*/ React.createElement(VerticalTabItem, _object_spread({
-            ref: ref
-        }, props));
+        return /*#__PURE__*/ React.createElement(VerticalTabItem, {
+            ref: ref,
+            ...props
+        });
     }
-    return /*#__PURE__*/ React.createElement(HorizontalTabItem, _object_spread({
-        ref: ref
-    }, props));
+    return /*#__PURE__*/ React.createElement(HorizontalTabItem, {
+        ref: ref,
+        ...props
+    });
 });
-export var IconTabItem = fixedForwardRef(function(props, ref) {
+export const IconTabItem = fixedForwardRef((props, ref)=>{
     if (props.orientation === 'vertical') {
-        return /*#__PURE__*/ React.createElement(VerticalIconTabItem, _object_spread({
-            ref: ref
-        }, props));
+        return /*#__PURE__*/ React.createElement(VerticalIconTabItem, {
+            ref: ref,
+            ...props
+        });
     }
-    return /*#__PURE__*/ React.createElement(HorizontalIconTabItem, _object_spread({
-        ref: ref
-    }, props));
+    return /*#__PURE__*/ React.createElement(HorizontalIconTabItem, {
+        ref: ref,
+        ...props
+    });
 });

package/dist/styled-components/es/components/Tabs/Tabs.js

@@ -2,13 +2,13 @@ import React from 'react';
 import { horizontalTabsConfig, verticalTabsConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
 import { config as horizontalConfig } from './horizontal/HorizontalTabs.config';
 import { config as verticalConfig } from './vertical/VerticalTabs.config';
-var mergedHorizontalTabsConfig = mergeConfig(horizontalTabsConfig, horizontalConfig);
-var mergedVerticalTabsConfig = mergeConfig(verticalTabsConfig, verticalConfig);
-var HorizontalTabs = component(mergedHorizontalTabsConfig);
-var VerticalTabs = component(mergedVerticalTabsConfig);
+const mergedHorizontalTabsConfig = mergeConfig(horizontalTabsConfig, horizontalConfig);
+const mergedVerticalTabsConfig = mergeConfig(verticalTabsConfig, verticalConfig);
+const HorizontalTabs = component(mergedHorizontalTabsConfig);
+const VerticalTabs = component(mergedVerticalTabsConfig);
 /**
  * Контейнер вкладок, основной компонент для пользовательской сборки вкладок.
- */ export var Tabs = function Tabs(props) {
+ */ export const Tabs = (props)=>{
     if (props.orientation === 'vertical') {
         return /*#__PURE__*/ React.createElement(VerticalTabs, props);
     }

package/dist/styled-components/es/components/Tabs/Tabs.perftest.js

@@ -1,27 +1,26 @@
 import React from 'react';
 import { IconClock } from '@salutejs/plasma-icons';
 import { Tabs, TabItem, TabsController } from '.';
-var defaultProps = {
+const defaultProps = {
     itemsNumber: 4,
     disabled: false,
     stretch: true,
     label: 'Label'
 };
-var items = [
+const items = [
     0,
     0,
     0,
     0
 ];
-var func = function func() {};
-export var Default = function Default() {
-    var disabled = defaultProps.disabled, stretch = defaultProps.stretch, label = defaultProps.label;
+const func = ()=>{};
+export const Default = ()=>{
+    const { disabled, stretch, label } = defaultProps;
     return /*#__PURE__*/ React.createElement(Tabs, {
         stretch: stretch,
         disabled: disabled
-    }, items.map(function(_, i) {
-        return /*#__PURE__*/ React.createElement(TabItem, {
-            key: "item:".concat(i),
+    }, items.map((_, i)=>/*#__PURE__*/ React.createElement(TabItem, {
+            key: `item:${i}`,
             isActive: i === 0,
             tabIndex: -1,
             contentLeft: /*#__PURE__*/ React.createElement(IconClock, {
@@ -30,14 +29,13 @@ export var Default = function Default() {
             onClick: func,
             onFocus: func,
             onBlur: func
-        }, label);
-    }));
+        }, label)));
 };
-var arrowsProps = {
+const arrowsProps = {
     disabled: false,
     stretch: true
 };
-var items2 = [
+const items2 = [
     {
         label: 'Label',
         contentLeft: /*#__PURE__*/ React.createElement(IconClock, {
@@ -45,8 +43,8 @@ var items2 = [
         })
     }
 ];
-export var Arrows = function Arrows() {
-    var disabled = arrowsProps.disabled, stretch = arrowsProps.stretch;
+export const Arrows = ()=>{
+    const { disabled, stretch } = arrowsProps;
     return /*#__PURE__*/ React.createElement(TabsController, {
         items: items2,
         index: 0,