@salutejs/sdds-cs 0.355.0-next-sbcom.0 → 0.355.0

package/dist/emotion/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/emotion';
-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/emotion/es/components/Table/Table.js

@@ -1,7 +1,7 @@
 import { tableConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/emotion';
 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/emotion/es/components/Tabs/TabItem.js

@@ -2,13 +2,13 @@ import React from 'react';
 import { horizontalTabItemConfig, verticalTabItemConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/emotion';
 import { config as horizontalConfig } from './horizontal/HorizontalTabItem.config';
 import { config as verticalConfig } from './vertical/VerticalTabItem.config';
-var mergedHorizontalTabItemConfig = mergeConfig(horizontalTabItemConfig, horizontalConfig);
-var HorizontalTabItem = component(mergedHorizontalTabItemConfig);
-var mergedVerticalTabItemConfig = mergeConfig(verticalTabItemConfig, verticalConfig);
-var VerticalTabItem = component(mergedVerticalTabItemConfig);
+const mergedHorizontalTabItemConfig = mergeConfig(horizontalTabItemConfig, horizontalConfig);
+const HorizontalTabItem = component(mergedHorizontalTabItemConfig);
+const mergedVerticalTabItemConfig = mergeConfig(verticalTabItemConfig, verticalConfig);
+const VerticalTabItem = component(mergedVerticalTabItemConfig);
 /**
  * Элемент списка, недопустимо использовать вне компонента Tabs.
- */ export var TabItem = function TabItem(props) {
+ */ export const TabItem = (props)=>{
     if (props.orientation === 'vertical') {
         return /*#__PURE__*/ React.createElement(VerticalTabItem, props);
     }

package/dist/emotion/es/components/Tabs/Tabs.js

@@ -2,13 +2,13 @@ import React from 'react';
 import { horizontalTabsConfig, verticalTabsConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/emotion';
 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/emotion/es/components/Tabs/TabsController.js

@@ -1,11 +1,11 @@
 import { createTabsController, horizontalTabItemConfig as horizontalBaseTabItemConfig, horizontalTabsConfig as horizontalBaseTabsConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/emotion';
 import { config as horizontalTabsConfig } from './horizontal/HorizontalTabs.config';
 import { config as horizontalTabItemConfig } from './horizontal/HorizontalTabItem.config';
-var mergedHorizontalTabsConfig = mergeConfig(horizontalBaseTabsConfig, horizontalTabsConfig);
-var HorizontalTabs = component(mergedHorizontalTabsConfig);
-var mergedHorizontalTabItemConfig = mergeConfig(horizontalBaseTabItemConfig, horizontalTabItemConfig);
-var HorizontalTabItem = component(mergedHorizontalTabItemConfig);
+const mergedHorizontalTabsConfig = mergeConfig(horizontalBaseTabsConfig, horizontalTabsConfig);
+const HorizontalTabs = component(mergedHorizontalTabsConfig);
+const mergedHorizontalTabItemConfig = mergeConfig(horizontalBaseTabItemConfig, horizontalTabItemConfig);
+const HorizontalTabItem = component(mergedHorizontalTabItemConfig);
 /**
  * Контроллер вкладок.
  * Позволяет использовать клавиши ArrowLeft, ArrowRight, Home, End для навигации по вкладкам.
- */ export var TabsController = createTabsController(HorizontalTabs, HorizontalTabItem);
+ */ export const TabsController = createTabsController(HorizontalTabs, HorizontalTabItem);