@salutejs/sdds-bizcom 0.359.0-next-sbcom.0 → 0.360.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_bizcom = require("@salutejs/sdds-themes/tokens/sdds_bizcom");
 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_bizcom.surfacePositive};
+                ${_styledcomponents.avatarTokens.statusOfflineColor}: ${_sdds_bizcom.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_bizcom.bodyS.fontFamily};
+                ${_styledcomponents.avatarTokens.badgeFontSize}: ${_sdds_bizcom.bodyS.fontSize};
+                ${_styledcomponents.avatarTokens.badgeFontStyle}: ${_sdds_bizcom.bodyS.fontStyle};
+                ${_styledcomponents.avatarTokens.badgeFontWeight}: ${_sdds_bizcom.bodyS.fontWeight};
+                ${_styledcomponents.avatarTokens.badgeLetterSpacing}: ${_sdds_bizcom.bodyS.letterSpacing};
+                ${_styledcomponents.avatarTokens.badgeLineHeight}: ${_sdds_bizcom.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_bizcom.bodyS.fontFamily};
+                ${_styledcomponents.avatarTokens.counterFontSize}: ${_sdds_bizcom.bodyS.fontSize};
+                ${_styledcomponents.avatarTokens.counterFontStyle}: ${_sdds_bizcom.bodyS.fontStyle};
+                ${_styledcomponents.avatarTokens.counterFontWeight}: ${_sdds_bizcom.bodyS.fontWeight};
+                ${_styledcomponents.avatarTokens.counterLetterSpacing}: ${_sdds_bizcom.bodyS.letterSpacing};
+                ${_styledcomponents.avatarTokens.counterLineHeight}: ${_sdds_bizcom.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_bizcom.bodyXXS.fontFamily};
+                ${_styledcomponents.avatarTokens.badgeFontSize}: ${_sdds_bizcom.bodyXXS.fontSize};
+                ${_styledcomponents.avatarTokens.badgeFontStyle}: ${_sdds_bizcom.bodyXXS.fontStyle};
+                ${_styledcomponents.avatarTokens.badgeFontWeight}: ${_sdds_bizcom.bodyXXS.fontWeight};
+                ${_styledcomponents.avatarTokens.badgeLetterSpacing}: ${_sdds_bizcom.bodyXXS.letterSpacing};
+                ${_styledcomponents.avatarTokens.badgeLineHeight}: ${_sdds_bizcom.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_bizcom.bodyXXS.fontFamily};
+                ${_styledcomponents.avatarTokens.counterFontSize}: ${_sdds_bizcom.bodyXXS.fontSize};
+                ${_styledcomponents.avatarTokens.counterFontStyle}: ${_sdds_bizcom.bodyXXS.fontStyle};
+                ${_styledcomponents.avatarTokens.counterFontWeight}: ${_sdds_bizcom.bodyXXS.fontWeight};
+                ${_styledcomponents.avatarTokens.counterLetterSpacing}: ${_sdds_bizcom.bodyXXS.letterSpacing};
+                ${_styledcomponents.avatarTokens.counterLineHeight}: ${_sdds_bizcom.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_bizcom.bodyXXS.fontFamily};
+                ${_styledcomponents.avatarTokens.badgeFontSize}: ${_sdds_bizcom.bodyXXS.fontSize};
+                ${_styledcomponents.avatarTokens.badgeFontStyle}: ${_sdds_bizcom.bodyXXS.fontStyle};
+                ${_styledcomponents.avatarTokens.badgeFontWeight}: ${_sdds_bizcom.bodyXXS.fontWeight};
+                ${_styledcomponents.avatarTokens.badgeLetterSpacing}: ${_sdds_bizcom.bodyXXS.letterSpacing};
+                ${_styledcomponents.avatarTokens.badgeLineHeight}: ${_sdds_bizcom.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_bizcom.bodyXXS.fontFamily};
+                ${_styledcomponents.avatarTokens.counterFontSize}: ${_sdds_bizcom.bodyXXS.fontSize};
+                ${_styledcomponents.avatarTokens.counterFontStyle}: ${_sdds_bizcom.bodyXXS.fontStyle};
+                ${_styledcomponents.avatarTokens.counterFontWeight}: ${_sdds_bizcom.bodyXXS.fontWeight};
+                ${_styledcomponents.avatarTokens.counterLetterSpacing}: ${_sdds_bizcom.bodyXXS.letterSpacing};
+                ${_styledcomponents.avatarTokens.counterLineHeight}: ${_sdds_bizcom.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_bizcom.bodyXXS.fontFamily};
+                ${_styledcomponents.avatarTokens.counterFontSize}: ${_sdds_bizcom.bodyXXS.fontSize};
+                ${_styledcomponents.avatarTokens.counterFontStyle}: ${_sdds_bizcom.bodyXXS.fontStyle};
+                ${_styledcomponents.avatarTokens.counterFontWeight}: ${_sdds_bizcom.bodyXXS.fontWeight};
+                ${_styledcomponents.avatarTokens.counterLetterSpacing}: ${_sdds_bizcom.bodyXXS.letterSpacing};
+                ${_styledcomponents.avatarTokens.counterLineHeight}: ${_sdds_bizcom.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_bizcom.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_bizcom.inverseTextPrimary};
+                ${_styledcomponents.avatarTokens.badgeBackground}: ${_sdds_bizcom.surfaceSolidDefault};
 
