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

package/dist/styled-components/cjs/components/Avatar/Avatar.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',
@@ -22,8 +23,8 @@ const config = {
                 ${_styledcomponents.avatarTokens.color}: radial-gradient(88% 150% at 0% 100%, rgba(0, 120, 153, 1), rgba(25, 125, 97, 1) 100%);
                 ${_styledcomponents.avatarTokens.backgroundColor}: radial-gradient(88% 150% at 0% 100%, rgba(0, 120, 153, 0.2), rgba(25, 125, 97, 0.2) 100%);
                 /* stylelint-enable value-list-comma-space-after */
-                ${_styledcomponents.avatarTokens.statusOnlineColor}: var(--surface-positive);
-                ${_styledcomponents.avatarTokens.statusOfflineColor}: var(--surface-solid-tertiary);
+                ${_styledcomponents.avatarTokens.statusOnlineColor}: ${_sdds_scan.surfacePositive};
+                ${_styledcomponents.avatarTokens.statusOfflineColor}: ${_sdds_scan.surfaceSolidTertiary};
                 ${_styledcomponents.avatarTokens.scaleHover}: 1.02;
                 ${_styledcomponents.avatarTokens.fontFamily}: var(--plasma-typo-text-font-family);
             `
@@ -43,12 +44,12 @@ const config = {
                 ${_styledcomponents.avatarTokens.badgePadding}: 0 0.688rem;
                 ${_styledcomponents.avatarTokens.badgePaddingIconOnly}: 0 0.375rem;
 
-                ${_styledcomponents.avatarTokens.badgeFontFamily}: var(--plasma-typo-body-s-font-family);
-                ${_styledcomponents.avatarTokens.badgeFontSize}: var(--plasma-typo-body-s-font-size);
-                ${_styledcomponents.avatarTokens.badgeFontStyle}: var(--plasma-typo-body-s-font-style);
-                ${_styledcomponents.avatarTokens.badgeFontWeight}: var(--plasma-typo-body-s-font-weight);
-                ${_styledcomponents.avatarTokens.badgeLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
-                ${_styledcomponents.avatarTokens.badgeLineHeight}: var(--plasma-typo-body-s-line-height);
+                ${_styledcomponents.avatarTokens.badgeFontFamily}: ${_sdds_scan.bodyS.fontFamily};
+                ${_styledcomponents.avatarTokens.badgeFontSize}: ${_sdds_scan.bodyS.fontSize};
+                ${_styledcomponents.avatarTokens.badgeFontStyle}: ${_sdds_scan.bodyS.fontStyle};
+                ${_styledcomponents.avatarTokens.badgeFontWeight}: ${_sdds_scan.bodyS.fontWeight};
+                ${_styledcomponents.avatarTokens.badgeLetterSpacing}: ${_sdds_scan.bodyS.letterSpacing};
+                ${_styledcomponents.avatarTokens.badgeLineHeight}: ${_sdds_scan.bodyS.lineHeight};
 
                 ${_styledcomponents.avatarTokens.badgeLeftContentMarginLeft}: -0.063rem;
                 ${_styledcomponents.avatarTokens.badgeLeftContentMarginRight}: 0.25rem;
@@ -60,12 +61,12 @@ const config = {
                 ${_styledcomponents.avatarTokens.counterBorderRadius}: 1rem;
                 ${_styledcomponents.avatarTokens.counterHeight}: 1.75rem;
                 ${_styledcomponents.avatarTokens.counterPadding}: 0 0.625rem;
-                ${_styledcomponents.avatarTokens.counterFontFamily}: var(--plasma-typo-body-s-font-family);
-                ${_styledcomponents.avatarTokens.counterFontSize}: var(--plasma-typo-body-s-font-size);
-                ${_styledcomponents.avatarTokens.counterFontStyle}: var(--plasma-typo-body-s-font-style);
-                ${_styledcomponents.avatarTokens.counterFontWeight}: var(--plasma-typo-body-s-font-weight);
-                ${_styledcomponents.avatarTokens.counterLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
-                ${_styledcomponents.avatarTokens.counterLineHeight}: var(--plasma-typo-body-s-line-height);
+                ${_styledcomponents.avatarTokens.counterFontFamily}: ${_sdds_scan.bodyS.fontFamily};
+                ${_styledcomponents.avatarTokens.counterFontSize}: ${_sdds_scan.bodyS.fontSize};
+                ${_styledcomponents.avatarTokens.counterFontStyle}: ${_sdds_scan.bodyS.fontStyle};
+                ${_styledcomponents.avatarTokens.counterFontWeight}: ${_sdds_scan.bodyS.fontWeight};
+                ${_styledcomponents.avatarTokens.counterLetterSpacing}: ${_sdds_scan.bodyS.letterSpacing};
+                ${_styledcomponents.avatarTokens.counterLineHeight}: ${_sdds_scan.bodyS.lineHeight};
             `,
             l: (0, _styledcomponents.css)`
                 ${_styledcomponents.avatarTokens.avatarSize}: 3rem;
@@ -82,12 +83,12 @@ const config = {
                 ${_styledcomponents.avatarTokens.badgePadding}: 0 0.438rem;
                 ${_styledcomponents.avatarTokens.badgePaddingIconOnly}: 0 0.25rem;
 
-                ${_styledcomponents.avatarTokens.badgeFontFamily}: var(--plasma-typo-body-xxs-font-family);
-                ${_styledcomponents.avatarTokens.badgeFontSize}: var(--plasma-typo-body-xxs-font-size);
-                ${_styledcomponents.avatarTokens.badgeFontStyle}: var(--plasma-typo-body-xxs-font-style);
-                ${_styledcomponents.avatarTokens.badgeFontWeight}: var(--plasma-typo-body-xxs-font-weight);
-                ${_styledcomponents.avatarTokens.badgeLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);
-                ${_styledcomponents.avatarTokens.badgeLineHeight}: var(--plasma-typo-body-xxs-line-height);
+                ${_styledcomponents.avatarTokens.badgeFontFamily}: ${_sdds_scan.bodyXXS.fontFamily};
+                ${_styledcomponents.avatarTokens.badgeFontSize}: ${_sdds_scan.bodyXXS.fontSize};
+                ${_styledcomponents.avatarTokens.badgeFontStyle}: ${_sdds_scan.bodyXXS.fontStyle};
+                ${_styledcomponents.avatarTokens.badgeFontWeight}: ${_sdds_scan.bodyXXS.fontWeight};
+                ${_styledcomponents.avatarTokens.badgeLetterSpacing}: ${_sdds_scan.bodyXXS.letterSpacing};
+                ${_styledcomponents.avatarTokens.badgeLineHeight}: ${_sdds_scan.bodyXXS.lineHeight};
 
                 ${_styledcomponents.avatarTokens.badgeLeftContentMarginLeft}: -0.063rem;
                 ${_styledcomponents.avatarTokens.badgeLeftContentMarginRight}: 0.125rem;
@@ -99,12 +100,12 @@ const config = {
                 ${_styledcomponents.avatarTokens.counterBorderRadius}: 1rem;
                 ${_styledcomponents.avatarTokens.counterHeight}: 1.25rem;
                 ${_styledcomponents.avatarTokens.counterPadding}: 0 0.375rem;
-                ${_styledcomponents.avatarTokens.counterFontFamily}: var(--plasma-typo-body-xxs-font-family);
-                ${_styledcomponents.avatarTokens.counterFontSize}: var(--plasma-typo-body-xxs-font-size);
-                ${_styledcomponents.avatarTokens.counterFontStyle}: var(--plasma-typo-body-xxs-font-style);
-                ${_styledcomponents.avatarTokens.counterFontWeight}: var(--plasma-typo-body-xxs-font-weight);
-                ${_styledcomponents.avatarTokens.counterLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);
-                ${_styledcomponents.avatarTokens.counterLineHeight}: var(--plasma-typo-body-xxs-line-height);
+                ${_styledcomponents.avatarTokens.counterFontFamily}: ${_sdds_scan.bodyXXS.fontFamily};
+                ${_styledcomponents.avatarTokens.counterFontSize}: ${_sdds_scan.bodyXXS.fontSize};
+                ${_styledcomponents.avatarTokens.counterFontStyle}: ${_sdds_scan.bodyXXS.fontStyle};
+                ${_styledcomponents.avatarTokens.counterFontWeight}: ${_sdds_scan.bodyXXS.fontWeight};
+                ${_styledcomponents.avatarTokens.counterLetterSpacing}: ${_sdds_scan.bodyXXS.letterSpacing};
+                ${_styledcomponents.avatarTokens.counterLineHeight}: ${_sdds_scan.bodyXXS.lineHeight};
             `,
             m: (0, _styledcomponents.css)`
                 ${_styledcomponents.avatarTokens.avatarSize}: 2.25rem;
@@ -121,12 +122,12 @@ const config = {
                 ${_styledcomponents.avatarTokens.badgePadding}: 0 0.25rem;
                 ${_styledcomponents.avatarTokens.badgePaddingIconOnly}: 0 0.188rem;
 
-                ${_styledcomponents.avatarTokens.badgeFontFamily}: var(--plasma-typo-body-xxs-font-family);
-                ${_styledcomponents.avatarTokens.badgeFontSize}: var(--plasma-typo-body-xxs-font-size);
-                ${_styledcomponents.avatarTokens.badgeFontStyle}: var(--plasma-typo-body-xxs-font-style);
-                ${_styledcomponents.avatarTokens.badgeFontWeight}: var(--plasma-typo-body-xxs-font-weight);
-                ${_styledcomponents.avatarTokens.badgeLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);
-                ${_styledcomponents.avatarTokens.badgeLineHeight}: var(--plasma-typo-body-xxs-line-height);
+                ${_styledcomponents.avatarTokens.badgeFontFamily}: ${_sdds_scan.bodyXXS.fontFamily};
+                ${_styledcomponents.avatarTokens.badgeFontSize}: ${_sdds_scan.bodyXXS.fontSize};
+                ${_styledcomponents.avatarTokens.badgeFontStyle}: ${_sdds_scan.bodyXXS.fontStyle};
+                ${_styledcomponents.avatarTokens.badgeFontWeight}: ${_sdds_scan.bodyXXS.fontWeight};
+                ${_styledcomponents.avatarTokens.badgeLetterSpacing}: ${_sdds_scan.bodyXXS.letterSpacing};
+                ${_styledcomponents.avatarTokens.badgeLineHeight}: ${_sdds_scan.bodyXXS.lineHeight};
 
                 ${_styledcomponents.avatarTokens.badgeLeftContentMarginLeft}: -0.063rem;
                 ${_styledcomponents.avatarTokens.badgeLeftContentMarginRight}: 0.125rem;
@@ -138,12 +139,12 @@ const config = {
                 ${_styledcomponents.avatarTokens.counterBorderRadius}: 1rem;
                 ${_styledcomponents.avatarTokens.counterHeight}: 1rem;
                 ${_styledcomponents.avatarTokens.counterPadding}: 0 0.25rem;
-                ${_styledcomponents.avatarTokens.counterFontFamily}: var(--plasma-typo-body-xxs-font-family);
-                ${_styledcomponents.avatarTokens.counterFontSize}: var(--plasma-typo-body-xxs-font-size);
-                ${_styledcomponents.avatarTokens.counterFontStyle}: var(--plasma-typo-body-xxs-font-style);
-                ${_styledcomponents.avatarTokens.counterFontWeight}: var(--plasma-typo-body-xxs-font-weight);
-                ${_styledcomponents.avatarTokens.counterLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);
-                ${_styledcomponents.avatarTokens.counterLineHeight}: var(--plasma-typo-body-xxs-line-height);
+                ${_styledcomponents.avatarTokens.counterFontFamily}: ${_sdds_scan.bodyXXS.fontFamily};
+                ${_styledcomponents.avatarTokens.counterFontSize}: ${_sdds_scan.bodyXXS.fontSize};
+                ${_styledcomponents.avatarTokens.counterFontStyle}: ${_sdds_scan.bodyXXS.fontStyle};
+                ${_styledcomponents.avatarTokens.counterFontWeight}: ${_sdds_scan.bodyXXS.fontWeight};
+                ${_styledcomponents.avatarTokens.counterLetterSpacing}: ${_sdds_scan.bodyXXS.letterSpacing};
+                ${_styledcomponents.avatarTokens.counterLineHeight}: ${_sdds_scan.bodyXXS.lineHeight};
             `,
             s: (0, _styledcomponents.css)`
                 ${_styledcomponents.avatarTokens.avatarSize}: 1.5rem;
@@ -158,12 +159,12 @@ const config = {
                 ${_styledcomponents.avatarTokens.counterBorderRadius}: 1rem;
                 ${_styledcomponents.avatarTokens.counterHeight}: 0.75rem;
                 ${_styledcomponents.avatarTokens.counterPadding}: 0 0.125rem;
-                ${_styledcomponents.avatarTokens.counterFontFamily}: var(--plasma-typo-body-xxs-font-family);
-                ${_styledcomponents.avatarTokens.counterFontSize}: var(--plasma-typo-body-xxs-font-size);
-                ${_styledcomponents.avatarTokens.counterFontStyle}: var(--plasma-typo-body-xxs-font-style);
-                ${_styledcomponents.avatarTokens.counterFontWeight}: var(--plasma-typo-body-xxs-font-weight);
-                ${_styledcomponents.avatarTokens.counterLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);
-                ${_styledcomponents.avatarTokens.counterLineHeight}: var(--plasma-typo-body-xxs-line-height);
+                ${_styledcomponents.avatarTokens.counterFontFamily}: ${_sdds_scan.bodyXXS.fontFamily};
+                ${_styledcomponents.avatarTokens.counterFontSize}: ${_sdds_scan.bodyXXS.fontSize};
+                ${_styledcomponents.avatarTokens.counterFontStyle}: ${_sdds_scan.bodyXXS.fontStyle};
+                ${_styledcomponents.avatarTokens.counterFontWeight}: ${_sdds_scan.bodyXXS.fontWeight};
+                ${_styledcomponents.avatarTokens.counterLetterSpacing}: ${_sdds_scan.bodyXXS.letterSpacing};
+                ${_styledcomponents.avatarTokens.counterLineHeight}: ${_sdds_scan.bodyXXS.lineHeight};
             `,
             fit: (0, _styledcomponents.css)`
                 ${_styledcomponents.avatarTokens.avatarSize}: 100%;
@@ -178,7 +179,7 @@ const config = {
             true: (0, _styledcomponents.css)`
                 ${_styledcomponents.avatarTokens.outlineSize}: 0.1rem;
                 ${_styledcomponents.avatarTokens.outlineOffset}: -0.2rem;
-                ${_styledcomponents.avatarTokens.outlineColor}: var(--surface-accent);
+                ${_styledcomponents.avatarTokens.outlineColor}: ${_sdds_scan.surfaceAccent};
             `
         },
         shape: {
@@ -194,104 +195,104 @@ const config = {
         },
         badgeView: {
             default: (0, _styledcomponents.css)`
-                ${_styledcomponents.avatarTokens.badgeColor}: var(--inverse-text-primary);
-                ${_styledcomponents.avatarTokens.badgeBackground}: var(--surface-solid-default);
+                ${_styledcomponents.avatarTokens.badgeColor}: ${_sdds_scan.inverseTextPrimary};
+                ${_styledcomponents.avatarTokens.badgeBackground}: ${_sdds_scan.surfaceSolidDefault};
 
-                ${_styledcomponents.avatarTokens.badgeColorTransparent}: var(--text-primary);
-                ${_styledcomponents.avatarTokens.badgeBackgroundTransparent}: var(--surface-transparent-secondary);
+                ${_styledcomponents.avatarTokens.badgeColorTransparent}: ${_sdds_scan.textPrimary};
+                ${_styledcomponents.avatarTokens.badgeBackgroundTransparent}: ${_sdds_scan.surfaceTransparentSecondary};
 
-                ${_styledcomponents.avatarTokens.badgeColorClear}: var(--text-primary);
-                ${_styledcomponents.avatarTokens.badgeBackgroundClear}: var(--surface-clear);
+                ${_styledcomponents.avatarTokens.badgeColorClear}: ${_sdds_scan.textPrimary};
+                ${_styledcomponents.avatarTokens.badgeBackgroundClear}: ${_sdds_scan.surfaceClear};
             `,
             accent: (0, _styledcomponents.css)`
-                ${_styledcomponents.avatarTokens.badgeColor}: var(--on-dark-text-primary);
-                ${_styledcomponents.avatarTokens.badgeBackground}: var(--surface-accent);
+                ${_styledcomponents.avatarTokens.badgeColor}: ${_sdds_scan.onDarkTextPrimary};
+                ${_styledcomponents.avatarTokens.badgeBackground}: ${_sdds_scan.surfaceAccent};
 
-                ${_styledcomponents.avatarTokens.badgeColorTransparent}: var(--text-accent);
-                ${_styledcomponents.avatarTokens.badgeBackgroundTransparent}: var(--surface-transparent-accent);
+                ${_styledcomponents.avatarTokens.badgeColorTransparent}: ${_sdds_scan.textAccent};
+                ${_styledcomponents.avatarTokens.badgeBackgroundTransparent}: ${_sdds_scan.surfaceTransparentAccent};
 
-                ${_styledcomponents.avatarTokens.badgeColorClear}: var(--text-accent);
-                ${_styledcomponents.avatarTokens.badgeBackgroundClear}: var(--surface-clear);
+                ${_styledcomponents.avatarTokens.badgeColorClear}: ${_sdds_scan.textAccent};
+                ${_styledcomponents.avatarTokens.badgeBackgroundClear}: ${_sdds_scan.surfaceClear};
             `,
             positive: (0, _styledcomponents.css)`
-                ${_styledcomponents.avatarTokens.badgeColor}: var(--on-dark-text-primary);
-                ${_styledcomponents.avatarTokens.badgeBackground}: var(--surface-positive);
+                ${_styledcomponents.avatarTokens.badgeColor}: ${_sdds_scan.onDarkTextPrimary};
+                ${_styledcomponents.avatarTokens.badgeBackground}: ${_sdds_scan.surfacePositive};
 
-                ${_styledcomponents.avatarTokens.badgeColorTransparent}: var(--text-positive);
-                ${_styledcomponents.avatarTokens.badgeBackgroundTransparent}: var(--surface-transparent-positive);
+                ${_styledcomponents.avatarTokens.badgeColorTransparent}: ${_sdds_scan.textPositive};
+                ${_styledcomponents.avatarTokens.badgeBackgroundTransparent}: ${_sdds_scan.surfaceTransparentPositive};
 
-                ${_styledcomponents.avatarTokens.badgeColorClear}: var(--text-positive);
-                ${_styledcomponents.avatarTokens.badgeBackgroundClear}: var(--surface-clear);
+                ${_styledcomponents.avatarTokens.badgeColorClear}: ${_sdds_scan.textPositive};
+                ${_styledcomponents.avatarTokens.badgeBackgroundClear}: ${_sdds_scan.surfaceClear};
             `,
             warning: (0, _styledcomponents.css)`
-                ${_styledcomponents.avatarTokens.badgeColor}: var(--on-dark-text-primary);
-                ${_styledcomponents.avatarTokens.badgeBackground}: var(--surface-warning);
+                ${_styledcomponents.avatarTokens.badgeColor}: ${_sdds_scan.onDarkTextPrimary};
+                ${_styledcomponents.avatarTokens.badgeBackground}: ${_sdds_scan.surfaceWarning};
 
-                ${_styledcomponents.avatarTokens.badgeColorTransparent}: var(--text-warning);
-                ${_styledcomponents.avatarTokens.badgeBackgroundTransparent}: var(--surface-transparent-warning);
+                ${_styledcomponents.avatarTokens.badgeColorTransparent}: ${_sdds_scan.textWarning};
+                ${_styledcomponents.avatarTokens.badgeBackgroundTransparent}: ${_sdds_scan.surfaceTransparentWarning};
 
-                ${_styledcomponents.avatarTokens.badgeColorClear}: var(--text-warning);
-                ${_styledcomponents.avatarTokens.badgeBackgroundClear}: var(--surface-clear);
+                ${_styledcomponents.avatarTokens.badgeColorClear}: ${_sdds_scan.textWarning};
+                ${_styledcomponents.avatarTokens.badgeBackgroundClear}: ${_sdds_scan.surfaceClear};
             `,
             negative: (0, _styledcomponents.css)`
-                ${_styledcomponents.avatarTokens.badgeColor}: var(--on-dark-text-primary);
-                ${_styledcomponents.avatarTokens.badgeBackground}: var(--surface-negative);
+                ${_styledcomponents.avatarTokens.badgeColor}: ${_sdds_scan.onDarkTextPrimary};
+                ${_styledcomponents.avatarTokens.badgeBackground}: ${_sdds_scan.surfaceNegative};
 
-                ${_styledcomponents.avatarTokens.badgeColorTransparent}: var(--text-negative);
-                ${_styledcomponents.avatarTokens.badgeBackgroundTransparent}: var(--surface-transparent-negative);
+                ${_styledcomponents.avatarTokens.badgeColorTransparent}: ${_sdds_scan.textNegative};
+                ${_styledcomponents.avatarTokens.badgeBackgroundTransparent}: ${_sdds_scan.surfaceTransparentNegative};
 
-                ${_styledcomponents.avatarTokens.badgeColorClear}: var(--text-negative);
-                ${_styledcomponents.avatarTokens.badgeBackgroundClear}: var(--surface-clear);
+                ${_styledcomponents.avatarTokens.badgeColorClear}: ${_sdds_scan.textNegative};
+                ${_styledcomponents.avatarTokens.badgeBackgroundClear}: ${_sdds_scan.surfaceClear};
             `,
             dark: (0, _styledcomponents.css)`
-                ${_styledcomponents.avatarTokens.badgeColor}: var(--on-dark-text-primary);
-                ${_styledcomponents.avatarTokens.badgeBackground}: var(--on-light-surface-solid-default);
+                ${_styledcomponents.avatarTokens.badgeColor}: ${_sdds_scan.onDarkTextPrimary};
+                ${_styledcomponents.avatarTokens.badgeBackground}: ${_sdds_scan.onLightSurfaceSolidDefault};
 
-                ${_styledcomponents.avatarTokens.badgeColorTransparent}: var(--on-dark-text-primary);
-                ${_styledcomponents.avatarTokens.badgeBackgroundTransparent}: var(--on-light-surface-transparent-deep);
+                ${_styledcomponents.avatarTokens.badgeColorTransparent}: ${_sdds_scan.onDarkTextPrimary};
+                ${_styledcomponents.avatarTokens.badgeBackgroundTransparent}: ${_sdds_scan.onLightSurfaceTransparentDeep};
 
-                ${_styledcomponents.avatarTokens.badgeColorClear}: var(--on-light-text-primary);
-                ${_styledcomponents.avatarTokens.badgeBackgroundClear}: var(--surface-clear);
+                ${_styledcomponents.avatarTokens.badgeColorClear}: ${_sdds_scan.onLightTextPrimary};
+                ${_styledcomponents.avatarTokens.badgeBackgroundClear}: ${_sdds_scan.surfaceClear};
             `,
             light: (0, _styledcomponents.css)`
-                ${_styledcomponents.avatarTokens.badgeColor}: var(--on-light-text-primary);
-                ${_styledcomponents.avatarTokens.badgeBackground}: var(--on-dark-surface-solid-default);
+                ${_styledcomponents.avatarTokens.badgeColor}: ${_sdds_scan.onLightTextPrimary};
+                ${_styledcomponents.avatarTokens.badgeBackground}: ${_sdds_scan.onDarkSurfaceSolidDefault};
 
-                ${_styledcomponents.avatarTokens.badgeColorTransparent}: var(--on-dark-text-primary);
-                ${_styledcomponents.avatarTokens.badgeBackgroundTransparent}: var(--on-dark-surface-transparent-card);
+                ${_styledcomponents.avatarTokens.badgeColorTransparent}: ${_sdds_scan.onDarkTextPrimary};
+                ${_styledcomponents.avatarTokens.badgeBackgroundTransparent}: ${_sdds_scan.onDarkSurfaceTransparentCard};
 
-                ${_styledcomponents.avatarTokens.badgeColorClear}: var(--on-dark-text-primary);
-                ${_styledcomponents.avatarTokens.badgeBackgroundClear}: var(--surface-clear);
+                ${_styledcomponents.avatarTokens.badgeColorClear}: ${_sdds_scan.onDarkTextPrimary};
+                ${_styledcomponents.avatarTokens.badgeBackgroundClear}: ${_sdds_scan.surfaceClear};
             `
         },
         counterView: {
             default: (0, _styledcomponents.css)`
-                ${_styledcomponents.avatarTokens.counterColor}: var(--inverse-text-primary);
-                ${_styledcomponents.avatarTokens.counterBackground}: var(--surface-solid-default);
+                ${_styledcomponents.avatarTokens.counterColor}: ${_sdds_scan.inverseTextPrimary};
+                ${_styledcomponents.avatarTokens.counterBackground}: ${_sdds_scan.surfaceSolidDefault};
             `,
             accent: (0, _styledcomponents.css)`
-                ${_styledcomponents.avatarTokens.counterColor}: var(--on-dark-text-primary);
-                ${_styledcomponents.avatarTokens.counterBackground}: var(--surface-accent);
+                ${_styledcomponents.avatarTokens.counterColor}: ${_sdds_scan.onDarkTextPrimary};
+                ${_styledcomponents.avatarTokens.counterBackground}: ${_sdds_scan.surfaceAccent};
             `,
             positive: (0, _styledcomponents.css)`
-                ${_styledcomponents.avatarTokens.counterColor}: var(--on-dark-text-primary);
-                ${_styledcomponents.avatarTokens.counterBackground}: var(--surface-positive);
+                ${_styledcomponents.avatarTokens.counterColor}: ${_sdds_scan.onDarkTextPrimary};
+                ${_styledcomponents.avatarTokens.counterBackground}: ${_sdds_scan.surfacePositive};
             `,
             warning: (0, _styledcomponents.css)`
-                ${_styledcomponents.avatarTokens.counterColor}: var(--on-dark-text-primary);
-                ${_styledcomponents.avatarTokens.counterBackground}: var(--surface-warning);
+                ${_styledcomponents.avatarTokens.counterColor}: ${_sdds_scan.onDarkTextPrimary};
+                ${_styledcomponents.avatarTokens.counterBackground}: ${_sdds_scan.surfaceWarning};
             `,
             negative: (0, _styledcomponents.css)`
-                ${_styledcomponents.avatarTokens.counterColor}: var(--on-dark-text-primary);
-                ${_styledcomponents.avatarTokens.counterBackground}: var(--surface-negative);
+                ${_styledcomponents.avatarTokens.counterColor}: ${_sdds_scan.onDarkTextPrimary};
+                ${_styledcomponents.avatarTokens.counterBackground}: ${_sdds_scan.surfaceNegative};
             `,
             dark: (0, _styledcomponents.css)`
-                ${_styledcomponents.avatarTokens.counterColor}: var(--on-dark-text-primary);
-                ${_styledcomponents.avatarTokens.counterBackground}: var(--on-light-surface-solid-default);
+                ${_styledcomponents.avatarTokens.counterColor}: ${_sdds_scan.onDarkTextPrimary};
+                ${_styledcomponents.avatarTokens.counterBackground}: ${_sdds_scan.onLightSurfaceSolidDefault};
             `,
             light: (0, _styledcomponents.css)`
-                ${_styledcomponents.avatarTokens.counterColor}: var(--on-light-text-primary);
-                ${_styledcomponents.avatarTokens.counterBackground}: var(--on-dark-surface-solid-default);
+                ${_styledcomponents.avatarTokens.counterColor}: ${_sdds_scan.onLightTextPrimary};
+                ${_styledcomponents.avatarTokens.counterBackground}: ${_sdds_scan.onDarkSurfaceSolidDefault};
             `
         }
     }

package/dist/styled-components/cjs/components/Badge/Badge.clear.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 _Badgeconfigcommon = require("./Badge.config.common");
 const config = {
     defaults: {
@@ -18,25 +19,25 @@ const config = {
     variations: {
         view: {
             default: (0, _styledcomponents.css)`
-                ${_styledcomponents.badgeTokens.color}: var(--text-primary);
+                ${_styledcomponents.badgeTokens.color}: ${_sdds_scan.textPrimary};
             `,
             accent: (0, _styledcomponents.css)`
-                ${_styledcomponents.badgeTokens.color}: var(--text-accent);
+                ${_styledcomponents.badgeTokens.color}: ${_sdds_scan.textAccent};
             `,
             positive: (0, _styledcomponents.css)`
-                ${_styledcomponents.badgeTokens.color}: var(--text-positive);
+                ${_styledcomponents.badgeTokens.color}: ${_sdds_scan.textPositive};
             `,
             warning: (0, _styledcomponents.css)`
-                ${_styledcomponents.badgeTokens.color}: var(--text-warning);
+                ${_styledcomponents.badgeTokens.color}: ${_sdds_scan.textWarning};
             `,
             negative: (0, _styledcomponents.css)`
-                ${_styledcomponents.badgeTokens.color}: var(--text-negative);
+                ${_styledcomponents.badgeTokens.color}: ${_sdds_scan.textNegative};
             `,
             dark: (0, _styledcomponents.css)`
-                ${_styledcomponents.badgeTokens.color}: var(--on-light-text-primary);
+                ${_styledcomponents.badgeTokens.color}: ${_sdds_scan.onLightTextPrimary};
             `,
             light: (0, _styledcomponents.css)`
-                ${_styledcomponents.badgeTokens.color}: var(--on-dark-text-primary);
+                ${_styledcomponents.badgeTokens.color}: ${_sdds_scan.onDarkTextPrimary};
             `
         },
         size: {

package/dist/styled-components/cjs/components/Badge/Badge.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 _Badgeconfigcommon = require("./Badge.config.common");
 const config = {
     defaults: {
@@ -18,67 +19,67 @@ const config = {
     variations: {
         view: {
             default: (0, _styledcomponents.css)`
-                ${_styledcomponents.badgeTokens.color}: var(--inverse-text-primary);
-                ${_styledcomponents.badgeTokens.background}: var(--surface-solid-default);
+                ${_styledcomponents.badgeTokens.color}: ${_sdds_scan.inverseTextPrimary};
+                ${_styledcomponents.badgeTokens.background}: ${_sdds_scan.surfaceSolidDefault};
 
-                ${_styledcomponents.badgeTokens.colorTransparent}: var(--text-primary);
-                ${_styledcomponents.badgeTokens.backgroundTransparent}: var(--surface-transparent-secondary);
+                ${_styledcomponents.badgeTokens.colorTransparent}: ${_sdds_scan.textPrimary};
+                ${_styledcomponents.badgeTokens.backgroundTransparent}: ${_sdds_scan.surfaceTransparentSecondary};
 
-                ${_styledcomponents.badgeTokens.colorClear}: var(--text-primary);
+                ${_styledcomponents.badgeTokens.colorClear}: ${_sdds_scan.textPrimary};
             `,
             accent: (0, _styledcomponents.css)`
-                ${_styledcomponents.badgeTokens.color}: var(--on-dark-text-primary);
-                ${_styledcomponents.badgeTokens.background}: var(--surface-accent);
+                ${_styledcomponents.badgeTokens.color}: ${_sdds_scan.onDarkTextPrimary};
+                ${_styledcomponents.badgeTokens.background}: ${_sdds_scan.surfaceAccent};
 
-                ${_styledcomponents.badgeTokens.colorTransparent}: var(--text-accent);
-                ${_styledcomponents.badgeTokens.backgroundTransparent}: var(--surface-transparent-accent);
+                ${_styledcomponents.badgeTokens.colorTransparent}: ${_sdds_scan.textAccent};
+                ${_styledcomponents.badgeTokens.backgroundTransparent}: ${_sdds_scan.surfaceTransparentAccent};
 
-                ${_styledcomponents.badgeTokens.colorClear}: var(--text-accent);
+                ${_styledcomponents.badgeTokens.colorClear}: ${_sdds_scan.textAccent};
             `,
             positive: (0, _styledcomponents.css)`
-                ${_styledcomponents.badgeTokens.color}: var(--on-dark-text-primary);
-                ${_styledcomponents.badgeTokens.background}: var(--surface-positive);
+                ${_styledcomponents.badgeTokens.color}: ${_sdds_scan.onDarkTextPrimary};
+                ${_styledcomponents.badgeTokens.background}: ${_sdds_scan.surfacePositive};
 
-                ${_styledcomponents.badgeTokens.colorTransparent}: var(--text-positive);
-                ${_styledcomponents.badgeTokens.backgroundTransparent}: var(--surface-transparent-positive);
+                ${_styledcomponents.badgeTokens.colorTransparent}: ${_sdds_scan.textPositive};
+                ${_styledcomponents.badgeTokens.backgroundTransparent}: ${_sdds_scan.surfaceTransparentPositive};
 
-                ${_styledcomponents.badgeTokens.colorClear}: var(--text-positive);
+                ${_styledcomponents.badgeTokens.colorClear}: ${_sdds_scan.textPositive};
             `,
             warning: (0, _styledcomponents.css)`
-                ${_styledcomponents.badgeTokens.color}: var(--on-dark-text-primary);
-                ${_styledcomponents.badgeTokens.background}: var(--surface-warning);
+                ${_styledcomponents.badgeTokens.color}: ${_sdds_scan.onDarkTextPrimary};
+                ${_styledcomponents.badgeTokens.background}: ${_sdds_scan.surfaceWarning};
 
-                ${_styledcomponents.badgeTokens.colorTransparent}: var(--text-warning);
-                ${_styledcomponents.badgeTokens.backgroundTransparent}: var(--surface-transparent-warning);
+                ${_styledcomponents.badgeTokens.colorTransparent}: ${_sdds_scan.textWarning};
+                ${_styledcomponents.badgeTokens.backgroundTransparent}: ${_sdds_scan.surfaceTransparentWarning};
 
-                ${_styledcomponents.badgeTokens.colorClear}: var(--text-warning);
+                ${_styledcomponents.badgeTokens.colorClear}: ${_sdds_scan.textWarning};
             `,
             negative: (0, _styledcomponents.css)`
-                ${_styledcomponents.badgeTokens.color}: var(--on-dark-text-primary);
-                ${_styledcomponents.badgeTokens.background}: var(--surface-negative);
+                ${_styledcomponents.badgeTokens.color}: ${_sdds_scan.onDarkTextPrimary};
+                ${_styledcomponents.badgeTokens.background}: ${_sdds_scan.surfaceNegative};
 
-                ${_styledcomponents.badgeTokens.colorTransparent}: var(--text-negative);
-                ${_styledcomponents.badgeTokens.backgroundTransparent}: var(--surface-transparent-negative);
+                ${_styledcomponents.badgeTokens.colorTransparent}: ${_sdds_scan.textNegative};
+                ${_styledcomponents.badgeTokens.backgroundTransparent}: ${_sdds_scan.surfaceTransparentNegative};
 
-                ${_styledcomponents.badgeTokens.colorClear}: var(--text-negative);
+                ${_styledcomponents.badgeTokens.colorClear}: ${_sdds_scan.textNegative};
             `,
             dark: (0, _styledcomponents.css)`
-                ${_styledcomponents.badgeTokens.color}: var(--on-dark-text-primary);
-                ${_styledcomponents.badgeTokens.background}: var(--on-light-surface-solid-default);
+                ${_styledcomponents.badgeTokens.color}: ${_sdds_scan.onDarkTextPrimary};
+                ${_styledcomponents.badgeTokens.background}: ${_sdds_scan.onLightSurfaceSolidDefault};
 
-                ${_styledcomponents.badgeTokens.colorTransparent}: var(--on-dark-text-primary);
-                ${_styledcomponents.badgeTokens.backgroundTransparent}: var(--on-light-surface-transparent-deep);
+                ${_styledcomponents.badgeTokens.colorTransparent}: ${_sdds_scan.onDarkTextPrimary};
+                ${_styledcomponents.badgeTokens.backgroundTransparent}: ${_sdds_scan.onLightSurfaceTransparentDeep};
 
-                ${_styledcomponents.badgeTokens.colorClear}: var(--on-light-text-primary);
+                ${_styledcomponents.badgeTokens.colorClear}: ${_sdds_scan.onLightTextPrimary};
             `,
             light: (0, _styledcomponents.css)`
-                ${_styledcomponents.badgeTokens.color}: var(--on-light-text-primary);
-                ${_styledcomponents.badgeTokens.background}: var(--on-dark-surface-solid-default);
+                ${_styledcomponents.badgeTokens.color}: ${_sdds_scan.onLightTextPrimary};
+                ${_styledcomponents.badgeTokens.background}: ${_sdds_scan.onDarkSurfaceSolidDefault};
 
-                ${_styledcomponents.badgeTokens.colorTransparent}: var(--on-dark-text-primary);
-                ${_styledcomponents.badgeTokens.backgroundTransparent}: var(--on-dark-surface-transparent-card);
+                ${_styledcomponents.badgeTokens.colorTransparent}: ${_sdds_scan.onDarkTextPrimary};
+                ${_styledcomponents.badgeTokens.backgroundTransparent}: ${_sdds_scan.onDarkSurfaceTransparentCard};
 
-                ${_styledcomponents.badgeTokens.colorClear}: var(--on-dark-text-primary);
+                ${_styledcomponents.badgeTokens.colorClear}: ${_sdds_scan.onDarkTextPrimary};
             `
         },
         size: {
@@ -105,7 +106,7 @@ const config = {
         },
         clear: {
             true: (0, _styledcomponents.css)`
-                ${_styledcomponents.badgeTokens.backgroundClear}: var(--surface-clear);
+                ${_styledcomponents.badgeTokens.backgroundClear}: ${_sdds_scan.surfaceClear};
             `
         }
     }

package/dist/styled-components/cjs/components/Badge/Badge.transparent.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 _Badgeconfigcommon = require("./Badge.config.common");
 const config = {
     defaults: {
@@ -18,32 +19,32 @@ const config = {
     variations: {
         view: {
             default: (0, _styledcomponents.css)`
-                ${_styledcomponents.badgeTokens.color}: var(--text-primary);
-                ${_styledcomponents.badgeTokens.background}: var(--surface-transparent-secondary);
+                ${_styledcomponents.badgeTokens.color}: ${_sdds_scan.textPrimary};
+                ${_styledcomponents.badgeTokens.background}: ${_sdds_scan.surfaceTransparentSecondary};
             `,
             accent: (0, _styledcomponents.css)`
-                ${_styledcomponents.badgeTokens.color}: var(--text-accent);
-                ${_styledcomponents.badgeTokens.background}: var(--surface-transparent-accent);
+                ${_styledcomponents.badgeTokens.color}: ${_sdds_scan.textAccent};
+                ${_styledcomponents.badgeTokens.background}: ${_sdds_scan.surfaceTransparentAccent};
             `,
             positive: (0, _styledcomponents.css)`
-                ${_styledcomponents.badgeTokens.color}: var(--text-positive);
-                ${_styledcomponents.badgeTokens.background}: var(--surface-transparent-positive);
+                ${_styledcomponents.badgeTokens.color}: ${_sdds_scan.textPositive};
+                ${_styledcomponents.badgeTokens.background}: ${_sdds_scan.surfaceTransparentPositive};
             `,
             warning: (0, _styledcomponents.css)`
-                ${_styledcomponents.badgeTokens.color}: var(--text-warning);
-                ${_styledcomponents.badgeTokens.background}: var(--surface-transparent-warning);
+                ${_styledcomponents.badgeTokens.color}: ${_sdds_scan.textWarning};
+                ${_styledcomponents.badgeTokens.background}: ${_sdds_scan.surfaceTransparentWarning};
             `,
             negative: (0, _styledcomponents.css)`
-                ${_styledcomponents.badgeTokens.color}: var(--text-negative);
-                ${_styledcomponents.badgeTokens.background}: var(--surface-transparent-negative);
+                ${_styledcomponents.badgeTokens.color}: ${_sdds_scan.textNegative};
+                ${_styledcomponents.badgeTokens.background}: ${_sdds_scan.surfaceTransparentNegative};
             `,
             dark: (0, _styledcomponents.css)`
-                ${_styledcomponents.badgeTokens.color}: var(--on-dark-text-primary);
-                ${_styledcomponents.badgeTokens.background}: var(--on-light-surface-transparent-deep);
+                ${_styledcomponents.badgeTokens.color}: ${_sdds_scan.onDarkTextPrimary};
+                ${_styledcomponents.badgeTokens.background}: ${_sdds_scan.onLightSurfaceTransparentDeep};
             `,
             light: (0, _styledcomponents.css)`
-                ${_styledcomponents.badgeTokens.color}: var(--on-dark-text-primary);
-                ${_styledcomponents.badgeTokens.background}: var(--on-dark-surface-transparent-card);
+                ${_styledcomponents.badgeTokens.color}: ${_sdds_scan.onDarkTextPrimary};
+                ${_styledcomponents.badgeTokens.background}: ${_sdds_scan.onDarkSurfaceTransparentCard};
             `
         },
         size: {

package/dist/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.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,33 +18,33 @@ const config = {
     variations: {
         view: {
             default: (0, _styledcomponents.css)`
-                ${_styledcomponents.breadcrumbsTokens.breadcrumbsColor}: var(--text-primary);
-                ${_styledcomponents.breadcrumbsTokens.breadcrumbsColorText}: var(--text-primary);
-                ${_styledcomponents.breadcrumbsTokens.breadcrumbsColorSeparator}: var(--text-primary);
+                ${_styledcomponents.breadcrumbsTokens.breadcrumbsColor}: ${_sdds_scan.textPrimary};
+                ${_styledcomponents.breadcrumbsTokens.breadcrumbsColorText}: ${_sdds_scan.textPrimary};
+                ${_styledcomponents.breadcrumbsTokens.breadcrumbsColorSeparator}: ${_sdds_scan.textPrimary};
                 ${_styledcomponents.breadcrumbsTokens.breadcrumbsOpacity}: 0.4;
-                ${_styledcomponents.breadcrumbsTokens.breadcrumbsFocusOutlineColor}: var(--surface-accent);
+                ${_styledcomponents.breadcrumbsTokens.breadcrumbsFocusOutlineColor}: ${_sdds_scan.surfaceAccent};
             `
         },
         size: {
             m: (0, _styledcomponents.css)`
                 ${_styledcomponents.breadcrumbsTokens.breadcrumbsGap}: 0.375rem;
 
-                ${_styledcomponents.breadcrumbsTokens.breadcrumbsFontFamily}: var(--plasma-typo-body-m-font-family);
-                ${_styledcomponents.breadcrumbsTokens.breadcrumbsFontSize}: var(--plasma-typo-body-m-font-size);
-                ${_styledcomponents.breadcrumbsTokens.breadcrumbsFontStyle}: var(--plasma-typo-body-m-font-style);
-                ${_styledcomponents.breadcrumbsTokens.breadcrumbsFontWeight}: var(--plasma-typo-body-m-bold-weight);
-                ${_styledcomponents.breadcrumbsTokens.breadcrumbsLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
-                ${_styledcomponents.breadcrumbsTokens.breadcrumbsLineHeight}: var(--plasma-typo-body-m-line-height);
+                ${_styledcomponents.breadcrumbsTokens.breadcrumbsFontFamily}: ${_sdds_scan.bodyM.fontFamily};
+                ${_styledcomponents.breadcrumbsTokens.breadcrumbsFontSize}: ${_sdds_scan.bodyM.fontSize};
+                ${_styledcomponents.breadcrumbsTokens.breadcrumbsFontStyle}: ${_sdds_scan.bodyM.fontStyle};
+                ${_styledcomponents.breadcrumbsTokens.breadcrumbsFontWeight}: ${_sdds_scan.bodyMBold.fontWeight};
+                ${_styledcomponents.breadcrumbsTokens.breadcrumbsLetterSpacing}: ${_sdds_scan.bodyM.letterSpacing};
+                ${_styledcomponents.breadcrumbsTokens.breadcrumbsLineHeight}: ${_sdds_scan.bodyM.lineHeight};
             `,
             s: (0, _styledcomponents.css)`
                 ${_styledcomponents.breadcrumbsTokens.breadcrumbsGap}: 0.25rem;
 
-                ${_styledcomponents.breadcrumbsTokens.breadcrumbsFontFamily}: var(--plasma-typo-body-s-font-family);
-                ${_styledcomponents.breadcrumbsTokens.breadcrumbsFontSize}: var(--plasma-typo-body-s-font-size);
-                ${_styledcomponents.breadcrumbsTokens.breadcrumbsFontStyle}: var(--plasma-typo-body-s-font-style);
-                ${_styledcomponents.breadcrumbsTokens.breadcrumbsFontWeight}: var(--plasma-typo-body-s-bold-weight);
-                ${_styledcomponents.breadcrumbsTokens.breadcrumbsLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
-                ${_styledcomponents.breadcrumbsTokens.breadcrumbsLineHeight}: var(--plasma-typo-body-s-line-height);
+                ${_styledcomponents.breadcrumbsTokens.breadcrumbsFontFamily}: ${_sdds_scan.bodyS.fontFamily};
+                ${_styledcomponents.breadcrumbsTokens.breadcrumbsFontSize}: ${_sdds_scan.bodyS.fontSize};
+                ${_styledcomponents.breadcrumbsTokens.breadcrumbsFontStyle}: ${_sdds_scan.bodyS.fontStyle};
+                ${_styledcomponents.breadcrumbsTokens.breadcrumbsFontWeight}: ${_sdds_scan.bodySBold.fontWeight};
+                ${_styledcomponents.breadcrumbsTokens.breadcrumbsLetterSpacing}: ${_sdds_scan.bodyS.letterSpacing};
+                ${_styledcomponents.breadcrumbsTokens.breadcrumbsLineHeight}: ${_sdds_scan.bodyS.lineHeight};
             `
         }
     }