@salutejs/sdds-platform-ai 0.356.0-next-sbcom.0 → 0.357.0-dev.0

package/dist/styled-components/cjs/components/Loader/Loader.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,67 +18,67 @@ const config = {
     variations: {
         view: {
             default: (0, _styledcomponents.css)`
-                ${_styledcomponents.loaderTokens.progressBarCircularBackgroundStroke}: var(--surface-transparent-tertiary);
-                ${_styledcomponents.loaderTokens.progressBarCircularStroke}: var(--surface-solid-default);
-                ${_styledcomponents.loaderTokens.progressBarCircularContentColor}: var(--text-primary);
+                ${_styledcomponents.loaderTokens.progressBarCircularBackgroundStroke}: ${_sdds_platform_ai.surfaceTransparentTertiary};
+                ${_styledcomponents.loaderTokens.progressBarCircularStroke}: ${_sdds_platform_ai.surfaceSolidDefault};
+                ${_styledcomponents.loaderTokens.progressBarCircularContentColor}: ${_sdds_platform_ai.textPrimary};
 
-                ${_styledcomponents.loaderTokens.spinnerColor}: var(--text-primary);
+                ${_styledcomponents.loaderTokens.spinnerColor}: ${_sdds_platform_ai.textPrimary};
 
-                ${_styledcomponents.loaderTokens.overlayColor}: var(--overlay-soft);
+                ${_styledcomponents.loaderTokens.overlayColor}: ${_sdds_platform_ai.overlaySoft};
             `,
             secondary: (0, _styledcomponents.css)`
-                ${_styledcomponents.loaderTokens.progressBarCircularBackgroundStroke}: var(--surface-transparent-tertiary);
-                ${_styledcomponents.loaderTokens.progressBarCircularStroke}: var(--surface-transparent-secondary);
-                ${_styledcomponents.loaderTokens.progressBarCircularContentColor}: var(--text-primary);
+                ${_styledcomponents.loaderTokens.progressBarCircularBackgroundStroke}: ${_sdds_platform_ai.surfaceTransparentTertiary};
+                ${_styledcomponents.loaderTokens.progressBarCircularStroke}: ${_sdds_platform_ai.surfaceTransparentSecondary};
+                ${_styledcomponents.loaderTokens.progressBarCircularContentColor}: ${_sdds_platform_ai.textPrimary};
 
-                ${_styledcomponents.loaderTokens.spinnerColor}: var(--text-secondary);
+                ${_styledcomponents.loaderTokens.spinnerColor}: ${_sdds_platform_ai.textSecondary};
 
-                ${_styledcomponents.loaderTokens.overlayColor}: var(--overlay-soft);
+                ${_styledcomponents.loaderTokens.overlayColor}: ${_sdds_platform_ai.overlaySoft};
             `,
             accent: (0, _styledcomponents.css)`
-                ${_styledcomponents.loaderTokens.progressBarCircularBackgroundStroke}: var(--surface-transparent-tertiary);
-                ${_styledcomponents.loaderTokens.progressBarCircularStroke}: var(--surface-accent);
-                ${_styledcomponents.loaderTokens.progressBarCircularContentColor}: var(--text-primary);
+                ${_styledcomponents.loaderTokens.progressBarCircularBackgroundStroke}: ${_sdds_platform_ai.surfaceTransparentTertiary};
+                ${_styledcomponents.loaderTokens.progressBarCircularStroke}: ${_sdds_platform_ai.surfaceAccent};
+                ${_styledcomponents.loaderTokens.progressBarCircularContentColor}: ${_sdds_platform_ai.textPrimary};
 
-                ${_styledcomponents.loaderTokens.spinnerColor}: var(--text-accent);
+                ${_styledcomponents.loaderTokens.spinnerColor}: ${_sdds_platform_ai.textAccent};
 
-                ${_styledcomponents.loaderTokens.overlayColor}: var(--overlay-soft);
+                ${_styledcomponents.loaderTokens.overlayColor}: ${_sdds_platform_ai.overlaySoft};
             `,
             positive: (0, _styledcomponents.css)`
-                ${_styledcomponents.loaderTokens.progressBarCircularBackgroundStroke}: var(--surface-transparent-tertiary);
-                ${_styledcomponents.loaderTokens.progressBarCircularStroke}: var(--surface-positive);
-                ${_styledcomponents.loaderTokens.progressBarCircularContentColor}: var(--text-primary);
+                ${_styledcomponents.loaderTokens.progressBarCircularBackgroundStroke}: ${_sdds_platform_ai.surfaceTransparentTertiary};
+                ${_styledcomponents.loaderTokens.progressBarCircularStroke}: ${_sdds_platform_ai.surfacePositive};
+                ${_styledcomponents.loaderTokens.progressBarCircularContentColor}: ${_sdds_platform_ai.textPrimary};
 
-                ${_styledcomponents.loaderTokens.spinnerColor}: var(--text-positive);
+                ${_styledcomponents.loaderTokens.spinnerColor}: ${_sdds_platform_ai.textPositive};
 
-                ${_styledcomponents.loaderTokens.overlayColor}: var(--overlay-soft);
+                ${_styledcomponents.loaderTokens.overlayColor}: ${_sdds_platform_ai.overlaySoft};
             `,
             warning: (0, _styledcomponents.css)`
-                ${_styledcomponents.loaderTokens.progressBarCircularBackgroundStroke}: var(--surface-transparent-tertiary);
-                ${_styledcomponents.loaderTokens.progressBarCircularStroke}: var(--surface-warning);
-                ${_styledcomponents.loaderTokens.progressBarCircularContentColor}: var(--text-primary);
+                ${_styledcomponents.loaderTokens.progressBarCircularBackgroundStroke}: ${_sdds_platform_ai.surfaceTransparentTertiary};
+                ${_styledcomponents.loaderTokens.progressBarCircularStroke}: ${_sdds_platform_ai.surfaceWarning};
+                ${_styledcomponents.loaderTokens.progressBarCircularContentColor}: ${_sdds_platform_ai.textPrimary};
 
-                ${_styledcomponents.loaderTokens.spinnerColor}: var(--text-warning);
+                ${_styledcomponents.loaderTokens.spinnerColor}: ${_sdds_platform_ai.textWarning};
 
-                ${_styledcomponents.loaderTokens.overlayColor}: var(--overlay-soft);
+                ${_styledcomponents.loaderTokens.overlayColor}: ${_sdds_platform_ai.overlaySoft};
             `,
             negative: (0, _styledcomponents.css)`
-                ${_styledcomponents.loaderTokens.progressBarCircularBackgroundStroke}: var(--surface-transparent-tertiary);
-                ${_styledcomponents.loaderTokens.progressBarCircularStroke}: var(--surface-negative);
-                ${_styledcomponents.loaderTokens.progressBarCircularContentColor}: var(--text-primary);
+                ${_styledcomponents.loaderTokens.progressBarCircularBackgroundStroke}: ${_sdds_platform_ai.surfaceTransparentTertiary};
+                ${_styledcomponents.loaderTokens.progressBarCircularStroke}: ${_sdds_platform_ai.surfaceNegative};
+                ${_styledcomponents.loaderTokens.progressBarCircularContentColor}: ${_sdds_platform_ai.textPrimary};
 
-                ${_styledcomponents.loaderTokens.spinnerColor}: var(--text-negative);
+                ${_styledcomponents.loaderTokens.spinnerColor}: ${_sdds_platform_ai.textNegative};
 
-                ${_styledcomponents.loaderTokens.overlayColor}: var(--overlay-soft);
+                ${_styledcomponents.loaderTokens.overlayColor}: ${_sdds_platform_ai.overlaySoft};
             `,
             info: (0, _styledcomponents.css)`
-                ${_styledcomponents.loaderTokens.progressBarCircularBackgroundStroke}: var(--surface-transparent-tertiary);
-                ${_styledcomponents.loaderTokens.progressBarCircularStroke}: var(--surface-info);
-                ${_styledcomponents.loaderTokens.progressBarCircularContentColor}: var(--text-primary);
+                ${_styledcomponents.loaderTokens.progressBarCircularBackgroundStroke}: ${_sdds_platform_ai.surfaceTransparentTertiary};
+                ${_styledcomponents.loaderTokens.progressBarCircularStroke}: ${_sdds_platform_ai.surfaceInfo};
+                ${_styledcomponents.loaderTokens.progressBarCircularContentColor}: ${_sdds_platform_ai.textPrimary};
 
-                ${_styledcomponents.loaderTokens.spinnerColor}: var(--text-info);
+                ${_styledcomponents.loaderTokens.spinnerColor}: ${_sdds_platform_ai.textInfo};
 
-                ${_styledcomponents.loaderTokens.overlayColor}: var(--overlay-soft);
+                ${_styledcomponents.loaderTokens.overlayColor}: ${_sdds_platform_ai.overlaySoft};
             `
         },
         size: {
@@ -90,12 +91,12 @@ const config = {
                 ${_styledcomponents.loaderTokens.progressBarCircularWidth}: 8rem;
                 ${_styledcomponents.loaderTokens.progressBarCircularStrokeWidth}: 0.25rem;
                 ${_styledcomponents.loaderTokens.progressBarCircularStrokeSize}: 4;
-                ${_styledcomponents.loaderTokens.progressBarCircularContentFontFamily}: var(--plasma-typo-h2-font-family);
-                ${_styledcomponents.loaderTokens.progressBarCircularContentFontSize}: var(--plasma-typo-h2-font-size);
-                ${_styledcomponents.loaderTokens.progressBarCircularContentFontStyle}: var(--plasma-typo-h2-font-style);
-                ${_styledcomponents.loaderTokens.progressBarCircularContentFontWeight}: var(--plasma-typo-h2-bold-font-weight);
-                ${_styledcomponents.loaderTokens.progressBarCircularContentLetterSpacing}: var(--plasma-typo-h2-letter-spacing);
-                ${_styledcomponents.loaderTokens.progressBarCircularContentLineHeight}: var(--plasma-typo-h2-line-height);
+                ${_styledcomponents.loaderTokens.progressBarCircularContentFontFamily}: ${_sdds_platform_ai.h2.fontFamily};
+                ${_styledcomponents.loaderTokens.progressBarCircularContentFontSize}: ${_sdds_platform_ai.h2.fontSize};
+                ${_styledcomponents.loaderTokens.progressBarCircularContentFontStyle}: ${_sdds_platform_ai.h2.fontStyle};
+                ${_styledcomponents.loaderTokens.progressBarCircularContentFontWeight}: ${_sdds_platform_ai.h2Bold.fontWeight};
+                ${_styledcomponents.loaderTokens.progressBarCircularContentLetterSpacing}: ${_sdds_platform_ai.h2.letterSpacing};
+                ${_styledcomponents.loaderTokens.progressBarCircularContentLineHeight}: ${_sdds_platform_ai.h2.lineHeight};
 
                 ${_styledcomponents.loaderTokens.spinnerSize}: 8rem;
             `,
@@ -108,12 +109,12 @@ const config = {
                 ${_styledcomponents.loaderTokens.progressBarCircularWidth}: 5.5rem;
                 ${_styledcomponents.loaderTokens.progressBarCircularStrokeWidth}: 0.25rem;
                 ${_styledcomponents.loaderTokens.progressBarCircularStrokeSize}: 4;
-                ${_styledcomponents.loaderTokens.progressBarCircularContentFontFamily}: var(--plasma-typo-h5-font-family);
-                ${_styledcomponents.loaderTokens.progressBarCircularContentFontSize}: var(--plasma-typo-h5-font-size);
-                ${_styledcomponents.loaderTokens.progressBarCircularContentFontStyle}: var(--plasma-typo-h5-font-style);
-                ${_styledcomponents.loaderTokens.progressBarCircularContentFontWeight}: var(--plasma-typo-h5-bold-font-weight);
-                ${_styledcomponents.loaderTokens.progressBarCircularContentLetterSpacing}: var(--plasma-typo-h5-letter-spacing);
-                ${_styledcomponents.loaderTokens.progressBarCircularContentLineHeight}: var(--plasma-typo-h5-line-height);
+                ${_styledcomponents.loaderTokens.progressBarCircularContentFontFamily}: ${_sdds_platform_ai.h5.fontFamily};
+                ${_styledcomponents.loaderTokens.progressBarCircularContentFontSize}: ${_sdds_platform_ai.h5.fontSize};
+                ${_styledcomponents.loaderTokens.progressBarCircularContentFontStyle}: ${_sdds_platform_ai.h5.fontStyle};
+                ${_styledcomponents.loaderTokens.progressBarCircularContentFontWeight}: ${_sdds_platform_ai.h5Bold.fontWeight};
+                ${_styledcomponents.loaderTokens.progressBarCircularContentLetterSpacing}: ${_sdds_platform_ai.h5.letterSpacing};
+                ${_styledcomponents.loaderTokens.progressBarCircularContentLineHeight}: ${_sdds_platform_ai.h5.lineHeight};
 
                 ${_styledcomponents.loaderTokens.spinnerSize}: 5.5rem;
             `,
@@ -126,12 +127,12 @@ const config = {
                 ${_styledcomponents.loaderTokens.progressBarCircularWidth}: 3.5rem;
                 ${_styledcomponents.loaderTokens.progressBarCircularStrokeWidth}: 0.125rem;
                 ${_styledcomponents.loaderTokens.progressBarCircularStrokeSize}: 2;
-                ${_styledcomponents.loaderTokens.progressBarCircularContentFontFamily}: var(--plasma-typo-body-l-font-family);
-                ${_styledcomponents.loaderTokens.progressBarCircularContentFontSize}: var(--plasma-typo-body-l-font-size);
-                ${_styledcomponents.loaderTokens.progressBarCircularContentFontStyle}: var(--plasma-typo-body-l-font-style);
-                ${_styledcomponents.loaderTokens.progressBarCircularContentFontWeight}: var(--plasma-typo-body-l-body-font-weight);
-                ${_styledcomponents.loaderTokens.progressBarCircularContentLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
-                ${_styledcomponents.loaderTokens.progressBarCircularContentLineHeight}: var(--plasma-typo-body-l-line-height);
+                ${_styledcomponents.loaderTokens.progressBarCircularContentFontFamily}: ${_sdds_platform_ai.bodyL.fontFamily};
+                ${_styledcomponents.loaderTokens.progressBarCircularContentFontSize}: ${_sdds_platform_ai.bodyL.fontSize};
+                ${_styledcomponents.loaderTokens.progressBarCircularContentFontStyle}: ${_sdds_platform_ai.bodyL.fontStyle};
+                ${_styledcomponents.loaderTokens.progressBarCircularContentFontWeight}: ${_sdds_platform_ai.bodyL.fontWeight};
+                ${_styledcomponents.loaderTokens.progressBarCircularContentLetterSpacing}: ${_sdds_platform_ai.bodyL.letterSpacing};
+                ${_styledcomponents.loaderTokens.progressBarCircularContentLineHeight}: ${_sdds_platform_ai.bodyL.lineHeight};
 
                 ${_styledcomponents.loaderTokens.spinnerSize}: 3.5rem;
             `,
@@ -144,12 +145,12 @@ const config = {
                 ${_styledcomponents.loaderTokens.progressBarCircularWidth}: 3rem;
                 ${_styledcomponents.loaderTokens.progressBarCircularStrokeWidth}: 0.125rem;
                 ${_styledcomponents.loaderTokens.progressBarCircularStrokeSize}: 2;
-                ${_styledcomponents.loaderTokens.progressBarCircularContentFontFamily}: var(--plasma-typo-body-m-font-family);
-                ${_styledcomponents.loaderTokens.progressBarCircularContentFontSize}: var(--plasma-typo-body-m-font-size);
-                ${_styledcomponents.loaderTokens.progressBarCircularContentFontStyle}: var(--plasma-typo-body-m-font-style);
-                ${_styledcomponents.loaderTokens.progressBarCircularContentFontWeight}: var(--plasma-typo-body-m-body-font-weight);
-                ${_styledcomponents.loaderTokens.progressBarCircularContentLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
-                ${_styledcomponents.loaderTokens.progressBarCircularContentLineHeight}: var(--plasma-typo-body-m-line-height);
+                ${_styledcomponents.loaderTokens.progressBarCircularContentFontFamily}: ${_sdds_platform_ai.bodyM.fontFamily};
+                ${_styledcomponents.loaderTokens.progressBarCircularContentFontSize}: ${_sdds_platform_ai.bodyM.fontSize};
+                ${_styledcomponents.loaderTokens.progressBarCircularContentFontStyle}: ${_sdds_platform_ai.bodyM.fontStyle};
+                ${_styledcomponents.loaderTokens.progressBarCircularContentFontWeight}: ${_sdds_platform_ai.bodyM.fontWeight};
+                ${_styledcomponents.loaderTokens.progressBarCircularContentLetterSpacing}: ${_sdds_platform_ai.bodyM.letterSpacing};
+                ${_styledcomponents.loaderTokens.progressBarCircularContentLineHeight}: ${_sdds_platform_ai.bodyM.lineHeight};
 
                 ${_styledcomponents.loaderTokens.spinnerSize}: 3rem;
             `,
@@ -162,12 +163,12 @@ const config = {
                 ${_styledcomponents.loaderTokens.progressBarCircularWidth}: 2.25rem;
                 ${_styledcomponents.loaderTokens.progressBarCircularStrokeWidth}: 0.125rem;
                 ${_styledcomponents.loaderTokens.progressBarCircularStrokeSize}: 2;
-                ${_styledcomponents.loaderTokens.progressBarCircularContentFontFamily}: var(--plasma-typo-body-s-font-family);
-                ${_styledcomponents.loaderTokens.progressBarCircularContentFontSize}: var(--plasma-typo-body-s-font-size);
-                ${_styledcomponents.loaderTokens.progressBarCircularContentFontStyle}: var(--plasma-typo-body-s-font-style);
-                ${_styledcomponents.loaderTokens.progressBarCircularContentFontWeight}: var(--plasma-typo-body-s-body-font-weight);
-                ${_styledcomponents.loaderTokens.progressBarCircularContentLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
-                ${_styledcomponents.loaderTokens.progressBarCircularContentLineHeight}: var(--plasma-typo-body-s-line-height);
+                ${_styledcomponents.loaderTokens.progressBarCircularContentFontFamily}: ${_sdds_platform_ai.bodyS.fontFamily};
+                ${_styledcomponents.loaderTokens.progressBarCircularContentFontSize}: ${_sdds_platform_ai.bodyS.fontSize};
+                ${_styledcomponents.loaderTokens.progressBarCircularContentFontStyle}: ${_sdds_platform_ai.bodyS.fontStyle};
+                ${_styledcomponents.loaderTokens.progressBarCircularContentFontWeight}: ${_sdds_platform_ai.bodyS.fontWeight};
+                ${_styledcomponents.loaderTokens.progressBarCircularContentLetterSpacing}: ${_sdds_platform_ai.bodyS.letterSpacing};
+                ${_styledcomponents.loaderTokens.progressBarCircularContentLineHeight}: ${_sdds_platform_ai.bodyS.lineHeight};
 
                 ${_styledcomponents.loaderTokens.spinnerSize}: 2.25rem;
             `,
@@ -180,12 +181,12 @@ const config = {
                 ${_styledcomponents.loaderTokens.progressBarCircularWidth}: 1.5rem;
                 ${_styledcomponents.loaderTokens.progressBarCircularStrokeWidth}: 0.125rem;
                 ${_styledcomponents.loaderTokens.progressBarCircularStrokeSize}: 2;
-                ${_styledcomponents.loaderTokens.progressBarCircularContentFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_styledcomponents.loaderTokens.progressBarCircularContentFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_styledcomponents.loaderTokens.progressBarCircularContentFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_styledcomponents.loaderTokens.progressBarCircularContentFontWeight}: var(--plasma-typo-body-xs-body-font-weight);
-                ${_styledcomponents.loaderTokens.progressBarCircularContentLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_styledcomponents.loaderTokens.progressBarCircularContentLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_styledcomponents.loaderTokens.progressBarCircularContentFontFamily}: ${_sdds_platform_ai.bodyXS.fontFamily};
+                ${_styledcomponents.loaderTokens.progressBarCircularContentFontSize}: ${_sdds_platform_ai.bodyXS.fontSize};
+                ${_styledcomponents.loaderTokens.progressBarCircularContentFontStyle}: ${_sdds_platform_ai.bodyXS.fontStyle};
+                ${_styledcomponents.loaderTokens.progressBarCircularContentFontWeight}: ${_sdds_platform_ai.bodyXS.fontWeight};
+                ${_styledcomponents.loaderTokens.progressBarCircularContentLetterSpacing}: ${_sdds_platform_ai.bodyXS.letterSpacing};
+                ${_styledcomponents.loaderTokens.progressBarCircularContentLineHeight}: ${_sdds_platform_ai.bodyXS.lineHeight};
 
                 ${_styledcomponents.loaderTokens.spinnerSize}: 1.5rem;
             `,
@@ -198,12 +199,12 @@ const config = {
                 ${_styledcomponents.loaderTokens.progressBarCircularWidth}: 1rem;
                 ${_styledcomponents.loaderTokens.progressBarCircularStrokeWidth}: 0.125rem;
                 ${_styledcomponents.loaderTokens.progressBarCircularStrokeSize}: 2;
-                ${_styledcomponents.loaderTokens.progressBarCircularContentFontFamily}: var(--plasma-typo-body-xxs-font-family);
-                ${_styledcomponents.loaderTokens.progressBarCircularContentFontSize}: var(--plasma-typo-body-xxs-font-size);
-                ${_styledcomponents.loaderTokens.progressBarCircularContentFontStyle}: var(--plasma-typo-body-xxs-font-style);
-                ${_styledcomponents.loaderTokens.progressBarCircularContentFontWeight}: var(--plasma-typo-body-xxs-body-font-weight);
-                ${_styledcomponents.loaderTokens.progressBarCircularContentLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);
-                ${_styledcomponents.loaderTokens.progressBarCircularContentLineHeight}: var(--plasma-typo-body-xxs-line-height);
+                ${_styledcomponents.loaderTokens.progressBarCircularContentFontFamily}: ${_sdds_platform_ai.bodyXXS.fontFamily};
+                ${_styledcomponents.loaderTokens.progressBarCircularContentFontSize}: ${_sdds_platform_ai.bodyXXS.fontSize};
+                ${_styledcomponents.loaderTokens.progressBarCircularContentFontStyle}: ${_sdds_platform_ai.bodyXXS.fontStyle};
+                ${_styledcomponents.loaderTokens.progressBarCircularContentFontWeight}: ${_sdds_platform_ai.bodyXXS.fontWeight};
+                ${_styledcomponents.loaderTokens.progressBarCircularContentLetterSpacing}: ${_sdds_platform_ai.bodyXXS.letterSpacing};
+                ${_styledcomponents.loaderTokens.progressBarCircularContentLineHeight}: ${_sdds_platform_ai.bodyXXS.lineHeight};
 
                 ${_styledcomponents.loaderTokens.spinnerSize}: 1rem;
             `

package/dist/styled-components/cjs/components/Modal/Modal.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,16 +18,16 @@ const config = {
         view: {
             default: (0, _styledcomponents.css)`
                 ${_styledcomponents.modalTokens.modalOverlayWithBlurColor}: rgba(35, 35, 35, 0.2);
-                ${_styledcomponents.modalTokens.modalOverlayColor}: var(--overlay-soft);
-                ${_styledcomponents.modalTokens.modalBodyBackground}: var(--surface-solid-card);
+                ${_styledcomponents.modalTokens.modalOverlayColor}: ${_sdds_platform_ai.overlaySoft};
+                ${_styledcomponents.modalTokens.modalBodyBackground}: ${_sdds_platform_ai.surfaceSolidCard};
                 ${_styledcomponents.modalTokens.modalBodyBorderRadius}: 1.25rem;
                 ${_styledcomponents.modalTokens.modalBodyPadding}: 2rem;
                 ${_styledcomponents.modalTokens.modalContentPadding}: 0.625rem;
                 ${_styledcomponents.modalTokens.modalCloseButtonRadius}: 0.375rem;
-                ${_styledcomponents.modalTokens.modalCloseButtonColor}: var(--text-secondary);
-                ${_styledcomponents.modalTokens.modalCloseButtonHoverColor}: var(--text-secondary-hover);
-                ${_styledcomponents.modalTokens.modalCloseButtonActiveColor}: var(--text-secondary-active);
-                ${_styledcomponents.modalTokens.modalOutlineFocusColor}: var(--surface-accent);
+                ${_styledcomponents.modalTokens.modalCloseButtonColor}: ${_sdds_platform_ai.textSecondary};
+                ${_styledcomponents.modalTokens.modalCloseButtonHoverColor}: ${_sdds_platform_ai.textSecondaryHover};
+                ${_styledcomponents.modalTokens.modalCloseButtonActiveColor}: ${_sdds_platform_ai.textSecondaryActive};
+                ${_styledcomponents.modalTokens.modalOutlineFocusColor}: ${_sdds_platform_ai.surfaceAccent};
             `
         }
     }

package/dist/styled-components/cjs/components/Note/Note.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,29 +19,29 @@ const config = {
     variations: {
         view: {
             default: (0, _styledcomponents.css)`
-                ${_styledcomponents.noteTokens.background}: var(--surface-transparent-secondary);
-                ${_styledcomponents.noteTokens.color}: var(--text-primary);
-                ${_styledcomponents.noteTokens.contentBeforeColor}: var(--text-primary);
+                ${_styledcomponents.noteTokens.background}: ${_sdds_platform_ai.surfaceTransparentSecondary};
+                ${_styledcomponents.noteTokens.color}: ${_sdds_platform_ai.textPrimary};
+                ${_styledcomponents.noteTokens.contentBeforeColor}: ${_sdds_platform_ai.textPrimary};
             `,
             positive: (0, _styledcomponents.css)`
-                ${_styledcomponents.noteTokens.background}: var(--surface-transparent-positive);
-                ${_styledcomponents.noteTokens.color}: var(--text-primary);
-                ${_styledcomponents.noteTokens.contentBeforeColor}: var(--text-positive);
+                ${_styledcomponents.noteTokens.background}: ${_sdds_platform_ai.surfaceTransparentPositive};
+                ${_styledcomponents.noteTokens.color}: ${_sdds_platform_ai.textPrimary};
+                ${_styledcomponents.noteTokens.contentBeforeColor}: ${_sdds_platform_ai.textPositive};
             `,
             warning: (0, _styledcomponents.css)`
-                ${_styledcomponents.noteTokens.background}: var(--surface-transparent-warning);
-                ${_styledcomponents.noteTokens.color}: var(--text-primary);
-                ${_styledcomponents.noteTokens.contentBeforeColor}: var(--text-warning);
+                ${_styledcomponents.noteTokens.background}: ${_sdds_platform_ai.surfaceTransparentWarning};
+                ${_styledcomponents.noteTokens.color}: ${_sdds_platform_ai.textPrimary};
+                ${_styledcomponents.noteTokens.contentBeforeColor}: ${_sdds_platform_ai.textWarning};
             `,
             negative: (0, _styledcomponents.css)`
-                ${_styledcomponents.noteTokens.background}: var(--surface-transparent-negative);
-                ${_styledcomponents.noteTokens.color}: var(--text-primary);
-                ${_styledcomponents.noteTokens.contentBeforeColor}: var(--text-negative);
+                ${_styledcomponents.noteTokens.background}: ${_sdds_platform_ai.surfaceTransparentNegative};
+                ${_styledcomponents.noteTokens.color}: ${_sdds_platform_ai.textPrimary};
+                ${_styledcomponents.noteTokens.contentBeforeColor}: ${_sdds_platform_ai.textNegative};
             `,
             info: (0, _styledcomponents.css)`
-                ${_styledcomponents.noteTokens.background}: var(--surface-transparent-info);
-                ${_styledcomponents.noteTokens.color}: var(--text-primary);
-                ${_styledcomponents.noteTokens.contentBeforeColor}: var(--text-info);
+                ${_styledcomponents.noteTokens.background}: ${_sdds_platform_ai.surfaceTransparentInfo};
+                ${_styledcomponents.noteTokens.color}: ${_sdds_platform_ai.textPrimary};
+                ${_styledcomponents.noteTokens.contentBeforeColor}: ${_sdds_platform_ai.textInfo};
             `
         },
         size: {
@@ -56,8 +57,8 @@ const config = {
 
                 ${_styledcomponents.noteTokens.closeIconTop}: 0.75rem;
                 ${_styledcomponents.noteTokens.closeIconRight}: 0.75rem;
-                ${_styledcomponents.noteTokens.closeIconColor}: var(--text-secondary);
-                ${_styledcomponents.noteTokens.closeIconColorOnHover}: var(--text-secondary-hover);
+                ${_styledcomponents.noteTokens.closeIconColor}: ${_sdds_platform_ai.textSecondary};
+                ${_styledcomponents.noteTokens.closeIconColorOnHover}: ${_sdds_platform_ai.textSecondaryHover};
                 ${_styledcomponents.noteTokens.closeIconSize}: 1.5rem;
                 ${_styledcomponents.noteTokens.closeIconButtonSize}: 1.5rem;
 
@@ -65,20 +66,20 @@ const config = {
                 ${_styledcomponents.noteTokens.fixedContentBeforeHeight}: 1.625rem;
                 ${_styledcomponents.noteTokens.fixedContentBeforePadding}: 0rem;
 
-                ${_styledcomponents.noteTokens.titleFontFamily}: var(--plasma-typo-text-m-font-family);
-                ${_styledcomponents.noteTokens.titleFontSize}: var(--plasma-typo-text-m-font-size);
-                ${_styledcomponents.noteTokens.titleFontStyle}: var(--plasma-typo-text-m-font-style);
-                ${_styledcomponents.noteTokens.titleFontWeight}: var(--plasma-typo-text-m-bold-font-weight);
-                ${_styledcomponents.noteTokens.titleLetterSpacing}: var(--plasma-typo-text-m-letter-spacing);
-                ${_styledcomponents.noteTokens.titleLineHeight}: var(--plasma-typo-text-m-line-height);
+                ${_styledcomponents.noteTokens.titleFontFamily}: ${_sdds_platform_ai.textM.fontFamily};
+                ${_styledcomponents.noteTokens.titleFontSize}: ${_sdds_platform_ai.textM.fontSize};
+                ${_styledcomponents.noteTokens.titleFontStyle}: ${_sdds_platform_ai.textM.fontStyle};
+                ${_styledcomponents.noteTokens.titleFontWeight}: ${_sdds_platform_ai.textMBold.fontWeight};
+                ${_styledcomponents.noteTokens.titleLetterSpacing}: ${_sdds_platform_ai.textM.letterSpacing};
+                ${_styledcomponents.noteTokens.titleLineHeight}: ${_sdds_platform_ai.textM.lineHeight};
                 ${_styledcomponents.noteTokens.titlePaddingRight}: 1.75rem;
 
-                ${_styledcomponents.noteTokens.textFontFamily}: var(--plasma-typo-text-m-font-family);
-                ${_styledcomponents.noteTokens.textFontSize}: var(--plasma-typo-text-m-font-size);
-                ${_styledcomponents.noteTokens.textFontStyle}: var(--plasma-typo-text-m-font-style);
-                ${_styledcomponents.noteTokens.textFontWeight}: var(--plasma-typo-text-m-font-weight);
-                ${_styledcomponents.noteTokens.textLetterSpacing}: var(--plasma-typo-text-m-letter-spacing);
-                ${_styledcomponents.noteTokens.textLineHeight}: var(--plasma-typo-text-m-line-height);
+                ${_styledcomponents.noteTokens.textFontFamily}: ${_sdds_platform_ai.textM.fontFamily};
+                ${_styledcomponents.noteTokens.textFontSize}: ${_sdds_platform_ai.textM.fontSize};
+                ${_styledcomponents.noteTokens.textFontStyle}: ${_sdds_platform_ai.textM.fontStyle};
+                ${_styledcomponents.noteTokens.textFontWeight}: ${_sdds_platform_ai.textM.fontWeight};
+                ${_styledcomponents.noteTokens.textLetterSpacing}: ${_sdds_platform_ai.textM.letterSpacing};
+                ${_styledcomponents.noteTokens.textLineHeight}: ${_sdds_platform_ai.textM.lineHeight};
             `
         },
         orientation: {