-                ${_styledcomponents.avatarTokens.badgeColorTransparent}: var(--text-primary);
-                ${_styledcomponents.avatarTokens.badgeBackgroundTransparent}: var(--surface-transparent-secondary);
+                ${_styledcomponents.avatarTokens.badgeColorTransparent}: ${_sdds_bizcom.textPrimary};
+                ${_styledcomponents.avatarTokens.badgeBackgroundTransparent}: ${_sdds_bizcom.surfaceTransparentSecondary};
 
-                ${_styledcomponents.avatarTokens.badgeColorClear}: var(--text-primary);
-                ${_styledcomponents.avatarTokens.badgeBackgroundClear}: var(--surface-clear);
+                ${_styledcomponents.avatarTokens.badgeColorClear}: ${_sdds_bizcom.textPrimary};
+                ${_styledcomponents.avatarTokens.badgeBackgroundClear}: ${_sdds_bizcom.surfaceClear};
             `,
             accent: (0, _styledcomponents.css)`
-                ${_styledcomponents.avatarTokens.badgeColor}: var(--on-dark-text-primary);
-                ${_styledcomponents.avatarTokens.badgeBackground}: var(--surface-accent);
+                ${_styledcomponents.avatarTokens.badgeColor}: ${_sdds_bizcom.onDarkTextPrimary};
+                ${_styledcomponents.avatarTokens.badgeBackground}: ${_sdds_bizcom.surfaceAccent};
 
-                ${_styledcomponents.avatarTokens.badgeColorTransparent}: var(--text-accent);
-                ${_styledcomponents.avatarTokens.badgeBackgroundTransparent}: var(--surface-transparent-accent);
+                ${_styledcomponents.avatarTokens.badgeColorTransparent}: ${_sdds_bizcom.textAccent};
+                ${_styledcomponents.avatarTokens.badgeBackgroundTransparent}: ${_sdds_bizcom.surfaceTransparentAccent};
 
-                ${_styledcomponents.avatarTokens.badgeColorClear}: var(--text-accent);
-                ${_styledcomponents.avatarTokens.badgeBackgroundClear}: var(--surface-clear);
+                ${_styledcomponents.avatarTokens.badgeColorClear}: ${_sdds_bizcom.textAccent};
+                ${_styledcomponents.avatarTokens.badgeBackgroundClear}: ${_sdds_bizcom.surfaceClear};
             `,
             positive: (0, _styledcomponents.css)`
-                ${_styledcomponents.avatarTokens.badgeColor}: var(--on-dark-text-primary);
-                ${_styledcomponents.avatarTokens.badgeBackground}: var(--surface-positive);
+                ${_styledcomponents.avatarTokens.badgeColor}: ${_sdds_bizcom.onDarkTextPrimary};
+                ${_styledcomponents.avatarTokens.badgeBackground}: ${_sdds_bizcom.surfacePositive};
 
