@salutejs/sdds-platform-ai 0.356.0-next-sbcom.0 → 0.357.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_platform_ai = require("@salutejs/sdds-themes/tokens/sdds_platform_ai");
 const config = {
     defaults: {
         view: 'default',
@@ -18,10 +19,10 @@ const config = {
     variations: {
         view: {
             default: (0, _styledcomponents.css)`
-                ${_styledcomponents.avatarTokens.color}: var(--text-accent-gradient);
+                ${_styledcomponents.avatarTokens.color}: ${_sdds_platform_ai.textAccentGradient};
                 ${_styledcomponents.avatarTokens.backgroundColor}: linear-gradient(94deg, rgba(62, 121, 240, 0.2) 6.49%, rgba(39, 198, 229, 0.2) 93.51%);
-                ${_styledcomponents.avatarTokens.statusOnlineColor}: var(--surface-positive);
-                ${_styledcomponents.avatarTokens.statusOfflineColor}: var(--surface-solid-tertiary);
+                ${_styledcomponents.avatarTokens.statusOnlineColor}: ${_sdds_platform_ai.surfacePositive};
+                ${_styledcomponents.avatarTokens.statusOfflineColor}: ${_sdds_platform_ai.surfaceSolidTertiary};
                 ${_styledcomponents.avatarTokens.scaleHover}: 1.02;
                 ${_styledcomponents.avatarTokens.fontFamily}: var(--plasma-typo-text-font-family);
             `
@@ -41,12 +42,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_platform_ai.bodyS.fontFamily};
+                ${_styledcomponents.avatarTokens.badgeFontSize}: ${_sdds_platform_ai.bodyS.fontSize};
+                ${_styledcomponents.avatarTokens.badgeFontStyle}: ${_sdds_platform_ai.bodyS.fontStyle};
+                ${_styledcomponents.avatarTokens.badgeFontWeight}: ${_sdds_platform_ai.bodyS.fontWeight};
+                ${_styledcomponents.avatarTokens.badgeLetterSpacing}: ${_sdds_platform_ai.bodyS.letterSpacing};
+                ${_styledcomponents.avatarTokens.badgeLineHeight}: ${_sdds_platform_ai.bodyS.lineHeight};
 
                 ${_styledcomponents.avatarTokens.badgeLeftContentMarginLeft}: -0.063rem;
                 ${_styledcomponents.avatarTokens.badgeLeftContentMarginRight}: 0.25rem;
@@ -58,12 +59,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_platform_ai.bodyS.fontFamily};
+                ${_styledcomponents.avatarTokens.counterFontSize}: ${_sdds_platform_ai.bodyS.fontSize};
+                ${_styledcomponents.avatarTokens.counterFontStyle}: ${_sdds_platform_ai.bodyS.fontStyle};
+                ${_styledcomponents.avatarTokens.counterFontWeight}: ${_sdds_platform_ai.bodyS.fontWeight};
+                ${_styledcomponents.avatarTokens.counterLetterSpacing}: ${_sdds_platform_ai.bodyS.letterSpacing};
+                ${_styledcomponents.avatarTokens.counterLineHeight}: ${_sdds_platform_ai.bodyS.lineHeight};
             `,
             m: (0, _styledcomponents.css)`
                 ${_styledcomponents.avatarTokens.avatarSize}: 2.25rem;
@@ -80,12 +81,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_platform_ai.bodyXXS.fontFamily};
+                ${_styledcomponents.avatarTokens.badgeFontSize}: ${_sdds_platform_ai.bodyXXS.fontSize};
+                ${_styledcomponents.avatarTokens.badgeFontStyle}: ${_sdds_platform_ai.bodyXXS.fontStyle};
+                ${_styledcomponents.avatarTokens.badgeFontWeight}: ${_sdds_platform_ai.bodyXXS.fontWeight};
+                ${_styledcomponents.avatarTokens.badgeLetterSpacing}: ${_sdds_platform_ai.bodyXXS.letterSpacing};
+                ${_styledcomponents.avatarTokens.badgeLineHeight}: ${_sdds_platform_ai.bodyXXS.lineHeight};
 
                 ${_styledcomponents.avatarTokens.badgeLeftContentMarginLeft}: -0.063rem;
                 ${_styledcomponents.avatarTokens.badgeLeftContentMarginRight}: 0.125rem;
@@ -97,12 +98,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_platform_ai.bodyXXS.fontFamily};
+                ${_styledcomponents.avatarTokens.counterFontSize}: ${_sdds_platform_ai.bodyXXS.fontSize};
+                ${_styledcomponents.avatarTokens.counterFontStyle}: ${_sdds_platform_ai.bodyXXS.fontStyle};
+                ${_styledcomponents.avatarTokens.counterFontWeight}: ${_sdds_platform_ai.bodyXXS.fontWeight};
+                ${_styledcomponents.avatarTokens.counterLetterSpacing}: ${_sdds_platform_ai.bodyXXS.letterSpacing};
+                ${_styledcomponents.avatarTokens.counterLineHeight}: ${_sdds_platform_ai.bodyXXS.lineHeight};
             `,
             s: (0, _styledcomponents.css)`
                 ${_styledcomponents.avatarTokens.avatarSize}: 1.5rem;
@@ -117,12 +118,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_platform_ai.bodyXXS.fontFamily};
+                ${_styledcomponents.avatarTokens.counterFontSize}: ${_sdds_platform_ai.bodyXXS.fontSize};
+                ${_styledcomponents.avatarTokens.counterFontStyle}: ${_sdds_platform_ai.bodyXXS.fontStyle};
+                ${_styledcomponents.avatarTokens.counterFontWeight}: ${_sdds_platform_ai.bodyXXS.fontWeight};
+                ${_styledcomponents.avatarTokens.counterLetterSpacing}: ${_sdds_platform_ai.bodyXXS.letterSpacing};
+                ${_styledcomponents.avatarTokens.counterLineHeight}: ${_sdds_platform_ai.bodyXXS.lineHeight};
             `,
             fit: (0, _styledcomponents.css)`
                 ${_styledcomponents.avatarTokens.avatarSize}: 100%;
