@salutejs/sdds-bizcom 0.359.0-next-sbcom.0 → 0.360.0-dev.0

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

@@ -9,6 +9,7 @@ Object.defineProperty(exports, "config", {
     }
 });
 const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+const _sdds_bizcom = require("@salutejs/sdds-themes/tokens/sdds_bizcom");
 const config = {
     defaults: {
         view: 'default',
@@ -25,12 +26,12 @@ const config = {
         },
         size: {
             l: (0, _styledcomponents.css)`
-                ${_styledcomponents.tableTokens.fontFamily}: var(--plasma-typo-body-l-font-family);
-                ${_styledcomponents.tableTokens.fontSize}: var(--plasma-typo-body-l-font-size);
-                ${_styledcomponents.tableTokens.fontStyle}: var(--plasma-typo-body-l-font-style);
-                ${_styledcomponents.tableTokens.fontWeight}: var(--plasma-typo-body-l-font-weight);
-                ${_styledcomponents.tableTokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);
-                ${_styledcomponents.tableTokens.lineHeight}: var(--plasma-typo-body-l-line-height);
+                ${_styledcomponents.tableTokens.fontFamily}: ${_sdds_bizcom.bodyL.fontFamily};
+                ${_styledcomponents.tableTokens.fontSize}: ${_sdds_bizcom.bodyL.fontSize};
+                ${_styledcomponents.tableTokens.fontStyle}: ${_sdds_bizcom.bodyL.fontStyle};
+                ${_styledcomponents.tableTokens.fontWeight}: ${_sdds_bizcom.bodyL.fontWeight};
+                ${_styledcomponents.tableTokens.letterSpacing}: ${_sdds_bizcom.bodyL.letterSpacing};
+                ${_styledcomponents.tableTokens.lineHeight}: ${_sdds_bizcom.bodyL.lineHeight};
 
                 ${_styledcomponents.tableTokens.headerRowHeight}: 3.125rem;
                 ${_styledcomponents.tableTokens.rowHeight}: 3.125rem;
@@ -40,9 +41,9 @@ const config = {
                 ${_styledcomponents.tableTokens.checkboxTriggerBorderCheckedColor}: transparent;
                 ${_styledcomponents.tableTokens.checkboxTriggerSize}: 1.25rem;
                 ${_styledcomponents.tableTokens.checkboxTriggerBorderRadius}: 0.375rem;
-                ${_styledcomponents.tableTokens.checkboxTriggerBorderColor}: var(--text-secondary);
-                ${_styledcomponents.tableTokens.checkboxFillColor}: var(--text-accent);
-                ${_styledcomponents.tableTokens.checkboxTriggerIconColor}: var(--on-dark-text-primary);
+                ${_styledcomponents.tableTokens.checkboxTriggerBorderColor}: ${_sdds_bizcom.textSecondary};
+                ${_styledcomponents.tableTokens.checkboxFillColor}: ${_sdds_bizcom.textAccent};
+                ${_styledcomponents.tableTokens.checkboxTriggerIconColor}: ${_sdds_bizcom.onDarkTextPrimary};
 
                 ${_styledcomponents.tableTokens.editableCellIconGap}: 0.5rem;
                 ${_styledcomponents.tableTokens.editableCellIconButtonWidth}: 3rem;
@@ -51,18 +52,18 @@ const config = {
                 ${_styledcomponents.tableTokens.editableCellInputBorderRadius}: 0.875rem;
                 ${_styledcomponents.tableTokens.editableCellInputPadding}: 0 0.75rem;
 
-                ${_styledcomponents.tableTokens.editableCellInputBackground}: var(--surface-transparent-tertiary);
+                ${_styledcomponents.tableTokens.editableCellInputBackground}: ${_sdds_bizcom.surfaceTransparentTertiary};
 
                 ${_styledcomponents.tableTokens.filterCheckboxPadding}: 0.75rem 0;
                 ${_styledcomponents.tableTokens.filterDividerMargin}: 0.375rem 0.75rem;
 
                 ${_styledcomponents.tableTokens.buttonHeight}: 2.5rem;
-                ${_styledcomponents.tableTokens.buttonFontFamily}: var(--plasma-typo-body-s-font-family);
-                ${_styledcomponents.tableTokens.buttonFontSize}: var(--plasma-typo-body-s-font-size);
-                ${_styledcomponents.tableTokens.buttonFontStyle}: var(--plasma-typo-body-s-font-style);
-                ${_styledcomponents.tableTokens.buttonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);
-                ${_styledcomponents.tableTokens.buttonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
-                ${_styledcomponents.tableTokens.buttonLineHeight}: var(--plasma-typo-body-s-line-height);
+                ${_styledcomponents.tableTokens.buttonFontFamily}: ${_sdds_bizcom.bodyS.fontFamily};
+                ${_styledcomponents.tableTokens.buttonFontSize}: ${_sdds_bizcom.bodyS.fontSize};
+                ${_styledcomponents.tableTokens.buttonFontStyle}: ${_sdds_bizcom.bodyS.fontStyle};
+                ${_styledcomponents.tableTokens.buttonFontWeight}: ${_sdds_bizcom.bodySBold.fontWeight};
+                ${_styledcomponents.tableTokens.buttonLetterSpacing}: ${_sdds_bizcom.bodyS.letterSpacing};
+                ${_styledcomponents.tableTokens.buttonLineHeight}: ${_sdds_bizcom.bodyS.lineHeight};
 
                 ${_styledcomponents.tableTokens.selectPadding}: 0.125rem;
                 ${_styledcomponents.tableTokens.selectBorderRadius}: 0.875rem;
@@ -72,12 +73,12 @@ const config = {
                 ${_styledcomponents.tableTokens.selectItemIconMargin}: 0 0.375rem 0 0;
                 ${_styledcomponents.tableTokens.selectItemIconSize}: 1.5rem;
                 ${_styledcomponents.tableTokens.selectCellPadding}: 0;
-                ${_styledcomponents.tableTokens.selectCellTitleFontFamily}: var(--plasma-typo-body-m-font-family);
-                ${_styledcomponents.tableTokens.selectCellTitleFontSize}: var(--plasma-typo-body-m-font-size);
-                ${_styledcomponents.tableTokens.selectCellTitleFontStyle}: var(--plasma-typo-body-m-font-style);
-                ${_styledcomponents.tableTokens.selectCellTitleFontWeight}: var(--plasma-typo-body-m-font-weight);
-                ${_styledcomponents.tableTokens.selectCellTitleLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
-                ${_styledcomponents.tableTokens.selectCellTitleLineHeight}: var(--plasma-typo-body-m-line-height);
+                ${_styledcomponents.tableTokens.selectCellTitleFontFamily}: ${_sdds_bizcom.bodyM.fontFamily};
+                ${_styledcomponents.tableTokens.selectCellTitleFontSize}: ${_sdds_bizcom.bodyM.fontSize};
+                ${_styledcomponents.tableTokens.selectCellTitleFontStyle}: ${_sdds_bizcom.bodyM.fontStyle};
+                ${_styledcomponents.tableTokens.selectCellTitleFontWeight}: ${_sdds_bizcom.bodyM.fontWeight};
+                ${_styledcomponents.tableTokens.selectCellTitleLetterSpacing}: ${_sdds_bizcom.bodyM.letterSpacing};
+                ${_styledcomponents.tableTokens.selectCellTitleLineHeight}: ${_sdds_bizcom.bodyM.lineHeight};
                 ${_styledcomponents.tableTokens.selectCheckboxTriggerSize}: 1.25rem;
                 ${_styledcomponents.tableTokens.selectCheckboxTriggerBorderRadius}: 0.375rem;
                 ${_styledcomponents.tableTokens.selectCheckboxTriggerBorderWidth}: 0.125rem;
@@ -85,20 +86,20 @@ const config = {
                 ${_styledcomponents.tableTokens.selectControlPanelPadding}: 0.5rem 0.875rem;
                 ${_styledcomponents.tableTokens.selectControlPanelGap}: 0.5rem;
 
-                ${_styledcomponents.tableTokens.linkButtonFontFamily}: var(--plasma-typo-body-s-font-family);
-                ${_styledcomponents.tableTokens.linkButtonFontSize}: var(--plasma-typo-body-s-font-size);
-                ${_styledcomponents.tableTokens.linkButtonFontStyle}: var(--plasma-typo-body-s-font-style);
-                ${_styledcomponents.tableTokens.linkButtonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);
-                ${_styledcomponents.tableTokens.linkButtonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
-                ${_styledcomponents.tableTokens.linkButtonLineHeight}: var(--plasma-typo-body-s-line-height);
+                ${_styledcomponents.tableTokens.linkButtonFontFamily}: ${_sdds_bizcom.bodyS.fontFamily};
+                ${_styledcomponents.tableTokens.linkButtonFontSize}: ${_sdds_bizcom.bodyS.fontSize};
+                ${_styledcomponents.tableTokens.linkButtonFontStyle}: ${_sdds_bizcom.bodyS.fontStyle};
+                ${_styledcomponents.tableTokens.linkButtonFontWeight}: ${_sdds_bizcom.bodySBold.fontWeight};
+                ${_styledcomponents.tableTokens.linkButtonLetterSpacing}: ${_sdds_bizcom.bodyS.letterSpacing};
+                ${_styledcomponents.tableTokens.linkButtonLineHeight}: ${_sdds_bizcom.bodyS.lineHeight};
             `,
             m: (0, _styledcomponents.css)`
-                ${_styledcomponents.tableTokens.fontFamily}: var(--plasma-typo-body-m-font-family);
-                ${_styledcomponents.tableTokens.fontSize}: var(--plasma-typo-body-m-font-size);
-                ${_styledcomponents.tableTokens.fontStyle}: var(--plasma-typo-body-m-font-style);
-                ${_styledcomponents.tableTokens.fontWeight}: var(--plasma-typo-body-m-font-weight);
-                ${_styledcomponents.tableTokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);
-                ${_styledcomponents.tableTokens.lineHeight}: var(--plasma-typo-body-m-line-height);
+                ${_styledcomponents.tableTokens.fontFamily}: ${_sdds_bizcom.bodyM.fontFamily};
+                ${_styledcomponents.tableTokens.fontSize}: ${_sdds_bizcom.bodyM.fontSize};
+                ${_styledcomponents.tableTokens.fontStyle}: ${_sdds_bizcom.bodyM.fontStyle};
+                ${_styledcomponents.tableTokens.fontWeight}: ${_sdds_bizcom.bodyM.fontWeight};
+                ${_styledcomponents.tableTokens.letterSpacing}: ${_sdds_bizcom.bodyM.letterSpacing};
+                ${_styledcomponents.tableTokens.lineHeight}: ${_sdds_bizcom.bodyM.lineHeight};
 
                 ${_styledcomponents.tableTokens.headerRowHeight}: 2.75rem;
                 ${_styledcomponents.tableTokens.rowHeight}: 2.75rem;
@@ -108,9 +109,9 @@ const config = {
                 ${_styledcomponents.tableTokens.checkboxTriggerBorderCheckedColor}: transparent;
                 ${_styledcomponents.tableTokens.checkboxTriggerSize}: 1.25rem;
                 ${_styledcomponents.tableTokens.checkboxTriggerBorderRadius}: 0.375rem;
-                ${_styledcomponents.tableTokens.checkboxTriggerBorderColor}: var(--text-secondary);
-                ${_styledcomponents.tableTokens.checkboxFillColor}: var(--text-accent);
-                ${_styledcomponents.tableTokens.checkboxTriggerIconColor}: var(--on-dark-text-primary);
+                ${_styledcomponents.tableTokens.checkboxTriggerBorderColor}: ${_sdds_bizcom.textSecondary};
+                ${_styledcomponents.tableTokens.checkboxFillColor}: ${_sdds_bizcom.textAccent};
+                ${_styledcomponents.tableTokens.checkboxTriggerIconColor}: ${_sdds_bizcom.onDarkTextPrimary};
 
                 ${_styledcomponents.tableTokens.editableCellIconGap}: 0.375rem;
                 ${_styledcomponents.tableTokens.editableCellIconButtonWidth}: 2.5rem;
@@ -119,18 +120,18 @@ const config = {
                 ${_styledcomponents.tableTokens.editableCellInputBorderRadius}: 0.625rem;
                 ${_styledcomponents.tableTokens.editableCellInputPadding}: 0 0.625rem;
 
-                ${_styledcomponents.tableTokens.editableCellInputBackground}: var(--surface-transparent-tertiary);
+                ${_styledcomponents.tableTokens.editableCellInputBackground}: ${_sdds_bizcom.surfaceTransparentTertiary};
 
                 ${_styledcomponents.tableTokens.filterCheckboxPadding}: 0.5rem 0;
                 ${_styledcomponents.tableTokens.filterDividerMargin}: 0.375rem 0.75rem;
 
                 ${_styledcomponents.tableTokens.buttonHeight}: 2rem;
-                ${_styledcomponents.tableTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_styledcomponents.tableTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_styledcomponents.tableTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_styledcomponents.tableTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);
-                ${_styledcomponents.tableTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_styledcomponents.tableTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_styledcomponents.tableTokens.buttonFontFamily}: ${_sdds_bizcom.bodyXS.fontFamily};
+                ${_styledcomponents.tableTokens.buttonFontSize}: ${_sdds_bizcom.bodyXS.fontSize};
+                ${_styledcomponents.tableTokens.buttonFontStyle}: ${_sdds_bizcom.bodyXS.fontStyle};
+                ${_styledcomponents.tableTokens.buttonFontWeight}: ${_sdds_bizcom.bodyXSBold.fontWeight};
+                ${_styledcomponents.tableTokens.buttonLetterSpacing}: ${_sdds_bizcom.bodyXS.letterSpacing};
+                ${_styledcomponents.tableTokens.buttonLineHeight}: ${_sdds_bizcom.bodyXS.lineHeight};
 
                 ${_styledcomponents.tableTokens.selectPadding}: 0.125rem;
                 ${_styledcomponents.tableTokens.selectBorderRadius}: 0.75rem;
@@ -140,12 +141,12 @@ const config = {
                 ${_styledcomponents.tableTokens.selectItemIconMargin}: 0 0.375rem 0 0;
                 ${_styledcomponents.tableTokens.selectItemIconSize}: 1.5rem;
                 ${_styledcomponents.tableTokens.selectCellPadding}: 0;
-                ${_styledcomponents.tableTokens.selectCellTitleFontFamily}: var(--plasma-typo-body-s-font-family);
-                ${_styledcomponents.tableTokens.selectCellTitleFontSize}: var(--plasma-typo-body-s-font-size);
-                ${_styledcomponents.tableTokens.selectCellTitleFontStyle}: var(--plasma-typo-body-s-font-style);
-                ${_styledcomponents.tableTokens.selectCellTitleFontWeight}: var(--plasma-typo-body-s-font-weight);
-                ${_styledcomponents.tableTokens.selectCellTitleLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
-                ${_styledcomponents.tableTokens.selectCellTitleLineHeight}: var(--plasma-typo-body-s-line-height);
+                ${_styledcomponents.tableTokens.selectCellTitleFontFamily}: ${_sdds_bizcom.bodyS.fontFamily};
+                ${_styledcomponents.tableTokens.selectCellTitleFontSize}: ${_sdds_bizcom.bodyS.fontSize};
+                ${_styledcomponents.tableTokens.selectCellTitleFontStyle}: ${_sdds_bizcom.bodyS.fontStyle};
+                ${_styledcomponents.tableTokens.selectCellTitleFontWeight}: ${_sdds_bizcom.bodyS.fontWeight};
+                ${_styledcomponents.tableTokens.selectCellTitleLetterSpacing}: ${_sdds_bizcom.bodyS.letterSpacing};
+                ${_styledcomponents.tableTokens.selectCellTitleLineHeight}: ${_sdds_bizcom.bodyS.lineHeight};
                 ${_styledcomponents.tableTokens.selectCheckboxTriggerSize}: 1.25rem;
                 ${_styledcomponents.tableTokens.selectCheckboxTriggerBorderRadius}: 0.375rem;
                 ${_styledcomponents.tableTokens.selectCheckboxTriggerBorderWidth}: 0.125rem;
@@ -153,20 +154,20 @@ const config = {
                 ${_styledcomponents.tableTokens.selectControlPanelPadding}: 0.25rem 0.75rem;
                 ${_styledcomponents.tableTokens.selectControlPanelGap}: 0.625rem;
 
-                ${_styledcomponents.tableTokens.linkButtonFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_styledcomponents.tableTokens.linkButtonFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_styledcomponents.tableTokens.linkButtonFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_styledcomponents.tableTokens.linkButtonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);
-                ${_styledcomponents.tableTokens.linkButtonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_styledcomponents.tableTokens.linkButtonLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_styledcomponents.tableTokens.linkButtonFontFamily}: ${_sdds_bizcom.bodyXS.fontFamily};
+                ${_styledcomponents.tableTokens.linkButtonFontSize}: ${_sdds_bizcom.bodyXS.fontSize};
+                ${_styledcomponents.tableTokens.linkButtonFontStyle}: ${_sdds_bizcom.bodyXS.fontStyle};
+                ${_styledcomponents.tableTokens.linkButtonFontWeight}: ${_sdds_bizcom.bodyXSBold.fontWeight};
+                ${_styledcomponents.tableTokens.linkButtonLetterSpacing}: ${_sdds_bizcom.bodyXS.letterSpacing};
+                ${_styledcomponents.tableTokens.linkButtonLineHeight}: ${_sdds_bizcom.bodyXS.lineHeight};
             `,
             s: (0, _styledcomponents.css)`
-                ${_styledcomponents.tableTokens.fontFamily}: var(--plasma-typo-body-s-font-family);
-                ${_styledcomponents.tableTokens.fontSize}: var(--plasma-typo-body-s-font-size);
-                ${_styledcomponents.tableTokens.fontStyle}: var(--plasma-typo-body-s-font-style);
-                ${_styledcomponents.tableTokens.fontWeight}: var(--plasma-typo-body-s-font-weight);
-                ${_styledcomponents.tableTokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);
-                ${_styledcomponents.tableTokens.lineHeight}: var(--plasma-typo-body-s-line-height);
+                ${_styledcomponents.tableTokens.fontFamily}: ${_sdds_bizcom.bodyS.fontFamily};
+                ${_styledcomponents.tableTokens.fontSize}: ${_sdds_bizcom.bodyS.fontSize};
+                ${_styledcomponents.tableTokens.fontStyle}: ${_sdds_bizcom.bodyS.fontStyle};
+                ${_styledcomponents.tableTokens.fontWeight}: ${_sdds_bizcom.bodyS.fontWeight};
+                ${_styledcomponents.tableTokens.letterSpacing}: ${_sdds_bizcom.bodyS.letterSpacing};
+                ${_styledcomponents.tableTokens.lineHeight}: ${_sdds_bizcom.bodyS.lineHeight};
 
                 ${_styledcomponents.tableTokens.headerRowHeight}: 2.125rem;
                 ${_styledcomponents.tableTokens.rowHeight}: 2.125rem;
@@ -176,9 +177,9 @@ const config = {
                 ${_styledcomponents.tableTokens.checkboxTriggerBorderCheckedColor}: transparent;
                 ${_styledcomponents.tableTokens.checkboxTriggerSize}: 0.875rem;
                 ${_styledcomponents.tableTokens.checkboxTriggerBorderRadius}: 0.25rem;
-                ${_styledcomponents.tableTokens.checkboxTriggerBorderColor}: var(--text-secondary);
-                ${_styledcomponents.tableTokens.checkboxFillColor}: var(--text-accent);
-                ${_styledcomponents.tableTokens.checkboxTriggerIconColor}: var(--on-dark-text-primary);
+                ${_styledcomponents.tableTokens.checkboxTriggerBorderColor}: ${_sdds_bizcom.textSecondary};
+                ${_styledcomponents.tableTokens.checkboxFillColor}: ${_sdds_bizcom.textAccent};
+                ${_styledcomponents.tableTokens.checkboxTriggerIconColor}: ${_sdds_bizcom.onDarkTextPrimary};
 
                 ${_styledcomponents.tableTokens.editableCellIconGap}: 0.25rem;
                 ${_styledcomponents.tableTokens.editableCellIconButtonWidth}: 2rem;
@@ -187,18 +188,18 @@ const config = {
                 ${_styledcomponents.tableTokens.editableCellInputBorderRadius}: 0.5rem;
                 ${_styledcomponents.tableTokens.editableCellInputPadding}: 0 0.375rem;
 
-                ${_styledcomponents.tableTokens.editableCellInputBackground}: var(--surface-transparent-tertiary);
+                ${_styledcomponents.tableTokens.editableCellInputBackground}: ${_sdds_bizcom.surfaceTransparentTertiary};
 
                 ${_styledcomponents.tableTokens.filterCheckboxPadding}: 0.5rem 0;
                 ${_styledcomponents.tableTokens.filterDividerMargin}: 0.25rem 0.5rem;
 
                 ${_styledcomponents.tableTokens.buttonHeight}: 1.5rem;
-                ${_styledcomponents.tableTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_styledcomponents.tableTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_styledcomponents.tableTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_styledcomponents.tableTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);
-                ${_styledcomponents.tableTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_styledcomponents.tableTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_styledcomponents.tableTokens.buttonFontFamily}: ${_sdds_bizcom.bodyXS.fontFamily};
+                ${_styledcomponents.tableTokens.buttonFontSize}: ${_sdds_bizcom.bodyXS.fontSize};
+                ${_styledcomponents.tableTokens.buttonFontStyle}: ${_sdds_bizcom.bodyXS.fontStyle};
+                ${_styledcomponents.tableTokens.buttonFontWeight}: ${_sdds_bizcom.bodyXSBold.fontWeight};
+                ${_styledcomponents.tableTokens.buttonLetterSpacing}: ${_sdds_bizcom.bodyXS.letterSpacing};
+                ${_styledcomponents.tableTokens.buttonLineHeight}: ${_sdds_bizcom.bodyXS.lineHeight};
 
                 ${_styledcomponents.tableTokens.selectPadding}: 0.125rem;
                 ${_styledcomponents.tableTokens.selectBorderRadius}: 0.625rem;
@@ -208,12 +209,12 @@ const config = {
                 ${_styledcomponents.tableTokens.selectItemIconMargin}: 0 0.25rem 0 0;
                 ${_styledcomponents.tableTokens.selectItemIconSize}: 1rem;
                 ${_styledcomponents.tableTokens.selectCellPadding}: 0;
-                ${_styledcomponents.tableTokens.selectCellTitleFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_styledcomponents.tableTokens.selectCellTitleFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_styledcomponents.tableTokens.selectCellTitleFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_styledcomponents.tableTokens.selectCellTitleFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_styledcomponents.tableTokens.selectCellTitleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_styledcomponents.tableTokens.selectCellTitleLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_styledcomponents.tableTokens.selectCellTitleFontFamily}: ${_sdds_bizcom.bodyXS.fontFamily};
+                ${_styledcomponents.tableTokens.selectCellTitleFontSize}: ${_sdds_bizcom.bodyXS.fontSize};
+                ${_styledcomponents.tableTokens.selectCellTitleFontStyle}: ${_sdds_bizcom.bodyXS.fontStyle};
+                ${_styledcomponents.tableTokens.selectCellTitleFontWeight}: ${_sdds_bizcom.bodyXS.fontWeight};
+                ${_styledcomponents.tableTokens.selectCellTitleLetterSpacing}: ${_sdds_bizcom.bodyXS.letterSpacing};
+                ${_styledcomponents.tableTokens.selectCellTitleLineHeight}: ${_sdds_bizcom.bodyXS.lineHeight};
                 ${_styledcomponents.tableTokens.selectCheckboxTriggerSize}: 0.875rem;
                 ${_styledcomponents.tableTokens.selectCheckboxTriggerBorderRadius}: 0.25rem;
                 ${_styledcomponents.tableTokens.selectCheckboxTriggerBorderWidth}: 0.125rem;
@@ -221,12 +222,12 @@ const config = {
                 ${_styledcomponents.tableTokens.selectControlPanelPadding}: 0.25rem 0.5rem;
                 ${_styledcomponents.tableTokens.selectControlPanelGap}: 0.25rem;
 
-                ${_styledcomponents.tableTokens.linkButtonFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_styledcomponents.tableTokens.linkButtonFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_styledcomponents.tableTokens.linkButtonFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_styledcomponents.tableTokens.linkButtonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);
-                ${_styledcomponents.tableTokens.linkButtonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_styledcomponents.tableTokens.linkButtonLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_styledcomponents.tableTokens.linkButtonFontFamily}: ${_sdds_bizcom.bodyXS.fontFamily};
+                ${_styledcomponents.tableTokens.linkButtonFontSize}: ${_sdds_bizcom.bodyXS.fontSize};
+                ${_styledcomponents.tableTokens.linkButtonFontStyle}: ${_sdds_bizcom.bodyXS.fontStyle};
+                ${_styledcomponents.tableTokens.linkButtonFontWeight}: ${_sdds_bizcom.bodyXSBold.fontWeight};
+                ${_styledcomponents.tableTokens.linkButtonLetterSpacing}: ${_sdds_bizcom.bodyXS.letterSpacing};
+                ${_styledcomponents.tableTokens.linkButtonLineHeight}: ${_sdds_bizcom.bodyXS.lineHeight};
             `
         }
     }

package/dist/styled-components/cjs/components/Tabs/horizontal/HorizontalIconTabItem.config.js

@@ -9,6 +9,7 @@ Object.defineProperty(exports, "config", {
     }
 });
 const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+const _sdds_bizcom = require("@salutejs/sdds-themes/tokens/sdds_bizcom");
 const config = {
     defaults: {
         view: 'divider',
@@ -17,78 +18,78 @@ const config = {
     variations: {
         view: {
             clear: (0, _styledcomponents.css)`
-                ${_styledcomponents.tabsTokens.itemColor}: var(--text-secondary);
+                ${_styledcomponents.tabsTokens.itemColor}: ${_sdds_bizcom.textSecondary};
                 ${_styledcomponents.tabsTokens.itemBackgroundColor}: transparent;
-                ${_styledcomponents.tabsTokens.itemColorHover}: var(--text-secondary-hover);
-                ${_styledcomponents.tabsTokens.itemColorActive}: var(--text-secondary-active);
+                ${_styledcomponents.tabsTokens.itemColorHover}: ${_sdds_bizcom.textSecondaryHover};
+                ${_styledcomponents.tabsTokens.itemColorActive}: ${_sdds_bizcom.textSecondaryActive};
                 ${_styledcomponents.tabsTokens.itemBackgroundColorHover}: transparent;
-                ${_styledcomponents.tabsTokens.itemSelectedColor}: var(--text-primary);
+                ${_styledcomponents.tabsTokens.itemSelectedColor}: ${_sdds_bizcom.textPrimary};
                 ${_styledcomponents.tabsTokens.itemSelectedBackgroundColor}: transparent;
-                ${_styledcomponents.tabsTokens.itemSelectedColorHover}: var(--text-primary);
+                ${_styledcomponents.tabsTokens.itemSelectedColorHover}: ${_sdds_bizcom.textPrimary};
                 ${_styledcomponents.tabsTokens.itemSelectedBackgroundColorHover}: transparent;
                 ${_styledcomponents.tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;
 
-                ${_styledcomponents.tabsTokens.outlineFocusColor}: var(--surface-accent);
+                ${_styledcomponents.tabsTokens.outlineFocusColor}: ${_sdds_bizcom.surfaceAccent};
 
                 ${_styledcomponents.tabsTokens.itemSelectedDividerHeight}: 0;
 
                 ${_styledcomponents.tabsTokens.itemCursor}: pointer;
             `,
             secondary: (0, _styledcomponents.css)`
-                ${_styledcomponents.tabsTokens.itemColor}: var(--text-primary);
+                ${_styledcomponents.tabsTokens.itemColor}: ${_sdds_bizcom.textPrimary};
                 ${_styledcomponents.tabsTokens.itemBackgroundColor}: transparent;
-                ${_styledcomponents.tabsTokens.itemColorHover}: var(--text-secondary-hover);
-                ${_styledcomponents.tabsTokens.itemColorActive}: var(--text-secondary-active);
+                ${_styledcomponents.tabsTokens.itemColorHover}: ${_sdds_bizcom.textSecondaryHover};
+                ${_styledcomponents.tabsTokens.itemColorActive}: ${_sdds_bizcom.textSecondaryActive};
                 ${_styledcomponents.tabsTokens.itemBackgroundColorHover}: transparent;
-                ${_styledcomponents.tabsTokens.itemSelectedColor}: var(--text-primary);
-                ${_styledcomponents.tabsTokens.itemSelectedBackgroundColor}: var(--surface-solid-card);
-                ${_styledcomponents.tabsTokens.itemSelectedColorHover}: var(--text-primary);
-                ${_styledcomponents.tabsTokens.itemSelectedBackgroundColorHover}: var(--surface-solid-card);
+                ${_styledcomponents.tabsTokens.itemSelectedColor}: ${_sdds_bizcom.textPrimary};
+                ${_styledcomponents.tabsTokens.itemSelectedBackgroundColor}: ${_sdds_bizcom.surfaceSolidCard};
+                ${_styledcomponents.tabsTokens.itemSelectedColorHover}: ${_sdds_bizcom.textPrimary};
+                ${_styledcomponents.tabsTokens.itemSelectedBackgroundColorHover}: ${_sdds_bizcom.surfaceSolidCard};
                 ${_styledcomponents.tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;
 
                 ${_styledcomponents.tabsTokens.itemMarginLeftFilled}: 0.125rem;
 
-                ${_styledcomponents.tabsTokens.outlineFocusColor}: var(--surface-accent);
+                ${_styledcomponents.tabsTokens.outlineFocusColor}: ${_sdds_bizcom.surfaceAccent};
 
                 ${_styledcomponents.tabsTokens.itemSelectedDividerHeight}: 0;
 
                 ${_styledcomponents.tabsTokens.itemCursor}: pointer;
             `,
             divider: (0, _styledcomponents.css)`
-                ${_styledcomponents.tabsTokens.itemColor}: var(--text-secondary);
+                ${_styledcomponents.tabsTokens.itemColor}: ${_sdds_bizcom.textSecondary};
                 ${_styledcomponents.tabsTokens.itemBackgroundColor}: transparent;
-                ${_styledcomponents.tabsTokens.itemColorHover}: var(--text-secondary-hover);
-                ${_styledcomponents.tabsTokens.itemColorActive}: var(--text-secondary-active);
+                ${_styledcomponents.tabsTokens.itemColorHover}: ${_sdds_bizcom.textSecondaryHover};
+                ${_styledcomponents.tabsTokens.itemColorActive}: ${_sdds_bizcom.textSecondaryActive};
                 ${_styledcomponents.tabsTokens.itemBackgroundColorHover}: transparent;
-                ${_styledcomponents.tabsTokens.itemSelectedColor}: var(--text-primary);
+                ${_styledcomponents.tabsTokens.itemSelectedColor}: ${_sdds_bizcom.textPrimary};
                 ${_styledcomponents.tabsTokens.itemSelectedBackgroundColor}: transparent;
-                ${_styledcomponents.tabsTokens.itemSelectedColorHover}: var(--text-primary);
+                ${_styledcomponents.tabsTokens.itemSelectedColorHover}: ${_sdds_bizcom.textPrimary};
                 ${_styledcomponents.tabsTokens.itemSelectedBackgroundColorHover}: transparent;
                 ${_styledcomponents.tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;
 
-                ${_styledcomponents.tabsTokens.outlineFocusColor}: var(--surface-accent);
+                ${_styledcomponents.tabsTokens.outlineFocusColor}: ${_sdds_bizcom.surfaceAccent};
 
                 ${_styledcomponents.tabsTokens.itemSelectedDividerHeight}: 0.125rem;
-                ${_styledcomponents.tabsTokens.itemSelectedDividerColor}: var(--text-primary);
-                ${_styledcomponents.tabsTokens.itemSelectedDividerColorHover}: var(--text-primary);
+                ${_styledcomponents.tabsTokens.itemSelectedDividerColor}: ${_sdds_bizcom.textPrimary};
+                ${_styledcomponents.tabsTokens.itemSelectedDividerColorHover}: ${_sdds_bizcom.textPrimary};
 
                 ${_styledcomponents.tabsTokens.itemCursor}: pointer;
             `,
             default: (0, _styledcomponents.css)`
-                ${_styledcomponents.tabsTokens.itemColor}: var(--text-primary);
+                ${_styledcomponents.tabsTokens.itemColor}: ${_sdds_bizcom.textPrimary};
                 ${_styledcomponents.tabsTokens.itemBackgroundColor}: transparent;
-                ${_styledcomponents.tabsTokens.itemColorHover}: var(--text-secondary-hover);
-                ${_styledcomponents.tabsTokens.itemColorActive}: var(--text-secondary-active);
+                ${_styledcomponents.tabsTokens.itemColorHover}: ${_sdds_bizcom.textSecondaryHover};
+                ${_styledcomponents.tabsTokens.itemColorActive}: ${_sdds_bizcom.textSecondaryActive};
                 ${_styledcomponents.tabsTokens.itemBackgroundColorHover}: transparent;
-                ${_styledcomponents.tabsTokens.itemSelectedColor}: var(--inverse-text-primary);
-                ${_styledcomponents.tabsTokens.itemSelectedBackgroundColor}: var(--surface-solid-default);
-                ${_styledcomponents.tabsTokens.itemSelectedColorHover}: var(--inverse-text-primary);
-                ${_styledcomponents.tabsTokens.itemSelectedBackgroundColorHover}: var(--surface-solid-default);
+                ${_styledcomponents.tabsTokens.itemSelectedColor}: ${_sdds_bizcom.inverseTextPrimary};
+                ${_styledcomponents.tabsTokens.itemSelectedBackgroundColor}: ${_sdds_bizcom.surfaceSolidDefault};
+                ${_styledcomponents.tabsTokens.itemSelectedColorHover}: ${_sdds_bizcom.inverseTextPrimary};
+                ${_styledcomponents.tabsTokens.itemSelectedBackgroundColorHover}: ${_sdds_bizcom.surfaceSolidDefault};
                 ${_styledcomponents.tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;
 
                 ${_styledcomponents.tabsTokens.itemMarginLeftFilled}: 0.125rem;
 
-                ${_styledcomponents.tabsTokens.outlineFocusColor}: var(--surface-accent);
+                ${_styledcomponents.tabsTokens.outlineFocusColor}: ${_sdds_bizcom.surfaceAccent};
 
                 ${_styledcomponents.tabsTokens.itemSelectedDividerHeight}: 0;