-                ${_styledcomponents.avatarTokens.badgeColorTransparent}: var(--text-positive);
-                ${_styledcomponents.avatarTokens.badgeBackgroundTransparent}: var(--surface-transparent-positive);
+                ${_styledcomponents.avatarTokens.badgeColorTransparent}: ${_sdds_bizcom.textPositive};
+                ${_styledcomponents.avatarTokens.badgeBackgroundTransparent}: ${_sdds_bizcom.surfaceTransparentPositive};
 
-                ${_styledcomponents.avatarTokens.badgeColorClear}: var(--text-positive);
-                ${_styledcomponents.avatarTokens.badgeBackgroundClear}: var(--surface-clear);
+                ${_styledcomponents.avatarTokens.badgeColorClear}: ${_sdds_bizcom.textPositive};
+                ${_styledcomponents.avatarTokens.badgeBackgroundClear}: ${_sdds_bizcom.surfaceClear};
             `,
             warning: (0, _styledcomponents.css)`
-                ${_styledcomponents.avatarTokens.badgeColor}: var(--on-dark-text-primary);
-                ${_styledcomponents.avatarTokens.badgeBackground}: var(--surface-warning);
+                ${_styledcomponents.avatarTokens.badgeColor}: ${_sdds_bizcom.onDarkTextPrimary};
+                ${_styledcomponents.avatarTokens.badgeBackground}: ${_sdds_bizcom.surfaceWarning};
 
-                ${_styledcomponents.avatarTokens.badgeColorTransparent}: var(--text-warning);
-                ${_styledcomponents.avatarTokens.badgeBackgroundTransparent}: var(--surface-transparent-warning);
+                ${_styledcomponents.avatarTokens.badgeColorTransparent}: ${_sdds_bizcom.textWarning};
+                ${_styledcomponents.avatarTokens.badgeBackgroundTransparent}: ${_sdds_bizcom.surfaceTransparentWarning};
 
-                ${_styledcomponents.avatarTokens.badgeColorClear}: var(--text-warning);
-                ${_styledcomponents.avatarTokens.badgeBackgroundClear}: var(--surface-clear);
+                ${_styledcomponents.avatarTokens.badgeColorClear}: ${_sdds_bizcom.textWarning};
+                ${_styledcomponents.avatarTokens.badgeBackgroundClear}: ${_sdds_bizcom.surfaceClear};
             `,
             negative: (0, _styledcomponents.css)`
-                ${_styledcomponents.avatarTokens.badgeColor}: var(--on-dark-text-primary);
-                ${_styledcomponents.avatarTokens.badgeBackground}: var(--surface-negative);
+                ${_styledcomponents.avatarTokens.badgeColor}: ${_sdds_bizcom.onDarkTextPrimary};
+                ${_styledcomponents.avatarTokens.badgeBackground}: ${_sdds_bizcom.surfaceNegative};
 
-                ${_styledcomponents.avatarTokens.badgeColorTransparent}: var(--text-negative);
-                ${_styledcomponents.avatarTokens.badgeBackgroundTransparent}: var(--surface-transparent-negative);
+                ${_styledcomponents.avatarTokens.badgeColorTransparent}: ${_sdds_bizcom.textNegative};
+                ${_styledcomponents.avatarTokens.badgeBackgroundTransparent}: ${_sdds_bizcom.surfaceTransparentNegative};
 
-                ${_styledcomponents.avatarTokens.badgeColorClear}: var(--text-negative);
-                ${_styledcomponents.avatarTokens.badgeBackgroundClear}: var(--surface-clear);
+                ${_styledcomponents.avatarTokens.badgeColorClear}: ${_sdds_bizcom.textNegative};
+                ${_styledcomponents.avatarTokens.badgeBackgroundClear}: ${_sdds_bizcom.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_bizcom.onDarkTextPrimary};
+                ${_styledcomponents.avatarTokens.badgeBackground}: ${_sdds_bizcom.onLightSurfaceSolidDefault};
 
