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

package/dist/styled-components/cjs/components/Radiobox/Radiobox.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: 'accent',
@@ -29,18 +30,18 @@ const config = {
                 ${_styledcomponents.radioboxTokens.contentTopOffset}: 0;
                 ${_styledcomponents.radioboxTokens.contentLeftOffset}: 0.5rem;
                 ${_styledcomponents.radioboxTokens.descriptionMarginTop}: 0.125rem;
-                ${_styledcomponents.radioboxTokens.labelFontFamily}: var(--plasma-typo-body-s-font-family);
-                ${_styledcomponents.radioboxTokens.labelFontSize}: var(--plasma-typo-body-s-font-size);
-                ${_styledcomponents.radioboxTokens.labelFontStyle}: var(--plasma-typo-body-s-font-style);
-                ${_styledcomponents.radioboxTokens.labelFontWeight}: var(--plasma-typo-body-s-font-weight);
-                ${_styledcomponents.radioboxTokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
-                ${_styledcomponents.radioboxTokens.labelLineHeight}: var(--plasma-typo-body-s-line-height);
-                ${_styledcomponents.radioboxTokens.descriptionFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_styledcomponents.radioboxTokens.descriptionFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_styledcomponents.radioboxTokens.descriptionFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_styledcomponents.radioboxTokens.descriptionFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_styledcomponents.radioboxTokens.descriptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_styledcomponents.radioboxTokens.descriptionLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_styledcomponents.radioboxTokens.labelFontFamily}: ${_sdds_scan.bodyS.fontFamily};
+                ${_styledcomponents.radioboxTokens.labelFontSize}: ${_sdds_scan.bodyS.fontSize};
+                ${_styledcomponents.radioboxTokens.labelFontStyle}: ${_sdds_scan.bodyS.fontStyle};
+                ${_styledcomponents.radioboxTokens.labelFontWeight}: ${_sdds_scan.bodyS.fontWeight};
+                ${_styledcomponents.radioboxTokens.labelLetterSpacing}: ${_sdds_scan.bodyS.letterSpacing};
+                ${_styledcomponents.radioboxTokens.labelLineHeight}: ${_sdds_scan.bodyS.lineHeight};
+                ${_styledcomponents.radioboxTokens.descriptionFontFamily}: ${_sdds_scan.bodyXS.fontFamily};
+                ${_styledcomponents.radioboxTokens.descriptionFontSize}: ${_sdds_scan.bodyXS.fontSize};
+                ${_styledcomponents.radioboxTokens.descriptionFontStyle}: ${_sdds_scan.bodyXS.fontStyle};
+                ${_styledcomponents.radioboxTokens.descriptionFontWeight}: ${_sdds_scan.bodyXS.fontWeight};
+                ${_styledcomponents.radioboxTokens.descriptionLetterSpacing}: ${_sdds_scan.bodyXS.letterSpacing};
+                ${_styledcomponents.radioboxTokens.descriptionLineHeight}: ${_sdds_scan.bodyXS.lineHeight};
             `,
             m: (0, _styledcomponents.css)`
                 ${_styledcomponents.radioboxTokens.margin}: 0;
@@ -52,29 +53,29 @@ const config = {
                 ${_styledcomponents.radioboxTokens.contentTopOffset}: 0.125rem;
                 ${_styledcomponents.radioboxTokens.contentLeftOffset}: 0.625rem;
                 ${_styledcomponents.radioboxTokens.descriptionMarginTop}: 0.125rem;
-                ${_styledcomponents.radioboxTokens.labelFontFamily}: var(--plasma-typo-body-m-font-family);
-                ${_styledcomponents.radioboxTokens.labelFontSize}: var(--plasma-typo-body-m-font-size);
-                ${_styledcomponents.radioboxTokens.labelFontStyle}: var(--plasma-typo-body-m-font-style);
-                ${_styledcomponents.radioboxTokens.labelFontWeight}: var(--plasma-typo-body-m-font-weight);
-                ${_styledcomponents.radioboxTokens.labelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
-                ${_styledcomponents.radioboxTokens.labelLineHeight}: var(--plasma-typo-body-m-line-height);
-                ${_styledcomponents.radioboxTokens.descriptionFontFamily}: var(--plasma-typo-body-s-font-family);
-                ${_styledcomponents.radioboxTokens.descriptionFontSize}: var(--plasma-typo-body-s-font-size);
-                ${_styledcomponents.radioboxTokens.descriptionFontStyle}: var(--plasma-typo-body-s-font-style);
-                ${_styledcomponents.radioboxTokens.descriptionFontWeight}: var(--plasma-typo-body-s-font-weight);
-                ${_styledcomponents.radioboxTokens.descriptionLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
-                ${_styledcomponents.radioboxTokens.descriptionLineHeight}: var(--plasma-typo-body-s-line-height);
+                ${_styledcomponents.radioboxTokens.labelFontFamily}: ${_sdds_scan.bodyM.fontFamily};
+                ${_styledcomponents.radioboxTokens.labelFontSize}: ${_sdds_scan.bodyM.fontSize};
+                ${_styledcomponents.radioboxTokens.labelFontStyle}: ${_sdds_scan.bodyM.fontStyle};
+                ${_styledcomponents.radioboxTokens.labelFontWeight}: ${_sdds_scan.bodyM.fontWeight};
+                ${_styledcomponents.radioboxTokens.labelLetterSpacing}: ${_sdds_scan.bodyM.letterSpacing};
+                ${_styledcomponents.radioboxTokens.labelLineHeight}: ${_sdds_scan.bodyM.lineHeight};
+                ${_styledcomponents.radioboxTokens.descriptionFontFamily}: ${_sdds_scan.bodyS.fontFamily};
+                ${_styledcomponents.radioboxTokens.descriptionFontSize}: ${_sdds_scan.bodyS.fontSize};
+                ${_styledcomponents.radioboxTokens.descriptionFontStyle}: ${_sdds_scan.bodyS.fontStyle};
+                ${_styledcomponents.radioboxTokens.descriptionFontWeight}: ${_sdds_scan.bodyS.fontWeight};
+                ${_styledcomponents.radioboxTokens.descriptionLetterSpacing}: ${_sdds_scan.bodyS.letterSpacing};
+                ${_styledcomponents.radioboxTokens.descriptionLineHeight}: ${_sdds_scan.bodyS.lineHeight};
             `
         },
         /**
          * Вид контрола.
          */ view: {
             accent: (0, _styledcomponents.css)`
-                ${_styledcomponents.radioboxTokens.fillColor}: var(--text-accent);
-                ${_styledcomponents.radioboxTokens.ellipseColor}: var(--on-dark-text-primary);
-                ${_styledcomponents.radioboxTokens.descriptionColor}: var(--text-secondary);
+                ${_styledcomponents.radioboxTokens.fillColor}: ${_sdds_scan.textAccent};
+                ${_styledcomponents.radioboxTokens.ellipseColor}: ${_sdds_scan.onDarkTextPrimary};
+                ${_styledcomponents.radioboxTokens.descriptionColor}: ${_sdds_scan.textSecondary};
                 ${_styledcomponents.radioboxTokens.triggerBackgroundColor}: transparent;
-                ${_styledcomponents.radioboxTokens.triggerBorderColor}: var(--text-secondary);
+                ${_styledcomponents.radioboxTokens.triggerBorderColor}: ${_sdds_scan.textSecondary};
                 ${_styledcomponents.radioboxTokens.triggerBorderCheckedColor}: transparent;
             `
         },
@@ -85,7 +86,7 @@ const config = {
         },
         focused: {
             true: (0, _styledcomponents.css)`
-                ${_styledcomponents.radioboxTokens.focusColor}: var(--text-accent);
+                ${_styledcomponents.radioboxTokens.focusColor}: ${_sdds_scan.textAccent};
             `
         }
     }

package/dist/styled-components/cjs/components/Range/Range.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: 'default',
@@ -19,55 +20,55 @@ const config = {
     variations: {
         view: {
             default: (0, _styledcomponents.css)`
-                ${_styledcomponents.rangeTokens.background}: var(--surface-transparent-primary);
-                ${_styledcomponents.rangeTokens.backgroundError}: var(--surface-transparent-negative);
-                ${_styledcomponents.rangeTokens.backgroundSuccess}: var(--surface-transparent-positive);
-
-                ${_styledcomponents.rangeTokens.dividerColor}: var(--text-primary);
-                ${_styledcomponents.rangeTokens.labelColor}: var(--text-primary);
-                ${_styledcomponents.rangeTokens.leftHelperColor}: var(--text-secondary);
-                ${_styledcomponents.rangeTokens.leftHelperColorError}: var(--text-negative);
-                ${_styledcomponents.rangeTokens.leftHelperColorSuccess}: var(--text-positive);
-                ${_styledcomponents.rangeTokens.titleCaptionColor}: var(--text-secondary);
-                ${_styledcomponents.rangeTokens.hintIconColor}: var(--text-secondary);
-
-                ${_styledcomponents.rangeTokens.contentSlotColor}: var(--text-primary);
-                ${_styledcomponents.rangeTokens.contentSlotColorHover}: var(--text-primary-hover);
-                ${_styledcomponents.rangeTokens.contentSlotColorActive}: var(--text-primary-active);
-
-                ${_styledcomponents.rangeTokens.embedIconButtonFocusColor}: var(--surface-accent);
-                ${_styledcomponents.rangeTokens.contentSlotRightColor}: var(--text-primary);
-                ${_styledcomponents.rangeTokens.contentSlotRightColorHover}: var(--text-primary-hover);
-                ${_styledcomponents.rangeTokens.contentSlotRightColorActive}: var(--text-primary-active);
-
-                ${_styledcomponents.rangeTokens.textFieldContentSlotColor}: var(--text-secondary);
-                ${_styledcomponents.rangeTokens.textFieldContentSlotColorHover}: var(--text-secondary-hover);
-                ${_styledcomponents.rangeTokens.textFieldContentSlotColorActive}: var(--text-secondary-active);
-
-                ${_styledcomponents.rangeTokens.textFieldContentSlotRightColor}: var(--text-secondary);
-                ${_styledcomponents.rangeTokens.textFieldContentSlotRightColorHover}: var(--text-secondary-hover);
-                ${_styledcomponents.rangeTokens.textFieldContentSlotRightColorActive}: var(--text-secondary-active);
-
-                ${_styledcomponents.rangeTokens.textFieldColor}: var(--text-primary);
-                ${_styledcomponents.rangeTokens.textFieldPlaceholderColor}: var(--text-secondary);
-                ${_styledcomponents.rangeTokens.textFieldCaretColor}: var(--text-accent);
-
-                ${_styledcomponents.rangeTokens.textFieldBackgroundColorHover}: var(--surface-transparent-primary-hover);
-                ${_styledcomponents.rangeTokens.textFieldBackgroundColorFocus}: var(--surface-transparent-secondary);
-                ${_styledcomponents.rangeTokens.textFieldBackgroundErrorColor}: var(--surface-transparent-negative);
-                ${_styledcomponents.rangeTokens.textFieldBackgroundErrorColorHover}: var(--surface-transparent-negative-hover);
-                ${_styledcomponents.rangeTokens.textFieldBackgroundErrorColorFocus}: var(--surface-transparent-negative-active);
-                ${_styledcomponents.rangeTokens.textFieldBackgroundSuccessColor}: var(--surface-transparent-positive);
-                ${_styledcomponents.rangeTokens.textFieldBackgroundSuccessColorHover}: var(--surface-transparent-positive-hover);
-                ${_styledcomponents.rangeTokens.textFieldBackgroundSuccessColorFocus}: var(--surface-transparent-positive-active);
-
-                ${_styledcomponents.rangeTokens.textFieldTextBeforeColor}: var(--text-tertiary);
-                ${_styledcomponents.rangeTokens.textFieldTextAfterColor}: var(--text-tertiary);
-
-                ${_styledcomponents.rangeTokens.indicatorColor}: var(--surface-negative);
-
-                ${_styledcomponents.rangeTokens.focusColor}: var(--text-accent);
-                ${_styledcomponents.rangeTokens.textFieldPlaceholderColorFocus}: var(--text-tertiary);
+                ${_styledcomponents.rangeTokens.background}: ${_sdds_scan.surfaceTransparentPrimary};
+                ${_styledcomponents.rangeTokens.backgroundError}: ${_sdds_scan.surfaceTransparentNegative};
+                ${_styledcomponents.rangeTokens.backgroundSuccess}: ${_sdds_scan.surfaceTransparentPositive};
+
+                ${_styledcomponents.rangeTokens.dividerColor}: ${_sdds_scan.textPrimary};
+                ${_styledcomponents.rangeTokens.labelColor}: ${_sdds_scan.textPrimary};
+                ${_styledcomponents.rangeTokens.leftHelperColor}: ${_sdds_scan.textSecondary};
+                ${_styledcomponents.rangeTokens.leftHelperColorError}: ${_sdds_scan.textNegative};
+                ${_styledcomponents.rangeTokens.leftHelperColorSuccess}: ${_sdds_scan.textPositive};
+                ${_styledcomponents.rangeTokens.titleCaptionColor}: ${_sdds_scan.textSecondary};
+                ${_styledcomponents.rangeTokens.hintIconColor}: ${_sdds_scan.textSecondary};
+
+                ${_styledcomponents.rangeTokens.contentSlotColor}: ${_sdds_scan.textPrimary};
+                ${_styledcomponents.rangeTokens.contentSlotColorHover}: ${_sdds_scan.textPrimaryHover};
+                ${_styledcomponents.rangeTokens.contentSlotColorActive}: ${_sdds_scan.textPrimaryActive};
+
+                ${_styledcomponents.rangeTokens.embedIconButtonFocusColor}: ${_sdds_scan.surfaceAccent};
+                ${_styledcomponents.rangeTokens.contentSlotRightColor}: ${_sdds_scan.textPrimary};
+                ${_styledcomponents.rangeTokens.contentSlotRightColorHover}: ${_sdds_scan.textPrimaryHover};
+                ${_styledcomponents.rangeTokens.contentSlotRightColorActive}: ${_sdds_scan.textPrimaryActive};
+
+                ${_styledcomponents.rangeTokens.textFieldContentSlotColor}: ${_sdds_scan.textSecondary};
+                ${_styledcomponents.rangeTokens.textFieldContentSlotColorHover}: ${_sdds_scan.textSecondaryHover};
+                ${_styledcomponents.rangeTokens.textFieldContentSlotColorActive}: ${_sdds_scan.textSecondaryActive};
+
+                ${_styledcomponents.rangeTokens.textFieldContentSlotRightColor}: ${_sdds_scan.textSecondary};
+                ${_styledcomponents.rangeTokens.textFieldContentSlotRightColorHover}: ${_sdds_scan.textSecondaryHover};
+                ${_styledcomponents.rangeTokens.textFieldContentSlotRightColorActive}: ${_sdds_scan.textSecondaryActive};
+
+                ${_styledcomponents.rangeTokens.textFieldColor}: ${_sdds_scan.textPrimary};
+                ${_styledcomponents.rangeTokens.textFieldPlaceholderColor}: ${_sdds_scan.textSecondary};
+                ${_styledcomponents.rangeTokens.textFieldCaretColor}: ${_sdds_scan.textAccent};
+
+                ${_styledcomponents.rangeTokens.textFieldBackgroundColorHover}: ${_sdds_scan.surfaceTransparentPrimaryHover};
+                ${_styledcomponents.rangeTokens.textFieldBackgroundColorFocus}: ${_sdds_scan.surfaceTransparentSecondary};
+                ${_styledcomponents.rangeTokens.textFieldBackgroundErrorColor}: ${_sdds_scan.surfaceTransparentNegative};
+                ${_styledcomponents.rangeTokens.textFieldBackgroundErrorColorHover}: ${_sdds_scan.surfaceTransparentNegativeHover};
+                ${_styledcomponents.rangeTokens.textFieldBackgroundErrorColorFocus}: ${_sdds_scan.surfaceTransparentNegativeActive};
+                ${_styledcomponents.rangeTokens.textFieldBackgroundSuccessColor}: ${_sdds_scan.surfaceTransparentPositive};
+                ${_styledcomponents.rangeTokens.textFieldBackgroundSuccessColorHover}: ${_sdds_scan.surfaceTransparentPositiveHover};
+                ${_styledcomponents.rangeTokens.textFieldBackgroundSuccessColorFocus}: ${_sdds_scan.surfaceTransparentPositiveActive};
+
+                ${_styledcomponents.rangeTokens.textFieldTextBeforeColor}: ${_sdds_scan.textTertiary};
+                ${_styledcomponents.rangeTokens.textFieldTextAfterColor}: ${_sdds_scan.textTertiary};
+
+                ${_styledcomponents.rangeTokens.indicatorColor}: ${_sdds_scan.surfaceNegative};
+
+                ${_styledcomponents.rangeTokens.focusColor}: ${_sdds_scan.textAccent};
+                ${_styledcomponents.rangeTokens.textFieldPlaceholderColorFocus}: ${_sdds_scan.textTertiary};
             `
         },
         size: {
@@ -75,12 +76,12 @@ const config = {
                 ${_styledcomponents.rangeTokens.borderRadius}: 0.75rem;
 
                 ${_styledcomponents.rangeTokens.dividerPadding}: 0 0.375rem;
-                ${_styledcomponents.rangeTokens.dividerFontFamily}: var(--plasma-typo-body-m-font-family);
-                ${_styledcomponents.rangeTokens.dividerFontStyle}: var(--plasma-typo-body-m-font-style);
-                ${_styledcomponents.rangeTokens.dividerFontSize}: var(--plasma-typo-body-m-font-size);
-                ${_styledcomponents.rangeTokens.dividerFontWeight}: var(--plasma-typo-body-m-font-weight);
-                ${_styledcomponents.rangeTokens.dividerLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
-                ${_styledcomponents.rangeTokens.dividerLineHeight}: var(--plasma-typo-body-m-line-height);
+                ${_styledcomponents.rangeTokens.dividerFontFamily}: ${_sdds_scan.bodyM.fontFamily};
+                ${_styledcomponents.rangeTokens.dividerFontStyle}: ${_sdds_scan.bodyM.fontStyle};
+                ${_styledcomponents.rangeTokens.dividerFontSize}: ${_sdds_scan.bodyM.fontSize};
+                ${_styledcomponents.rangeTokens.dividerFontWeight}: ${_sdds_scan.bodyM.fontWeight};
+                ${_styledcomponents.rangeTokens.dividerLetterSpacing}: ${_sdds_scan.bodyM.letterSpacing};
+                ${_styledcomponents.rangeTokens.dividerLineHeight}: ${_sdds_scan.bodyM.lineHeight};
 
                 ${_styledcomponents.rangeTokens.leftContentMargin}: 0 0 0 0.875rem;
                 ${_styledcomponents.rangeTokens.rightContentMargin}: 0;
@@ -88,24 +89,24 @@ const config = {
                 ${_styledcomponents.rangeTokens.textFieldHeight}: 3rem;
                 ${_styledcomponents.rangeTokens.textFieldBorderRadius}: 0.75rem;
                 ${_styledcomponents.rangeTokens.textFieldPadding}: 0.875rem 1rem 0.875rem 1rem;
-                ${_styledcomponents.rangeTokens.textFieldFontFamily}: var(--plasma-typo-body-m-font-family);
-                ${_styledcomponents.rangeTokens.textFieldFontStyle}: var(--plasma-typo-body-m-font-style);
-                ${_styledcomponents.rangeTokens.textFieldFontSize}: var(--plasma-typo-body-m-font-size);
-                ${_styledcomponents.rangeTokens.textFieldFontWeight}: var(--plasma-typo-body-m-font-weight);
-                ${_styledcomponents.rangeTokens.textFieldLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
-                ${_styledcomponents.rangeTokens.textFieldLineHeight}: var(--plasma-typo-body-m-line-height);
+                ${_styledcomponents.rangeTokens.textFieldFontFamily}: ${_sdds_scan.bodyM.fontFamily};
+                ${_styledcomponents.rangeTokens.textFieldFontStyle}: ${_sdds_scan.bodyM.fontStyle};
+                ${_styledcomponents.rangeTokens.textFieldFontSize}: ${_sdds_scan.bodyM.fontSize};
+                ${_styledcomponents.rangeTokens.textFieldFontWeight}: ${_sdds_scan.bodyM.fontWeight};
+                ${_styledcomponents.rangeTokens.textFieldLetterSpacing}: ${_sdds_scan.bodyM.letterSpacing};
+                ${_styledcomponents.rangeTokens.textFieldLineHeight}: ${_sdds_scan.bodyM.lineHeight};
 
                 ${_styledcomponents.rangeTokens.textFieldLeftContentMargin}: -0.125rem 0.375rem -0.125rem -0.125rem;
                 ${_styledcomponents.rangeTokens.textFieldRightContentMargin}: -0.125rem -0.125rem -0.125rem 0.75rem;
                 ${_styledcomponents.rangeTokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;
                 ${_styledcomponents.rangeTokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;
 
-                ${_styledcomponents.rangeTokens.labelFontFamily}: var(--plasma-typo-body-m-font-family);
-                ${_styledcomponents.rangeTokens.labelFontSize}: var(--plasma-typo-body-m-font-size);
-                ${_styledcomponents.rangeTokens.labelFontStyle}: var(--plasma-typo-body-m-font-style);
-                ${_styledcomponents.rangeTokens.labelFontWeight}: var(--plasma-typo-body-m-font-weight);
-                ${_styledcomponents.rangeTokens.labelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
-                ${_styledcomponents.rangeTokens.labelLineHeight}: var(--plasma-typo-body-m-line-height);
+                ${_styledcomponents.rangeTokens.labelFontFamily}: ${_sdds_scan.bodyM.fontFamily};
+                ${_styledcomponents.rangeTokens.labelFontSize}: ${_sdds_scan.bodyM.fontSize};
+                ${_styledcomponents.rangeTokens.labelFontStyle}: ${_sdds_scan.bodyM.fontStyle};
+                ${_styledcomponents.rangeTokens.labelFontWeight}: ${_sdds_scan.bodyM.fontWeight};
+                ${_styledcomponents.rangeTokens.labelLetterSpacing}: ${_sdds_scan.bodyM.letterSpacing};
+                ${_styledcomponents.rangeTokens.labelLineHeight}: ${_sdds_scan.bodyM.lineHeight};
 
                 ${_styledcomponents.rangeTokens.embedIconButtonHeight}: 3rem;
                 ${_styledcomponents.rangeTokens.embedIconButtonWidth}: 3rem;
@@ -123,22 +124,22 @@ const config = {
                 ${_styledcomponents.rangeTokens.hintPlacementInnerMargin}: 0 0.313rem 0 -0.438rem;
 
                 ${_styledcomponents.rangeTokens.titleCaptionOffset}: 0.313rem;
-                ${_styledcomponents.rangeTokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_styledcomponents.rangeTokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_styledcomponents.rangeTokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_styledcomponents.rangeTokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_styledcomponents.rangeTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_styledcomponents.rangeTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_styledcomponents.rangeTokens.titleCaptionFontFamily}: ${_sdds_scan.bodyXS.fontFamily};
+                ${_styledcomponents.rangeTokens.titleCaptionFontSize}: ${_sdds_scan.bodyXS.fontSize};
+                ${_styledcomponents.rangeTokens.titleCaptionFontStyle}: ${_sdds_scan.bodyXS.fontStyle};
+                ${_styledcomponents.rangeTokens.titleCaptionFontWeight}: ${_sdds_scan.bodyXS.fontWeight};
+                ${_styledcomponents.rangeTokens.titleCaptionLetterSpacing}: ${_sdds_scan.bodyXS.letterSpacing};
+                ${_styledcomponents.rangeTokens.titleCaptionLineHeight}: ${_sdds_scan.bodyXS.lineHeight};
 
                 ${_styledcomponents.rangeTokens.helpersPadding}: 0.25rem 0 0 0;
                 ${_styledcomponents.rangeTokens.helpersGap}: 0.25rem;
 
-                ${_styledcomponents.rangeTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_styledcomponents.rangeTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_styledcomponents.rangeTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_styledcomponents.rangeTokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_styledcomponents.rangeTokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_styledcomponents.rangeTokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_styledcomponents.rangeTokens.leftHelperFontFamily}: ${_sdds_scan.bodyXS.fontFamily};
+                ${_styledcomponents.rangeTokens.leftHelperFontSize}: ${_sdds_scan.bodyXS.fontSize};
+                ${_styledcomponents.rangeTokens.leftHelperFontStyle}: ${_sdds_scan.bodyXS.fontStyle};
+                ${_styledcomponents.rangeTokens.leftHelperFontWeight}: ${_sdds_scan.bodyXS.fontWeight};
+                ${_styledcomponents.rangeTokens.leftHelperLetterSpacing}: ${_sdds_scan.bodyXS.letterSpacing};
+                ${_styledcomponents.rangeTokens.leftHelperLineHeight}: ${_sdds_scan.bodyXS.lineHeight};
 
                 ${_styledcomponents.rangeTokens.indicatorSizeInner}: 0.5rem;
                 ${_styledcomponents.rangeTokens.indicatorSizeOuter}: 0.375rem;
@@ -151,12 +152,12 @@ const config = {
                 ${_styledcomponents.rangeTokens.borderRadius}: 0.625rem;
 
                 ${_styledcomponents.rangeTokens.dividerPadding}: 0 0.375rem;
-                ${_styledcomponents.rangeTokens.dividerFontFamily}: var(--plasma-typo-body-s-font-family);
-                ${_styledcomponents.rangeTokens.dividerFontStyle}: var(--plasma-typo-body-s-font-style);
-                ${_styledcomponents.rangeTokens.dividerFontSize}: var(--plasma-typo-body-s-font-size);
-                ${_styledcomponents.rangeTokens.dividerFontWeight}: var(--plasma-typo-body-s-font-weight);
-                ${_styledcomponents.rangeTokens.dividerLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
-                ${_styledcomponents.rangeTokens.dividerLineHeight}: var(--plasma-typo-body-s-line-height);
+                ${_styledcomponents.rangeTokens.dividerFontFamily}: ${_sdds_scan.bodyS.fontFamily};
+                ${_styledcomponents.rangeTokens.dividerFontStyle}: ${_sdds_scan.bodyS.fontStyle};
+                ${_styledcomponents.rangeTokens.dividerFontSize}: ${_sdds_scan.bodyS.fontSize};
+                ${_styledcomponents.rangeTokens.dividerFontWeight}: ${_sdds_scan.bodyS.fontWeight};
+                ${_styledcomponents.rangeTokens.dividerLetterSpacing}: ${_sdds_scan.bodyS.letterSpacing};
+                ${_styledcomponents.rangeTokens.dividerLineHeight}: ${_sdds_scan.bodyS.lineHeight};
 
                 ${_styledcomponents.rangeTokens.leftContentMargin}: 0 0 0 0.75rem;
                 ${_styledcomponents.rangeTokens.rightContentMargin}: 0;
@@ -164,24 +165,24 @@ const config = {
                 ${_styledcomponents.rangeTokens.textFieldHeight}: 2.5rem;
                 ${_styledcomponents.rangeTokens.textFieldBorderRadius}: 0.625rem;
                 ${_styledcomponents.rangeTokens.textFieldPadding}: 0.6875rem 0.875rem 0.6875rem 0.875rem;
-                ${_styledcomponents.rangeTokens.textFieldFontFamily}: var(--plasma-typo-body-s-font-family);
-                ${_styledcomponents.rangeTokens.textFieldFontStyle}: var(--plasma-typo-body-s-font-style);
-                ${_styledcomponents.rangeTokens.textFieldFontSize}: var(--plasma-typo-body-s-font-size);
-                ${_styledcomponents.rangeTokens.textFieldFontWeight}: var(--plasma-typo-body-s-font-weight);
-                ${_styledcomponents.rangeTokens.textFieldLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
-                ${_styledcomponents.rangeTokens.textFieldLineHeight}: var(--plasma-typo-body-s-line-height);
+                ${_styledcomponents.rangeTokens.textFieldFontFamily}: ${_sdds_scan.bodyS.fontFamily};
+                ${_styledcomponents.rangeTokens.textFieldFontStyle}: ${_sdds_scan.bodyS.fontStyle};
+                ${_styledcomponents.rangeTokens.textFieldFontSize}: ${_sdds_scan.bodyS.fontSize};
+                ${_styledcomponents.rangeTokens.textFieldFontWeight}: ${_sdds_scan.bodyS.fontWeight};
+                ${_styledcomponents.rangeTokens.textFieldLetterSpacing}: ${_sdds_scan.bodyS.letterSpacing};
+                ${_styledcomponents.rangeTokens.textFieldLineHeight}: ${_sdds_scan.bodyS.lineHeight};
 
                 ${_styledcomponents.rangeTokens.textFieldLeftContentMargin}: -0.1875rem 0.25rem -0.1875rem -0.125rem;
                 ${_styledcomponents.rangeTokens.textFieldRightContentMargin}: -0.1875rem -0.125rem -0.1875rem 0.75rem;
                 ${_styledcomponents.rangeTokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;
                 ${_styledcomponents.rangeTokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;
 
-                ${_styledcomponents.rangeTokens.labelFontFamily}: var(--plasma-typo-body-s-font-family);
-                ${_styledcomponents.rangeTokens.labelFontSize}: var(--plasma-typo-body-s-font-size);
-                ${_styledcomponents.rangeTokens.labelFontStyle}: var(--plasma-typo-body-s-font-style);
-                ${_styledcomponents.rangeTokens.labelFontWeight}: var(--plasma-typo-body-s-font-weight);
-                ${_styledcomponents.rangeTokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
-                ${_styledcomponents.rangeTokens.labelLineHeight}: var(--plasma-typo-body-s-line-height);
+                ${_styledcomponents.rangeTokens.labelFontFamily}: ${_sdds_scan.bodyS.fontFamily};
+                ${_styledcomponents.rangeTokens.labelFontSize}: ${_sdds_scan.bodyS.fontSize};
+                ${_styledcomponents.rangeTokens.labelFontStyle}: ${_sdds_scan.bodyS.fontStyle};
+                ${_styledcomponents.rangeTokens.labelFontWeight}: ${_sdds_scan.bodyS.fontWeight};
+                ${_styledcomponents.rangeTokens.labelLetterSpacing}: ${_sdds_scan.bodyS.letterSpacing};
+                ${_styledcomponents.rangeTokens.labelLineHeight}: ${_sdds_scan.bodyS.lineHeight};
 
                 ${_styledcomponents.rangeTokens.embedIconButtonHeight}: 2.5rem;
                 ${_styledcomponents.rangeTokens.embedIconButtonWidth}: 2.5rem;
@@ -199,22 +200,22 @@ const config = {
                 ${_styledcomponents.rangeTokens.hintPlacementInnerMargin}: 0 0.063rem 0 -0.438rem;
 
                 ${_styledcomponents.rangeTokens.titleCaptionOffset}: 0.188rem;
-                ${_styledcomponents.rangeTokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_styledcomponents.rangeTokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_styledcomponents.rangeTokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_styledcomponents.rangeTokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_styledcomponents.rangeTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_styledcomponents.rangeTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_styledcomponents.rangeTokens.titleCaptionFontFamily}: ${_sdds_scan.bodyXS.fontFamily};
+                ${_styledcomponents.rangeTokens.titleCaptionFontSize}: ${_sdds_scan.bodyXS.fontSize};
+                ${_styledcomponents.rangeTokens.titleCaptionFontStyle}: ${_sdds_scan.bodyXS.fontStyle};
+                ${_styledcomponents.rangeTokens.titleCaptionFontWeight}: ${_sdds_scan.bodyXS.fontWeight};
+                ${_styledcomponents.rangeTokens.titleCaptionLetterSpacing}: ${_sdds_scan.bodyXS.letterSpacing};
+                ${_styledcomponents.rangeTokens.titleCaptionLineHeight}: ${_sdds_scan.bodyXS.lineHeight};
 
                 ${_styledcomponents.rangeTokens.helpersPadding}: 0.25rem 0 0 0;
                 ${_styledcomponents.rangeTokens.helpersGap}: 0.25rem;
 
-                ${_styledcomponents.rangeTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_styledcomponents.rangeTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_styledcomponents.rangeTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_styledcomponents.rangeTokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_styledcomponents.rangeTokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_styledcomponents.rangeTokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_styledcomponents.rangeTokens.leftHelperFontFamily}: ${_sdds_scan.bodyXS.fontFamily};
+                ${_styledcomponents.rangeTokens.leftHelperFontSize}: ${_sdds_scan.bodyXS.fontSize};
+                ${_styledcomponents.rangeTokens.leftHelperFontStyle}: ${_sdds_scan.bodyXS.fontStyle};
+                ${_styledcomponents.rangeTokens.leftHelperFontWeight}: ${_sdds_scan.bodyXS.fontWeight};
+                ${_styledcomponents.rangeTokens.leftHelperLetterSpacing}: ${_sdds_scan.bodyXS.letterSpacing};
+                ${_styledcomponents.rangeTokens.leftHelperLineHeight}: ${_sdds_scan.bodyXS.lineHeight};
 
                 ${_styledcomponents.rangeTokens.indicatorSizeInner}: 0.5rem;
                 ${_styledcomponents.rangeTokens.indicatorSizeOuter}: 0.375rem;
@@ -226,10 +227,10 @@ const config = {
         },
         hintView: {
             default: (0, _styledcomponents.css)`
-                ${_styledcomponents.rangeTokens.tooltipBackgroundColor}: var(--surface-solid-card-brightness);
+                ${_styledcomponents.rangeTokens.tooltipBackgroundColor}: ${_sdds_scan.surfaceSolidCardBrightness};
                 ${_styledcomponents.rangeTokens.tooltipBoxShadow}: var(--shadow-down-hard-m, 0px 4px 12px 0px rgba(0, 0, 0, 0.16),0px 1px 4px 0px rgba(0, 0, 0, 0.08));
-                ${_styledcomponents.rangeTokens.tooltipColor}: var(--text-primary);
-                ${_styledcomponents.rangeTokens.tooltipArrowBackground}: var(--surface-solid-card-brightness);
+                ${_styledcomponents.rangeTokens.tooltipColor}: ${_sdds_scan.textPrimary};
+                ${_styledcomponents.rangeTokens.tooltipArrowBackground}: ${_sdds_scan.surfaceSolidCardBrightness};
             `
         },
         hintSize: {
@@ -242,12 +243,12 @@ const config = {
                 ${_styledcomponents.rangeTokens.tooltipMinHeight}: 2.5rem;
                 ${_styledcomponents.rangeTokens.tooltipBorderRadius}: 0.625rem;
 
-                ${_styledcomponents.rangeTokens.tooltipTextFontFamily}: var(--plasma-typo-body-s-font-family);
-                ${_styledcomponents.rangeTokens.tooltipTextFontSize}: var(--plasma-typo-body-s-font-size);
-                ${_styledcomponents.rangeTokens.tooltipTextFontStyle}: var(--plasma-typo-body-s-font-style);
-                ${_styledcomponents.rangeTokens.tooltipTextFontWeight}: var(--plasma-typo-body-s-font-weight);
-                ${_styledcomponents.rangeTokens.tooltipTextFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
-                ${_styledcomponents.rangeTokens.tooltipTextFontLineHeight}: var(--plasma-typo-body-s-line-height);
+                ${_styledcomponents.rangeTokens.tooltipTextFontFamily}: ${_sdds_scan.bodyS.fontFamily};
+                ${_styledcomponents.rangeTokens.tooltipTextFontSize}: ${_sdds_scan.bodyS.fontSize};
+                ${_styledcomponents.rangeTokens.tooltipTextFontStyle}: ${_sdds_scan.bodyS.fontStyle};
+                ${_styledcomponents.rangeTokens.tooltipTextFontWeight}: ${_sdds_scan.bodyS.fontWeight};
+                ${_styledcomponents.rangeTokens.tooltipTextFontLetterSpacing}: ${_sdds_scan.bodyS.letterSpacing};
+                ${_styledcomponents.rangeTokens.tooltipTextFontLineHeight}: ${_sdds_scan.bodyS.lineHeight};
 
                 ${_styledcomponents.rangeTokens.tooltipContentLeftMargin}: 0.375rem;
 
@@ -266,12 +267,12 @@ const config = {
                 ${_styledcomponents.rangeTokens.tooltipMinHeight}: 2rem;
                 ${_styledcomponents.rangeTokens.tooltipBorderRadius}: 0.5rem;
 
-                ${_styledcomponents.rangeTokens.tooltipTextFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_styledcomponents.rangeTokens.tooltipTextFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_styledcomponents.rangeTokens.tooltipTextFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_styledcomponents.rangeTokens.tooltipTextFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_styledcomponents.rangeTokens.tooltipTextFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_styledcomponents.rangeTokens.tooltipTextFontLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_styledcomponents.rangeTokens.tooltipTextFontFamily}: ${_sdds_scan.bodyXS.fontFamily};
+                ${_styledcomponents.rangeTokens.tooltipTextFontSize}: ${_sdds_scan.bodyXS.fontSize};
+                ${_styledcomponents.rangeTokens.tooltipTextFontStyle}: ${_sdds_scan.bodyXS.fontStyle};
+                ${_styledcomponents.rangeTokens.tooltipTextFontWeight}: ${_sdds_scan.bodyXS.fontWeight};
+                ${_styledcomponents.rangeTokens.tooltipTextFontLetterSpacing}: ${_sdds_scan.bodyXS.letterSpacing};
+                ${_styledcomponents.rangeTokens.tooltipTextFontLineHeight}: ${_sdds_scan.bodyXS.lineHeight};
 
                 ${_styledcomponents.rangeTokens.tooltipContentLeftMargin}: 0.25rem;
 
@@ -289,16 +290,16 @@ const config = {
         },
         readOnly: {
             true: (0, _styledcomponents.css)`
-                ${_styledcomponents.rangeTokens.backgroundReadOnly}: var(--surface-transparent-primary);
+                ${_styledcomponents.rangeTokens.backgroundReadOnly}: ${_sdds_scan.surfaceTransparentPrimary};
 
-                ${_styledcomponents.rangeTokens.dividerColorReadOnly}: var(--text-secondary);
+                ${_styledcomponents.rangeTokens.dividerColorReadOnly}: ${_sdds_scan.textSecondary};
                 ${_styledcomponents.rangeTokens.readOnlyOpacity}: 0.1;
                 ${_styledcomponents.rangeTokens.dividerOpacityReadOnly}: 0.4;
                 ${_styledcomponents.rangeTokens.rightContentOpacityReadOnly}: 0.4;
 
-                ${_styledcomponents.rangeTokens.textFieldColorReadOnly}: var(--text-primary);
+                ${_styledcomponents.rangeTokens.textFieldColorReadOnly}: ${_sdds_scan.textPrimary};
                 ${_styledcomponents.rangeTokens.textFieldBackgroundColorReadOnly}: transparent;
-                ${_styledcomponents.rangeTokens.textFieldPlaceholderColorReadOnly}: var(--text-secondary);
+                ${_styledcomponents.rangeTokens.textFieldPlaceholderColorReadOnly}: ${_sdds_scan.textSecondary};
             `
         }
     }

package/dist/styled-components/cjs/components/Rating/Rating.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: 'default',
@@ -17,36 +18,36 @@ const config = {
     variations: {
         view: {
             default: (0, _styledcomponents.css)`
-                ${_styledcomponents.ratingTokens.color}: var(--text-primary);
-                ${_styledcomponents.ratingTokens.helperTextColor}: var(--text-secondary);
-                ${_styledcomponents.ratingTokens.iconColor}: var(--text-primary);
-                ${_styledcomponents.ratingTokens.outlineIconColor}: var(--text-primary);
+                ${_styledcomponents.ratingTokens.color}: ${_sdds_scan.textPrimary};
+                ${_styledcomponents.ratingTokens.helperTextColor}: ${_sdds_scan.textSecondary};
+                ${_styledcomponents.ratingTokens.iconColor}: ${_sdds_scan.textPrimary};
+                ${_styledcomponents.ratingTokens.outlineIconColor}: ${_sdds_scan.textPrimary};
             `,
             accent: (0, _styledcomponents.css)`
-                ${_styledcomponents.ratingTokens.color}: var(--text-primary);
-                ${_styledcomponents.ratingTokens.helperTextColor}: var(--text-secondary);
+                ${_styledcomponents.ratingTokens.color}: ${_sdds_scan.textPrimary};
+                ${_styledcomponents.ratingTokens.helperTextColor}: ${_sdds_scan.textSecondary};
                 // TODO: change with token data-yellow, when it will be added to theme
                 ${_styledcomponents.ratingTokens.iconColor}: #F3A912;
-                ${_styledcomponents.ratingTokens.outlineIconColor}: var(--text-tertiary);
+                ${_styledcomponents.ratingTokens.outlineIconColor}: ${_sdds_scan.textTertiary};
             `
         },
         size: {
             m: (0, _styledcomponents.css)`
                 ${_styledcomponents.ratingTokens.gap}: 0.25rem;
 
-                ${_styledcomponents.ratingTokens.fontFamily}: var(--plasma-typo-body-m-font-family);
-                ${_styledcomponents.ratingTokens.fontSize}: var(--plasma-typo-body-m-font-size);
-                ${_styledcomponents.ratingTokens.fontStyle}: var(--plasma-typo-body-m-font-style);
-                ${_styledcomponents.ratingTokens.fontWeight}: var(--plasma-typo-body-m-bold-font-weight);
-                ${_styledcomponents.ratingTokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);
-                ${_styledcomponents.ratingTokens.lineHeight}: var(--plasma-typo-body-m-line-height);
+                ${_styledcomponents.ratingTokens.fontFamily}: ${_sdds_scan.bodyM.fontFamily};
+                ${_styledcomponents.ratingTokens.fontSize}: ${_sdds_scan.bodyM.fontSize};
+                ${_styledcomponents.ratingTokens.fontStyle}: ${_sdds_scan.bodyM.fontStyle};
+                ${_styledcomponents.ratingTokens.fontWeight}: ${_sdds_scan.bodyMBold.fontWeight};
+                ${_styledcomponents.ratingTokens.letterSpacing}: ${_sdds_scan.bodyM.letterSpacing};
+                ${_styledcomponents.ratingTokens.lineHeight}: ${_sdds_scan.bodyM.lineHeight};
 
-                ${_styledcomponents.ratingTokens.helperTextFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_styledcomponents.ratingTokens.helperTextFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_styledcomponents.ratingTokens.helperTextFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_styledcomponents.ratingTokens.helperTextFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_styledcomponents.ratingTokens.helperTextLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_styledcomponents.ratingTokens.helperTextLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_styledcomponents.ratingTokens.helperTextFontFamily}: ${_sdds_scan.bodyXS.fontFamily};
+                ${_styledcomponents.ratingTokens.helperTextFontSize}: ${_sdds_scan.bodyXS.fontSize};
+                ${_styledcomponents.ratingTokens.helperTextFontStyle}: ${_sdds_scan.bodyXS.fontStyle};
+                ${_styledcomponents.ratingTokens.helperTextFontWeight}: ${_sdds_scan.bodyXS.fontWeight};
+                ${_styledcomponents.ratingTokens.helperTextLetterSpacing}: ${_sdds_scan.bodyXS.letterSpacing};
+                ${_styledcomponents.ratingTokens.helperTextLineHeight}: ${_sdds_scan.bodyXS.lineHeight};
 
                 ${_styledcomponents.ratingTokens.contentGap}: 0.5rem;
                 ${_styledcomponents.ratingTokens.singleIconContentGap}: 0.25rem;
@@ -57,19 +58,19 @@ const config = {
             s: (0, _styledcomponents.css)`
                 ${_styledcomponents.ratingTokens.gap}: 0.25rem;
 
-                ${_styledcomponents.ratingTokens.fontFamily}: var(--plasma-typo-body-s-font-family);
-                ${_styledcomponents.ratingTokens.fontSize}: var(--plasma-typo-body-s-font-size);
-                ${_styledcomponents.ratingTokens.fontStyle}: var(--plasma-typo-body-s-font-style);
-                ${_styledcomponents.ratingTokens.fontWeight}: var(--plasma-typo-body-s-bold-font-weight);
-                ${_styledcomponents.ratingTokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);
-                ${_styledcomponents.ratingTokens.lineHeight}: var(--plasma-typo-body-s-line-height);
+                ${_styledcomponents.ratingTokens.fontFamily}: ${_sdds_scan.bodyS.fontFamily};
+                ${_styledcomponents.ratingTokens.fontSize}: ${_sdds_scan.bodyS.fontSize};
+                ${_styledcomponents.ratingTokens.fontStyle}: ${_sdds_scan.bodyS.fontStyle};
+                ${_styledcomponents.ratingTokens.fontWeight}: ${_sdds_scan.bodySBold.fontWeight};
+                ${_styledcomponents.ratingTokens.letterSpacing}: ${_sdds_scan.bodyS.letterSpacing};
+                ${_styledcomponents.ratingTokens.lineHeight}: ${_sdds_scan.bodyS.lineHeight};
 
-                ${_styledcomponents.ratingTokens.helperTextFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_styledcomponents.ratingTokens.helperTextFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_styledcomponents.ratingTokens.helperTextFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_styledcomponents.ratingTokens.helperTextFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_styledcomponents.ratingTokens.helperTextLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_styledcomponents.ratingTokens.helperTextLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_styledcomponents.ratingTokens.helperTextFontFamily}: ${_sdds_scan.bodyXS.fontFamily};
+                ${_styledcomponents.ratingTokens.helperTextFontSize}: ${_sdds_scan.bodyXS.fontSize};
+                ${_styledcomponents.ratingTokens.helperTextFontStyle}: ${_sdds_scan.bodyXS.fontStyle};
+                ${_styledcomponents.ratingTokens.helperTextFontWeight}: ${_sdds_scan.bodyXS.fontWeight};
+                ${_styledcomponents.ratingTokens.helperTextLetterSpacing}: ${_sdds_scan.bodyXS.letterSpacing};
+                ${_styledcomponents.ratingTokens.helperTextLineHeight}: ${_sdds_scan.bodyXS.lineHeight};
 
                 ${_styledcomponents.ratingTokens.contentGap}: 0.5rem;
                 ${_styledcomponents.ratingTokens.singleIconContentGap}: 0.25rem;

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

@@ -8,13 +8,14 @@ Object.defineProperty(exports, "config", {
         return config;
     }
 });
+const _sdds_scan = require("@salutejs/sdds-themes/tokens/sdds_scan");
 const config = {
     view: {
         default: {
-            trackColor: 'var(--surface-transparent-primary)',
-            thumbColor: 'var(--surface-transparent-tertiary)',
-            thumbHoverColor: 'var(--surface-transparent-tertiary-hover)',
-            thumbActiveColor: 'var(--surface-transparent-tertiary-active)'
+            trackColor: `${_sdds_scan.surfaceTransparentPrimary}`,
+            thumbColor: `${_sdds_scan.surfaceTransparentTertiary}`,
+            thumbHoverColor: `${_sdds_scan.surfaceTransparentTertiaryHover}`,
+            thumbActiveColor: `${_sdds_scan.surfaceTransparentTertiaryActive}`
         }
     },
     size: {