@salutejs/sdds-scan 0.357.0-next-sbcom.0 → 0.358.0-dev.0

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

@@ -9,6 +9,7 @@ Object.defineProperty(exports, "config", {
     }
 });
 const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+const _sdds_scan = require("@salutejs/sdds-themes/tokens/sdds_scan");
 const config = {
     defaults: {
         view: 'divider',
@@ -17,106 +18,106 @@ const config = {
     variations: {
         view: {
             clear: (0, _styledcomponents.css)`
-                ${_styledcomponents.tabsTokens.itemColor}: var(--text-secondary);
-                ${_styledcomponents.tabsTokens.itemValueColor}: var(--text-tertiary);
+                ${_styledcomponents.tabsTokens.itemColor}: ${_sdds_scan.textSecondary};
+                ${_styledcomponents.tabsTokens.itemValueColor}: ${_sdds_scan.textTertiary};
                 ${_styledcomponents.tabsTokens.itemBackgroundColor}: transparent;
-                ${_styledcomponents.tabsTokens.itemColorHover}: var(--text-secondary-hover);
-                ${_styledcomponents.tabsTokens.itemValueColorHover}: var(--text-secondary);
-                ${_styledcomponents.tabsTokens.itemColorActive}: var(--text-secondary-active);
-                ${_styledcomponents.tabsTokens.itemValueColorActive}: var(--text-secondary);
+                ${_styledcomponents.tabsTokens.itemColorHover}: ${_sdds_scan.textSecondaryHover};
+                ${_styledcomponents.tabsTokens.itemValueColorHover}: ${_sdds_scan.textSecondary};
+                ${_styledcomponents.tabsTokens.itemColorActive}: ${_sdds_scan.textSecondaryActive};
+                ${_styledcomponents.tabsTokens.itemValueColorActive}: ${_sdds_scan.textSecondary};
                 ${_styledcomponents.tabsTokens.itemBackgroundColorHover}: transparent;
-                ${_styledcomponents.tabsTokens.itemSelectedColor}: var(--text-primary);
-                ${_styledcomponents.tabsTokens.itemSelectedValueColor}: var(--text-secondary);
+                ${_styledcomponents.tabsTokens.itemSelectedColor}: ${_sdds_scan.textPrimary};
+                ${_styledcomponents.tabsTokens.itemSelectedValueColor}: ${_sdds_scan.textSecondary};
                 ${_styledcomponents.tabsTokens.itemSelectedBackgroundColor}: transparent;
-                ${_styledcomponents.tabsTokens.itemSelectedColorHover}: var(--text-primary);
-                ${_styledcomponents.tabsTokens.itemSelectedValueColorHover}: var(--text-secondary);
+                ${_styledcomponents.tabsTokens.itemSelectedColorHover}: ${_sdds_scan.textPrimary};
+                ${_styledcomponents.tabsTokens.itemSelectedValueColorHover}: ${_sdds_scan.textSecondary};
                 ${_styledcomponents.tabsTokens.itemSelectedBackgroundColorHover}: transparent;
                 ${_styledcomponents.tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;
 
-                ${_styledcomponents.tabsTokens.outlineFocusColor}: var(--surface-accent);
+                ${_styledcomponents.tabsTokens.outlineFocusColor}: ${_sdds_scan.surfaceAccent};
 
                 ${_styledcomponents.tabsTokens.itemSelectedDividerHeight}: 0rem;
-                ${_styledcomponents.tabsTokens.itemSelectedDividerColor}: var(--text-primary);
-                ${_styledcomponents.tabsTokens.itemSelectedDividerColorHover}: var(--text-primary);
+                ${_styledcomponents.tabsTokens.itemSelectedDividerColor}: ${_sdds_scan.textPrimary};
+                ${_styledcomponents.tabsTokens.itemSelectedDividerColorHover}: ${_sdds_scan.textPrimary};
 
                 ${_styledcomponents.tabsTokens.itemCursor}: pointer;
             `,
             secondary: (0, _styledcomponents.css)`
-                ${_styledcomponents.tabsTokens.itemColor}: var(--text-primary);
-                ${_styledcomponents.tabsTokens.itemValueColor}: var(--text-secondary);
+                ${_styledcomponents.tabsTokens.itemColor}: ${_sdds_scan.textPrimary};
+                ${_styledcomponents.tabsTokens.itemValueColor}: ${_sdds_scan.textSecondary};
                 ${_styledcomponents.tabsTokens.itemBackgroundColor}: transparent;
-                ${_styledcomponents.tabsTokens.itemColorHover}: var(--text-secondary-hover);
-                ${_styledcomponents.tabsTokens.itemValueColorHover}: var(--text-secondary);
-                ${_styledcomponents.tabsTokens.itemColorActive}: var(--text-secondary-active);
-                ${_styledcomponents.tabsTokens.itemValueColorActive}: var(--text-secondary);
+                ${_styledcomponents.tabsTokens.itemColorHover}: ${_sdds_scan.textSecondaryHover};
+                ${_styledcomponents.tabsTokens.itemValueColorHover}: ${_sdds_scan.textSecondary};
+                ${_styledcomponents.tabsTokens.itemColorActive}: ${_sdds_scan.textSecondaryActive};
+                ${_styledcomponents.tabsTokens.itemValueColorActive}: ${_sdds_scan.textSecondary};
                 ${_styledcomponents.tabsTokens.itemBackgroundColorHover}: transparent;
-                ${_styledcomponents.tabsTokens.itemSelectedColor}: var(--text-primary);
-                ${_styledcomponents.tabsTokens.itemSelectedValueColor}: var(--text-secondary);
-                ${_styledcomponents.tabsTokens.itemSelectedBackgroundColor}: var(--surface-solid-card);
-                ${_styledcomponents.tabsTokens.itemSelectedColorHover}: var(--text-primary);
-                ${_styledcomponents.tabsTokens.itemSelectedValueColorHover}: var(--text-secondary);
-                ${_styledcomponents.tabsTokens.itemSelectedBackgroundColorHover}: var(--surface-solid-card);
+                ${_styledcomponents.tabsTokens.itemSelectedColor}: ${_sdds_scan.textPrimary};
+                ${_styledcomponents.tabsTokens.itemSelectedValueColor}: ${_sdds_scan.textSecondary};
+                ${_styledcomponents.tabsTokens.itemSelectedBackgroundColor}: ${_sdds_scan.surfaceSolidCard};
+                ${_styledcomponents.tabsTokens.itemSelectedColorHover}: ${_sdds_scan.textPrimary};
+                ${_styledcomponents.tabsTokens.itemSelectedValueColorHover}: ${_sdds_scan.textSecondary};
+                ${_styledcomponents.tabsTokens.itemSelectedBackgroundColorHover}: ${_sdds_scan.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_scan.surfaceAccent};
 
                 ${_styledcomponents.tabsTokens.itemSelectedDividerHeight}: 0rem;
-                ${_styledcomponents.tabsTokens.itemSelectedDividerColor}: var(--text-primary);
-                ${_styledcomponents.tabsTokens.itemSelectedDividerColorHover}: var(--text-primary);
+                ${_styledcomponents.tabsTokens.itemSelectedDividerColor}: ${_sdds_scan.textPrimary};
+                ${_styledcomponents.tabsTokens.itemSelectedDividerColorHover}: ${_sdds_scan.textPrimary};
 
                 ${_styledcomponents.tabsTokens.itemCursor}: pointer;
             `,
             divider: (0, _styledcomponents.css)`
-                ${_styledcomponents.tabsTokens.itemColor}: var(--text-secondary);
-                ${_styledcomponents.tabsTokens.itemValueColor}: var(--text-tertiary);
+                ${_styledcomponents.tabsTokens.itemColor}: ${_sdds_scan.textSecondary};
+                ${_styledcomponents.tabsTokens.itemValueColor}: ${_sdds_scan.textTertiary};
                 ${_styledcomponents.tabsTokens.itemBackgroundColor}: transparent;
-                ${_styledcomponents.tabsTokens.itemColorHover}: var(--text-secondary-hover);
-                ${_styledcomponents.tabsTokens.itemValueColorHover}: var(--text-secondary);
-                ${_styledcomponents.tabsTokens.itemColorActive}: var(--text-secondary-active);
-                ${_styledcomponents.tabsTokens.itemValueColorActive}: var(--text-secondary);
+                ${_styledcomponents.tabsTokens.itemColorHover}: ${_sdds_scan.textSecondaryHover};
+                ${_styledcomponents.tabsTokens.itemValueColorHover}: ${_sdds_scan.textSecondary};
+                ${_styledcomponents.tabsTokens.itemColorActive}: ${_sdds_scan.textSecondaryActive};
+                ${_styledcomponents.tabsTokens.itemValueColorActive}: ${_sdds_scan.textSecondary};
                 ${_styledcomponents.tabsTokens.itemBackgroundColorHover}: transparent;
-                ${_styledcomponents.tabsTokens.itemSelectedColor}: var(--text-primary);
-                ${_styledcomponents.tabsTokens.itemSelectedValueColor}: var(--text-secondary);
+                ${_styledcomponents.tabsTokens.itemSelectedColor}: ${_sdds_scan.textPrimary};
+                ${_styledcomponents.tabsTokens.itemSelectedValueColor}: ${_sdds_scan.textSecondary};
                 ${_styledcomponents.tabsTokens.itemSelectedBackgroundColor}: transparent;
-                ${_styledcomponents.tabsTokens.itemSelectedColorHover}: var(--text-primary);
-                ${_styledcomponents.tabsTokens.itemSelectedValueColorHover}: var(--text-secondary);
+                ${_styledcomponents.tabsTokens.itemSelectedColorHover}: ${_sdds_scan.textPrimary};
+                ${_styledcomponents.tabsTokens.itemSelectedValueColorHover}: ${_sdds_scan.textSecondary};
                 ${_styledcomponents.tabsTokens.itemSelectedBackgroundColorHover}: transparent;
                 ${_styledcomponents.tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;
 
-                ${_styledcomponents.tabsTokens.outlineFocusColor}: var(--surface-accent);
+                ${_styledcomponents.tabsTokens.outlineFocusColor}: ${_sdds_scan.surfaceAccent};
 
                 ${_styledcomponents.tabsTokens.itemSelectedDividerHeight}: 0.125rem;
-                ${_styledcomponents.tabsTokens.itemSelectedDividerColor}: var(--text-primary);
-                ${_styledcomponents.tabsTokens.itemSelectedDividerColorHover}: var(--text-primary);
+                ${_styledcomponents.tabsTokens.itemSelectedDividerColor}: ${_sdds_scan.textPrimary};
+                ${_styledcomponents.tabsTokens.itemSelectedDividerColorHover}: ${_sdds_scan.textPrimary};
 
                 ${_styledcomponents.tabsTokens.itemCursor}: pointer;
             `,
             default: (0, _styledcomponents.css)`
-                ${_styledcomponents.tabsTokens.itemColor}: var(--text-primary);
-                ${_styledcomponents.tabsTokens.itemValueColor}: var(--text-secondary);
+                ${_styledcomponents.tabsTokens.itemColor}: ${_sdds_scan.textPrimary};
+                ${_styledcomponents.tabsTokens.itemValueColor}: ${_sdds_scan.textSecondary};
                 ${_styledcomponents.tabsTokens.itemBackgroundColor}: transparent;
-                ${_styledcomponents.tabsTokens.itemColorHover}: var(--text-secondary-hover);
-                ${_styledcomponents.tabsTokens.itemValueColorHover}: var(--text-secondary);
-                ${_styledcomponents.tabsTokens.itemColorActive}: var(--text-secondary-active);
-                ${_styledcomponents.tabsTokens.itemValueColorActive}: var(--text-secondary);
+                ${_styledcomponents.tabsTokens.itemColorHover}: ${_sdds_scan.textSecondaryHover};
+                ${_styledcomponents.tabsTokens.itemValueColorHover}: ${_sdds_scan.textSecondary};
+                ${_styledcomponents.tabsTokens.itemColorActive}: ${_sdds_scan.textSecondaryActive};
+                ${_styledcomponents.tabsTokens.itemValueColorActive}: ${_sdds_scan.textSecondary};
                 ${_styledcomponents.tabsTokens.itemBackgroundColorHover}: transparent;
-                ${_styledcomponents.tabsTokens.itemSelectedColor}: var(--inverse-text-primary);
-                ${_styledcomponents.tabsTokens.itemSelectedValueColor}: var(--inverse-text-secondary);
-                ${_styledcomponents.tabsTokens.itemSelectedBackgroundColor}: var(--surface-solid-default);
-                ${_styledcomponents.tabsTokens.itemSelectedColorHover}: var(--inverse-text-primary);
-                ${_styledcomponents.tabsTokens.itemSelectedValueColorHover}: var(--inverse-text-secondary);
-                ${_styledcomponents.tabsTokens.itemSelectedBackgroundColorHover}: var(--surface-solid-default);
+                ${_styledcomponents.tabsTokens.itemSelectedColor}: ${_sdds_scan.inverseTextPrimary};
+                ${_styledcomponents.tabsTokens.itemSelectedValueColor}: ${_sdds_scan.inverseTextSecondary};
+                ${_styledcomponents.tabsTokens.itemSelectedBackgroundColor}: ${_sdds_scan.surfaceSolidDefault};
+                ${_styledcomponents.tabsTokens.itemSelectedColorHover}: ${_sdds_scan.inverseTextPrimary};
+                ${_styledcomponents.tabsTokens.itemSelectedValueColorHover}: ${_sdds_scan.inverseTextSecondary};
+                ${_styledcomponents.tabsTokens.itemSelectedBackgroundColorHover}: ${_sdds_scan.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_scan.surfaceAccent};
 
                 ${_styledcomponents.tabsTokens.itemSelectedDividerHeight}: 0rem;
-                ${_styledcomponents.tabsTokens.itemSelectedDividerColor}: var(--text-primary);
-                ${_styledcomponents.tabsTokens.itemSelectedDividerColorHover}: var(--text-primary);
+                ${_styledcomponents.tabsTokens.itemSelectedDividerColor}: ${_sdds_scan.textPrimary};
+                ${_styledcomponents.tabsTokens.itemSelectedDividerColorHover}: ${_sdds_scan.textPrimary};
 
                 ${_styledcomponents.tabsTokens.itemCursor}: pointer;
             `
@@ -132,12 +133,12 @@ const config = {
                 ${_styledcomponents.tabsTokens.itemContentGap}: 0.25rem;
                 ${_styledcomponents.tabsTokens.itemContentPadding}: 0.125rem;
 
-                ${_styledcomponents.tabsTokens.fontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_styledcomponents.tabsTokens.fontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_styledcomponents.tabsTokens.fontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_styledcomponents.tabsTokens.fontWeight}: var(--plasma-typo-body-xs-bold-font-weight);
-                ${_styledcomponents.tabsTokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_styledcomponents.tabsTokens.lineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_styledcomponents.tabsTokens.fontFamily}: ${_sdds_scan.bodyXS.fontFamily};
+                ${_styledcomponents.tabsTokens.fontSize}: ${_sdds_scan.bodyXS.fontSize};
+                ${_styledcomponents.tabsTokens.fontStyle}: ${_sdds_scan.bodyXS.fontStyle};
+                ${_styledcomponents.tabsTokens.fontWeight}: ${_sdds_scan.bodyXSBold.fontWeight};
+                ${_styledcomponents.tabsTokens.letterSpacing}: ${_sdds_scan.bodyXS.letterSpacing};
+                ${_styledcomponents.tabsTokens.lineHeight}: ${_sdds_scan.bodyXS.lineHeight};
 
                 ${_styledcomponents.tabsTokens.actionContentMarginLeft}: 0;
             `,
@@ -151,12 +152,12 @@ const config = {
                 ${_styledcomponents.tabsTokens.itemContentGap}: 0.25rem;
                 ${_styledcomponents.tabsTokens.itemContentPadding}: 0.125rem;
 
-                ${_styledcomponents.tabsTokens.fontFamily}: var(--plasma-typo-body-s-font-family);
-                ${_styledcomponents.tabsTokens.fontSize}: var(--plasma-typo-body-s-font-size);
-                ${_styledcomponents.tabsTokens.fontStyle}: var(--plasma-typo-body-s-font-style);
-                ${_styledcomponents.tabsTokens.fontWeight}: var(--plasma-typo-body-s-bold-font-weight);
-                ${_styledcomponents.tabsTokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);
-                ${_styledcomponents.tabsTokens.lineHeight}: var(--plasma-typo-body-s-line-height);
+                ${_styledcomponents.tabsTokens.fontFamily}: ${_sdds_scan.bodyS.fontFamily};
+                ${_styledcomponents.tabsTokens.fontSize}: ${_sdds_scan.bodyS.fontSize};
+                ${_styledcomponents.tabsTokens.fontStyle}: ${_sdds_scan.bodyS.fontStyle};
+                ${_styledcomponents.tabsTokens.fontWeight}: ${_sdds_scan.bodySBold.fontWeight};
+                ${_styledcomponents.tabsTokens.letterSpacing}: ${_sdds_scan.bodyS.letterSpacing};
+                ${_styledcomponents.tabsTokens.lineHeight}: ${_sdds_scan.bodyS.lineHeight};
 
                 ${_styledcomponents.tabsTokens.actionContentMarginLeft}: 0.125rem;
             `,
@@ -170,12 +171,12 @@ const config = {
                 ${_styledcomponents.tabsTokens.itemContentGap}: 0.375rem;
                 ${_styledcomponents.tabsTokens.itemContentPadding}: 0.125rem;
 
-                ${_styledcomponents.tabsTokens.fontFamily}: var(--plasma-typo-body-m-font-family);
-                ${_styledcomponents.tabsTokens.fontSize}: var(--plasma-typo-body-m-font-size);
-                ${_styledcomponents.tabsTokens.fontStyle}: var(--plasma-typo-body-m-font-style);
-                ${_styledcomponents.tabsTokens.fontWeight}: var(--plasma-typo-body-m-bold-font-weight);
-                ${_styledcomponents.tabsTokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);
-                ${_styledcomponents.tabsTokens.lineHeight}: var(--plasma-typo-body-m-line-height);
+                ${_styledcomponents.tabsTokens.fontFamily}: ${_sdds_scan.bodyM.fontFamily};
+                ${_styledcomponents.tabsTokens.fontSize}: ${_sdds_scan.bodyM.fontSize};
+                ${_styledcomponents.tabsTokens.fontStyle}: ${_sdds_scan.bodyM.fontStyle};
+                ${_styledcomponents.tabsTokens.fontWeight}: ${_sdds_scan.bodyMBold.fontWeight};
+                ${_styledcomponents.tabsTokens.letterSpacing}: ${_sdds_scan.bodyM.letterSpacing};
+                ${_styledcomponents.tabsTokens.lineHeight}: ${_sdds_scan.bodyM.lineHeight};
 
                 ${_styledcomponents.tabsTokens.actionContentMarginLeft}: 0.25rem;
             `,
@@ -187,12 +188,12 @@ const config = {
                 ${_styledcomponents.tabsTokens.itemMarginLeft}: 1.5rem;
                 ${_styledcomponents.tabsTokens.itemContentGap}: 0.625rem;
 
-                ${_styledcomponents.tabsTokens.fontFamily}: var(--plasma-typo-h5-font-family);
-                ${_styledcomponents.tabsTokens.fontSize}: var(--plasma-typo-h5-font-size);
-                ${_styledcomponents.tabsTokens.fontStyle}: var(--plasma-typo-h5-font-style);
-                ${_styledcomponents.tabsTokens.fontWeight}: var(--plasma-typo-h5-font-weight);
-                ${_styledcomponents.tabsTokens.letterSpacing}: var(--plasma-typo-h5-letter-spacing);
-                ${_styledcomponents.tabsTokens.lineHeight}: var(--plasma-typo-h5-line-height);
+                ${_styledcomponents.tabsTokens.fontFamily}: ${_sdds_scan.h5.fontFamily};
+                ${_styledcomponents.tabsTokens.fontSize}: ${_sdds_scan.h5.fontSize};
+                ${_styledcomponents.tabsTokens.fontStyle}: ${_sdds_scan.h5.fontStyle};
+                ${_styledcomponents.tabsTokens.fontWeight}: ${_sdds_scan.h5.fontWeight};
+                ${_styledcomponents.tabsTokens.letterSpacing}: ${_sdds_scan.h5.letterSpacing};
+                ${_styledcomponents.tabsTokens.lineHeight}: ${_sdds_scan.h5.lineHeight};
 
                 ${_styledcomponents.tabsTokens.actionContentMarginLeft}: -0.125rem;
             `,
@@ -204,12 +205,12 @@ const config = {
                 ${_styledcomponents.tabsTokens.itemMarginLeft}: 1.75rem;
                 ${_styledcomponents.tabsTokens.itemContentGap}: 0.625rem;
 
-                ${_styledcomponents.tabsTokens.fontFamily}: var(--plasma-typo-h4-font-family);
-                ${_styledcomponents.tabsTokens.fontSize}: var(--plasma-typo-h4-font-size);
-                ${_styledcomponents.tabsTokens.fontStyle}: var(--plasma-typo-h4-font-style);
-                ${_styledcomponents.tabsTokens.fontWeight}: var(--plasma-typo-h4-font-weight);
-                ${_styledcomponents.tabsTokens.letterSpacing}: var(--plasma-typo-h4-letter-spacing);
-                ${_styledcomponents.tabsTokens.lineHeight}: var(--plasma-typo-h4-line-height);
+                ${_styledcomponents.tabsTokens.fontFamily}: ${_sdds_scan.h4.fontFamily};
+                ${_styledcomponents.tabsTokens.fontSize}: ${_sdds_scan.h4.fontSize};
+                ${_styledcomponents.tabsTokens.fontStyle}: ${_sdds_scan.h4.fontStyle};
+                ${_styledcomponents.tabsTokens.fontWeight}: ${_sdds_scan.h4.fontWeight};
+                ${_styledcomponents.tabsTokens.letterSpacing}: ${_sdds_scan.h4.letterSpacing};
+                ${_styledcomponents.tabsTokens.lineHeight}: ${_sdds_scan.h4.lineHeight};
 
                 ${_styledcomponents.tabsTokens.actionContentMarginLeft}: -0.125rem;
             `,
@@ -221,12 +222,12 @@ const config = {
                 ${_styledcomponents.tabsTokens.itemMarginLeft}: 2rem;
                 ${_styledcomponents.tabsTokens.itemContentGap}: 0.75rem;
 
-                ${_styledcomponents.tabsTokens.fontFamily}: var(--plasma-typo-h3-font-family);
-                ${_styledcomponents.tabsTokens.fontSize}: var(--plasma-typo-h3-font-size);
-                ${_styledcomponents.tabsTokens.fontStyle}: var(--plasma-typo-h3-font-style);
-                ${_styledcomponents.tabsTokens.fontWeight}: var(--plasma-typo-h3-font-weight);
-                ${_styledcomponents.tabsTokens.letterSpacing}: var(--plasma-typo-h3-letter-spacing);
-                ${_styledcomponents.tabsTokens.lineHeight}: var(--plasma-typo-h3-line-height);
+                ${_styledcomponents.tabsTokens.fontFamily}: ${_sdds_scan.h3.fontFamily};
+                ${_styledcomponents.tabsTokens.fontSize}: ${_sdds_scan.h3.fontSize};
+                ${_styledcomponents.tabsTokens.fontStyle}: ${_sdds_scan.h3.fontStyle};
+                ${_styledcomponents.tabsTokens.fontWeight}: ${_sdds_scan.h3.fontWeight};
+                ${_styledcomponents.tabsTokens.letterSpacing}: ${_sdds_scan.h3.letterSpacing};
+                ${_styledcomponents.tabsTokens.lineHeight}: ${_sdds_scan.h3.lineHeight};
 
                 ${_styledcomponents.tabsTokens.actionContentMarginLeft}: -0.125rem;
             `,
@@ -238,12 +239,12 @@ const config = {
                 ${_styledcomponents.tabsTokens.itemMarginLeft}: 2.25rem;
                 ${_styledcomponents.tabsTokens.itemContentGap}: 0.875rem;
 
-                ${_styledcomponents.tabsTokens.fontFamily}: var(--plasma-typo-h2-font-family);
-                ${_styledcomponents.tabsTokens.fontSize}: var(--plasma-typo-h2-font-size);
-                ${_styledcomponents.tabsTokens.fontStyle}: var(--plasma-typo-h2-font-style);
-                ${_styledcomponents.tabsTokens.fontWeight}: var(--plasma-typo-h2-font-weight);
-                ${_styledcomponents.tabsTokens.letterSpacing}: var(--plasma-typo-h2-letter-spacing);
-                ${_styledcomponents.tabsTokens.lineHeight}: var(--plasma-typo-h2-line-height);
+                ${_styledcomponents.tabsTokens.fontFamily}: ${_sdds_scan.h2.fontFamily};
+                ${_styledcomponents.tabsTokens.fontSize}: ${_sdds_scan.h2.fontSize};
+                ${_styledcomponents.tabsTokens.fontStyle}: ${_sdds_scan.h2.fontStyle};
+                ${_styledcomponents.tabsTokens.fontWeight}: ${_sdds_scan.h2.fontWeight};
+                ${_styledcomponents.tabsTokens.letterSpacing}: ${_sdds_scan.h2.letterSpacing};
+                ${_styledcomponents.tabsTokens.lineHeight}: ${_sdds_scan.h2.lineHeight};
 
                 ${_styledcomponents.tabsTokens.actionContentMarginLeft}: -0.125rem;
             `,
@@ -255,12 +256,12 @@ const config = {
                 ${_styledcomponents.tabsTokens.itemMarginLeft}: 3.25rem;
                 ${_styledcomponents.tabsTokens.itemContentGap}: 1rem;
 
-                ${_styledcomponents.tabsTokens.fontFamily}: var(--plasma-typo-h1-font-family);
-                ${_styledcomponents.tabsTokens.fontSize}: var(--plasma-typo-h1-font-size);
-                ${_styledcomponents.tabsTokens.fontStyle}: var(--plasma-typo-h1-font-style);
-                ${_styledcomponents.tabsTokens.fontWeight}: var(--plasma-typo-h1-font-weight);
-                ${_styledcomponents.tabsTokens.letterSpacing}: var(--plasma-typo-h1-letter-spacing);
-                ${_styledcomponents.tabsTokens.lineHeight}: var(--plasma-typo-h1-line-height);
+                ${_styledcomponents.tabsTokens.fontFamily}: ${_sdds_scan.h1.fontFamily};
+                ${_styledcomponents.tabsTokens.fontSize}: ${_sdds_scan.h1.fontSize};
+                ${_styledcomponents.tabsTokens.fontStyle}: ${_sdds_scan.h1.fontStyle};
+                ${_styledcomponents.tabsTokens.fontWeight}: ${_sdds_scan.h1.fontWeight};
+                ${_styledcomponents.tabsTokens.letterSpacing}: ${_sdds_scan.h1.letterSpacing};
+                ${_styledcomponents.tabsTokens.lineHeight}: ${_sdds_scan.h1.lineHeight};
 
                 ${_styledcomponents.tabsTokens.actionContentMarginLeft}: 0;
             `

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

@@ -9,6 +9,7 @@ Object.defineProperty(exports, "config", {
     }
 });
 const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+const _sdds_scan = require("@salutejs/sdds-themes/tokens/sdds_scan");
 const config = {
     defaults: {
         view: 'filled',
@@ -17,36 +18,36 @@ const config = {
     variations: {
         view: {
             clear: (0, _styledcomponents.css)`
-                ${_styledcomponents.tabsTokens.arrowColor}: var(--text-secondary);
-                ${_styledcomponents.tabsTokens.arrowColorHover}: var(--text-secondary-hover);
-                ${_styledcomponents.tabsTokens.arrowColorActive}: var(--text-secondary-active);
+                ${_styledcomponents.tabsTokens.arrowColor}: ${_sdds_scan.textSecondary};
+                ${_styledcomponents.tabsTokens.arrowColorHover}: ${_sdds_scan.textSecondaryHover};
+                ${_styledcomponents.tabsTokens.arrowColorActive}: ${_sdds_scan.textSecondaryActive};
                 ${_styledcomponents.tabsTokens.tabsBackgroundColor}: transparent;
-                ${_styledcomponents.tabsTokens.outlineFocusColor}: var(--surface-accent);
+                ${_styledcomponents.tabsTokens.outlineFocusColor}: ${_sdds_scan.surfaceAccent};
 
                 ${_styledcomponents.tabsTokens.tabsDividerHeight}: 0rem;
                 ${_styledcomponents.tabsTokens.tabsDividerColor}: transparent;
                 ${_styledcomponents.tabsTokens.tabsDividerBorderRadius}: 0rem;
             `,
             filled: (0, _styledcomponents.css)`
-                ${_styledcomponents.tabsTokens.arrowColor}: var(--text-secondary);
-                ${_styledcomponents.tabsTokens.arrowColorHover}: var(--text-secondary-hover);
-                ${_styledcomponents.tabsTokens.arrowColorActive}: var(--text-secondary-active);
-                ${_styledcomponents.tabsTokens.tabsBackgroundColor}: var(--surface-transparent-primary);
-                ${_styledcomponents.tabsTokens.outlineFocusColor}: var(--surface-accent);
+                ${_styledcomponents.tabsTokens.arrowColor}: ${_sdds_scan.textSecondary};
+                ${_styledcomponents.tabsTokens.arrowColorHover}: ${_sdds_scan.textSecondaryHover};
+                ${_styledcomponents.tabsTokens.arrowColorActive}: ${_sdds_scan.textSecondaryActive};
+                ${_styledcomponents.tabsTokens.tabsBackgroundColor}: ${_sdds_scan.surfaceTransparentPrimary};
+                ${_styledcomponents.tabsTokens.outlineFocusColor}: ${_sdds_scan.surfaceAccent};
 
                 ${_styledcomponents.tabsTokens.tabsDividerHeight}: 0rem;
                 ${_styledcomponents.tabsTokens.tabsDividerColor}: transparent;
                 ${_styledcomponents.tabsTokens.tabsDividerBorderRadius}: 0rem;
             `,
             divider: (0, _styledcomponents.css)`
-                ${_styledcomponents.tabsTokens.arrowColor}: var(--text-secondary);
-                ${_styledcomponents.tabsTokens.arrowColorHover}: var(--text-secondary-hover);
-                ${_styledcomponents.tabsTokens.arrowColorActive}: var(--text-secondary-active);
+                ${_styledcomponents.tabsTokens.arrowColor}: ${_sdds_scan.textSecondary};
+                ${_styledcomponents.tabsTokens.arrowColorHover}: ${_sdds_scan.textSecondaryHover};
+                ${_styledcomponents.tabsTokens.arrowColorActive}: ${_sdds_scan.textSecondaryActive};
                 ${_styledcomponents.tabsTokens.tabsBackgroundColor}: transparent;
-                ${_styledcomponents.tabsTokens.outlineFocusColor}: var(--surface-accent);
+                ${_styledcomponents.tabsTokens.outlineFocusColor}: ${_sdds_scan.surfaceAccent};
 
                 ${_styledcomponents.tabsTokens.tabsDividerHeight}: 0.0625rem;
-                ${_styledcomponents.tabsTokens.tabsDividerColor}: var(--surface-transparent-tertiary);
+                ${_styledcomponents.tabsTokens.tabsDividerColor}: ${_sdds_scan.surfaceTransparentTertiary};
                 ${_styledcomponents.tabsTokens.tabsDividerBorderRadius}: 0.0625rem;
             `
         },

package/dist/styled-components/cjs/components/Tabs/vertical/VerticalIconTabItem.config.js

@@ -9,6 +9,7 @@ Object.defineProperty(exports, "config", {
     }
 });
 const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+const _sdds_scan = require("@salutejs/sdds-themes/tokens/sdds_scan");
 const config = {
     defaults: {
         view: 'divider',
@@ -17,22 +18,22 @@ const config = {
     variations: {
         view: {
             divider: (0, _styledcomponents.css)`
-                ${_styledcomponents.tabsTokens.itemColor}: var(--text-secondary);
+                ${_styledcomponents.tabsTokens.itemColor}: ${_sdds_scan.textSecondary};
                 ${_styledcomponents.tabsTokens.itemBackgroundColor}: transparent;
-                ${_styledcomponents.tabsTokens.itemColorHover}: var(--text-secondary-hover);
-                ${_styledcomponents.tabsTokens.itemColorActive}: var(--text-secondary-active);
+                ${_styledcomponents.tabsTokens.itemColorHover}: ${_sdds_scan.textSecondaryHover};
+                ${_styledcomponents.tabsTokens.itemColorActive}: ${_sdds_scan.textSecondaryActive};
                 ${_styledcomponents.tabsTokens.itemBackgroundColorHover}: transparent;
-                ${_styledcomponents.tabsTokens.itemSelectedColor}: var(--text-primary);
+                ${_styledcomponents.tabsTokens.itemSelectedColor}: ${_sdds_scan.textPrimary};
                 ${_styledcomponents.tabsTokens.itemSelectedBackgroundColor}: transparent;
-                ${_styledcomponents.tabsTokens.itemSelectedColorHover}: var(--text-primary);
+                ${_styledcomponents.tabsTokens.itemSelectedColorHover}: ${_sdds_scan.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_scan.surfaceAccent};
 
                 ${_styledcomponents.tabsTokens.itemSelectedDividerWidth}: 0.125rem;
-                ${_styledcomponents.tabsTokens.itemSelectedDividerColor}: var(--text-primary);
-                ${_styledcomponents.tabsTokens.itemSelectedDividerColorHover}: var(--text-primary);
+                ${_styledcomponents.tabsTokens.itemSelectedDividerColor}: ${_sdds_scan.textPrimary};
+                ${_styledcomponents.tabsTokens.itemSelectedDividerColorHover}: ${_sdds_scan.textPrimary};
 
                 ${_styledcomponents.tabsTokens.itemCursor}: pointer;
             `

package/dist/styled-components/cjs/components/Tabs/vertical/VerticalTabItem.config.js

@@ -9,6 +9,7 @@ Object.defineProperty(exports, "config", {
     }
 });
 const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+const _sdds_scan = require("@salutejs/sdds-themes/tokens/sdds_scan");
 const config = {
     defaults: {
         view: 'divider',
@@ -17,31 +18,31 @@ const config = {
     variations: {
         view: {
             divider: (0, _styledcomponents.css)`
-                ${_styledcomponents.tabsTokens.itemColor}: var(--text-secondary);
-                ${_styledcomponents.tabsTokens.itemValueColor}: var(--text-tertiary);
+                ${_styledcomponents.tabsTokens.itemColor}: ${_sdds_scan.textSecondary};
+                ${_styledcomponents.tabsTokens.itemValueColor}: ${_sdds_scan.textTertiary};
                 ${_styledcomponents.tabsTokens.itemBackgroundColor}: transparent;
-                ${_styledcomponents.tabsTokens.itemColorHover}: var(--text-secondary-hover);
-                ${_styledcomponents.tabsTokens.itemValueColorHover}: var(--text-secondary);
-                ${_styledcomponents.tabsTokens.itemColorActive}: var(--text-secondary-active);
-                ${_styledcomponents.tabsTokens.itemValueColorActive}: var(--text-secondary);
+                ${_styledcomponents.tabsTokens.itemColorHover}: ${_sdds_scan.textSecondaryHover};
+                ${_styledcomponents.tabsTokens.itemValueColorHover}: ${_sdds_scan.textSecondary};
+                ${_styledcomponents.tabsTokens.itemColorActive}: ${_sdds_scan.textSecondaryActive};
+                ${_styledcomponents.tabsTokens.itemValueColorActive}: ${_sdds_scan.textSecondary};
                 ${_styledcomponents.tabsTokens.itemBackgroundColorHover}: transparent;
-                ${_styledcomponents.tabsTokens.itemSelectedColor}: var(--text-primary);
-                ${_styledcomponents.tabsTokens.itemSelectedValueColor}: var(--text-secondary);
+                ${_styledcomponents.tabsTokens.itemSelectedColor}: ${_sdds_scan.textPrimary};
+                ${_styledcomponents.tabsTokens.itemSelectedValueColor}: ${_sdds_scan.textSecondary};
                 ${_styledcomponents.tabsTokens.itemSelectedBackgroundColor}: transparent;
-                ${_styledcomponents.tabsTokens.itemSelectedColorHover}: var(--text-primary);
-                ${_styledcomponents.tabsTokens.itemSelectedValueColorHover}: var(--text-secondary);
+                ${_styledcomponents.tabsTokens.itemSelectedColorHover}: ${_sdds_scan.textPrimary};
+                ${_styledcomponents.tabsTokens.itemSelectedValueColorHover}: ${_sdds_scan.textSecondary};
                 ${_styledcomponents.tabsTokens.itemSelectedBackgroundColorHover}: transparent;
                 ${_styledcomponents.tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;
 
                 ${_styledcomponents.tabsTokens.itemPaddingClear}: 0;
                 ${_styledcomponents.tabsTokens.itemContentPaddingClear}: 0;
 
-                ${_styledcomponents.tabsTokens.outlineFocusColor}: var(--surface-accent);
+                ${_styledcomponents.tabsTokens.outlineFocusColor}: ${_sdds_scan.surfaceAccent};
 
                 ${_styledcomponents.tabsTokens.itemSelectedDividerWidth}: 0.125rem;
                 ${_styledcomponents.tabsTokens.itemSelectedDividerHeight}: 0.125rem;
-                ${_styledcomponents.tabsTokens.itemSelectedDividerColor}: var(--text-primary);
-                ${_styledcomponents.tabsTokens.itemSelectedDividerColorHover}: var(--text-primary);
+                ${_styledcomponents.tabsTokens.itemSelectedDividerColor}: ${_sdds_scan.textPrimary};
+                ${_styledcomponents.tabsTokens.itemSelectedDividerColorHover}: ${_sdds_scan.textPrimary};
 
                 ${_styledcomponents.tabsTokens.itemCursor}: pointer;
             `
@@ -58,12 +59,12 @@ const config = {
                 ${_styledcomponents.tabsTokens.itemContentGap}: 0.25rem;
                 ${_styledcomponents.tabsTokens.itemContentPadding}: 0.125rem;
 
-                ${_styledcomponents.tabsTokens.fontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_styledcomponents.tabsTokens.fontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_styledcomponents.tabsTokens.fontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_styledcomponents.tabsTokens.fontWeight}: var(--plasma-typo-body-xs-bold-font-weight);
-                ${_styledcomponents.tabsTokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_styledcomponents.tabsTokens.lineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_styledcomponents.tabsTokens.fontFamily}: ${_sdds_scan.bodyXS.fontFamily};
+                ${_styledcomponents.tabsTokens.fontSize}: ${_sdds_scan.bodyXS.fontSize};
+                ${_styledcomponents.tabsTokens.fontStyle}: ${_sdds_scan.bodyXS.fontStyle};
+                ${_styledcomponents.tabsTokens.fontWeight}: ${_sdds_scan.bodyXSBold.fontWeight};
+                ${_styledcomponents.tabsTokens.letterSpacing}: ${_sdds_scan.bodyXS.letterSpacing};
+                ${_styledcomponents.tabsTokens.lineHeight}: ${_sdds_scan.bodyXS.lineHeight};
 
                 ${_styledcomponents.tabsTokens.actionContentMarginLeft}: 0;
             `,
@@ -78,12 +79,12 @@ const config = {
                 ${_styledcomponents.tabsTokens.itemContentGap}: 0.25rem;
                 ${_styledcomponents.tabsTokens.itemContentPadding}: 0.125rem;
 
-                ${_styledcomponents.tabsTokens.fontFamily}: var(--plasma-typo-body-s-font-family);
-                ${_styledcomponents.tabsTokens.fontSize}: var(--plasma-typo-body-s-font-size);
-                ${_styledcomponents.tabsTokens.fontStyle}: var(--plasma-typo-body-s-font-style);
-                ${_styledcomponents.tabsTokens.fontWeight}: var(--plasma-typo-body-s-bold-font-weight);
-                ${_styledcomponents.tabsTokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);
-                ${_styledcomponents.tabsTokens.lineHeight}: var(--plasma-typo-body-s-line-height);
+                ${_styledcomponents.tabsTokens.fontFamily}: ${_sdds_scan.bodyS.fontFamily};
+                ${_styledcomponents.tabsTokens.fontSize}: ${_sdds_scan.bodyS.fontSize};
+                ${_styledcomponents.tabsTokens.fontStyle}: ${_sdds_scan.bodyS.fontStyle};
+                ${_styledcomponents.tabsTokens.fontWeight}: ${_sdds_scan.bodySBold.fontWeight};
+                ${_styledcomponents.tabsTokens.letterSpacing}: ${_sdds_scan.bodyS.letterSpacing};
+                ${_styledcomponents.tabsTokens.lineHeight}: ${_sdds_scan.bodyS.lineHeight};
 
                 ${_styledcomponents.tabsTokens.actionContentMarginLeft}: 0.25rem;
             `,
@@ -98,12 +99,12 @@ const config = {
                 ${_styledcomponents.tabsTokens.itemContentGap}: 0.375rem;
                 ${_styledcomponents.tabsTokens.itemContentPadding}: 0.125rem;
 
-                ${_styledcomponents.tabsTokens.fontFamily}: var(--plasma-typo-body-m-font-family);
-                ${_styledcomponents.tabsTokens.fontSize}: var(--plasma-typo-body-m-font-size);
-                ${_styledcomponents.tabsTokens.fontStyle}: var(--plasma-typo-body-m-font-style);
-                ${_styledcomponents.tabsTokens.fontWeight}: var(--plasma-typo-body-m-bold-font-weight);
-                ${_styledcomponents.tabsTokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);
-                ${_styledcomponents.tabsTokens.lineHeight}: var(--plasma-typo-body-m-line-height);
+                ${_styledcomponents.tabsTokens.fontFamily}: ${_sdds_scan.bodyM.fontFamily};
+                ${_styledcomponents.tabsTokens.fontSize}: ${_sdds_scan.bodyM.fontSize};
+                ${_styledcomponents.tabsTokens.fontStyle}: ${_sdds_scan.bodyM.fontStyle};
+                ${_styledcomponents.tabsTokens.fontWeight}: ${_sdds_scan.bodyMBold.fontWeight};
+                ${_styledcomponents.tabsTokens.letterSpacing}: ${_sdds_scan.bodyM.letterSpacing};
+                ${_styledcomponents.tabsTokens.lineHeight}: ${_sdds_scan.bodyM.lineHeight};
 
                 ${_styledcomponents.tabsTokens.actionContentMarginLeft}: 0.125rem;
             `

package/dist/styled-components/cjs/components/Tabs/vertical/VerticalTabs.config.js

@@ -9,6 +9,7 @@ Object.defineProperty(exports, "config", {
     }
 });
 const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+const _sdds_scan = require("@salutejs/sdds-themes/tokens/sdds_scan");
 const config = {
     defaults: {
         view: 'divider',
@@ -17,15 +18,15 @@ const config = {
     variations: {
         view: {
             divider: (0, _styledcomponents.css)`
-                ${_styledcomponents.tabsTokens.arrowColor}: var(--text-secondary);
-                ${_styledcomponents.tabsTokens.arrowColorHover}: var(--text-secondary-hover);
-                ${_styledcomponents.tabsTokens.arrowColorActive}: var(--text-secondary-active);
+                ${_styledcomponents.tabsTokens.arrowColor}: ${_sdds_scan.textSecondary};
+                ${_styledcomponents.tabsTokens.arrowColorHover}: ${_sdds_scan.textSecondaryHover};
+                ${_styledcomponents.tabsTokens.arrowColorActive}: ${_sdds_scan.textSecondaryActive};
                 ${_styledcomponents.tabsTokens.tabsBackgroundColor}: transparent;
-                ${_styledcomponents.tabsTokens.outlineFocusColor}: var(--surface-accent);
+                ${_styledcomponents.tabsTokens.outlineFocusColor}: ${_sdds_scan.surfaceAccent};
 
                 ${_styledcomponents.tabsTokens.tabsDividerWidth}: 0.0625rem;
                 ${_styledcomponents.tabsTokens.tabsDividerHeight}: 0.0625rem;
-                ${_styledcomponents.tabsTokens.tabsDividerColor}: var(--surface-transparent-tertiary);
+                ${_styledcomponents.tabsTokens.tabsDividerColor}: ${_sdds_scan.surfaceTransparentTertiary};
                 ${_styledcomponents.tabsTokens.tabsDividerBorderRadius}: 0.0625rem;
             `
         },