-                ${_styledcomponents.avatarTokens.badgeColorTransparent}: var(--on-dark-text-primary);
-                ${_styledcomponents.avatarTokens.badgeBackgroundTransparent}: var(--on-light-surface-transparent-deep);
+                ${_styledcomponents.avatarTokens.badgeColorTransparent}: ${_sdds_bizcom.onDarkTextPrimary};
+                ${_styledcomponents.avatarTokens.badgeBackgroundTransparent}: ${_sdds_bizcom.onLightSurfaceTransparentDeep};
 
-                ${_styledcomponents.avatarTokens.badgeColorClear}: var(--on-light-text-primary);
-                ${_styledcomponents.avatarTokens.badgeBackgroundClear}: var(--surface-clear);
+                ${_styledcomponents.avatarTokens.badgeColorClear}: ${_sdds_bizcom.onLightTextPrimary};
+                ${_styledcomponents.avatarTokens.badgeBackgroundClear}: ${_sdds_bizcom.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_bizcom.onLightTextPrimary};
+                ${_styledcomponents.avatarTokens.badgeBackground}: ${_sdds_bizcom.onDarkSurfaceSolidDefault};
 
-                ${_styledcomponents.avatarTokens.badgeColorTransparent}: var(--on-dark-text-primary);
-                ${_styledcomponents.avatarTokens.badgeBackgroundTransparent}: var(--on-dark-surface-transparent-card);
+                ${_styledcomponents.avatarTokens.badgeColorTransparent}: ${_sdds_bizcom.onDarkTextPrimary};
+                ${_styledcomponents.avatarTokens.badgeBackgroundTransparent}: ${_sdds_bizcom.onDarkSurfaceTransparentCard};
 
-                ${_styledcomponents.avatarTokens.badgeColorClear}: var(--on-dark-text-primary);
-                ${_styledcomponents.avatarTokens.badgeBackgroundClear}: var(--surface-clear);
+                ${_styledcomponents.avatarTokens.badgeColorClear}: ${_sdds_bizcom.onDarkTextPrimary};
+                ${_styledcomponents.avatarTokens.badgeBackgroundClear}: ${_sdds_bizcom.surfaceClear};
             `
         },
         counterView: {
             default: (0, _styledcomponents.css)`
-                ${_styledcomponents.avatarTokens.counterColor}: var(--inverse-text-primary);
-                ${_styledcomponents.avatarTokens.counterBackground}: var(--surface-solid-default);
+                ${_styledcomponents.avatarTokens.counterColor}: ${_sdds_bizcom.inverseTextPrimary};
+                ${_styledcomponents.avatarTokens.counterBackground}: ${_sdds_bizcom.surfaceSolidDefault};
             `,
             accent: (0, _styledcomponents.css)`
-                ${_styledcomponents.avatarTokens.counterColor}: var(--on-dark-text-primary);
-                ${_styledcomponents.avatarTokens.counterBackground}: var(--surface-accent);
+                ${_styledcomponents.avatarTokens.counterColor}: ${_sdds_bizcom.onDarkTextPrimary};
+                ${_styledcomponents.avatarTokens.counterBackground}: ${_sdds_bizcom.surfaceAccent};
             `,
             positive: (0, _styledcomponents.css)`
-                ${_styledcomponents.avatarTokens.counterColor}: var(--on-dark-text-primary);
-                ${_styledcomponents.avatarTokens.counterBackground}: var(--surface-positive);
+                ${_styledcomponents.avatarTokens.counterColor}: ${_sdds_bizcom.onDarkTextPrimary};
+                ${_styledcomponents.avatarTokens.counterBackground}: ${_sdds_bizcom.surfacePositive};
             `,
             warning: (0, _styledcomponents.css)`
-                ${_styledcomponents.avatarTokens.counterColor}: var(--on-dark-text-primary);
-                ${_styledcomponents.avatarTokens.counterBackground}: var(--surface-warning);
+                ${_styledcomponents.avatarTokens.counterColor}: ${_sdds_bizcom.onDarkTextPrimary};
+                ${_styledcomponents.avatarTokens.counterBackground}: ${_sdds_bizcom.surfaceWarning};
             `,
             negative: (0, _styledcomponents.css)`
