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

package/dist/styled-components/es/components/Typography/Body.config.js

@@ -1,4 +1,5 @@
 import { css, typographyTokens } from '@salutejs/plasma-new-hope/styled-components';
+import { bodyL, bodyLBold, bodyLMedium, bodyM, bodyMBold, bodyMMedium, bodyS, bodySBold, bodySMedium, bodyXS, bodyXSBold, bodyXSMedium, bodyXXS, bodyXXSBold, bodyXXSMedium } from '@salutejs/sdds-themes/tokens/sdds_platform_ai';
 export const configL = {
     defaults: {
         size: 'l'
@@ -6,14 +7,14 @@ export const configL = {
     variations: {
         size: {
             l: css`
-                ${typographyTokens.typoFontFamily}: var(--plasma-typo-body-l-font-family);
-                ${typographyTokens.typoFontSize}: var(--plasma-typo-body-l-font-size);
-                ${typographyTokens.typoFontStyle}: var(--plasma-typo-body-l-font-style);
-                ${typographyTokens.typoFontWeight}: var(--plasma-typo-body-l-font-weight);
-                ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-body-l-bold-font-weight);
-                ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-body-l-medium-font-weight);
-                ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
-                ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-body-l-line-height);
+                ${typographyTokens.typoFontFamily}: ${bodyL.fontFamily};
+                ${typographyTokens.typoFontSize}: ${bodyL.fontSize};
+                ${typographyTokens.typoFontStyle}: ${bodyL.fontStyle};
+                ${typographyTokens.typoFontWeight}: ${bodyL.fontWeight};
+                ${typographyTokens.typoFontWeightBold}: ${bodyLBold.fontWeight};
+                ${typographyTokens.typoFontWeightMedium}: ${bodyLMedium.fontWeight};
+                ${typographyTokens.typoFontLetterSpacing}: ${bodyL.letterSpacing};
+                ${typographyTokens.typoFontLineHeight}: ${bodyL.lineHeight};
             `
         }
     }
@@ -25,14 +26,14 @@ export const configM = {
     variations: {
         size: {
             m: css`
-                ${typographyTokens.typoFontFamily}: var(--plasma-typo-body-m-font-family);
-                ${typographyTokens.typoFontSize}: var(--plasma-typo-body-m-font-size);
-                ${typographyTokens.typoFontStyle}: var(--plasma-typo-body-m-font-style);
-                ${typographyTokens.typoFontWeight}: var(--plasma-typo-body-m-font-weight);
-                ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-body-m-bold-font-weight);
-                ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-body-m-medium-font-weight);
-                ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
-                ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-body-m-line-height);
+                ${typographyTokens.typoFontFamily}: ${bodyM.fontFamily};
+                ${typographyTokens.typoFontSize}: ${bodyM.fontSize};
+                ${typographyTokens.typoFontStyle}: ${bodyM.fontStyle};
+                ${typographyTokens.typoFontWeight}: ${bodyM.fontWeight};
+                ${typographyTokens.typoFontWeightBold}: ${bodyMBold.fontWeight};
+                ${typographyTokens.typoFontWeightMedium}: ${bodyMMedium.fontWeight};
+                ${typographyTokens.typoFontLetterSpacing}: ${bodyM.letterSpacing};
+                ${typographyTokens.typoFontLineHeight}: ${bodyM.lineHeight};
             `
         }
     }
@@ -44,14 +45,14 @@ export const configS = {
     variations: {
         size: {
             s: css`
-                ${typographyTokens.typoFontFamily}: var(--plasma-typo-body-s-font-family);
-                ${typographyTokens.typoFontSize}: var(--plasma-typo-body-s-font-size);
-                ${typographyTokens.typoFontStyle}: var(--plasma-typo-body-s-font-style);
-                ${typographyTokens.typoFontWeight}: var(--plasma-typo-body-s-font-weight);
-                ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-body-s-bold-font-weight);
-                ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-body-s-medium-font-weight);
-                ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
-                ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-body-s-line-height);
+                ${typographyTokens.typoFontFamily}: ${bodyS.fontFamily};
+                ${typographyTokens.typoFontSize}: ${bodyS.fontSize};
+                ${typographyTokens.typoFontStyle}: ${bodyS.fontStyle};
+                ${typographyTokens.typoFontWeight}: ${bodyS.fontWeight};
+                ${typographyTokens.typoFontWeightBold}: ${bodySBold.fontWeight};
+                ${typographyTokens.typoFontWeightMedium}: ${bodySMedium.fontWeight};
+                ${typographyTokens.typoFontLetterSpacing}: ${bodyS.letterSpacing};
+                ${typographyTokens.typoFontLineHeight}: ${bodyS.lineHeight};
             `
         }
     }
@@ -63,14 +64,14 @@ export const configXS = {
     variations: {
         size: {
             xs: css`
-                ${typographyTokens.typoFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${typographyTokens.typoFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${typographyTokens.typoFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${typographyTokens.typoFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-body-xs-bold-font-weight);
-                ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-body-xs-medium-font-weight);
-                ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${typographyTokens.typoFontFamily}: ${bodyXS.fontFamily};
+                ${typographyTokens.typoFontSize}: ${bodyXS.fontSize};
+                ${typographyTokens.typoFontStyle}: ${bodyXS.fontStyle};
+                ${typographyTokens.typoFontWeight}: ${bodyXS.fontWeight};
+                ${typographyTokens.typoFontWeightBold}: ${bodyXSBold.fontWeight};
+                ${typographyTokens.typoFontWeightMedium}: ${bodyXSMedium.fontWeight};
+                ${typographyTokens.typoFontLetterSpacing}: ${bodyXS.letterSpacing};
+                ${typographyTokens.typoFontLineHeight}: ${bodyXS.lineHeight};
             `
         }
     }
@@ -82,14 +83,14 @@ export const configXXS = {
     variations: {
         size: {
             xxs: css`
-                ${typographyTokens.typoFontFamily}: var(--plasma-typo-body-xxs-font-family);
-                ${typographyTokens.typoFontSize}: var(--plasma-typo-body-xxs-font-size);
-                ${typographyTokens.typoFontStyle}: var(--plasma-typo-body-xxs-font-style);
-                ${typographyTokens.typoFontWeight}: var(--plasma-typo-body-xxs-font-weight);
-                ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-body-xxs-bold-font-weight);
-                ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-body-xxs-medium-font-weight);
-                ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);
-                ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-body-xxs-line-height);
+                ${typographyTokens.typoFontFamily}: ${bodyXXS.fontFamily};
+                ${typographyTokens.typoFontSize}: ${bodyXXS.fontSize};
+                ${typographyTokens.typoFontStyle}: ${bodyXXS.fontStyle};
+                ${typographyTokens.typoFontWeight}: ${bodyXXS.fontWeight};
+                ${typographyTokens.typoFontWeightBold}: ${bodyXXSBold.fontWeight};
+                ${typographyTokens.typoFontWeightMedium}: ${bodyXXSMedium.fontWeight};
+                ${typographyTokens.typoFontLetterSpacing}: ${bodyXXS.letterSpacing};
+                ${typographyTokens.typoFontLineHeight}: ${bodyXXS.lineHeight};
             `
         }
     }

package/dist/styled-components/es/components/Typography/Dspl.config.js

@@ -1,4 +1,5 @@
 import { css, typographyTokens } from '@salutejs/plasma-new-hope/styled-components';
+import { dsplL, dsplLBold, dsplLMedium, dsplM, dsplMBold, dsplMMedium, dsplS, dsplSBold, dsplSMedium } from '@salutejs/sdds-themes/tokens/sdds_platform_ai';
 export const configL = {
     defaults: {
         size: 'l'
@@ -6,14 +7,14 @@ export const configL = {
     variations: {
         size: {
             l: css`
-                ${typographyTokens.typoFontFamily}: var(--plasma-typo-dspl-l-font-family);
-                ${typographyTokens.typoFontSize}: var(--plasma-typo-dspl-l-font-size);
-                ${typographyTokens.typoFontStyle}: var(--plasma-typo-dspl-l-font-style);
-                ${typographyTokens.typoFontWeight}: var(--plasma-typo-dspl-l-font-weight);
-                ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-dspl-l-bold-font-weight);
-                ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-dspl-l-medium-font-weight);
-                ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-dspl-l-letter-spacing);
-                ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-dspl-l-line-height);
+                ${typographyTokens.typoFontFamily}: ${dsplL.fontFamily};
+                ${typographyTokens.typoFontSize}: ${dsplL.fontSize};
+                ${typographyTokens.typoFontStyle}: ${dsplL.fontStyle};
+                ${typographyTokens.typoFontWeight}: ${dsplL.fontWeight};
+                ${typographyTokens.typoFontWeightBold}: ${dsplLBold.fontWeight};
+                ${typographyTokens.typoFontWeightMedium}: ${dsplLMedium.fontWeight};
+                ${typographyTokens.typoFontLetterSpacing}: ${dsplL.letterSpacing};
+                ${typographyTokens.typoFontLineHeight}: ${dsplL.lineHeight};
             `
         }
     }
@@ -25,14 +26,14 @@ export const configM = {
     variations: {
         size: {
             m: css`
-                ${typographyTokens.typoFontFamily}: var(--plasma-typo-dspl-m-font-family);
-                ${typographyTokens.typoFontSize}: var(--plasma-typo-dspl-m-font-size);
-                ${typographyTokens.typoFontStyle}: var(--plasma-typo-dspl-m-font-style);
-                ${typographyTokens.typoFontWeight}: var(--plasma-typo-dspl-m-font-weight);
-                ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-dspl-m-bold-font-weight);
-                ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-dspl-m-medium-font-weight);
-                ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-dspl-m-letter-spacing);
-                ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-dspl-m-line-height);
+                ${typographyTokens.typoFontFamily}: ${dsplM.fontFamily};
+                ${typographyTokens.typoFontSize}: ${dsplM.fontSize};
+                ${typographyTokens.typoFontStyle}: ${dsplM.fontStyle};
+                ${typographyTokens.typoFontWeight}: ${dsplM.fontWeight};
+                ${typographyTokens.typoFontWeightBold}: ${dsplMBold.fontWeight};
+                ${typographyTokens.typoFontWeightMedium}: ${dsplMMedium.fontWeight};
+                ${typographyTokens.typoFontLetterSpacing}: ${dsplM.letterSpacing};
+                ${typographyTokens.typoFontLineHeight}: ${dsplM.lineHeight};
             `
         }
     }
@@ -44,14 +45,14 @@ export const configS = {
     variations: {
         size: {
             s: css`
-                ${typographyTokens.typoFontFamily}: var(--plasma-typo-dspl-s-font-family);
-                ${typographyTokens.typoFontSize}: var(--plasma-typo-dspl-s-font-size);
-                ${typographyTokens.typoFontStyle}: var(--plasma-typo-dspl-s-font-style);
-                ${typographyTokens.typoFontWeight}: var(--plasma-typo-dspl-s-font-weight);
-                ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-dspl-s-bold-font-weight);
-                ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-dspl-s-medium-font-weight);
-                ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-dspl-s-letter-spacing);
-                ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-dspl-s-line-height);
+                ${typographyTokens.typoFontFamily}: ${dsplS.fontFamily};
+                ${typographyTokens.typoFontSize}: ${dsplS.fontSize};
+                ${typographyTokens.typoFontStyle}: ${dsplS.fontStyle};
+                ${typographyTokens.typoFontWeight}: ${dsplS.fontWeight};
+                ${typographyTokens.typoFontWeightBold}: ${dsplSBold.fontWeight};
+                ${typographyTokens.typoFontWeightMedium}: ${dsplSMedium.fontWeight};
+                ${typographyTokens.typoFontLetterSpacing}: ${dsplS.letterSpacing};
+                ${typographyTokens.typoFontLineHeight}: ${dsplS.lineHeight};
             `
         }
     }

package/dist/styled-components/es/components/Typography/Heading.config.js

@@ -1,4 +1,5 @@
 import { css, typographyTokens } from '@salutejs/plasma-new-hope/styled-components';
+import { h1, h1Bold, h1Medium, h2, h2Bold, h2Medium, h3, h3Bold, h3Medium, h4, h4Bold, h4Medium, h5, h5Bold, h5Medium, h6, h6Bold, h6Medium } from '@salutejs/sdds-themes/tokens/sdds_platform_ai';
 export const configH1 = {
     defaults: {
         size: 'h1'
@@ -6,14 +7,14 @@ export const configH1 = {
     variations: {
         size: {
             h1: css`
-                ${typographyTokens.typoFontFamily}: var(--plasma-typo-h1-font-family);
-                ${typographyTokens.typoFontSize}: var(--plasma-typo-h1-font-size);
-                ${typographyTokens.typoFontStyle}: var(--plasma-typo-h1-font-style);
-                ${typographyTokens.typoFontWeight}: var(--plasma-typo-h1-font-weight);
-                ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-h1-bold-font-weight);
-                ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-h1-medium-font-weight);
-                ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-h1-letter-spacing);
-                ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-h1-line-height);
+                ${typographyTokens.typoFontFamily}: ${h1.fontFamily};
+                ${typographyTokens.typoFontSize}: ${h1.fontSize};
+                ${typographyTokens.typoFontStyle}: ${h1.fontStyle};
+                ${typographyTokens.typoFontWeight}: ${h1.fontWeight};
+                ${typographyTokens.typoFontWeightBold}: ${h1Bold.fontWeight};
+                ${typographyTokens.typoFontWeightMedium}: ${h1Medium.fontWeight};
+                ${typographyTokens.typoFontLetterSpacing}: ${h1.letterSpacing};
+                ${typographyTokens.typoFontLineHeight}: ${h1.lineHeight};
             `
         }
     }
@@ -25,14 +26,14 @@ export const configH2 = {
     variations: {
         size: {
             h2: css`
-                ${typographyTokens.typoFontFamily}: var(--plasma-typo-h2-font-family);
-                ${typographyTokens.typoFontSize}: var(--plasma-typo-h2-font-size);
-                ${typographyTokens.typoFontStyle}: var(--plasma-typo-h2-font-style);
-                ${typographyTokens.typoFontWeight}: var(--plasma-typo-h2-font-weight);
-                ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-h2-bold-font-weight);
-                ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-h2-medium-font-weight);
-                ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-h2-letter-spacing);
-                ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-h2-line-height);
+                ${typographyTokens.typoFontFamily}: ${h2.fontFamily};
+                ${typographyTokens.typoFontSize}: ${h2.fontSize};
+                ${typographyTokens.typoFontStyle}: ${h2.fontStyle};
+                ${typographyTokens.typoFontWeight}: ${h2.fontWeight};
+                ${typographyTokens.typoFontWeightBold}: ${h2Bold.fontWeight};
+                ${typographyTokens.typoFontWeightMedium}: ${h2Medium.fontWeight};
+                ${typographyTokens.typoFontLetterSpacing}: ${h2.letterSpacing};
+                ${typographyTokens.typoFontLineHeight}: ${h2.lineHeight};
             `
         }
     }
@@ -44,14 +45,14 @@ export const configH3 = {
     variations: {
         size: {
             h3: css`
-                ${typographyTokens.typoFontFamily}: var(--plasma-typo-h3-font-family);
-                ${typographyTokens.typoFontSize}: var(--plasma-typo-h3-font-size);
-                ${typographyTokens.typoFontStyle}: var(--plasma-typo-h3-font-style);
-                ${typographyTokens.typoFontWeight}: var(--plasma-typo-h3-font-weight);
-                ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-h3-bold-font-weight);
-                ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-h3-medium-font-weight);
-                ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-h3-letter-spacing);
-                ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-h3-line-height);
+                ${typographyTokens.typoFontFamily}: ${h3.fontFamily};
+                ${typographyTokens.typoFontSize}: ${h3.fontSize};
+                ${typographyTokens.typoFontStyle}: ${h3.fontStyle};
+                ${typographyTokens.typoFontWeight}: ${h3.fontWeight};
+                ${typographyTokens.typoFontWeightBold}: ${h3Bold.fontWeight};
+                ${typographyTokens.typoFontWeightMedium}: ${h3Medium.fontWeight};
+                ${typographyTokens.typoFontLetterSpacing}: ${h3.letterSpacing};
+                ${typographyTokens.typoFontLineHeight}: ${h3.lineHeight};
             `
         }
     }
@@ -63,14 +64,14 @@ export const configH4 = {
     variations: {
         size: {
             h4: css`
-                ${typographyTokens.typoFontFamily}: var(--plasma-typo-h4-font-family);
-                ${typographyTokens.typoFontSize}: var(--plasma-typo-h4-font-size);
-                ${typographyTokens.typoFontStyle}: var(--plasma-typo-h4-font-style);
-                ${typographyTokens.typoFontWeight}: var(--plasma-typo-h4-font-weight);
-                ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-h4-bold-font-weight);
-                ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-h4-medium-font-weight);
-                ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-h4-letter-spacing);
-                ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-h4-line-height);
+                ${typographyTokens.typoFontFamily}: ${h4.fontFamily};
+                ${typographyTokens.typoFontSize}: ${h4.fontSize};
+                ${typographyTokens.typoFontStyle}: ${h4.fontStyle};
+                ${typographyTokens.typoFontWeight}: ${h4.fontWeight};
+                ${typographyTokens.typoFontWeightBold}: ${h4Bold.fontWeight};
+                ${typographyTokens.typoFontWeightMedium}: ${h4Medium.fontWeight};
+                ${typographyTokens.typoFontLetterSpacing}: ${h4.letterSpacing};
+                ${typographyTokens.typoFontLineHeight}: ${h4.lineHeight};
             `
         }
     }
@@ -82,14 +83,14 @@ export const configH5 = {
     variations: {
         size: {
             h5: css`
-                ${typographyTokens.typoFontFamily}: var(--plasma-typo-h5-font-family);
-                ${typographyTokens.typoFontSize}: var(--plasma-typo-h5-font-size);
-                ${typographyTokens.typoFontStyle}: var(--plasma-typo-h5-font-style);
-                ${typographyTokens.typoFontWeight}: var(--plasma-typo-h5-font-weight);
-                ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-h5-bold-font-weight);
-                ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-h5-medium-font-weight);
-                ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-h5-letter-spacing);
-                ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-h5-line-height);
+                ${typographyTokens.typoFontFamily}: ${h5.fontFamily};
+                ${typographyTokens.typoFontSize}: ${h5.fontSize};
+                ${typographyTokens.typoFontStyle}: ${h5.fontStyle};
+                ${typographyTokens.typoFontWeight}: ${h5.fontWeight};
+                ${typographyTokens.typoFontWeightBold}: ${h5Bold.fontWeight};
+                ${typographyTokens.typoFontWeightMedium}: ${h5Medium.fontWeight};
+                ${typographyTokens.typoFontLetterSpacing}: ${h5.letterSpacing};
+                ${typographyTokens.typoFontLineHeight}: ${h5.lineHeight};
             `
         }
     }
@@ -101,14 +102,14 @@ export const configH6 = {
     variations: {
         size: {
             h6: css`
-                ${typographyTokens.typoFontFamily}: var(--plasma-typo-h6-font-family);
-                ${typographyTokens.typoFontSize}: var(--plasma-typo-h6-font-size);
-                ${typographyTokens.typoFontStyle}: var(--plasma-typo-h6-font-style);
-                ${typographyTokens.typoFontWeight}: var(--plasma-typo-h6-font-weight);
-                ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-h6-bold-font-weight);
-                ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-h6-medium-font-weight);
-                ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-h6-letter-spacing);
-                ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-h6-line-height);
+                ${typographyTokens.typoFontFamily}: ${h6.fontFamily};
+                ${typographyTokens.typoFontSize}: ${h6.fontSize};
+                ${typographyTokens.typoFontStyle}: ${h6.fontStyle};
+                ${typographyTokens.typoFontWeight}: ${h6.fontWeight};
+                ${typographyTokens.typoFontWeightBold}: ${h6Bold.fontWeight};
+                ${typographyTokens.typoFontWeightMedium}: ${h6Medium.fontWeight};
+                ${typographyTokens.typoFontLetterSpacing}: ${h6.letterSpacing};
+                ${typographyTokens.typoFontLineHeight}: ${h6.lineHeight};
             `
         }
     }

package/dist/styled-components/es/components/Typography/Text.config.js

@@ -1,4 +1,5 @@
 import { css, typographyTokens } from '@salutejs/plasma-new-hope/styled-components';
+import { textL, textLBold, textLMedium, textM, textMBold, textMMedium, textS, textSBold, textSMedium, textXS, textXSBold, textXSMedium } from '@salutejs/sdds-themes/tokens/sdds_platform_ai';
 export const configL = {
     defaults: {
         size: 'l'
@@ -6,14 +7,14 @@ export const configL = {
     variations: {
         size: {
             l: css`
-                ${typographyTokens.typoFontFamily}: var(--plasma-typo-text-l-font-family);
-                ${typographyTokens.typoFontSize}: var(--plasma-typo-text-l-font-size);
-                ${typographyTokens.typoFontStyle}: var(--plasma-typo-text-l-font-style);
-                ${typographyTokens.typoFontWeight}: var(--plasma-typo-text-l-font-weight);
-                ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-text-l-bold-font-weight);
-                ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-text-l-medium-font-weight);
-                ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-text-l-letter-spacing);
-                ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-text-l-line-height);
+                ${typographyTokens.typoFontFamily}: ${textL.fontFamily};
+                ${typographyTokens.typoFontSize}: ${textL.fontSize};
+                ${typographyTokens.typoFontStyle}: ${textL.fontStyle};
+                ${typographyTokens.typoFontWeight}: ${textL.fontWeight};
+                ${typographyTokens.typoFontWeightBold}: ${textLBold.fontWeight};
+                ${typographyTokens.typoFontWeightMedium}: ${textLMedium.fontWeight};
+                ${typographyTokens.typoFontLetterSpacing}: ${textL.letterSpacing};
+                ${typographyTokens.typoFontLineHeight}: ${textL.lineHeight};
             `
         }
     }
@@ -25,14 +26,14 @@ export const configM = {
     variations: {
         size: {
             m: css`
-                ${typographyTokens.typoFontFamily}: var(--plasma-typo-text-m-font-family);
-                ${typographyTokens.typoFontSize}: var(--plasma-typo-text-m-font-size);
-                ${typographyTokens.typoFontStyle}: var(--plasma-typo-text-m-font-style);
-                ${typographyTokens.typoFontWeight}: var(--plasma-typo-text-m-font-weight);
-                ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-text-m-bold-font-weight);
-                ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-text-m-medium-font-weight);
-                ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-text-m-letter-spacing);
-                ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-text-m-line-height);
+                ${typographyTokens.typoFontFamily}: ${textM.fontFamily};
+                ${typographyTokens.typoFontSize}: ${textM.fontSize};
+                ${typographyTokens.typoFontStyle}: ${textM.fontStyle};
+                ${typographyTokens.typoFontWeight}: ${textM.fontWeight};
+                ${typographyTokens.typoFontWeightBold}: ${textMBold.fontWeight};
+                ${typographyTokens.typoFontWeightMedium}: ${textMMedium.fontWeight};
+                ${typographyTokens.typoFontLetterSpacing}: ${textM.letterSpacing};
+                ${typographyTokens.typoFontLineHeight}: ${textM.lineHeight};
             `
         }
     }
@@ -44,14 +45,14 @@ export const configS = {
     variations: {
         size: {
             s: css`
-                ${typographyTokens.typoFontFamily}: var(--plasma-typo-text-s-font-family);
-                ${typographyTokens.typoFontSize}: var(--plasma-typo-text-s-font-size);
-                ${typographyTokens.typoFontStyle}: var(--plasma-typo-text-s-font-style);
-                ${typographyTokens.typoFontWeight}: var(--plasma-typo-text-s-font-weight);
-                ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-text-s-bold-font-weight);
-                ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-text-s-medium-font-weight);
-                ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-text-s-letter-spacing);
-                ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-text-s-line-height);
+                ${typographyTokens.typoFontFamily}: ${textS.fontFamily};
+                ${typographyTokens.typoFontSize}: ${textS.fontSize};
+                ${typographyTokens.typoFontStyle}: ${textS.fontStyle};
+                ${typographyTokens.typoFontWeight}: ${textS.fontWeight};
+                ${typographyTokens.typoFontWeightBold}: ${textSBold.fontWeight};
+                ${typographyTokens.typoFontWeightMedium}: ${textSMedium.fontWeight};
+                ${typographyTokens.typoFontLetterSpacing}: ${textS.letterSpacing};
+                ${typographyTokens.typoFontLineHeight}: ${textS.lineHeight};
             `
         }
     }
@@ -63,14 +64,14 @@ export const configXS = {
     variations: {
         size: {
             xs: css`
-                ${typographyTokens.typoFontFamily}: var(--plasma-typo-text-xs-font-family);
-                ${typographyTokens.typoFontSize}: var(--plasma-typo-text-xs-font-size);
-                ${typographyTokens.typoFontStyle}: var(--plasma-typo-text-xs-font-style);
-                ${typographyTokens.typoFontWeight}: var(--plasma-typo-text-xs-font-weight);
-                ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-text-xs-bold-font-weight);
-                ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-text-xs-medium-font-weight);
-                ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-text-xs-letter-spacing);
-                ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-text-xs-line-height);
+                ${typographyTokens.typoFontFamily}: ${textXS.fontFamily};
+                ${typographyTokens.typoFontSize}: ${textXS.fontSize};
+                ${typographyTokens.typoFontStyle}: ${textXS.fontStyle};
+                ${typographyTokens.typoFontWeight}: ${textXS.fontWeight};
+                ${typographyTokens.typoFontWeightBold}: ${textXSBold.fontWeight};
+                ${typographyTokens.typoFontWeightMedium}: ${textXSMedium.fontWeight};
+                ${typographyTokens.typoFontLetterSpacing}: ${textXS.letterSpacing};
+                ${typographyTokens.typoFontLineHeight}: ${textXS.lineHeight};
             `
         }
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/sdds-platform-ai",
-  "version": "0.356.0-next-sbcom.0",
+  "version": "0.357.0-dev.0",
   "description": "Salute Design System / React UI kit for SDDS PLATFORM-AI web applications",
   "author": "Salute Frontend Team <salute.developers@gmail.com>",
   "publishConfig": {
@@ -40,8 +40,8 @@
     "styled-components": "^5.3.1"
   },
   "dependencies": {
-    "@salutejs/plasma-new-hope": "0.369.0-next-sbcom.0",
-    "@salutejs/sdds-themes": "0.71.0-next-sbcom.0"
+    "@salutejs/plasma-new-hope": "0.370.0-dev.0",
+    "@salutejs/sdds-themes": "0.71.0-dev.0"
   },
   "devDependencies": {
     "@babel/cli": "7.24.1",
@@ -60,10 +60,10 @@
     "@rollup/plugin-commonjs": "^25.0.4",
     "@rollup/plugin-node-resolve": "^15.1.0",
     "@salutejs/plasma-colors": "0.16.0",
-    "@salutejs/plasma-core": "1.232.0-next-sbcom.0",
-    "@salutejs/plasma-cy-utils": "0.162.0-next-sbcom.0",
-    "@salutejs/plasma-icons": "1.242.0-next-sbcom.0",
-    "@salutejs/plasma-sb-utils": "0.233.0-next-sbcom.0",
+    "@salutejs/plasma-core": "1.233.0-dev.0",
+    "@salutejs/plasma-cy-utils": "0.163.0-dev.0",
+    "@salutejs/plasma-icons": "1.243.0-dev.0",
+    "@salutejs/plasma-sb-utils": "0.234.0-dev.0",
     "@types/node": "16.7.13",
     "@types/react": "18.0.28",
     "@types/react-dom": "18.0.11",
@@ -109,5 +109,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "352557ea8500cdf13c2776824e178b25cc7c8e7b"
+  "gitHead": "efcc8fe5582bdd90d0db16c3250d021f08b1288b"
 }

package/types/components/Autocomplete/Autocomplete.d.ts

@@ -78,6 +78,7 @@ export declare const AutocompleteComponent: React.FunctionComponent<import("@sal
     hintOffset?: [number, number];
     hintWidth?: string;
     hintContentLeft?: React.ReactNode;
+    hintPortal?: string | React.RefObject<HTMLElement | null>;
 } & {
     chips?: never;
     onChangeChips?: never;
@@ -136,6 +137,7 @@ export declare const AutocompleteComponent: React.FunctionComponent<import("@sal
     hintOffset?: [number, number];
     hintWidth?: string;
     hintContentLeft?: React.ReactNode;
+    hintPortal?: string | React.RefObject<HTMLElement | null>;
 } & {
     enumerationType: "chip";
     onSearch?: never;
@@ -196,6 +198,7 @@ export declare const AutocompleteComponent: React.FunctionComponent<import("@sal
     hintOffset?: never;
     hintWidth?: never;
     hintContentLeft?: never;
+    hintPortal?: never;
 } & {
     chips?: never;
     onChangeChips?: never;
@@ -254,6 +257,7 @@ export declare const AutocompleteComponent: React.FunctionComponent<import("@sal
     hintOffset?: never;
     hintWidth?: never;
     hintContentLeft?: never;
+    hintPortal?: never;
 } & {
     enumerationType: "chip";
     onSearch?: never;
@@ -314,6 +318,7 @@ export declare const AutocompleteComponent: React.FunctionComponent<import("@sal
     hintOffset?: [number, number];
     hintWidth?: string;
     hintContentLeft?: React.ReactNode;
+    hintPortal?: string | React.RefObject<HTMLElement | null>;
 } & {
     chips?: never;
     onChangeChips?: never;
@@ -372,6 +377,7 @@ export declare const AutocompleteComponent: React.FunctionComponent<import("@sal
     hintOffset?: [number, number];
     hintWidth?: string;
     hintContentLeft?: React.ReactNode;
+    hintPortal?: string | React.RefObject<HTMLElement | null>;
 } & {
     enumerationType: "chip";
     onSearch?: never;
@@ -432,6 +438,7 @@ export declare const AutocompleteComponent: React.FunctionComponent<import("@sal
     hintOffset?: never;
     hintWidth?: never;
     hintContentLeft?: never;
+    hintPortal?: never;
 } & {
     chips?: never;
     onChangeChips?: never;
@@ -490,6 +497,7 @@ export declare const AutocompleteComponent: React.FunctionComponent<import("@sal
     hintOffset?: never;
     hintWidth?: never;
     hintContentLeft?: never;
+    hintPortal?: never;
 } & {
     enumerationType: "chip";
     onSearch?: never;

package/types/components/Avatar/Avatar.d.ts

@@ -73,7 +73,7 @@ declare const mergedConfig: import("@salutejs/plasma-new-hope/styled-components"
     size?: string;
     name?: string;
     url?: string;
-    customText?: import("react").ReactNode;
+    customText?: string;
     status?: "active" | "inactive";
     isScalable?: boolean;
     focused?: boolean;
@@ -101,7 +101,7 @@ declare const mergedConfig: import("@salutejs/plasma-new-hope/styled-components"
     size?: string;
     name?: string;
     url?: string;
-    customText?: import("react").ReactNode;
+    customText?: string;
     status?: "active" | "inactive";
     isScalable?: boolean;
     focused?: boolean;
@@ -165,7 +165,7 @@ declare const Avatar: import("react").FunctionComponent<import("@salutejs/plasma
     size?: string;
     name?: string;
     url?: string;
-    customText?: import("react").ReactNode;
+    customText?: string;
     status?: "active" | "inactive";
     isScalable?: boolean;
     focused?: boolean;
@@ -193,7 +193,7 @@ declare const Avatar: import("react").FunctionComponent<import("@salutejs/plasma
     size?: string;
     name?: string;
     url?: string;
-    customText?: import("react").ReactNode;
+    customText?: string;
     status?: "active" | "inactive";
     isScalable?: boolean;
     focused?: boolean;