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

package/dist/emotion/cjs/components/NumberInput/NumberInput.config.js

@@ -8,6 +8,7 @@ Object.defineProperty(exports, "config", {
         return config;
     }
 });
+const _sdds_cs = require("@salutejs/sdds-themes/tokens/sdds_cs");
 const _emotion = require("@salutejs/plasma-new-hope/emotion");
 const config = {
     defaults: {
@@ -20,19 +21,19 @@ const config = {
     variations: {
         view: {
             default: (0, _emotion.css)`
-                ${_emotion.numberInputTokens.caretColor}: var(--text-accent);
-                ${_emotion.numberInputTokens.errorColor}: var(--text-negative);
+                ${_emotion.numberInputTokens.caretColor}: ${_sdds_cs.textAccent};
+                ${_emotion.numberInputTokens.errorColor}: ${_sdds_cs.textNegative};
 
-                ${_emotion.numberInputTokens.colorSolid}: var(--text-primary);
-                ${_emotion.numberInputTokens.additionalTextColorSolid}: var(--text-tertiary);
-                ${_emotion.numberInputTokens.backgroundColorSolid}: var(--surface-solid-card);
-                ${_emotion.numberInputTokens.wrapperBorderColor}: var(--outline-solid-primary);
-                ${_emotion.numberInputTokens.wrapperBorderColorFocus}: var(--outline-accent);
+                ${_emotion.numberInputTokens.colorSolid}: ${_sdds_cs.textPrimary};
+                ${_emotion.numberInputTokens.additionalTextColorSolid}: ${_sdds_cs.textTertiary};
+                ${_emotion.numberInputTokens.backgroundColorSolid}: ${_sdds_cs.surfaceSolidCard};
+                ${_emotion.numberInputTokens.wrapperBorderColor}: ${_sdds_cs.outlineSolidPrimary};
+                ${_emotion.numberInputTokens.wrapperBorderColorFocus}: ${_sdds_cs.outlineAccent};
 
-                ${_emotion.numberInputTokens.iconButtonColor}: var(--text-accent);
-                ${_emotion.numberInputTokens.iconButtonBackgroundColor}: var(--surface-solid-card);
-                ${_emotion.numberInputTokens.iconButtonColorSolidHover}: var(--text-accent-minor);
-                ${_emotion.numberInputTokens.iconButtonColorSolidActive}: var(--text-accent-active);
+                ${_emotion.numberInputTokens.iconButtonColor}: ${_sdds_cs.textAccent};
+                ${_emotion.numberInputTokens.iconButtonBackgroundColor}: ${_sdds_cs.surfaceSolidCard};
+                ${_emotion.numberInputTokens.iconButtonColorSolidHover}: ${_sdds_cs.textAccentMinor};
+                ${_emotion.numberInputTokens.iconButtonColorSolidActive}: ${_sdds_cs.textAccentActive};
 
                 ${_emotion.numberInputTokens.actionButtonDisabledOpacity}: 0;
                 ${_emotion.numberInputTokens.actionButtonDisabledCursor}: default;
@@ -47,12 +48,12 @@ const config = {
                 ${_emotion.numberInputTokens.iconButtonHeight}: 2.5rem;
                 ${_emotion.numberInputTokens.iconButtonWidth}: 2.5rem;
                 ${_emotion.numberInputTokens.iconButtonPadding}: 0.5rem;
-                ${_emotion.numberInputTokens.iconButtonFontFamily}: var(--plasma-typo-body-s-font-family);
-                ${_emotion.numberInputTokens.iconButtonFontSize}: var(--plasma-typo-body-s-font-size);
-                ${_emotion.numberInputTokens.iconButtonFontStyle}: var(--plasma-typo-body-s-font-style);
-                ${_emotion.numberInputTokens.iconButtonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);
-                ${_emotion.numberInputTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
-                ${_emotion.numberInputTokens.iconButtonLineHeight}: var(--plasma-typo-body-s-line-height);
+                ${_emotion.numberInputTokens.iconButtonFontFamily}: ${_sdds_cs.bodyS.fontFamily};
+                ${_emotion.numberInputTokens.iconButtonFontSize}: ${_sdds_cs.bodyS.fontSize};
+                ${_emotion.numberInputTokens.iconButtonFontStyle}: ${_sdds_cs.bodyS.fontStyle};
+                ${_emotion.numberInputTokens.iconButtonFontWeight}: ${_sdds_cs.bodySBold.fontWeight};
+                ${_emotion.numberInputTokens.iconButtonLetterSpacing}: ${_sdds_cs.bodyS.letterSpacing};
+                ${_emotion.numberInputTokens.iconButtonLineHeight}: ${_sdds_cs.bodyS.lineHeight};
 
                 ${_emotion.numberInputTokens.iconButtonRadius}: 0.75rem;
                 ${_emotion.numberInputTokens.iconButtonSegmentationRadius}: 0.25rem;
@@ -63,19 +64,19 @@ const config = {
                 ${_emotion.numberInputTokens.textWrapperPadding}: 0.5rem 0.375rem;
                 ${_emotion.numberInputTokens.rootBorderWidth}: 0.125rem;
 
-                ${_emotion.numberInputTokens.fontFamily}: var(--plasma-typo-body-m-font-family);
-                ${_emotion.numberInputTokens.fontSize}: var(--plasma-typo-body-m-font-size);
-                ${_emotion.numberInputTokens.fontStyle}: var(--plasma-typo-body-m-font-style);
-                ${_emotion.numberInputTokens.fontWeight}: var(--plasma-typo-body-m-font-weight);
-                ${_emotion.numberInputTokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);
-                ${_emotion.numberInputTokens.lineHeight}: var(--plasma-typo-body-m-line-height);
+                ${_emotion.numberInputTokens.fontFamily}: ${_sdds_cs.bodyM.fontFamily};
+                ${_emotion.numberInputTokens.fontSize}: ${_sdds_cs.bodyM.fontSize};
+                ${_emotion.numberInputTokens.fontStyle}: ${_sdds_cs.bodyM.fontStyle};
+                ${_emotion.numberInputTokens.fontWeight}: ${_sdds_cs.bodyM.fontWeight};
+                ${_emotion.numberInputTokens.letterSpacing}: ${_sdds_cs.bodyM.letterSpacing};
+                ${_emotion.numberInputTokens.lineHeight}: ${_sdds_cs.bodyM.lineHeight};
 
-                ${_emotion.numberInputTokens.additionalTextFontFamily}: var(--plasma-typo-body-s-font-family);
-                ${_emotion.numberInputTokens.additionalTextFontSize}: var(--plasma-typo-body-s-font-size);
-                ${_emotion.numberInputTokens.additionalTextFontStyle}: var(--plasma-typo-body-s-font-style);
-                ${_emotion.numberInputTokens.additionalTextFontWeight}: var(--plasma-typo-body-s-font-weight);
-                ${_emotion.numberInputTokens.additionalTextLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
-                ${_emotion.numberInputTokens.additionalTextLineHeight}: var(--plasma-typo-body-s-line-height);
+                ${_emotion.numberInputTokens.additionalTextFontFamily}: ${_sdds_cs.bodyS.fontFamily};
+                ${_emotion.numberInputTokens.additionalTextFontSize}: ${_sdds_cs.bodyS.fontSize};
+                ${_emotion.numberInputTokens.additionalTextFontStyle}: ${_sdds_cs.bodyS.fontStyle};
+                ${_emotion.numberInputTokens.additionalTextFontWeight}: ${_sdds_cs.bodyS.fontWeight};
+                ${_emotion.numberInputTokens.additionalTextLetterSpacing}: ${_sdds_cs.bodyS.letterSpacing};
+                ${_emotion.numberInputTokens.additionalTextLineHeight}: ${_sdds_cs.bodyS.lineHeight};
 
                 ${_emotion.numberInputTokens.textBeforeMarginRight}: 0.25rem;
                 ${_emotion.numberInputTokens.textAfterMarginLeft}: 0.25rem;

package/dist/emotion/cjs/components/Pagination/Pagination.config.js

@@ -8,6 +8,7 @@ Object.defineProperty(exports, "config", {
         return config;
     }
 });
+const _sdds_cs = require("@salutejs/sdds-themes/tokens/sdds_cs");
 const _emotion = require("@salutejs/plasma-new-hope/emotion");
 const config = {
     defaults: {
@@ -18,47 +19,47 @@ const config = {
     variations: {
         view: {
             default: (0, _emotion.css)`
-                ${_emotion.paginationTokens.buttonColor}: var(--text-accent);
-                ${_emotion.paginationTokens.buttonColorHover}: var(--text-accent-minor);
-                ${_emotion.paginationTokens.buttonColorActive}: var(--text-accent-active);
-                ${_emotion.paginationTokens.buttonBackgroundColor}: var(--surface-clear);
-                ${_emotion.paginationTokens.buttonBackgroundColorHover}: var(--surface-clear);
-                ${_emotion.paginationTokens.buttonBackgroundColorActive}: var(--surface-clear);
-                ${_emotion.paginationTokens.buttonHoverColor}: var(--text-accent-minor);
-                ${_emotion.paginationTokens.buttonActiveColor}: var(--text-accent-active);
-                ${_emotion.paginationTokens.buttonArrowColor}: var(--text-accent);
-                ${_emotion.paginationTokens.buttonArrowColorHover}: var(--text-accent-minor);
-                ${_emotion.paginationTokens.buttonArrowColorActive}: var(--text-accent-active);
+                ${_emotion.paginationTokens.buttonColor}: ${_sdds_cs.textAccent};
+                ${_emotion.paginationTokens.buttonColorHover}: ${_sdds_cs.textAccentMinor};
+                ${_emotion.paginationTokens.buttonColorActive}: ${_sdds_cs.textAccentActive};
+                ${_emotion.paginationTokens.buttonBackgroundColor}: ${_sdds_cs.surfaceClear};
+                ${_emotion.paginationTokens.buttonBackgroundColorHover}: ${_sdds_cs.surfaceClear};
+                ${_emotion.paginationTokens.buttonBackgroundColorActive}: ${_sdds_cs.surfaceClear};
+                ${_emotion.paginationTokens.buttonHoverColor}: ${_sdds_cs.textAccentMinor};
+                ${_emotion.paginationTokens.buttonActiveColor}: ${_sdds_cs.textAccentActive};
+                ${_emotion.paginationTokens.buttonArrowColor}: ${_sdds_cs.textAccent};
+                ${_emotion.paginationTokens.buttonArrowColorHover}: ${_sdds_cs.textAccentMinor};
+                ${_emotion.paginationTokens.buttonArrowColorActive}: ${_sdds_cs.textAccentActive};
 
-                ${_emotion.paginationTokens.inputBackgroundColor}: var(--surface-solid-card);
-                ${_emotion.paginationTokens.selectBackgroundColor}: var(--surface-solid-card);
-                ${_emotion.paginationTokens.inputBorderColor}: var(--outline-solid-primary);
+                ${_emotion.paginationTokens.inputBackgroundColor}: ${_sdds_cs.surfaceSolidCard};
+                ${_emotion.paginationTokens.selectBackgroundColor}: ${_sdds_cs.surfaceSolidCard};
+                ${_emotion.paginationTokens.inputBorderColor}: ${_sdds_cs.outlineSolidPrimary};
 
-                ${_emotion.paginationTokens.paginationColor}: var(--text-primary);
-                ${_emotion.paginationTokens.paginationHelperTextColor}: var(--text-secondary);
-                ${_emotion.paginationTokens.buttonFocusColor}: var(--surface-accent);
-                ${_emotion.paginationTokens.paginationDisabledButtonColor}: var(--text-secondary);
-                ${_emotion.paginationTokens.paginationDisabledButtonBackgroundColor}: var(--surface-clear);
+                ${_emotion.paginationTokens.paginationColor}: ${_sdds_cs.textPrimary};
+                ${_emotion.paginationTokens.paginationHelperTextColor}: ${_sdds_cs.textSecondary};
+                ${_emotion.paginationTokens.buttonFocusColor}: ${_sdds_cs.surfaceAccent};
+                ${_emotion.paginationTokens.paginationDisabledButtonColor}: ${_sdds_cs.textSecondary};
+                ${_emotion.paginationTokens.paginationDisabledButtonBackgroundColor}: ${_sdds_cs.surfaceClear};
             `
         },
         viewCurrentPage: {
             default: (0, _emotion.css)`
-                ${_emotion.paginationTokens.paginationCurrentButtonColor}: var(--text-primary);
-                ${_emotion.paginationTokens.paginationCurrentButtonBackgroundColor}: var(--surface-solid-primary);
-                ${_emotion.paginationTokens.paginationCurrentButtonHoverColor}: var(--text-primary);
-                ${_emotion.paginationTokens.paginationCurrentButtonHoverBackgroundColor}: var(--surface-solid-primary);
-                ${_emotion.paginationTokens.paginationCurrentButtonActiveColor}: var(--text-primary);
-                ${_emotion.paginationTokens.paginationCurrentButtonActiveBackgroundColor}: var(--surface-solid-primary);
+                ${_emotion.paginationTokens.paginationCurrentButtonColor}: ${_sdds_cs.textPrimary};
+                ${_emotion.paginationTokens.paginationCurrentButtonBackgroundColor}: ${_sdds_cs.surfaceSolidPrimary};
+                ${_emotion.paginationTokens.paginationCurrentButtonHoverColor}: ${_sdds_cs.textPrimary};
+                ${_emotion.paginationTokens.paginationCurrentButtonHoverBackgroundColor}: ${_sdds_cs.surfaceSolidPrimary};
+                ${_emotion.paginationTokens.paginationCurrentButtonActiveColor}: ${_sdds_cs.textPrimary};
+                ${_emotion.paginationTokens.paginationCurrentButtonActiveBackgroundColor}: ${_sdds_cs.surfaceSolidPrimary};
             `
         },
         size: {
             s: (0, _emotion.css)`
-                ${_emotion.paginationTokens.paginationFontFamily}: var(--plasma-typo-body-m-font-family);
-                ${_emotion.paginationTokens.paginationFontSize}: var(--plasma-typo-body-m-font-size);
-                ${_emotion.paginationTokens.paginationFontStyle}: var(--plasma-typo-body-m-font-style);
-                ${_emotion.paginationTokens.paginationFontWeight}: var(--plasma-typo-body-m-font-weight);
-                ${_emotion.paginationTokens.paginationLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
-                ${_emotion.paginationTokens.paginationLineHeight}: var(--plasma-typo-body-m-line-height);
+                ${_emotion.paginationTokens.paginationFontFamily}: ${_sdds_cs.bodyM.fontFamily};
+                ${_emotion.paginationTokens.paginationFontSize}: ${_sdds_cs.bodyM.fontSize};
+                ${_emotion.paginationTokens.paginationFontStyle}: ${_sdds_cs.bodyM.fontStyle};
+                ${_emotion.paginationTokens.paginationFontWeight}: ${_sdds_cs.bodyM.fontWeight};
+                ${_emotion.paginationTokens.paginationLetterSpacing}: ${_sdds_cs.bodyM.letterSpacing};
+                ${_emotion.paginationTokens.paginationLineHeight}: ${_sdds_cs.bodyM.lineHeight};
 
                 ${_emotion.paginationTokens.buttonHeight}: 2.5rem;
                 ${_emotion.paginationTokens.buttonWidth}: 2.5rem;

package/dist/emotion/cjs/components/Popover/Popover.config.js

@@ -8,6 +8,7 @@ Object.defineProperty(exports, "config", {
         return config;
     }
 });
+const _sdds_cs = require("@salutejs/sdds-themes/tokens/sdds_cs");
 const _emotion = require("@salutejs/plasma-new-hope/emotion");
 const config = {
     defaults: {
@@ -16,14 +17,14 @@ const config = {
     variations: {
         view: {
             default: (0, _emotion.css)`
-                ${_emotion.popoverTokens.boxShadow}: var(--shadow-down-hard-m);
+                ${_emotion.popoverTokens.boxShadow}: ${_sdds_cs.shadowDownHardM};
 
                 ${_emotion.popoverTokens.arrowMaskWidth}: 1rem;
                 ${_emotion.popoverTokens.arrowMaskHeight}: 1rem;
                 ${_emotion.popoverTokens.arrowMaskImage}: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+");
                 ${_emotion.popoverTokens.arrowHeight}: 0.375rem;
                 ${_emotion.popoverTokens.arrowEdgeMargin}: 0.5625rem;
-                ${_emotion.popoverTokens.arrowBackground}: var(--surface-solid-card);
+                ${_emotion.popoverTokens.arrowBackground}: ${_sdds_cs.surfaceSolidCard};
             `
         }
     }

package/dist/emotion/cjs/components/Progress/Progress.config.js

@@ -8,6 +8,7 @@ Object.defineProperty(exports, "config", {
         return config;
     }
 });
+const _sdds_cs = require("@salutejs/sdds-themes/tokens/sdds_cs");
 const _emotion = require("@salutejs/plasma-new-hope/emotion");
 const config = {
     defaults: {
@@ -18,68 +19,68 @@ const config = {
     variations: {
         view: {
             default: (0, _emotion.css)`
-                ${_emotion.progressTokens.trackBackgroundColor}: var(--surface-solid-secondary);
-                ${_emotion.progressTokens.progressFilledBackgroundColor}: var(--surface-solid-default);
-                ${_emotion.progressTokens.labelColor}: var(--text-primary);
-                ${_emotion.progressTokens.labelIconColor}: var(--text-primary);
-                ${_emotion.progressTokens.valueColor}: var(--text-secondary);
-                ${_emotion.progressTokens.captionColor}: var(--text-secondary);
+                ${_emotion.progressTokens.trackBackgroundColor}: ${_sdds_cs.surfaceSolidSecondary};
+                ${_emotion.progressTokens.progressFilledBackgroundColor}: ${_sdds_cs.surfaceSolidDefault};
+                ${_emotion.progressTokens.labelColor}: ${_sdds_cs.textPrimary};
+                ${_emotion.progressTokens.labelIconColor}: ${_sdds_cs.textPrimary};
+                ${_emotion.progressTokens.valueColor}: ${_sdds_cs.textSecondary};
+                ${_emotion.progressTokens.captionColor}: ${_sdds_cs.textSecondary};
             `,
             secondary: (0, _emotion.css)`
-                ${_emotion.progressTokens.trackBackgroundColor}: var(--surface-solid-secondary);
+                ${_emotion.progressTokens.trackBackgroundColor}: ${_sdds_cs.surfaceSolidSecondary};
                 ${_emotion.progressTokens.progressFilledBackgroundColor}: var(--surface-transparent-tertiary);
-                ${_emotion.progressTokens.labelColor}: var(--text-primary);
-                ${_emotion.progressTokens.labelIconColor}: var(--text-primary);
-                ${_emotion.progressTokens.valueColor}: var(--text-secondary);
-                ${_emotion.progressTokens.captionColor}: var(--text-secondary);
+                ${_emotion.progressTokens.labelColor}: ${_sdds_cs.textPrimary};
+                ${_emotion.progressTokens.labelIconColor}: ${_sdds_cs.textPrimary};
+                ${_emotion.progressTokens.valueColor}: ${_sdds_cs.textSecondary};
+                ${_emotion.progressTokens.captionColor}: ${_sdds_cs.textSecondary};
             `,
             accent: (0, _emotion.css)`
-                ${_emotion.progressTokens.trackBackgroundColor}: var(--surface-solid-secondary);
-                ${_emotion.progressTokens.progressFilledBackgroundColor}: var(--surface-accent);
-                ${_emotion.progressTokens.labelColor}: var(--text-primary);
-                ${_emotion.progressTokens.labelIconColor}: var(--text-primary);
-                ${_emotion.progressTokens.valueColor}: var(--text-secondary);
-                ${_emotion.progressTokens.captionColor}: var(--text-secondary);
+                ${_emotion.progressTokens.trackBackgroundColor}: ${_sdds_cs.surfaceSolidSecondary};
+                ${_emotion.progressTokens.progressFilledBackgroundColor}: ${_sdds_cs.surfaceAccent};
+                ${_emotion.progressTokens.labelColor}: ${_sdds_cs.textPrimary};
+                ${_emotion.progressTokens.labelIconColor}: ${_sdds_cs.textPrimary};
+                ${_emotion.progressTokens.valueColor}: ${_sdds_cs.textSecondary};
+                ${_emotion.progressTokens.captionColor}: ${_sdds_cs.textSecondary};
             `,
             accentGradient: (0, _emotion.css)`
-                ${_emotion.progressTokens.trackBackgroundColor}: var(--surface-solid-secondary);
+                ${_emotion.progressTokens.trackBackgroundColor}: ${_sdds_cs.surfaceSolidSecondary};
                 ${_emotion.progressTokens.progressFilledBackgroundColor}: var(--surface-accent-gradient);
-                ${_emotion.progressTokens.labelColor}: var(--text-primary);
-                ${_emotion.progressTokens.labelIconColor}: var(--text-primary);
-                ${_emotion.progressTokens.valueColor}: var(--text-secondary);
-                ${_emotion.progressTokens.captionColor}: var(--text-secondary);
+                ${_emotion.progressTokens.labelColor}: ${_sdds_cs.textPrimary};
+                ${_emotion.progressTokens.labelIconColor}: ${_sdds_cs.textPrimary};
+                ${_emotion.progressTokens.valueColor}: ${_sdds_cs.textSecondary};
+                ${_emotion.progressTokens.captionColor}: ${_sdds_cs.textSecondary};
             `,
             info: (0, _emotion.css)`
-                ${_emotion.progressTokens.trackBackgroundColor}: var(--surface-solid-secondary);
-                ${_emotion.progressTokens.progressFilledBackgroundColor}: var(--surface-info);
-                ${_emotion.progressTokens.labelColor}: var(--text-primary);
-                ${_emotion.progressTokens.labelIconColor}: var(--text-primary);
-                ${_emotion.progressTokens.valueColor}: var(--text-secondary);
-                ${_emotion.progressTokens.captionColor}: var(--text-secondary);
+                ${_emotion.progressTokens.trackBackgroundColor}: ${_sdds_cs.surfaceSolidSecondary};
+                ${_emotion.progressTokens.progressFilledBackgroundColor}: ${_sdds_cs.surfaceInfo};
+                ${_emotion.progressTokens.labelColor}: ${_sdds_cs.textPrimary};
+                ${_emotion.progressTokens.labelIconColor}: ${_sdds_cs.textPrimary};
+                ${_emotion.progressTokens.valueColor}: ${_sdds_cs.textSecondary};
+                ${_emotion.progressTokens.captionColor}: ${_sdds_cs.textSecondary};
             `,
             positive: (0, _emotion.css)`
-                ${_emotion.progressTokens.trackBackgroundColor}: var(--surface-solid-secondary);
-                ${_emotion.progressTokens.progressFilledBackgroundColor}: var(--surface-positive);
-                ${_emotion.progressTokens.labelColor}: var(--text-primary);
-                ${_emotion.progressTokens.labelIconColor}: var(--text-primary);
-                ${_emotion.progressTokens.valueColor}: var(--text-secondary);
-                ${_emotion.progressTokens.captionColor}: var(--text-positive);
+                ${_emotion.progressTokens.trackBackgroundColor}: ${_sdds_cs.surfaceSolidSecondary};
+                ${_emotion.progressTokens.progressFilledBackgroundColor}: ${_sdds_cs.surfacePositive};
+                ${_emotion.progressTokens.labelColor}: ${_sdds_cs.textPrimary};
+                ${_emotion.progressTokens.labelIconColor}: ${_sdds_cs.textPrimary};
+                ${_emotion.progressTokens.valueColor}: ${_sdds_cs.textSecondary};
+                ${_emotion.progressTokens.captionColor}: ${_sdds_cs.textPositive};
             `,
             warning: (0, _emotion.css)`
-                ${_emotion.progressTokens.trackBackgroundColor}: var(--surface-solid-secondary);
-                ${_emotion.progressTokens.progressFilledBackgroundColor}: var(--surface-warning);
-                ${_emotion.progressTokens.labelColor}: var(--text-primary);
-                ${_emotion.progressTokens.labelIconColor}: var(--text-primary);
-                ${_emotion.progressTokens.valueColor}: var(--text-secondary);
-                ${_emotion.progressTokens.captionColor}: var(--text-warning);
+                ${_emotion.progressTokens.trackBackgroundColor}: ${_sdds_cs.surfaceSolidSecondary};
+                ${_emotion.progressTokens.progressFilledBackgroundColor}: ${_sdds_cs.surfaceWarning};
+                ${_emotion.progressTokens.labelColor}: ${_sdds_cs.textPrimary};
+                ${_emotion.progressTokens.labelIconColor}: ${_sdds_cs.textPrimary};
+                ${_emotion.progressTokens.valueColor}: ${_sdds_cs.textSecondary};
+                ${_emotion.progressTokens.captionColor}: ${_sdds_cs.textWarning};
             `,
             negative: (0, _emotion.css)`
-                ${_emotion.progressTokens.trackBackgroundColor}: var(--surface-solid-secondary);
-                ${_emotion.progressTokens.progressFilledBackgroundColor}: var(--surface-negative);
-                ${_emotion.progressTokens.labelColor}: var(--text-primary);
-                ${_emotion.progressTokens.labelIconColor}: var(--text-primary);
-                ${_emotion.progressTokens.valueColor}: var(--text-secondary);
-                ${_emotion.progressTokens.captionColor}: var(--text-negative);
+                ${_emotion.progressTokens.trackBackgroundColor}: ${_sdds_cs.surfaceSolidSecondary};
+                ${_emotion.progressTokens.progressFilledBackgroundColor}: ${_sdds_cs.surfaceNegative};
+                ${_emotion.progressTokens.labelColor}: ${_sdds_cs.textPrimary};
+                ${_emotion.progressTokens.labelIconColor}: ${_sdds_cs.textPrimary};
+                ${_emotion.progressTokens.valueColor}: ${_sdds_cs.textSecondary};
+                ${_emotion.progressTokens.captionColor}: ${_sdds_cs.textNegative};
             `
         },
         size: {
@@ -88,27 +89,27 @@ const config = {
                 ${_emotion.progressTokens.labelWrapperGap}: 0.375rem;
                 ${_emotion.progressTokens.labelWrapperMarginRight}: 1.5rem;
 
-                ${_emotion.progressTokens.labelFontFamily}: var(--plasma-typo-body-l-font-family);
-                ${_emotion.progressTokens.labelFontSize}: var(--plasma-typo-body-l-font-size);
-                ${_emotion.progressTokens.labelFontStyle}: var(--plasma-typo-body-l-font-style);
-                ${_emotion.progressTokens.labelFontWeight}: var(--plasma-typo-body-l-font-weight);
-                ${_emotion.progressTokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
-                ${_emotion.progressTokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);
+                ${_emotion.progressTokens.labelFontFamily}: ${_sdds_cs.bodyL.fontFamily};
+                ${_emotion.progressTokens.labelFontSize}: ${_sdds_cs.bodyL.fontSize};
+                ${_emotion.progressTokens.labelFontStyle}: ${_sdds_cs.bodyL.fontStyle};
+                ${_emotion.progressTokens.labelFontWeight}: ${_sdds_cs.bodyL.fontWeight};
+                ${_emotion.progressTokens.labelLetterSpacing}: ${_sdds_cs.bodyL.letterSpacing};
+                ${_emotion.progressTokens.labelLineHeight}: ${_sdds_cs.bodyL.lineHeight};
 
-                ${_emotion.progressTokens.valueFontFamily}: var(--plasma-typo-body-l-font-family);
-                ${_emotion.progressTokens.valueFontSize}: var(--plasma-typo-body-l-font-size);
-                ${_emotion.progressTokens.valueFontStyle}: var(--plasma-typo-body-l-font-style);
-                ${_emotion.progressTokens.valueFontWeight}: var(--plasma-typo-body-l-font-weight);
-                ${_emotion.progressTokens.valueLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
-                ${_emotion.progressTokens.valueLineHeight}: var(--plasma-typo-body-l-line-height);
+                ${_emotion.progressTokens.valueFontFamily}: ${_sdds_cs.bodyL.fontFamily};
+                ${_emotion.progressTokens.valueFontSize}: ${_sdds_cs.bodyL.fontSize};
+                ${_emotion.progressTokens.valueFontStyle}: ${_sdds_cs.bodyL.fontStyle};
+                ${_emotion.progressTokens.valueFontWeight}: ${_sdds_cs.bodyL.fontWeight};
+                ${_emotion.progressTokens.valueLetterSpacing}: ${_sdds_cs.bodyL.letterSpacing};
+                ${_emotion.progressTokens.valueLineHeight}: ${_sdds_cs.bodyL.lineHeight};
                 ${_emotion.progressTokens.valueMarginLeft}: 1.5rem;
 
-                ${_emotion.progressTokens.captionFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_emotion.progressTokens.captionFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_emotion.progressTokens.captionFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_emotion.progressTokens.captionFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_emotion.progressTokens.captionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_emotion.progressTokens.captionLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_emotion.progressTokens.captionFontFamily}: ${_sdds_cs.bodyXS.fontFamily};
+                ${_emotion.progressTokens.captionFontSize}: ${_sdds_cs.bodyXS.fontSize};
+                ${_emotion.progressTokens.captionFontStyle}: ${_sdds_cs.bodyXS.fontStyle};
+                ${_emotion.progressTokens.captionFontWeight}: ${_sdds_cs.bodyXS.fontWeight};
+                ${_emotion.progressTokens.captionLetterSpacing}: ${_sdds_cs.bodyXS.letterSpacing};
+                ${_emotion.progressTokens.captionLineHeight}: ${_sdds_cs.bodyXS.lineHeight};
                 ${_emotion.progressTokens.captionMarginTop}: 0.5rem;
             `,
             m: (0, _emotion.css)`
@@ -116,27 +117,27 @@ const config = {
                 ${_emotion.progressTokens.labelWrapperGap}: 0.375rem;
                 ${_emotion.progressTokens.labelWrapperMarginRight}: 1.25rem;
 
-                ${_emotion.progressTokens.labelFontFamily}: var(--plasma-typo-body-m-font-family);
-                ${_emotion.progressTokens.labelFontSize}: var(--plasma-typo-body-m-font-size);
-                ${_emotion.progressTokens.labelFontStyle}: var(--plasma-typo-body-m-font-style);
-                ${_emotion.progressTokens.labelFontWeight}: var(--plasma-typo-body-m-font-weight);
-                ${_emotion.progressTokens.labelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
-                ${_emotion.progressTokens.labelLineHeight}: var(--plasma-typo-body-m-line-height);
+                ${_emotion.progressTokens.labelFontFamily}: ${_sdds_cs.bodyM.fontFamily};
+                ${_emotion.progressTokens.labelFontSize}: ${_sdds_cs.bodyM.fontSize};
+                ${_emotion.progressTokens.labelFontStyle}: ${_sdds_cs.bodyM.fontStyle};
+                ${_emotion.progressTokens.labelFontWeight}: ${_sdds_cs.bodyM.fontWeight};
+                ${_emotion.progressTokens.labelLetterSpacing}: ${_sdds_cs.bodyM.letterSpacing};
+                ${_emotion.progressTokens.labelLineHeight}: ${_sdds_cs.bodyM.lineHeight};
 
-                ${_emotion.progressTokens.valueFontFamily}: var(--plasma-typo-body-m-font-family);
-                ${_emotion.progressTokens.valueFontSize}: var(--plasma-typo-body-m-font-size);
-                ${_emotion.progressTokens.valueFontStyle}: var(--plasma-typo-body-m-font-style);
-                ${_emotion.progressTokens.valueFontWeight}: var(--plasma-typo-body-m-font-weight);
-                ${_emotion.progressTokens.valueLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
-                ${_emotion.progressTokens.valueLineHeight}: var(--plasma-typo-body-m-line-height);
+                ${_emotion.progressTokens.valueFontFamily}: ${_sdds_cs.bodyM.fontFamily};
+                ${_emotion.progressTokens.valueFontSize}: ${_sdds_cs.bodyM.fontSize};
+                ${_emotion.progressTokens.valueFontStyle}: ${_sdds_cs.bodyM.fontStyle};
+                ${_emotion.progressTokens.valueFontWeight}: ${_sdds_cs.bodyM.fontWeight};
+                ${_emotion.progressTokens.valueLetterSpacing}: ${_sdds_cs.bodyM.letterSpacing};
+                ${_emotion.progressTokens.valueLineHeight}: ${_sdds_cs.bodyM.lineHeight};
                 ${_emotion.progressTokens.valueMarginLeft}: 1.25rem;
 
-                ${_emotion.progressTokens.captionFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_emotion.progressTokens.captionFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_emotion.progressTokens.captionFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_emotion.progressTokens.captionFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_emotion.progressTokens.captionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_emotion.progressTokens.captionLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_emotion.progressTokens.captionFontFamily}: ${_sdds_cs.bodyXS.fontFamily};
+                ${_emotion.progressTokens.captionFontSize}: ${_sdds_cs.bodyXS.fontSize};
+                ${_emotion.progressTokens.captionFontStyle}: ${_sdds_cs.bodyXS.fontStyle};
+                ${_emotion.progressTokens.captionFontWeight}: ${_sdds_cs.bodyXS.fontWeight};
+                ${_emotion.progressTokens.captionLetterSpacing}: ${_sdds_cs.bodyXS.letterSpacing};
+                ${_emotion.progressTokens.captionLineHeight}: ${_sdds_cs.bodyXS.lineHeight};
                 ${_emotion.progressTokens.captionMarginTop}: 0.5rem;
             `,
             s: (0, _emotion.css)`
@@ -144,27 +145,27 @@ const config = {
                 ${_emotion.progressTokens.labelWrapperGap}: 0.375rem;
                 ${_emotion.progressTokens.labelWrapperMarginRight}: 1rem;
 
-                ${_emotion.progressTokens.labelFontFamily}: var(--plasma-typo-body-s-font-family);
-                ${_emotion.progressTokens.labelFontSize}: var(--plasma-typo-body-s-font-size);
-                ${_emotion.progressTokens.labelFontStyle}: var(--plasma-typo-body-s-font-style);
-                ${_emotion.progressTokens.labelFontWeight}: var(--plasma-typo-body-s-font-weight);
-                ${_emotion.progressTokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
-                ${_emotion.progressTokens.labelLineHeight}: var(--plasma-typo-body-s-line-height);
+                ${_emotion.progressTokens.labelFontFamily}: ${_sdds_cs.bodyS.fontFamily};
+                ${_emotion.progressTokens.labelFontSize}: ${_sdds_cs.bodyS.fontSize};
+                ${_emotion.progressTokens.labelFontStyle}: ${_sdds_cs.bodyS.fontStyle};
+                ${_emotion.progressTokens.labelFontWeight}: ${_sdds_cs.bodyS.fontWeight};
+                ${_emotion.progressTokens.labelLetterSpacing}: ${_sdds_cs.bodyS.letterSpacing};
+                ${_emotion.progressTokens.labelLineHeight}: ${_sdds_cs.bodyS.lineHeight};
 
-                ${_emotion.progressTokens.valueFontFamily}: var(--plasma-typo-body-s-font-family);
-                ${_emotion.progressTokens.valueFontSize}: var(--plasma-typo-body-s-font-size);
-                ${_emotion.progressTokens.valueFontStyle}: var(--plasma-typo-body-s-font-style);
-                ${_emotion.progressTokens.valueFontWeight}: var(--plasma-typo-body-s-font-weight);
-                ${_emotion.progressTokens.valueLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
-                ${_emotion.progressTokens.valueLineHeight}: var(--plasma-typo-body-s-line-height);
+                ${_emotion.progressTokens.valueFontFamily}: ${_sdds_cs.bodyS.fontFamily};
+                ${_emotion.progressTokens.valueFontSize}: ${_sdds_cs.bodyS.fontSize};
+                ${_emotion.progressTokens.valueFontStyle}: ${_sdds_cs.bodyS.fontStyle};
+                ${_emotion.progressTokens.valueFontWeight}: ${_sdds_cs.bodyS.fontWeight};
+                ${_emotion.progressTokens.valueLetterSpacing}: ${_sdds_cs.bodyS.letterSpacing};
+                ${_emotion.progressTokens.valueLineHeight}: ${_sdds_cs.bodyS.lineHeight};
                 ${_emotion.progressTokens.valueMarginLeft}: 1rem;
 
-                ${_emotion.progressTokens.captionFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_emotion.progressTokens.captionFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_emotion.progressTokens.captionFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_emotion.progressTokens.captionFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_emotion.progressTokens.captionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_emotion.progressTokens.captionLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_emotion.progressTokens.captionFontFamily}: ${_sdds_cs.bodyXS.fontFamily};
+                ${_emotion.progressTokens.captionFontSize}: ${_sdds_cs.bodyXS.fontSize};
+                ${_emotion.progressTokens.captionFontStyle}: ${_sdds_cs.bodyXS.fontStyle};
+                ${_emotion.progressTokens.captionFontWeight}: ${_sdds_cs.bodyXS.fontWeight};
+                ${_emotion.progressTokens.captionLetterSpacing}: ${_sdds_cs.bodyXS.letterSpacing};
+                ${_emotion.progressTokens.captionLineHeight}: ${_sdds_cs.bodyXS.lineHeight};
                 ${_emotion.progressTokens.captionMarginTop}: 0.5rem;
             `
         },

package/dist/emotion/cjs/components/Radiobox/Radiobox.config.js

@@ -8,6 +8,7 @@ Object.defineProperty(exports, "config", {
         return config;
     }
 });
+const _sdds_cs = require("@salutejs/sdds-themes/tokens/sdds_cs");
 const _emotion = require("@salutejs/plasma-new-hope/emotion");
 const config = {
     defaults: {
@@ -29,29 +30,29 @@ const config = {
                 ${_emotion.radioboxTokens.contentTopOffset}: 0;
                 ${_emotion.radioboxTokens.contentLeftOffset}: 0.625rem;
                 ${_emotion.radioboxTokens.descriptionMarginTop}: 0.125rem;
-                ${_emotion.radioboxTokens.labelFontFamily}: var(--plasma-typo-body-m-font-family);
-                ${_emotion.radioboxTokens.labelFontSize}: var(--plasma-typo-body-m-font-size);
-                ${_emotion.radioboxTokens.labelFontStyle}: var(--plasma-typo-body-m-font-style);
-                ${_emotion.radioboxTokens.labelFontWeight}: var(--plasma-typo-body-m-font-weight);
-                ${_emotion.radioboxTokens.labelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
-                ${_emotion.radioboxTokens.labelLineHeight}: var(--plasma-typo-body-m-line-height);
-                ${_emotion.radioboxTokens.descriptionFontFamily}: var(--plasma-typo-body-s-font-family);
-                ${_emotion.radioboxTokens.descriptionFontSize}: var(--plasma-typo-body-s-font-size);
-                ${_emotion.radioboxTokens.descriptionFontStyle}: var(--plasma-typo-body-s-font-style);
-                ${_emotion.radioboxTokens.descriptionFontWeight}: var(--plasma-typo-body-s-font-weight);
-                ${_emotion.radioboxTokens.descriptionLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
-                ${_emotion.radioboxTokens.descriptionLineHeight}: var(--plasma-typo-body-s-line-height);
+                ${_emotion.radioboxTokens.labelFontFamily}: ${_sdds_cs.bodyM.fontFamily};
+                ${_emotion.radioboxTokens.labelFontSize}: ${_sdds_cs.bodyM.fontSize};
+                ${_emotion.radioboxTokens.labelFontStyle}: ${_sdds_cs.bodyM.fontStyle};
+                ${_emotion.radioboxTokens.labelFontWeight}: ${_sdds_cs.bodyM.fontWeight};
+                ${_emotion.radioboxTokens.labelLetterSpacing}: ${_sdds_cs.bodyM.letterSpacing};
+                ${_emotion.radioboxTokens.labelLineHeight}: ${_sdds_cs.bodyM.lineHeight};
+                ${_emotion.radioboxTokens.descriptionFontFamily}: ${_sdds_cs.bodyS.fontFamily};
+                ${_emotion.radioboxTokens.descriptionFontSize}: ${_sdds_cs.bodyS.fontSize};
+                ${_emotion.radioboxTokens.descriptionFontStyle}: ${_sdds_cs.bodyS.fontStyle};
+                ${_emotion.radioboxTokens.descriptionFontWeight}: ${_sdds_cs.bodyS.fontWeight};
+                ${_emotion.radioboxTokens.descriptionLetterSpacing}: ${_sdds_cs.bodyS.letterSpacing};
+                ${_emotion.radioboxTokens.descriptionLineHeight}: ${_sdds_cs.bodyS.lineHeight};
             `
         },
         /**
          * Вид контрола.
          */ view: {
             accent: (0, _emotion.css)`
-                ${_emotion.radioboxTokens.fillColor}: var(--text-accent);
-                ${_emotion.radioboxTokens.ellipseColor}: var(--on-dark-text-primary);
-                ${_emotion.radioboxTokens.descriptionColor}: var(--text-secondary);
-                ${_emotion.radioboxTokens.triggerBackgroundColor}: var(--surface-solid-card);
-                ${_emotion.radioboxTokens.triggerBorderColor}: var(--outline-accent);
+                ${_emotion.radioboxTokens.fillColor}: ${_sdds_cs.textAccent};
+                ${_emotion.radioboxTokens.ellipseColor}: ${_sdds_cs.onDarkTextPrimary};
+                ${_emotion.radioboxTokens.descriptionColor}: ${_sdds_cs.textSecondary};
+                ${_emotion.radioboxTokens.triggerBackgroundColor}: ${_sdds_cs.surfaceSolidCard};
+                ${_emotion.radioboxTokens.triggerBorderColor}: ${_sdds_cs.outlineAccent};
                 ${_emotion.radioboxTokens.triggerBorderCheckedColor}: transparent;
             `
         },
@@ -62,7 +63,7 @@ const config = {
         },
         focused: {
             true: (0, _emotion.css)`
-                ${_emotion.radioboxTokens.focusColor}: var(--text-accent);
+                ${_emotion.radioboxTokens.focusColor}: ${_sdds_cs.textAccent};
             `
         }
     }