-                ${_styledcomponents.avatarTokens.counterColor}: var(--on-dark-text-primary);
-                ${_styledcomponents.avatarTokens.counterBackground}: var(--surface-negative);
+                ${_styledcomponents.avatarTokens.counterColor}: ${_sdds_bizcom.onDarkTextPrimary};
+                ${_styledcomponents.avatarTokens.counterBackground}: ${_sdds_bizcom.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_bizcom.onDarkTextPrimary};
+                ${_styledcomponents.avatarTokens.counterBackground}: ${_sdds_bizcom.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_bizcom.onLightTextPrimary};
+                ${_styledcomponents.avatarTokens.counterBackground}: ${_sdds_bizcom.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_bizcom = require("@salutejs/sdds-themes/tokens/sdds_bizcom");
 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_bizcom.textPrimary};
             `,
             accent: (0, _styledcomponents.css)`
-                ${_styledcomponents.badgeTokens.color}: var(--text-accent);
+                ${_styledcomponents.badgeTokens.color}: ${_sdds_bizcom.textAccent};
             `,
             positive: (0, _styledcomponents.css)`
-                ${_styledcomponents.badgeTokens.color}: var(--text-positive);
+                ${_styledcomponents.badgeTokens.color}: ${_sdds_bizcom.textPositive};
             `,
             warning: (0, _styledcomponents.css)`
-                ${_styledcomponents.badgeTokens.color}: var(--text-warning);
+                ${_styledcomponents.badgeTokens.color}: ${_sdds_bizcom.textWarning};
             `,
             negative: (0, _styledcomponents.css)`
-                ${_styledcomponents.badgeTokens.color}: var(--text-negative);
+                ${_styledcomponents.badgeTokens.color}: ${_sdds_bizcom.textNegative};
             `,
             dark: (0, _styledcomponents.css)`
-                ${_styledcomponents.badgeTokens.color}: var(--on-light-text-primary);
+                ${_styledcomponents.badgeTokens.color}: ${_sdds_bizcom.onLightTextPrimary};
             `,
             light: (0, _styledcomponents.css)`
-                ${_styledcomponents.badgeTokens.color}: var(--on-dark-text-primary);
+                ${_styledcomponents.badgeTokens.color}: ${_sdds_bizcom.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_bizcom = require("@salutejs/sdds-themes/tokens/sdds_bizcom");
 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_bizcom.inverseTextPrimary};
+                ${_styledcomponents.badgeTokens.background}: ${_sdds_bizcom.surfaceSolidDefault};
 
-                ${_styledcomponents.badgeTokens.colorTransparent}: var(--text-primary);
-                ${_styledcomponents.badgeTokens.backgroundTransparent}: var(--surface-transparent-secondary);
+                ${_styledcomponents.badgeTokens.colorTransparent}: ${_sdds_bizcom.textPrimary};
+                ${_styledcomponents.badgeTokens.backgroundTransparent}: ${_sdds_bizcom.surfaceTransparentSecondary};
 
-                ${_styledcomponents.badgeTokens.colorClear}: var(--text-primary);
+                ${_styledcomponents.badgeTokens.colorClear}: ${_sdds_bizcom.textPrimary};
             `,
             accent: (0, _styledcomponents.css)`
-                ${_styledcomponents.badgeTokens.color}: var(--on-dark-text-primary);
-                ${_styledcomponents.badgeTokens.background}: var(--surface-accent);
+                ${_styledcomponents.badgeTokens.color}: ${_sdds_bizcom.onDarkTextPrimary};
+                ${_styledcomponents.badgeTokens.background}: ${_sdds_bizcom.surfaceAccent};
 
-                ${_styledcomponents.badgeTokens.colorTransparent}: var(--text-accent);
-                ${_styledcomponents.badgeTokens.backgroundTransparent}: var(--surface-transparent-accent);
+                ${_styledcomponents.badgeTokens.colorTransparent}: ${_sdds_bizcom.textAccent};
+                ${_styledcomponents.badgeTokens.backgroundTransparent}: ${_sdds_bizcom.surfaceTransparentAccent};
 