@@ -137,7 +138,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_platform_ai.surfaceAccent};
             `
         },
         shape: {
@@ -153,104 +154,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_platform_ai.inverseTextPrimary};
+                ${_styledcomponents.avatarTokens.badgeBackground}: ${_sdds_platform_ai.surfaceSolidDefault};
 
-                ${_styledcomponents.avatarTokens.badgeColorTransparent}: var(--text-primary);
-                ${_styledcomponents.avatarTokens.badgeBackgroundTransparent}: var(--surface-transparent-secondary);
+                ${_styledcomponents.avatarTokens.badgeColorTransparent}: ${_sdds_platform_ai.textPrimary};
+                ${_styledcomponents.avatarTokens.badgeBackgroundTransparent}: ${_sdds_platform_ai.surfaceTransparentSecondary};
 
-                ${_styledcomponents.avatarTokens.badgeColorClear}: var(--text-primary);
-                ${_styledcomponents.avatarTokens.badgeBackgroundClear}: var(--surface-clear);
+                ${_styledcomponents.avatarTokens.badgeColorClear}: ${_sdds_platform_ai.textPrimary};
+                ${_styledcomponents.avatarTokens.badgeBackgroundClear}: ${_sdds_platform_ai.surfaceClear};
             `,
             accent: (0, _styledcomponents.css)`
-                ${_styledcomponents.avatarTokens.badgeColor}: var(--on-dark-text-primary);
-                ${_styledcomponents.avatarTokens.badgeBackground}: var(--surface-accent);
+                ${_styledcomponents.avatarTokens.badgeColor}: ${_sdds_platform_ai.onDarkTextPrimary};
+                ${_styledcomponents.avatarTokens.badgeBackground}: ${_sdds_platform_ai.surfaceAccent};
 
-                ${_styledcomponents.avatarTokens.badgeColorTransparent}: var(--text-accent);
-                ${_styledcomponents.avatarTokens.badgeBackgroundTransparent}: var(--surface-transparent-accent);
+                ${_styledcomponents.avatarTokens.badgeColorTransparent}: ${_sdds_platform_ai.textAccent};
+                ${_styledcomponents.avatarTokens.badgeBackgroundTransparent}: ${_sdds_platform_ai.surfaceTransparentAccent};
 
-                ${_styledcomponents.avatarTokens.badgeColorClear}: var(--text-accent);
-                ${_styledcomponents.avatarTokens.badgeBackgroundClear}: var(--surface-clear);
+                ${_styledcomponents.avatarTokens.badgeColorClear}: ${_sdds_platform_ai.textAccent};
+                ${_styledcomponents.avatarTokens.badgeBackgroundClear}: ${_sdds_platform_ai.surfaceClear};
             `,
             positive: (0, _styledcomponents.css)`
-                ${_styledcomponents.avatarTokens.badgeColor}: var(--on-dark-text-primary);
-                ${_styledcomponents.avatarTokens.badgeBackground}: var(--surface-positive);
+                ${_styledcomponents.avatarTokens.badgeColor}: ${_sdds_platform_ai.onDarkTextPrimary};
+                ${_styledcomponents.avatarTokens.badgeBackground}: ${_sdds_platform_ai.surfacePositive};
 
-                ${_styledcomponents.avatarTokens.badgeColorTransparent}: var(--text-positive);
-                ${_styledcomponents.avatarTokens.badgeBackgroundTransparent}: var(--surface-transparent-positive);
+                ${_styledcomponents.avatarTokens.badgeColorTransparent}: ${_sdds_platform_ai.textPositive};
+                ${_styledcomponents.avatarTokens.badgeBackgroundTransparent}: ${_sdds_platform_ai.surfaceTransparentPositive};
 
-                ${_styledcomponents.avatarTokens.badgeColorClear}: var(--text-positive);
-                ${_styledcomponents.avatarTokens.badgeBackgroundClear}: var(--surface-clear);
+                ${_styledcomponents.avatarTokens.badgeColorClear}: ${_sdds_platform_ai.textPositive};
+                ${_styledcomponents.avatarTokens.badgeBackgroundClear}: ${_sdds_platform_ai.surfaceClear};
             `,
             warning: (0, _styledcomponents.css)`
-                ${_styledcomponents.avatarTokens.badgeColor}: var(--on-dark-text-primary);
-                ${_styledcomponents.avatarTokens.badgeBackground}: var(--surface-warning);
+                ${_styledcomponents.avatarTokens.badgeColor}: ${_sdds_platform_ai.onDarkTextPrimary};
+                ${_styledcomponents.avatarTokens.badgeBackground}: ${_sdds_platform_ai.surfaceWarning};
 
-                ${_styledcomponents.avatarTokens.badgeColorTransparent}: var(--text-warning);
-                ${_styledcomponents.avatarTokens.badgeBackgroundTransparent}: var(--surface-transparent-warning);
+                ${_styledcomponents.avatarTokens.badgeColorTransparent}: ${_sdds_platform_ai.textWarning};
+                ${_styledcomponents.avatarTokens.badgeBackgroundTransparent}: ${_sdds_platform_ai.surfaceTransparentWarning};
 
-                ${_styledcomponents.avatarTokens.badgeColorClear}: var(--text-warning);
-                ${_styledcomponents.avatarTokens.badgeBackgroundClear}: var(--surface-clear);
+                ${_styledcomponents.avatarTokens.badgeColorClear}: ${_sdds_platform_ai.textWarning};
+                ${_styledcomponents.avatarTokens.badgeBackgroundClear}: ${_sdds_platform_ai.surfaceClear};
             `,
             negative: (0, _styledcomponents.css)`
-                ${_styledcomponents.avatarTokens.badgeColor}: var(--on-dark-text-primary);
-                ${_styledcomponents.avatarTokens.badgeBackground}: var(--surface-negative);
+                ${_styledcomponents.avatarTokens.badgeColor}: ${_sdds_platform_ai.onDarkTextPrimary};
+                ${_styledcomponents.avatarTokens.badgeBackground}: ${_sdds_platform_ai.surfaceNegative};
 
-                ${_styledcomponents.avatarTokens.badgeColorTransparent}: var(--text-negative);
-                ${_styledcomponents.avatarTokens.badgeBackgroundTransparent}: var(--surface-transparent-negative);
+                ${_styledcomponents.avatarTokens.badgeColorTransparent}: ${_sdds_platform_ai.textNegative};
+                ${_styledcomponents.avatarTokens.badgeBackgroundTransparent}: ${_sdds_platform_ai.surfaceTransparentNegative};
 
-                ${_styledcomponents.avatarTokens.badgeColorClear}: var(--text-negative);
-                ${_styledcomponents.avatarTokens.badgeBackgroundClear}: var(--surface-clear);
+                ${_styledcomponents.avatarTokens.badgeColorClear}: ${_sdds_platform_ai.textNegative};
+                ${_styledcomponents.avatarTokens.badgeBackgroundClear}: ${_sdds_platform_ai.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_platform_ai.onDarkTextPrimary};
+                ${_styledcomponents.avatarTokens.badgeBackground}: ${_sdds_platform_ai.onLightSurfaceSolidDefault};
 
-                ${_styledcomponents.avatarTokens.badgeColorTransparent}: var(--on-dark-text-primary);
-                ${_styledcomponents.avatarTokens.badgeBackgroundTransparent}: var(--on-light-surface-transparent-deep);
+                ${_styledcomponents.avatarTokens.badgeColorTransparent}: ${_sdds_platform_ai.onDarkTextPrimary};
+                ${_styledcomponents.avatarTokens.badgeBackgroundTransparent}: ${_sdds_platform_ai.onLightSurfaceTransparentDeep};
 
-                ${_styledcomponents.avatarTokens.badgeColorClear}: var(--on-light-text-primary);
-                ${_styledcomponents.avatarTokens.badgeBackgroundClear}: var(--surface-clear);
+                ${_styledcomponents.avatarTokens.badgeColorClear}: ${_sdds_platform_ai.onLightTextPrimary};
+                ${_styledcomponents.avatarTokens.badgeBackgroundClear}: ${_sdds_platform_ai.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_platform_ai.onLightTextPrimary};
+                ${_styledcomponents.avatarTokens.badgeBackground}: ${_sdds_platform_ai.onDarkSurfaceSolidDefault};
 
-                ${_styledcomponents.avatarTokens.badgeColorTransparent}: var(--on-dark-text-primary);
-                ${_styledcomponents.avatarTokens.badgeBackgroundTransparent}: var(--on-dark-surface-transparent-card);
+                ${_styledcomponents.avatarTokens.badgeColorTransparent}: ${_sdds_platform_ai.onDarkTextPrimary};
+                ${_styledcomponents.avatarTokens.badgeBackgroundTransparent}: ${_sdds_platform_ai.onDarkSurfaceTransparentCard};
 
-                ${_styledcomponents.avatarTokens.badgeColorClear}: var(--on-dark-text-primary);
-                ${_styledcomponents.avatarTokens.badgeBackgroundClear}: var(--surface-clear);
+                ${_styledcomponents.avatarTokens.badgeColorClear}: ${_sdds_platform_ai.onDarkTextPrimary};
+                ${_styledcomponents.avatarTokens.badgeBackgroundClear}: ${_sdds_platform_ai.surfaceClear};
             `
         },
         counterView: {
             default: (0, _styledcomponents.css)`
-                ${_styledcomponents.avatarTokens.counterColor}: var(--inverse-text-primary);
-                ${_styledcomponents.avatarTokens.counterBackground}: var(--surface-solid-default);
+                ${_styledcomponents.avatarTokens.counterColor}: ${_sdds_platform_ai.inverseTextPrimary};
+                ${_styledcomponents.avatarTokens.counterBackground}: ${_sdds_platform_ai.surfaceSolidDefault};
             `,
             accent: (0, _styledcomponents.css)`
-                ${_styledcomponents.avatarTokens.counterColor}: var(--on-dark-text-primary);
-                ${_styledcomponents.avatarTokens.counterBackground}: var(--surface-accent);
+                ${_styledcomponents.avatarTokens.counterColor}: ${_sdds_platform_ai.onDarkTextPrimary};
+                ${_styledcomponents.avatarTokens.counterBackground}: ${_sdds_platform_ai.surfaceAccent};
             `,
             positive: (0, _styledcomponents.css)`
-                ${_styledcomponents.avatarTokens.counterColor}: var(--on-dark-text-primary);
-                ${_styledcomponents.avatarTokens.counterBackground}: var(--surface-positive);
+                ${_styledcomponents.avatarTokens.counterColor}: ${_sdds_platform_ai.onDarkTextPrimary};
+                ${_styledcomponents.avatarTokens.counterBackground}: ${_sdds_platform_ai.surfacePositive};
             `,
             warning: (0, _styledcomponents.css)`
-                ${_styledcomponents.avatarTokens.counterColor}: var(--on-dark-text-primary);
-                ${_styledcomponents.avatarTokens.counterBackground}: var(--surface-warning);
+                ${_styledcomponents.avatarTokens.counterColor}: ${_sdds_platform_ai.onDarkTextPrimary};
+                ${_styledcomponents.avatarTokens.counterBackground}: ${_sdds_platform_ai.surfaceWarning};
             `,
             negative: (0, _styledcomponents.css)`
-                ${_styledcomponents.avatarTokens.counterColor}: var(--on-dark-text-primary);
-                ${_styledcomponents.avatarTokens.counterBackground}: var(--surface-negative);
+                ${_styledcomponents.avatarTokens.counterColor}: ${_sdds_platform_ai.onDarkTextPrimary};
+                ${_styledcomponents.avatarTokens.counterBackground}: ${_sdds_platform_ai.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_platform_ai.onDarkTextPrimary};
+                ${_styledcomponents.avatarTokens.counterBackground}: ${_sdds_platform_ai.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_platform_ai.onLightTextPrimary};
+                ${_styledcomponents.avatarTokens.counterBackground}: ${_sdds_platform_ai.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_platform_ai = require("@salutejs/sdds-themes/tokens/sdds_platform_ai");
 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_platform_ai.textPrimary};
             `,
             accent: (0, _styledcomponents.css)`
-                ${_styledcomponents.badgeTokens.color}: var(--text-accent);
+                ${_styledcomponents.badgeTokens.color}: ${_sdds_platform_ai.textAccent};
             `,
             positive: (0, _styledcomponents.css)`
-                ${_styledcomponents.badgeTokens.color}: var(--text-positive);
+                ${_styledcomponents.badgeTokens.color}: ${_sdds_platform_ai.textPositive};
             `,
             warning: (0, _styledcomponents.css)`
-                ${_styledcomponents.badgeTokens.color}: var(--text-warning);
+                ${_styledcomponents.badgeTokens.color}: ${_sdds_platform_ai.textWarning};
             `,
             negative: (0, _styledcomponents.css)`
-                ${_styledcomponents.badgeTokens.color}: var(--text-negative);
+                ${_styledcomponents.badgeTokens.color}: ${_sdds_platform_ai.textNegative};
             `,
             dark: (0, _styledcomponents.css)`
-                ${_styledcomponents.badgeTokens.color}: var(--on-light-text-primary);
+                ${_styledcomponents.badgeTokens.color}: ${_sdds_platform_ai.onLightTextPrimary};
             `,
             light: (0, _styledcomponents.css)`
-                ${_styledcomponents.badgeTokens.color}: var(--on-dark-text-primary);
+                ${_styledcomponents.badgeTokens.color}: ${_sdds_platform_ai.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_platform_ai = require("@salutejs/sdds-themes/tokens/sdds_platform_ai");
 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_platform_ai.inverseTextPrimary};
+                ${_styledcomponents.badgeTokens.background}: ${_sdds_platform_ai.surfaceSolidDefault};
 
-                ${_styledcomponents.badgeTokens.colorTransparent}: var(--text-primary);
-                ${_styledcomponents.badgeTokens.backgroundTransparent}: var(--surface-transparent-secondary);
+                ${_styledcomponents.badgeTokens.colorTransparent}: ${_sdds_platform_ai.textPrimary};
+                ${_styledcomponents.badgeTokens.backgroundTransparent}: ${_sdds_platform_ai.surfaceTransparentSecondary};
 
-                ${_styledcomponents.badgeTokens.colorClear}: var(--text-primary);
+                ${_styledcomponents.badgeTokens.colorClear}: ${_sdds_platform_ai.textPrimary};
             `,
             accent: (0, _styledcomponents.css)`
-                ${_styledcomponents.badgeTokens.color}: var(--on-dark-text-primary);
-                ${_styledcomponents.badgeTokens.background}: var(--surface-accent);
+                ${_styledcomponents.badgeTokens.color}: ${_sdds_platform_ai.onDarkTextPrimary};
+                ${_styledcomponents.badgeTokens.background}: ${_sdds_platform_ai.surfaceAccent};
 
-                ${_styledcomponents.badgeTokens.colorTransparent}: var(--text-accent);
-                ${_styledcomponents.badgeTokens.backgroundTransparent}: var(--surface-transparent-accent);
+                ${_styledcomponents.badgeTokens.colorTransparent}: ${_sdds_platform_ai.textAccent};
+                ${_styledcomponents.badgeTokens.backgroundTransparent}: ${_sdds_platform_ai.surfaceTransparentAccent};
 
-                ${_styledcomponents.badgeTokens.colorClear}: var(--text-accent);
+                ${_styledcomponents.badgeTokens.colorClear}: ${_sdds_platform_ai.textAccent};
             `,
             positive: (0, _styledcomponents.css)`
-                ${_styledcomponents.badgeTokens.color}: var(--on-dark-text-primary);
-                ${_styledcomponents.badgeTokens.background}: var(--text-positive);
+                ${_styledcomponents.badgeTokens.color}: ${_sdds_platform_ai.onDarkTextPrimary};
+                ${_styledcomponents.badgeTokens.background}: ${_sdds_platform_ai.textPositive};
 
-                ${_styledcomponents.badgeTokens.colorTransparent}: var(--text-positive);
-                ${_styledcomponents.badgeTokens.backgroundTransparent}: var(--surface-transparent-positive);
+                ${_styledcomponents.badgeTokens.colorTransparent}: ${_sdds_platform_ai.textPositive};
+                ${_styledcomponents.badgeTokens.backgroundTransparent}: ${_sdds_platform_ai.surfaceTransparentPositive};
 
-                ${_styledcomponents.badgeTokens.colorClear}: var(--text-positive);
+                ${_styledcomponents.badgeTokens.colorClear}: ${_sdds_platform_ai.textPositive};
             `,
             warning: (0, _styledcomponents.css)`
-                ${_styledcomponents.badgeTokens.color}: var(--on-dark-text-primary);
-                ${_styledcomponents.badgeTokens.background}: var(--surface-warning);
+                ${_styledcomponents.badgeTokens.color}: ${_sdds_platform_ai.onDarkTextPrimary};
+                ${_styledcomponents.badgeTokens.background}: ${_sdds_platform_ai.surfaceWarning};
 
-                ${_styledcomponents.badgeTokens.colorTransparent}: var(--text-warning);
-                ${_styledcomponents.badgeTokens.backgroundTransparent}: var(--surface-transparent-warning);
+                ${_styledcomponents.badgeTokens.colorTransparent}: ${_sdds_platform_ai.textWarning};
+                ${_styledcomponents.badgeTokens.backgroundTransparent}: ${_sdds_platform_ai.surfaceTransparentWarning};
 
-                ${_styledcomponents.badgeTokens.colorClear}: var(--text-warning);
+                ${_styledcomponents.badgeTokens.colorClear}: ${_sdds_platform_ai.textWarning};
             `,
             negative: (0, _styledcomponents.css)`
-                ${_styledcomponents.badgeTokens.color}: var(--on-dark-text-primary);
-                ${_styledcomponents.badgeTokens.background}: var(--surface-negative);
+                ${_styledcomponents.badgeTokens.color}: ${_sdds_platform_ai.onDarkTextPrimary};
+                ${_styledcomponents.badgeTokens.background}: ${_sdds_platform_ai.surfaceNegative};
 
-                ${_styledcomponents.badgeTokens.colorTransparent}: var(--text-negative);
-                ${_styledcomponents.badgeTokens.backgroundTransparent}: var(--surface-transparent-negative);
+                ${_styledcomponents.badgeTokens.colorTransparent}: ${_sdds_platform_ai.textNegative};
+                ${_styledcomponents.badgeTokens.backgroundTransparent}: ${_sdds_platform_ai.surfaceTransparentNegative};
 
-                ${_styledcomponents.badgeTokens.colorClear}: var(--text-negative);
+                ${_styledcomponents.badgeTokens.colorClear}: ${_sdds_platform_ai.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_platform_ai.onDarkTextPrimary};
+                ${_styledcomponents.badgeTokens.background}: ${_sdds_platform_ai.onLightSurfaceSolidDefault};
 
-                ${_styledcomponents.badgeTokens.colorTransparent}: var(--on-dark-text-primary);
-                ${_styledcomponents.badgeTokens.backgroundTransparent}: var(--on-light-surface-transparent-deep);
+                ${_styledcomponents.badgeTokens.colorTransparent}: ${_sdds_platform_ai.onDarkTextPrimary};
+                ${_styledcomponents.badgeTokens.backgroundTransparent}: ${_sdds_platform_ai.onLightSurfaceTransparentDeep};
 
-                ${_styledcomponents.badgeTokens.colorClear}: var(--on-light-text-primary);
+                ${_styledcomponents.badgeTokens.colorClear}: ${_sdds_platform_ai.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_platform_ai.onLightTextPrimary};
+                ${_styledcomponents.badgeTokens.background}: ${_sdds_platform_ai.onDarkSurfaceSolidDefault};
 
-                ${_styledcomponents.badgeTokens.colorTransparent}: var(--on-dark-text-primary);
-                ${_styledcomponents.badgeTokens.backgroundTransparent}: var(--on-dark-surface-transparent-card);
+                ${_styledcomponents.badgeTokens.colorTransparent}: ${_sdds_platform_ai.onDarkTextPrimary};
+                ${_styledcomponents.badgeTokens.backgroundTransparent}: ${_sdds_platform_ai.onDarkSurfaceTransparentCard};
 
-                ${_styledcomponents.badgeTokens.colorClear}: var(--on-dark-text-primary);
+                ${_styledcomponents.badgeTokens.colorClear}: ${_sdds_platform_ai.onDarkTextPrimary};
             `
         },
         size: {
@@ -102,7 +103,7 @@ const config = {
         },
         clear: {
             true: (0, _styledcomponents.css)`
-                ${_styledcomponents.badgeTokens.backgroundClear}: var(--surface-clear);
+                ${_styledcomponents.badgeTokens.backgroundClear}: ${_sdds_platform_ai.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_platform_ai = require("@salutejs/sdds-themes/tokens/sdds_platform_ai");
 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_platform_ai.textPrimary};
+                ${_styledcomponents.badgeTokens.background}: ${_sdds_platform_ai.surfaceTransparentSecondary};
             `,
             accent: (0, _styledcomponents.css)`
-                ${_styledcomponents.badgeTokens.color}: var(--text-accent);
-                ${_styledcomponents.badgeTokens.background}: var(--surface-transparent-accent);
+                ${_styledcomponents.badgeTokens.color}: ${_sdds_platform_ai.textAccent};
+                ${_styledcomponents.badgeTokens.background}: ${_sdds_platform_ai.surfaceTransparentAccent};
             `,
             positive: (0, _styledcomponents.css)`
-                ${_styledcomponents.badgeTokens.color}: var(--text-positive);
-                ${_styledcomponents.badgeTokens.background}: var(--surface-transparent-positive);
+                ${_styledcomponents.badgeTokens.color}: ${_sdds_platform_ai.textPositive};
+                ${_styledcomponents.badgeTokens.background}: ${_sdds_platform_ai.surfaceTransparentPositive};
             `,
             warning: (0, _styledcomponents.css)`
-                ${_styledcomponents.badgeTokens.color}: var(--text-warning);
-                ${_styledcomponents.badgeTokens.background}: var(--surface-transparent-warning);
+                ${_styledcomponents.badgeTokens.color}: ${_sdds_platform_ai.textWarning};
+                ${_styledcomponents.badgeTokens.background}: ${_sdds_platform_ai.surfaceTransparentWarning};
             `,
             negative: (0, _styledcomponents.css)`
-                ${_styledcomponents.badgeTokens.color}: var(--text-negative);
-                ${_styledcomponents.badgeTokens.background}: var(--surface-transparent-negative);
+                ${_styledcomponents.badgeTokens.color}: ${_sdds_platform_ai.textNegative};
+                ${_styledcomponents.badgeTokens.background}: ${_sdds_platform_ai.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_platform_ai.onDarkTextPrimary};
+                ${_styledcomponents.badgeTokens.background}: ${_sdds_platform_ai.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_platform_ai.onDarkTextPrimary};
+                ${_styledcomponents.badgeTokens.background}: ${_sdds_platform_ai.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_platform_ai = require("@salutejs/sdds-themes/tokens/sdds_platform_ai");
 const config = {
     defaults: {
         view: 'default',
@@ -17,11 +18,11 @@ 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_platform_ai.textPrimary};
+                ${_styledcomponents.breadcrumbsTokens.breadcrumbsColorText}: ${_sdds_platform_ai.textPrimary};
+                ${_styledcomponents.breadcrumbsTokens.breadcrumbsColorSeparator}: ${_sdds_platform_ai.textPrimary};
 
-                ${_styledcomponents.breadcrumbsTokens.breadcrumbsFocusOutlineColor}: var(--surface-accent);
+                ${_styledcomponents.breadcrumbsTokens.breadcrumbsFocusOutlineColor}: ${_sdds_platform_ai.surfaceAccent};
 
                 ${_styledcomponents.breadcrumbsTokens.breadcrumbsOpacity}: 0.4;
             `
@@ -30,12 +31,12 @@ const config = {
             s: (0, _styledcomponents.css)`
                 ${_styledcomponents.breadcrumbsTokens.breadcrumbsGap}: 0;
 
-                ${_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-font-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_platform_ai.bodyS.fontFamily};
+                ${_styledcomponents.breadcrumbsTokens.breadcrumbsFontSize}: ${_sdds_platform_ai.bodyS.fontSize};
+                ${_styledcomponents.breadcrumbsTokens.breadcrumbsFontStyle}: ${_sdds_platform_ai.bodyS.fontStyle};
+                ${_styledcomponents.breadcrumbsTokens.breadcrumbsFontWeight}: ${_sdds_platform_ai.bodyS.fontWeight};
+                ${_styledcomponents.breadcrumbsTokens.breadcrumbsLetterSpacing}: ${_sdds_platform_ai.bodyS.letterSpacing};
+                ${_styledcomponents.breadcrumbsTokens.breadcrumbsLineHeight}: ${_sdds_platform_ai.bodyS.lineHeight};
             `
         }
     }