@salutejs/sdds-netology 0.358.0-next-sbcom.0 → 0.359.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 _plasma_b2c = require("@salutejs/plasma-themes/tokens/plasma_b2c");
 const config = {
     defaults: {
         view: 'default',
@@ -18,12 +19,12 @@ const config = {
     variations: {
         view: {
             default: (0, _styledcomponents.css)`
-                ${_styledcomponents.avatarTokens.color}: var(--text-accent-gradient);
+                ${_styledcomponents.avatarTokens.color}: ${_plasma_b2c.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}: ${_plasma_b2c.surfacePositive};
+                ${_styledcomponents.avatarTokens.statusOfflineColor}: ${_plasma_b2c.surfaceSolidTertiary};
                 ${_styledcomponents.avatarTokens.scaleHover}: 1.02;
-                ${_styledcomponents.avatarTokens.fontFamily}: var(--plasma-typo-text-font-family);
+                ${_styledcomponents.avatarTokens.fontFamily}: ${_plasma_b2c.textS.fontFamily};
             `
         },
         size: {
@@ -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}: ${_plasma_b2c.bodyS.fontFamily};
+                ${_styledcomponents.avatarTokens.badgeFontSize}: ${_plasma_b2c.bodyS.fontSize};
+                ${_styledcomponents.avatarTokens.badgeFontStyle}: ${_plasma_b2c.bodyS.fontStyle};
+                ${_styledcomponents.avatarTokens.badgeFontWeight}: ${_plasma_b2c.bodyS.fontWeight};
+                ${_styledcomponents.avatarTokens.badgeLetterSpacing}: ${_plasma_b2c.bodyS.letterSpacing};
+                ${_styledcomponents.avatarTokens.badgeLineHeight}: ${_plasma_b2c.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}: ${_plasma_b2c.bodyS.fontFamily};
+                ${_styledcomponents.avatarTokens.counterFontSize}: ${_plasma_b2c.bodyS.fontSize};
+                ${_styledcomponents.avatarTokens.counterFontStyle}: ${_plasma_b2c.bodyS.fontStyle};
+                ${_styledcomponents.avatarTokens.counterFontWeight}: ${_plasma_b2c.bodyS.fontWeight};
+                ${_styledcomponents.avatarTokens.counterLetterSpacing}: ${_plasma_b2c.bodyS.letterSpacing};
+                ${_styledcomponents.avatarTokens.counterLineHeight}: ${_plasma_b2c.bodyS.lineHeight};
             `,
             l: (0, _styledcomponents.css)`
                 ${_styledcomponents.avatarTokens.avatarSize}: 3rem;
@@ -80,12 +81,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}: ${_plasma_b2c.bodyXXS.fontFamily};
+                ${_styledcomponents.avatarTokens.badgeFontSize}: ${_plasma_b2c.bodyXXS.fontSize};
+                ${_styledcomponents.avatarTokens.badgeFontStyle}: ${_plasma_b2c.bodyXXS.fontStyle};
+                ${_styledcomponents.avatarTokens.badgeFontWeight}: ${_plasma_b2c.bodyXXS.fontWeight};
+                ${_styledcomponents.avatarTokens.badgeLetterSpacing}: ${_plasma_b2c.bodyXXS.letterSpacing};
+                ${_styledcomponents.avatarTokens.badgeLineHeight}: ${_plasma_b2c.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}: 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}: ${_plasma_b2c.bodyXXS.fontFamily};
+                ${_styledcomponents.avatarTokens.counterFontSize}: ${_plasma_b2c.bodyXXS.fontSize};
+                ${_styledcomponents.avatarTokens.counterFontStyle}: ${_plasma_b2c.bodyXXS.fontStyle};
+                ${_styledcomponents.avatarTokens.counterFontWeight}: ${_plasma_b2c.bodyXXS.fontWeight};
+                ${_styledcomponents.avatarTokens.counterLetterSpacing}: ${_plasma_b2c.bodyXXS.letterSpacing};
+                ${_styledcomponents.avatarTokens.counterLineHeight}: ${_plasma_b2c.bodyXXS.lineHeight};
             `,
             m: (0, _styledcomponents.css)`
                 ${_styledcomponents.avatarTokens.avatarSize}: 2.25rem;
@@ -119,12 +120,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}: ${_plasma_b2c.bodyXXS.fontFamily};
+                ${_styledcomponents.avatarTokens.badgeFontSize}: ${_plasma_b2c.bodyXXS.fontSize};
+                ${_styledcomponents.avatarTokens.badgeFontStyle}: ${_plasma_b2c.bodyXXS.fontStyle};
+                ${_styledcomponents.avatarTokens.badgeFontWeight}: ${_plasma_b2c.bodyXXS.fontWeight};
+                ${_styledcomponents.avatarTokens.badgeLetterSpacing}: ${_plasma_b2c.bodyXXS.letterSpacing};
+                ${_styledcomponents.avatarTokens.badgeLineHeight}: ${_plasma_b2c.bodyXXS.lineHeight};
 
                 ${_styledcomponents.avatarTokens.badgeLeftContentMarginLeft}: -0.063rem;
                 ${_styledcomponents.avatarTokens.badgeLeftContentMarginRight}: 0.125rem;
@@ -136,12 +137,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}: ${_plasma_b2c.bodyXXS.fontFamily};
+                ${_styledcomponents.avatarTokens.counterFontSize}: ${_plasma_b2c.bodyXXS.fontSize};
+                ${_styledcomponents.avatarTokens.counterFontStyle}: ${_plasma_b2c.bodyXXS.fontStyle};
+                ${_styledcomponents.avatarTokens.counterFontWeight}: ${_plasma_b2c.bodyXXS.fontWeight};
+                ${_styledcomponents.avatarTokens.counterLetterSpacing}: ${_plasma_b2c.bodyXXS.letterSpacing};
+                ${_styledcomponents.avatarTokens.counterLineHeight}: ${_plasma_b2c.bodyXXS.lineHeight};
             `,
             s: (0, _styledcomponents.css)`
                 ${_styledcomponents.avatarTokens.avatarSize}: 1.5rem;