-                ${_styledcomponents.badgeTokens.colorClear}: var(--text-accent);
+                ${_styledcomponents.badgeTokens.colorClear}: ${_sdds_bizcom.textAccent};
             `,
             positive: (0, _styledcomponents.css)`
-                ${_styledcomponents.badgeTokens.color}: var(--on-dark-text-primary);
-                ${_styledcomponents.badgeTokens.background}: var(--surface-positive);
+                ${_styledcomponents.badgeTokens.color}: ${_sdds_bizcom.onDarkTextPrimary};
+                ${_styledcomponents.badgeTokens.background}: ${_sdds_bizcom.surfacePositive};
 
-                ${_styledcomponents.badgeTokens.colorTransparent}: var(--text-positive);
-                ${_styledcomponents.badgeTokens.backgroundTransparent}: var(--surface-transparent-positive);
+                ${_styledcomponents.badgeTokens.colorTransparent}: ${_sdds_bizcom.textPositive};
+                ${_styledcomponents.badgeTokens.backgroundTransparent}: ${_sdds_bizcom.surfaceTransparentPositive};
 
-                ${_styledcomponents.badgeTokens.colorClear}: var(--text-positive);
+                ${_styledcomponents.badgeTokens.colorClear}: ${_sdds_bizcom.textPositive};
             `,
             warning: (0, _styledcomponents.css)`
-                ${_styledcomponents.badgeTokens.color}: var(--on-dark-text-primary);
-                ${_styledcomponents.badgeTokens.background}: var(--surface-warning);
+                ${_styledcomponents.badgeTokens.color}: ${_sdds_bizcom.onDarkTextPrimary};
+                ${_styledcomponents.badgeTokens.background}: ${_sdds_bizcom.surfaceWarning};
 
-                ${_styledcomponents.badgeTokens.colorTransparent}: var(--text-warning);
-                ${_styledcomponents.badgeTokens.backgroundTransparent}: var(--surface-transparent-warning);
+                ${_styledcomponents.badgeTokens.colorTransparent}: ${_sdds_bizcom.textWarning};
+                ${_styledcomponents.badgeTokens.backgroundTransparent}: ${_sdds_bizcom.surfaceTransparentWarning};
 
-                ${_styledcomponents.badgeTokens.colorClear}: var(--text-warning);
+                ${_styledcomponents.badgeTokens.colorClear}: ${_sdds_bizcom.textWarning};
             `,
             negative: (0, _styledcomponents.css)`
-                ${_styledcomponents.badgeTokens.color}: var(--on-dark-text-primary);
-                ${_styledcomponents.badgeTokens.background}: var(--surface-negative);
+                ${_styledcomponents.badgeTokens.color}: ${_sdds_bizcom.onDarkTextPrimary};
+                ${_styledcomponents.badgeTokens.background}: ${_sdds_bizcom.surfaceNegative};
 
-                ${_styledcomponents.badgeTokens.colorTransparent}: var(--text-negative);
-                ${_styledcomponents.badgeTokens.backgroundTransparent}: var(--surface-transparent-negative);
+                ${_styledcomponents.badgeTokens.colorTransparent}: ${_sdds_bizcom.textNegative};
+                ${_styledcomponents.badgeTokens.backgroundTransparent}: ${_sdds_bizcom.surfaceTransparentNegative};
 
-                ${_styledcomponents.badgeTokens.colorClear}: var(--text-negative);
+                ${_styledcomponents.badgeTokens.colorClear}: ${_sdds_bizcom.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_bizcom.onDarkTextPrimary};
+                ${_styledcomponents.badgeTokens.background}: ${_sdds_bizcom.onLightSurfaceSolidDefault};
 
-                ${_styledcomponents.badgeTokens.colorTransparent}: var(--on-dark-text-primary);
-                ${_styledcomponents.badgeTokens.backgroundTransparent}: var(--on-light-surface-transparent-deep);
+                ${_styledcomponents.badgeTokens.colorTransparent}: ${_sdds_bizcom.onDarkTextPrimary};
+                ${_styledcomponents.badgeTokens.backgroundTransparent}: ${_sdds_bizcom.onLightSurfaceTransparentDeep};
 
-                ${_styledcomponents.badgeTokens.colorClear}: var(--on-light-text-primary);
+                ${_styledcomponents.badgeTokens.colorClear}: ${_sdds_bizcom.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_bizcom.onLightTextPrimary};
+                ${_styledcomponents.badgeTokens.background}: ${_sdds_bizcom.onDarkSurfaceSolidDefault};
 
-                ${_styledcomponents.badgeTokens.colorTransparent}: var(--on-dark-text-primary);
-                ${_styledcomponents.badgeTokens.backgroundTransparent}: var(--on-dark-surface-transparent-card);
+                ${_styledcomponents.badgeTokens.colorTransparent}: ${_sdds_bizcom.onDarkTextPrimary};
+                ${_styledcomponents.badgeTokens.backgroundTransparent}: ${_sdds_bizcom.onDarkSurfaceTransparentCard};
 
-                ${_styledcomponents.badgeTokens.colorClear}: var(--on-dark-text-primary);
+                ${_styledcomponents.badgeTokens.colorClear}: ${_sdds_bizcom.onDarkTextPrimary};
             `
         },
         size: {
@@ -105,7 +106,7 @@ const config = {
         },
         clear: {
             true: (0, _styledcomponents.css)`
-                ${_styledcomponents.badgeTokens.backgroundClear}: var(--surface-clear);
+                ${_styledcomponents.badgeTokens.backgroundClear}: ${_sdds_bizcom.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_bizcom = require("@salutejs/sdds-themes/tokens/sdds_bizcom");
 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_bizcom.textPrimary};
+                ${_styledcomponents.badgeTokens.background}: ${_sdds_bizcom.surfaceTransparentSecondary};
             `,
             accent: (0, _styledcomponents.css)`
-                ${_styledcomponents.badgeTokens.color}: var(--text-accent);
-                ${_styledcomponents.badgeTokens.background}: var(--surface-transparent-accent);
+                ${_styledcomponents.badgeTokens.color}: ${_sdds_bizcom.textAccent};
+                ${_styledcomponents.badgeTokens.background}: ${_sdds_bizcom.surfaceTransparentAccent};
             `,
             positive: (0, _styledcomponents.css)`
-                ${_styledcomponents.badgeTokens.color}: var(--text-positive);
-                ${_styledcomponents.badgeTokens.background}: var(--surface-transparent-positive);
+                ${_styledcomponents.badgeTokens.color}: ${_sdds_bizcom.textPositive};
+                ${_styledcomponents.badgeTokens.background}: ${_sdds_bizcom.surfaceTransparentPositive};
             `,
             warning: (0, _styledcomponents.css)`
-                ${_styledcomponents.badgeTokens.color}: var(--text-warning);
-                ${_styledcomponents.badgeTokens.background}: var(--surface-transparent-warning);
+                ${_styledcomponents.badgeTokens.color}: ${_sdds_bizcom.textWarning};
+                ${_styledcomponents.badgeTokens.background}: ${_sdds_bizcom.surfaceTransparentWarning};
             `,
             negative: (0, _styledcomponents.css)`
-                ${_styledcomponents.badgeTokens.color}: var(--text-negative);
-                ${_styledcomponents.badgeTokens.background}: var(--surface-transparent-negative);
+                ${_styledcomponents.badgeTokens.color}: ${_sdds_bizcom.textNegative};
+                ${_styledcomponents.badgeTokens.background}: ${_sdds_bizcom.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_bizcom.onDarkTextPrimary};
+                ${_styledcomponents.badgeTokens.background}: ${_sdds_bizcom.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_bizcom.onDarkTextPrimary};
+                ${_styledcomponents.badgeTokens.background}: ${_sdds_bizcom.onDarkSurfaceTransparentCard};
             `
         },
         size: {