@@ -156,12 +157,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}: ${_plasma_b2c.bodyXXS.fontFamily};
+                ${_styledcomponents.avatarTokens.counterFontSize}: ${_plasma_b2c.bodyXXS.fontSize};
+                ${_styledcomponents.avatarTokens.counterFontStyle}: ${_plasma_b2c.bodyXXS.fontStyle};
+                ${_styledcomponents.avatarTokens.counterFontWeight}: ${_plasma_b2c.bodyXXS.fontWeight};
+                ${_styledcomponents.avatarTokens.counterLetterSpacing}: ${_plasma_b2c.bodyXXS.letterSpacing};
+                ${_styledcomponents.avatarTokens.counterLineHeight}: ${_plasma_b2c.bodyXXS.lineHeight};
             `,
             fit: (0, _styledcomponents.css)`
                 ${_styledcomponents.avatarTokens.avatarSize}: 100%;
@@ -176,7 +177,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}: ${_plasma_b2c.surfaceAccent};
             `
         },
         shape: {
@@ -192,104 +193,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}: ${_plasma_b2c.inverseTextPrimary};
+                ${_styledcomponents.avatarTokens.badgeBackground}: ${_plasma_b2c.surfaceSolidDefault};
 
-                ${_styledcomponents.avatarTokens.badgeColorTransparent}: var(--text-primary);
-                ${_styledcomponents.avatarTokens.badgeBackgroundTransparent}: var(--surface-transparent-secondary);
+                ${_styledcomponents.avatarTokens.badgeColorTransparent}: ${_plasma_b2c.textPrimary};
+                ${_styledcomponents.avatarTokens.badgeBackgroundTransparent}: ${_plasma_b2c.surfaceTransparentSecondary};
 
-                ${_styledcomponents.avatarTokens.badgeColorClear}: var(--text-primary);
-                ${_styledcomponents.avatarTokens.badgeBackgroundClear}: var(--surface-clear);
+                ${_styledcomponents.avatarTokens.badgeColorClear}: ${_plasma_b2c.textPrimary};
+                ${_styledcomponents.avatarTokens.badgeBackgroundClear}: ${_plasma_b2c.surfaceClear};
             `,
             accent: (0, _styledcomponents.css)`
-                ${_styledcomponents.avatarTokens.badgeColor}: var(--on-dark-text-primary);
-                ${_styledcomponents.avatarTokens.badgeBackground}: var(--surface-accent);
+                ${_styledcomponents.avatarTokens.badgeColor}: ${_plasma_b2c.onDarkTextPrimary};
+                ${_styledcomponents.avatarTokens.badgeBackground}: ${_plasma_b2c.surfaceAccent};
 
-                ${_styledcomponents.avatarTokens.badgeColorTransparent}: var(--text-accent);
-                ${_styledcomponents.avatarTokens.badgeBackgroundTransparent}: var(--surface-transparent-accent);
+                ${_styledcomponents.avatarTokens.badgeColorTransparent}: ${_plasma_b2c.textAccent};
+                ${_styledcomponents.avatarTokens.badgeBackgroundTransparent}: ${_plasma_b2c.surfaceTransparentAccent};
 
-                ${_styledcomponents.avatarTokens.badgeColorClear}: var(--text-accent);
-                ${_styledcomponents.avatarTokens.badgeBackgroundClear}: var(--surface-clear);
+                ${_styledcomponents.avatarTokens.badgeColorClear}: ${_plasma_b2c.textAccent};
+                ${_styledcomponents.avatarTokens.badgeBackgroundClear}: ${_plasma_b2c.surfaceClear};
             `,
             positive: (0, _styledcomponents.css)`
-                ${_styledcomponents.avatarTokens.badgeColor}: var(--on-dark-text-primary);
-                ${_styledcomponents.avatarTokens.badgeBackground}: var(--surface-positive);
+                ${_styledcomponents.avatarTokens.badgeColor}: ${_plasma_b2c.onDarkTextPrimary};
+                ${_styledcomponents.avatarTokens.badgeBackground}: ${_plasma_b2c.surfacePositive};
 
-                ${_styledcomponents.avatarTokens.badgeColorTransparent}: var(--text-positive);
-                ${_styledcomponents.avatarTokens.badgeBackgroundTransparent}: var(--surface-transparent-positive);
+                ${_styledcomponents.avatarTokens.badgeColorTransparent}: ${_plasma_b2c.textPositive};
+                ${_styledcomponents.avatarTokens.badgeBackgroundTransparent}: ${_plasma_b2c.surfaceTransparentPositive};
 
-                ${_styledcomponents.avatarTokens.badgeColorClear}: var(--text-positive);
-                ${_styledcomponents.avatarTokens.badgeBackgroundClear}: var(--surface-clear);
+                ${_styledcomponents.avatarTokens.badgeColorClear}: ${_plasma_b2c.textPositive};
+                ${_styledcomponents.avatarTokens.badgeBackgroundClear}: ${_plasma_b2c.surfaceClear};
             `,
             warning: (0, _styledcomponents.css)`
-                ${_styledcomponents.avatarTokens.badgeColor}: var(--on-dark-text-primary);
-                ${_styledcomponents.avatarTokens.badgeBackground}: var(--surface-warning);
+                ${_styledcomponents.avatarTokens.badgeColor}: ${_plasma_b2c.onDarkTextPrimary};
+                ${_styledcomponents.avatarTokens.badgeBackground}: ${_plasma_b2c.surfaceWarning};
 
-                ${_styledcomponents.avatarTokens.badgeColorTransparent}: var(--text-warning);
-                ${_styledcomponents.avatarTokens.badgeBackgroundTransparent}: var(--surface-transparent-warning);
+                ${_styledcomponents.avatarTokens.badgeColorTransparent}: ${_plasma_b2c.textWarning};
+                ${_styledcomponents.avatarTokens.badgeBackgroundTransparent}: ${_plasma_b2c.surfaceTransparentWarning};
 
-                ${_styledcomponents.avatarTokens.badgeColorClear}: var(--text-warning);
-                ${_styledcomponents.avatarTokens.badgeBackgroundClear}: var(--surface-clear);
+                ${_styledcomponents.avatarTokens.badgeColorClear}: ${_plasma_b2c.textWarning};
+                ${_styledcomponents.avatarTokens.badgeBackgroundClear}: ${_plasma_b2c.surfaceClear};
             `,
             negative: (0, _styledcomponents.css)`
-                ${_styledcomponents.avatarTokens.badgeColor}: var(--on-dark-text-primary);
-                ${_styledcomponents.avatarTokens.badgeBackground}: var(--surface-negative);
+                ${_styledcomponents.avatarTokens.badgeColor}: ${_plasma_b2c.onDarkTextPrimary};
+                ${_styledcomponents.avatarTokens.badgeBackground}: ${_plasma_b2c.surfaceNegative};
 
-                ${_styledcomponents.avatarTokens.badgeColorTransparent}: var(--text-negative);
-                ${_styledcomponents.avatarTokens.badgeBackgroundTransparent}: var(--surface-transparent-negative);
+                ${_styledcomponents.avatarTokens.badgeColorTransparent}: ${_plasma_b2c.textNegative};
+                ${_styledcomponents.avatarTokens.badgeBackgroundTransparent}: ${_plasma_b2c.surfaceTransparentNegative};
 
-                ${_styledcomponents.avatarTokens.badgeColorClear}: var(--text-negative);
-                ${_styledcomponents.avatarTokens.badgeBackgroundClear}: var(--surface-clear);
+                ${_styledcomponents.avatarTokens.badgeColorClear}: ${_plasma_b2c.textNegative};
+                ${_styledcomponents.avatarTokens.badgeBackgroundClear}: ${_plasma_b2c.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}: ${_plasma_b2c.onDarkTextPrimary};
+                ${_styledcomponents.avatarTokens.badgeBackground}: ${_plasma_b2c.onLightSurfaceSolidDefault};
 
-                ${_styledcomponents.avatarTokens.badgeColorTransparent}: var(--on-dark-text-primary);
-                ${_styledcomponents.avatarTokens.badgeBackgroundTransparent}: var(--on-light-surface-transparent-deep);
+                ${_styledcomponents.avatarTokens.badgeColorTransparent}: ${_plasma_b2c.onDarkTextPrimary};
+                ${_styledcomponents.avatarTokens.badgeBackgroundTransparent}: ${_plasma_b2c.onLightSurfaceTransparentDeep};
 
-                ${_styledcomponents.avatarTokens.badgeColorClear}: var(--on-light-text-primary);
-                ${_styledcomponents.avatarTokens.badgeBackgroundClear}: var(--surface-clear);
+                ${_styledcomponents.avatarTokens.badgeColorClear}: ${_plasma_b2c.onLightTextPrimary};
+                ${_styledcomponents.avatarTokens.badgeBackgroundClear}: ${_plasma_b2c.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}: ${_plasma_b2c.onLightTextPrimary};
+                ${_styledcomponents.avatarTokens.badgeBackground}: ${_plasma_b2c.onDarkSurfaceSolidDefault};
 
-                ${_styledcomponents.avatarTokens.badgeColorTransparent}: var(--on-dark-text-primary);
-                ${_styledcomponents.avatarTokens.badgeBackgroundTransparent}: var(--on-dark-surface-transparent-card);
+                ${_styledcomponents.avatarTokens.badgeColorTransparent}: ${_plasma_b2c.onDarkTextPrimary};
+                ${_styledcomponents.avatarTokens.badgeBackgroundTransparent}: ${_plasma_b2c.onDarkSurfaceTransparentCard};
 
-                ${_styledcomponents.avatarTokens.badgeColorClear}: var(--on-dark-text-primary);
-                ${_styledcomponents.avatarTokens.badgeBackgroundClear}: var(--surface-clear);
+                ${_styledcomponents.avatarTokens.badgeColorClear}: ${_plasma_b2c.onDarkTextPrimary};
+                ${_styledcomponents.avatarTokens.badgeBackgroundClear}: ${_plasma_b2c.surfaceClear};
             `
         },
         counterView: {
             default: (0, _styledcomponents.css)`
-                ${_styledcomponents.avatarTokens.counterColor}: var(--inverse-text-primary);
-                ${_styledcomponents.avatarTokens.counterBackground}: var(--surface-solid-default);
+                ${_styledcomponents.avatarTokens.counterColor}: ${_plasma_b2c.inverseTextPrimary};
+                ${_styledcomponents.avatarTokens.counterBackground}: ${_plasma_b2c.surfaceSolidDefault};
             `,
             accent: (0, _styledcomponents.css)`
-                ${_styledcomponents.avatarTokens.counterColor}: var(--on-dark-text-primary);
-                ${_styledcomponents.avatarTokens.counterBackground}: var(--surface-accent);
+                ${_styledcomponents.avatarTokens.counterColor}: ${_plasma_b2c.onDarkTextPrimary};
+                ${_styledcomponents.avatarTokens.counterBackground}: ${_plasma_b2c.surfaceAccent};
             `,
             positive: (0, _styledcomponents.css)`
-                ${_styledcomponents.avatarTokens.counterColor}: var(--on-dark-text-primary);
-                ${_styledcomponents.avatarTokens.counterBackground}: var(--surface-positive);
+                ${_styledcomponents.avatarTokens.counterColor}: ${_plasma_b2c.onDarkTextPrimary};
+                ${_styledcomponents.avatarTokens.counterBackground}: ${_plasma_b2c.surfacePositive};
             `,
             warning: (0, _styledcomponents.css)`
-                ${_styledcomponents.avatarTokens.counterColor}: var(--on-dark-text-primary);
-                ${_styledcomponents.avatarTokens.counterBackground}: var(--surface-warning);
+                ${_styledcomponents.avatarTokens.counterColor}: ${_plasma_b2c.onDarkTextPrimary};
+                ${_styledcomponents.avatarTokens.counterBackground}: ${_plasma_b2c.surfaceWarning};
             `,
             negative: (0, _styledcomponents.css)`
-                ${_styledcomponents.avatarTokens.counterColor}: var(--on-dark-text-primary);
-                ${_styledcomponents.avatarTokens.counterBackground}: var(--surface-negative);
+                ${_styledcomponents.avatarTokens.counterColor}: ${_plasma_b2c.onDarkTextPrimary};
+                ${_styledcomponents.avatarTokens.counterBackground}: ${_plasma_b2c.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}: ${_plasma_b2c.onDarkTextPrimary};
+                ${_styledcomponents.avatarTokens.counterBackground}: ${_plasma_b2c.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}: ${_plasma_b2c.onLightTextPrimary};
+                ${_styledcomponents.avatarTokens.counterBackground}: ${_plasma_b2c.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 _plasma_b2c = require("@salutejs/plasma-themes/tokens/plasma_b2c");
 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}: ${_plasma_b2c.textPrimary};
             `,
             accent: (0, _styledcomponents.css)`
-                ${_styledcomponents.badgeTokens.color}: var(--text-accent);
+                ${_styledcomponents.badgeTokens.color}: ${_plasma_b2c.textAccent};
             `,
             positive: (0, _styledcomponents.css)`
-                ${_styledcomponents.badgeTokens.color}: var(--text-positive);
+                ${_styledcomponents.badgeTokens.color}: ${_plasma_b2c.textPositive};
             `,
             warning: (0, _styledcomponents.css)`
-                ${_styledcomponents.badgeTokens.color}: var(--text-warning);
+                ${_styledcomponents.badgeTokens.color}: ${_plasma_b2c.textWarning};
             `,
             negative: (0, _styledcomponents.css)`
-                ${_styledcomponents.badgeTokens.color}: var(--text-negative);
+                ${_styledcomponents.badgeTokens.color}: ${_plasma_b2c.textNegative};
             `,
             dark: (0, _styledcomponents.css)`
-                ${_styledcomponents.badgeTokens.color}: var(--on-light-text-primary);
+                ${_styledcomponents.badgeTokens.color}: ${_plasma_b2c.onLightTextPrimary};
             `,
             light: (0, _styledcomponents.css)`
-                ${_styledcomponents.badgeTokens.color}: var(--on-dark-text-primary);
+                ${_styledcomponents.badgeTokens.color}: ${_plasma_b2c.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 _plasma_b2c = require("@salutejs/plasma-themes/tokens/plasma_b2c");
 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}: ${_plasma_b2c.inverseTextPrimary};
+                ${_styledcomponents.badgeTokens.background}: ${_plasma_b2c.surfaceSolidDefault};
 
-                ${_styledcomponents.badgeTokens.colorTransparent}: var(--text-primary);
-                ${_styledcomponents.badgeTokens.backgroundTransparent}: var(--surface-transparent-secondary);
+                ${_styledcomponents.badgeTokens.colorTransparent}: ${_plasma_b2c.textPrimary};
+                ${_styledcomponents.badgeTokens.backgroundTransparent}: ${_plasma_b2c.surfaceTransparentSecondary};
 
-                ${_styledcomponents.badgeTokens.colorClear}: var(--text-primary);
+                ${_styledcomponents.badgeTokens.colorClear}: ${_plasma_b2c.textPrimary};
             `,
             accent: (0, _styledcomponents.css)`
-                ${_styledcomponents.badgeTokens.color}: var(--on-dark-text-primary);
-                ${_styledcomponents.badgeTokens.background}: var(--surface-accent);
+                ${_styledcomponents.badgeTokens.color}: ${_plasma_b2c.onDarkTextPrimary};
+                ${_styledcomponents.badgeTokens.background}: ${_plasma_b2c.surfaceAccent};
 
-                ${_styledcomponents.badgeTokens.colorTransparent}: var(--text-accent);
-                ${_styledcomponents.badgeTokens.backgroundTransparent}: var(--surface-transparent-accent);
+                ${_styledcomponents.badgeTokens.colorTransparent}: ${_plasma_b2c.textAccent};
+                ${_styledcomponents.badgeTokens.backgroundTransparent}: ${_plasma_b2c.surfaceTransparentAccent};
 
-                ${_styledcomponents.badgeTokens.colorClear}: var(--text-accent);
+                ${_styledcomponents.badgeTokens.colorClear}: ${_plasma_b2c.textAccent};
             `,
             positive: (0, _styledcomponents.css)`
-                ${_styledcomponents.badgeTokens.color}: var(--on-dark-text-primary);
-                ${_styledcomponents.badgeTokens.background}: var(--surface-positive);
+                ${_styledcomponents.badgeTokens.color}: ${_plasma_b2c.onDarkTextPrimary};
+                ${_styledcomponents.badgeTokens.background}: ${_plasma_b2c.surfacePositive};
 
-                ${_styledcomponents.badgeTokens.colorTransparent}: var(--text-positive);
-                ${_styledcomponents.badgeTokens.backgroundTransparent}: var(--surface-transparent-positive);
+                ${_styledcomponents.badgeTokens.colorTransparent}: ${_plasma_b2c.textPositive};
+                ${_styledcomponents.badgeTokens.backgroundTransparent}: ${_plasma_b2c.surfaceTransparentPositive};
 
-                ${_styledcomponents.badgeTokens.colorClear}: var(--text-positive);
+                ${_styledcomponents.badgeTokens.colorClear}: ${_plasma_b2c.textPositive};
             `,
             warning: (0, _styledcomponents.css)`
-                ${_styledcomponents.badgeTokens.color}: var(--on-dark-text-primary);
-                ${_styledcomponents.badgeTokens.background}: var(--surface-warning);
+                ${_styledcomponents.badgeTokens.color}: ${_plasma_b2c.onDarkTextPrimary};
+                ${_styledcomponents.badgeTokens.background}: ${_plasma_b2c.surfaceWarning};
 
-                ${_styledcomponents.badgeTokens.colorTransparent}: var(--text-warning);
-                ${_styledcomponents.badgeTokens.backgroundTransparent}: var(--surface-transparent-warning);
+                ${_styledcomponents.badgeTokens.colorTransparent}: ${_plasma_b2c.textWarning};
+                ${_styledcomponents.badgeTokens.backgroundTransparent}: ${_plasma_b2c.surfaceTransparentWarning};
 
-                ${_styledcomponents.badgeTokens.colorClear}: var(--text-warning);
+                ${_styledcomponents.badgeTokens.colorClear}: ${_plasma_b2c.textWarning};
             `,
             negative: (0, _styledcomponents.css)`
-                ${_styledcomponents.badgeTokens.color}: var(--on-dark-text-primary);
-                ${_styledcomponents.badgeTokens.background}: var(--surface-negative);
+                ${_styledcomponents.badgeTokens.color}: ${_plasma_b2c.onDarkTextPrimary};
+                ${_styledcomponents.badgeTokens.background}: ${_plasma_b2c.surfaceNegative};
 
-                ${_styledcomponents.badgeTokens.colorTransparent}: var(--text-negative);
-                ${_styledcomponents.badgeTokens.backgroundTransparent}: var(--surface-transparent-negative);
+                ${_styledcomponents.badgeTokens.colorTransparent}: ${_plasma_b2c.textNegative};
+                ${_styledcomponents.badgeTokens.backgroundTransparent}: ${_plasma_b2c.surfaceTransparentNegative};
 
-                ${_styledcomponents.badgeTokens.colorClear}: var(--text-negative);
+                ${_styledcomponents.badgeTokens.colorClear}: ${_plasma_b2c.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}: ${_plasma_b2c.onDarkTextPrimary};
+                ${_styledcomponents.badgeTokens.background}: ${_plasma_b2c.onLightSurfaceSolidDefault};
 
-                ${_styledcomponents.badgeTokens.colorTransparent}: var(--on-dark-text-primary);
-                ${_styledcomponents.badgeTokens.backgroundTransparent}: var(--on-light-surface-transparent-deep);
+                ${_styledcomponents.badgeTokens.colorTransparent}: ${_plasma_b2c.onDarkTextPrimary};
+                ${_styledcomponents.badgeTokens.backgroundTransparent}: ${_plasma_b2c.onLightSurfaceTransparentDeep};
 
-                ${_styledcomponents.badgeTokens.colorClear}: var(--on-light-text-primary);
+                ${_styledcomponents.badgeTokens.colorClear}: ${_plasma_b2c.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}: ${_plasma_b2c.onLightTextPrimary};
+                ${_styledcomponents.badgeTokens.background}: ${_plasma_b2c.onDarkSurfaceSolidDefault};
 
-                ${_styledcomponents.badgeTokens.colorTransparent}: var(--on-dark-text-primary);
-                ${_styledcomponents.badgeTokens.backgroundTransparent}: var(--on-dark-surface-transparent-card);
+                ${_styledcomponents.badgeTokens.colorTransparent}: ${_plasma_b2c.onDarkTextPrimary};
+                ${_styledcomponents.badgeTokens.backgroundTransparent}: ${_plasma_b2c.onDarkSurfaceTransparentCard};
 
-                ${_styledcomponents.badgeTokens.colorClear}: var(--on-dark-text-primary);
+                ${_styledcomponents.badgeTokens.colorClear}: ${_plasma_b2c.onDarkTextPrimary};
             `
         },
         size: {
@@ -105,7 +106,7 @@ const config = {
         },
         clear: {
             true: (0, _styledcomponents.css)`
-                ${_styledcomponents.badgeTokens.backgroundClear}: var(--surface-clear);
+                ${_styledcomponents.badgeTokens.backgroundClear}: ${_plasma_b2c.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 _plasma_b2c = require("@salutejs/plasma-themes/tokens/plasma_b2c");
 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}: ${_plasma_b2c.textPrimary};
+                ${_styledcomponents.badgeTokens.background}: ${_plasma_b2c.surfaceTransparentSecondary};
             `,
             accent: (0, _styledcomponents.css)`
-                ${_styledcomponents.badgeTokens.color}: var(--text-accent);
-                ${_styledcomponents.badgeTokens.background}: var(--surface-transparent-accent);
+                ${_styledcomponents.badgeTokens.color}: ${_plasma_b2c.textAccent};
+                ${_styledcomponents.badgeTokens.background}: ${_plasma_b2c.surfaceTransparentAccent};
             `,
             positive: (0, _styledcomponents.css)`
-                ${_styledcomponents.badgeTokens.color}: var(--text-positive);
-                ${_styledcomponents.badgeTokens.background}: var(--surface-transparent-positive);
+                ${_styledcomponents.badgeTokens.color}: ${_plasma_b2c.textPositive};
+                ${_styledcomponents.badgeTokens.background}: ${_plasma_b2c.surfaceTransparentPositive};
             `,
             warning: (0, _styledcomponents.css)`
-                ${_styledcomponents.badgeTokens.color}: var(--text-warning);
-                ${_styledcomponents.badgeTokens.background}: var(--surface-transparent-warning);
+                ${_styledcomponents.badgeTokens.color}: ${_plasma_b2c.textWarning};
+                ${_styledcomponents.badgeTokens.background}: ${_plasma_b2c.surfaceTransparentWarning};
             `,
             negative: (0, _styledcomponents.css)`
-                ${_styledcomponents.badgeTokens.color}: var(--text-negative);
-                ${_styledcomponents.badgeTokens.background}: var(--surface-transparent-negative);
+                ${_styledcomponents.badgeTokens.color}: ${_plasma_b2c.textNegative};
+                ${_styledcomponents.badgeTokens.background}: ${_plasma_b2c.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}: ${_plasma_b2c.onDarkTextPrimary};
+                ${_styledcomponents.badgeTokens.background}: ${_plasma_b2c.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}: ${_plasma_b2c.onDarkTextPrimary};
+                ${_styledcomponents.badgeTokens.background}: ${_plasma_b2c.onDarkSurfaceTransparentCard};
             `
         },
         size: {