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

package/dist/styled-components/cjs/components/TimePicker/TimePicker.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',
@@ -19,54 +20,54 @@ const config = {
     variations: {
         view: {
             default: (0, _styledcomponents.css)`
-                ${_styledcomponents.timePickerTokens.background}: var(--surface-transparent-primary);
-                ${_styledcomponents.timePickerTokens.backgroundError}: var(--surface-transparent-negative);
-                ${_styledcomponents.timePickerTokens.backgroundSuccess}: var(--surface-transparent-positive);
+                ${_styledcomponents.timePickerTokens.background}: ${_sdds_platform_ai.surfaceTransparentPrimary};
+                ${_styledcomponents.timePickerTokens.backgroundError}: ${_sdds_platform_ai.surfaceTransparentNegative};
+                ${_styledcomponents.timePickerTokens.backgroundSuccess}: ${_sdds_platform_ai.surfaceTransparentPositive};
 
-                ${_styledcomponents.timePickerTokens.labelColor}: var(--text-primary);
+                ${_styledcomponents.timePickerTokens.labelColor}: ${_sdds_platform_ai.textPrimary};
 
-                ${_styledcomponents.timePickerTokens.textFieldColor}: var(--text-primary);
-                ${_styledcomponents.timePickerTokens.textFieldPlaceholderColor}: var(--text-secondary);
-                ${_styledcomponents.timePickerTokens.textFieldCaretColor}: var(--text-accent);
+                ${_styledcomponents.timePickerTokens.textFieldColor}: ${_sdds_platform_ai.textPrimary};
+                ${_styledcomponents.timePickerTokens.textFieldPlaceholderColor}: ${_sdds_platform_ai.textSecondary};
+                ${_styledcomponents.timePickerTokens.textFieldCaretColor}: ${_sdds_platform_ai.textAccent};
 
-                ${_styledcomponents.timePickerTokens.indicatorColor}: var(--surface-negative);
+                ${_styledcomponents.timePickerTokens.indicatorColor}: ${_sdds_platform_ai.surfaceNegative};
 
-                ${_styledcomponents.timePickerTokens.timePickerShadow}: var(--shadow-down-soft-s);
+                ${_styledcomponents.timePickerTokens.timePickerShadow}: ${_sdds_platform_ai.shadowDownSoftS};
 
-                ${_styledcomponents.timePickerTokens.textFieldBackgroundColor}: var(--surface-transparent-card);
-                ${_styledcomponents.timePickerTokens.textFieldBackgroundColorHover}: var(--surface-transparent-card-hover);
-                ${_styledcomponents.timePickerTokens.textFieldBackgroundColorFocus}: var(--surface-transparent-card-active);
-                ${_styledcomponents.timePickerTokens.textFieldBackgroundErrorColor}: var(--surface-transparent-negative);
-                ${_styledcomponents.timePickerTokens.textFieldBackgroundErrorColorFocus}: var(--surface-transparent-negative-active);
-                ${_styledcomponents.timePickerTokens.textFieldBackgroundSuccessColor}: var(--surface-transparent-positive);
-                ${_styledcomponents.timePickerTokens.textFieldBackgroundSuccessColorFocus}: var(--surface-transparent-positive-active);
+                ${_styledcomponents.timePickerTokens.textFieldBackgroundColor}: ${_sdds_platform_ai.surfaceTransparentCard};
+                ${_styledcomponents.timePickerTokens.textFieldBackgroundColorHover}: ${_sdds_platform_ai.surfaceTransparentCardHover};
+                ${_styledcomponents.timePickerTokens.textFieldBackgroundColorFocus}: ${_sdds_platform_ai.surfaceTransparentCardActive};
+                ${_styledcomponents.timePickerTokens.textFieldBackgroundErrorColor}: ${_sdds_platform_ai.surfaceTransparentNegative};
+                ${_styledcomponents.timePickerTokens.textFieldBackgroundErrorColorFocus}: ${_sdds_platform_ai.surfaceTransparentNegativeActive};
+                ${_styledcomponents.timePickerTokens.textFieldBackgroundSuccessColor}: ${_sdds_platform_ai.surfaceTransparentPositive};
+                ${_styledcomponents.timePickerTokens.textFieldBackgroundSuccessColorFocus}: ${_sdds_platform_ai.surfaceTransparentPositiveActive};
 
-                ${_styledcomponents.timePickerTokens.borderColor}: var(--outline-transparent-primary);
-                ${_styledcomponents.timePickerTokens.borderColorHover}: var(--outline-transparent-primary-hover);
-                ${_styledcomponents.timePickerTokens.borderColorFocus}: var(--outline-solid-default);
+                ${_styledcomponents.timePickerTokens.borderColor}: ${_sdds_platform_ai.outlineTransparentPrimary};
+                ${_styledcomponents.timePickerTokens.borderColorHover}: ${_sdds_platform_ai.outlineTransparentPrimaryHover};
+                ${_styledcomponents.timePickerTokens.borderColorFocus}: ${_sdds_platform_ai.outlineSolidDefault};
 
-                ${_styledcomponents.timePickerTokens.textFieldBorderColor}: var(--outline-transparent-primary);
-                ${_styledcomponents.timePickerTokens.textFieldBorderColorHover}: var(--outline-transparent-primary-hover);
-                ${_styledcomponents.timePickerTokens.textFieldBorderColorFocus}: var(--outline-solid-default);
+                ${_styledcomponents.timePickerTokens.textFieldBorderColor}: ${_sdds_platform_ai.outlineTransparentPrimary};
+                ${_styledcomponents.timePickerTokens.textFieldBorderColorHover}: ${_sdds_platform_ai.outlineTransparentPrimaryHover};
+                ${_styledcomponents.timePickerTokens.textFieldBorderColorFocus}: ${_sdds_platform_ai.outlineSolidDefault};
 
-                ${_styledcomponents.timePickerTokens.textFieldTextBeforeColor}: var(--text-tertiary);
-                ${_styledcomponents.timePickerTokens.textFieldTextAfterColor}: var(--text-tertiary);
+                ${_styledcomponents.timePickerTokens.textFieldTextBeforeColor}: ${_sdds_platform_ai.textTertiary};
+                ${_styledcomponents.timePickerTokens.textFieldTextAfterColor}: ${_sdds_platform_ai.textTertiary};
 
-                ${_styledcomponents.timePickerTokens.textFieldPlaceholderColorFocus}: var(--text-tertiary);
+                ${_styledcomponents.timePickerTokens.textFieldPlaceholderColorFocus}: ${_sdds_platform_ai.textTertiary};
 
-                ${_styledcomponents.timePickerTokens.timePickerBackground}: var(--surface-solid-card);
-                ${_styledcomponents.timePickerTokens.itemBackgroundHover}: var(--surface-transparent-secondary);
-                ${_styledcomponents.timePickerTokens.itemBackgroundActive}: var(--surface-transparent-secondary);
-                ${_styledcomponents.timePickerTokens.itemFocusColor}: var(--surface-accent);
+                ${_styledcomponents.timePickerTokens.timePickerBackground}: ${_sdds_platform_ai.surfaceSolidCard};
+                ${_styledcomponents.timePickerTokens.itemBackgroundHover}: ${_sdds_platform_ai.surfaceTransparentSecondary};
+                ${_styledcomponents.timePickerTokens.itemBackgroundActive}: ${_sdds_platform_ai.surfaceTransparentSecondary};
+                ${_styledcomponents.timePickerTokens.itemFocusColor}: ${_sdds_platform_ai.surfaceAccent};
 
-                ${_styledcomponents.timePickerTokens.scrollbarColor}: var(--surface-transparent-tertiary);
-                ${_styledcomponents.timePickerTokens.scrollbarTrackColor}: var(--surface-transparent-primary);
+                ${_styledcomponents.timePickerTokens.scrollbarColor}: ${_sdds_platform_ai.surfaceTransparentTertiary};
+                ${_styledcomponents.timePickerTokens.scrollbarTrackColor}: ${_sdds_platform_ai.surfaceTransparentPrimary};
 
-                ${_styledcomponents.timePickerTokens.leftHelperColor}: var(--text-secondary);
-                ${_styledcomponents.timePickerTokens.leftHelperColorError}: var(--text-negative);
-                ${_styledcomponents.timePickerTokens.leftHelperColorSuccess}: var(--text-positive);
+                ${_styledcomponents.timePickerTokens.leftHelperColor}: ${_sdds_platform_ai.textSecondary};
+                ${_styledcomponents.timePickerTokens.leftHelperColorError}: ${_sdds_platform_ai.textNegative};
+                ${_styledcomponents.timePickerTokens.leftHelperColorSuccess}: ${_sdds_platform_ai.textPositive};
 
-                ${_styledcomponents.timePickerTokens.hintIconColor}: var(--text-secondary);
+                ${_styledcomponents.timePickerTokens.hintIconColor}: ${_sdds_platform_ai.textSecondary};
             `
         },
         size: {
@@ -83,12 +84,12 @@ const config = {
                 ${_styledcomponents.timePickerTokens.labelInnerPadding}: 0.375rem 0 0.125rem 0;
                 ${_styledcomponents.timePickerTokens.contentLabelInnerPadding}: 1.375rem 0 0.375rem 0;
 
-                ${_styledcomponents.timePickerTokens.labelFontFamily}: var(--plasma-typo-body-m-font-family);
-                ${_styledcomponents.timePickerTokens.labelFontStyle}: var(--plasma-typo-body-m-font-style);
-                ${_styledcomponents.timePickerTokens.labelFontSize}: var(--plasma-typo-body-m-font-size);
-                ${_styledcomponents.timePickerTokens.labelFontWeight}: var(--plasma-typo-body-m-font-weight);
-                ${_styledcomponents.timePickerTokens.labelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
-                ${_styledcomponents.timePickerTokens.labelLineHeight}: var(--plasma-typo-body-m-line-height);
+                ${_styledcomponents.timePickerTokens.labelFontFamily}: ${_sdds_platform_ai.bodyM.fontFamily};
+                ${_styledcomponents.timePickerTokens.labelFontStyle}: ${_sdds_platform_ai.bodyM.fontStyle};
+                ${_styledcomponents.timePickerTokens.labelFontSize}: ${_sdds_platform_ai.bodyM.fontSize};
+                ${_styledcomponents.timePickerTokens.labelFontWeight}: ${_sdds_platform_ai.bodyM.fontWeight};
+                ${_styledcomponents.timePickerTokens.labelLetterSpacing}: ${_sdds_platform_ai.bodyM.letterSpacing};
+                ${_styledcomponents.timePickerTokens.labelLineHeight}: ${_sdds_platform_ai.bodyM.lineHeight};
 
                 ${_styledcomponents.timePickerTokens.indicatorSize}: 0.5rem;
                 ${_styledcomponents.timePickerTokens.indicatorSizeOuter}: 0.375rem;
@@ -100,12 +101,12 @@ const config = {
                 ${_styledcomponents.timePickerTokens.textFieldHeight}: 3rem;
                 ${_styledcomponents.timePickerTokens.textFieldBorderRadius}: 0.75rem;
                 ${_styledcomponents.timePickerTokens.textFieldPadding}: 0.875rem 1rem 0.875rem 1rem;
-                ${_styledcomponents.timePickerTokens.textFieldFontFamily}: var(--plasma-typo-body-m-font-family);
-                ${_styledcomponents.timePickerTokens.textFieldFontStyle}: var(--plasma-typo-body-m-font-style);
-                ${_styledcomponents.timePickerTokens.textFieldFontSize}: var(--plasma-typo-body-m-font-size);
-                ${_styledcomponents.timePickerTokens.textFieldFontWeight}: var(--plasma-typo-body-m-font-weight);
-                ${_styledcomponents.timePickerTokens.textFieldLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
-                ${_styledcomponents.timePickerTokens.textFieldLineHeight}: var(--plasma-typo-body-m-line-height);
+                ${_styledcomponents.timePickerTokens.textFieldFontFamily}: ${_sdds_platform_ai.bodyM.fontFamily};
+                ${_styledcomponents.timePickerTokens.textFieldFontStyle}: ${_sdds_platform_ai.bodyM.fontStyle};
+                ${_styledcomponents.timePickerTokens.textFieldFontSize}: ${_sdds_platform_ai.bodyM.fontSize};
+                ${_styledcomponents.timePickerTokens.textFieldFontWeight}: ${_sdds_platform_ai.bodyM.fontWeight};
+                ${_styledcomponents.timePickerTokens.textFieldLetterSpacing}: ${_sdds_platform_ai.bodyM.letterSpacing};
+                ${_styledcomponents.timePickerTokens.textFieldLineHeight}: ${_sdds_platform_ai.bodyM.lineHeight};
 
                 ${_styledcomponents.timePickerTokens.textFieldLeftContentMargin}: -0.125rem 0.375rem -0.125rem -0.125rem;
                 ${_styledcomponents.timePickerTokens.textFieldRightContentMargin}: -0.125rem -0.125rem -0.125rem 0.75rem;
@@ -123,34 +124,34 @@ const config = {
 
                 ${_styledcomponents.timePickerTokens.columnHeight}: 31.25rem;
 
-                ${_styledcomponents.timePickerTokens.itemFontFamily}: var(--plasma-typo-body-m-font-family);
-                ${_styledcomponents.timePickerTokens.itemFontSize}: var(--plasma-typo-body-m-font-size);
-                ${_styledcomponents.timePickerTokens.itemFontStyle}: var(--plasma-typo-body-m-font-style);
-                ${_styledcomponents.timePickerTokens.itemFontWeight}: var(--plasma-typo-body-m-font-weight);
-                ${_styledcomponents.timePickerTokens.itemLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
-                ${_styledcomponents.timePickerTokens.itemLineHeight}: var(--plasma-typo-body-m-line-height);
+                ${_styledcomponents.timePickerTokens.itemFontFamily}: ${_sdds_platform_ai.bodyM.fontFamily};
+                ${_styledcomponents.timePickerTokens.itemFontSize}: ${_sdds_platform_ai.bodyM.fontSize};
+                ${_styledcomponents.timePickerTokens.itemFontStyle}: ${_sdds_platform_ai.bodyM.fontStyle};
+                ${_styledcomponents.timePickerTokens.itemFontWeight}: ${_sdds_platform_ai.bodyM.fontWeight};
+                ${_styledcomponents.timePickerTokens.itemLetterSpacing}: ${_sdds_platform_ai.bodyM.letterSpacing};
+                ${_styledcomponents.timePickerTokens.itemLineHeight}: ${_sdds_platform_ai.bodyM.lineHeight};
 
                 ${_styledcomponents.timePickerTokens.itemHeight}: 3rem;
                 ${_styledcomponents.timePickerTokens.itemBorderRadius}: 0.625rem;
                 ${_styledcomponents.timePickerTokens.itemPadding}: 0rem;
 
-                ${_styledcomponents.timePickerTokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_styledcomponents.timePickerTokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_styledcomponents.timePickerTokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_styledcomponents.timePickerTokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_styledcomponents.timePickerTokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_styledcomponents.timePickerTokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_styledcomponents.timePickerTokens.labelInnerFontFamily}: ${_sdds_platform_ai.bodyXS.fontFamily};
+                ${_styledcomponents.timePickerTokens.labelInnerFontSize}: ${_sdds_platform_ai.bodyXS.fontSize};
+                ${_styledcomponents.timePickerTokens.labelInnerFontStyle}: ${_sdds_platform_ai.bodyXS.fontStyle};
+                ${_styledcomponents.timePickerTokens.labelInnerFontWeight}: ${_sdds_platform_ai.bodyXS.fontWeight};
+                ${_styledcomponents.timePickerTokens.labelInnerLetterSpacing}: ${_sdds_platform_ai.bodyXS.letterSpacing};
+                ${_styledcomponents.timePickerTokens.labelInnerLineHeight}: ${_sdds_platform_ai.bodyXS.lineHeight};
                 ${_styledcomponents.timePickerTokens.hintMargin}: -0.688rem -0.5rem;
                 ${_styledcomponents.timePickerTokens.hintTargetSize}: 2.375rem;
                 ${_styledcomponents.timePickerTokens.hintInnerLabelPlacementOffset}: 0.312rem -2.938rem auto auto;
 
                 ${_styledcomponents.timePickerTokens.leftHelperOffset}: 0.25rem 0 0 0;
-                ${_styledcomponents.timePickerTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_styledcomponents.timePickerTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_styledcomponents.timePickerTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_styledcomponents.timePickerTokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_styledcomponents.timePickerTokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_styledcomponents.timePickerTokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_styledcomponents.timePickerTokens.leftHelperFontFamily}: ${_sdds_platform_ai.bodyXS.fontFamily};
+                ${_styledcomponents.timePickerTokens.leftHelperFontStyle}: ${_sdds_platform_ai.bodyXS.fontStyle};
+                ${_styledcomponents.timePickerTokens.leftHelperFontSize}: ${_sdds_platform_ai.bodyXS.fontSize};
+                ${_styledcomponents.timePickerTokens.leftHelperFontWeight}: ${_sdds_platform_ai.bodyXS.fontWeight};
+                ${_styledcomponents.timePickerTokens.leftHelperLetterSpacing}: ${_sdds_platform_ai.bodyXS.letterSpacing};
+                ${_styledcomponents.timePickerTokens.leftHelperLineHeight}: ${_sdds_platform_ai.bodyXS.lineHeight};
 
                 ${_styledcomponents.timePickerTokens.scrollbarWidth}: 0.125rem;
                 ${_styledcomponents.timePickerTokens.scrollbarMargin}: 0.375rem;
@@ -163,10 +164,10 @@ const config = {
         },
         hintView: {
             default: (0, _styledcomponents.css)`
-                ${_styledcomponents.timePickerTokens.hintTooltipBackgroundColor}: var(--surface-solid-card-brightness);
-                ${_styledcomponents.timePickerTokens.hintTooltipBoxShadow}: var(--shadow-down-hard-m);
-                ${_styledcomponents.timePickerTokens.hintTooltipColor}: var(--text-primary);
-                ${_styledcomponents.timePickerTokens.hintTooltipArrowBackground}: var(--surface-solid-card-brightness);
+                ${_styledcomponents.timePickerTokens.hintTooltipBackgroundColor}: ${_sdds_platform_ai.surfaceSolidCardBrightness};
+                ${_styledcomponents.timePickerTokens.hintTooltipBoxShadow}: ${_sdds_platform_ai.shadowDownHardM};
+                ${_styledcomponents.timePickerTokens.hintTooltipColor}: ${_sdds_platform_ai.textPrimary};
+                ${_styledcomponents.timePickerTokens.hintTooltipArrowBackground}: ${_sdds_platform_ai.surfaceSolidCardBrightness};
             `
         },
         hintSize: {
@@ -179,12 +180,12 @@ const config = {
                 ${_styledcomponents.timePickerTokens.hintTooltipMinHeight}: 2.5rem;
                 ${_styledcomponents.timePickerTokens.hintTooltipBorderRadius}: 0.625rem;
 
-                ${_styledcomponents.timePickerTokens.hintTooltipTextFontFamily}: var(--plasma-typo-body-s-font-family);
-                ${_styledcomponents.timePickerTokens.hintTooltipTextFontSize}: var(--plasma-typo-body-s-font-size);
-                ${_styledcomponents.timePickerTokens.hintTooltipTextFontStyle}: var(--plasma-typo-body-s-font-style);
-                ${_styledcomponents.timePickerTokens.hintTooltipTextFontWeight}: var(--plasma-typo-body-s-font-weight);
-                ${_styledcomponents.timePickerTokens.hintTooltipTextFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
-                ${_styledcomponents.timePickerTokens.hintTooltipTextFontLineHeight}: var(--plasma-typo-body-s-line-height);
+                ${_styledcomponents.timePickerTokens.hintTooltipTextFontFamily}: ${_sdds_platform_ai.bodyS.fontFamily};
+                ${_styledcomponents.timePickerTokens.hintTooltipTextFontSize}: ${_sdds_platform_ai.bodyS.fontSize};
+                ${_styledcomponents.timePickerTokens.hintTooltipTextFontStyle}: ${_sdds_platform_ai.bodyS.fontStyle};
+                ${_styledcomponents.timePickerTokens.hintTooltipTextFontWeight}: ${_sdds_platform_ai.bodyS.fontWeight};
+                ${_styledcomponents.timePickerTokens.hintTooltipTextFontLetterSpacing}: ${_sdds_platform_ai.bodyS.letterSpacing};
+                ${_styledcomponents.timePickerTokens.hintTooltipTextFontLineHeight}: ${_sdds_platform_ai.bodyS.lineHeight};
 
                 ${_styledcomponents.timePickerTokens.hintTooltipContentLeftMargin}: 0.375rem;
 
@@ -203,12 +204,12 @@ const config = {
                 ${_styledcomponents.timePickerTokens.hintTooltipMinHeight}: 2rem;
                 ${_styledcomponents.timePickerTokens.hintTooltipBorderRadius}: 0.5rem;
 
-                ${_styledcomponents.timePickerTokens.hintTooltipTextFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_styledcomponents.timePickerTokens.hintTooltipTextFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_styledcomponents.timePickerTokens.hintTooltipTextFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_styledcomponents.timePickerTokens.hintTooltipTextFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_styledcomponents.timePickerTokens.hintTooltipTextFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_styledcomponents.timePickerTokens.hintTooltipTextFontLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_styledcomponents.timePickerTokens.hintTooltipTextFontFamily}: ${_sdds_platform_ai.bodyXS.fontFamily};
+                ${_styledcomponents.timePickerTokens.hintTooltipTextFontSize}: ${_sdds_platform_ai.bodyXS.fontSize};
+                ${_styledcomponents.timePickerTokens.hintTooltipTextFontStyle}: ${_sdds_platform_ai.bodyXS.fontStyle};
+                ${_styledcomponents.timePickerTokens.hintTooltipTextFontWeight}: ${_sdds_platform_ai.bodyXS.fontWeight};
+                ${_styledcomponents.timePickerTokens.hintTooltipTextFontLetterSpacing}: ${_sdds_platform_ai.bodyXS.letterSpacing};
+                ${_styledcomponents.timePickerTokens.hintTooltipTextFontLineHeight}: ${_sdds_platform_ai.bodyXS.lineHeight};
 
                 ${_styledcomponents.timePickerTokens.hintTooltipContentLeftMargin}: 0.25rem;
 
@@ -221,14 +222,14 @@ const config = {
         },
         readonly: {
             true: (0, _styledcomponents.css)`
-                ${_styledcomponents.timePickerTokens.backgroundReadOnly}: var(--surface-transparent-card);
-                ${_styledcomponents.timePickerTokens.labelColorReadOnly}: var(--text-secondary);
-                ${_styledcomponents.timePickerTokens.leftHelperColorReadOnly}: var(--text-secondary);
-
-                ${_styledcomponents.timePickerTokens.textFieldColorReadOnly}: var(--text-secondary);
-                ${_styledcomponents.timePickerTokens.textFieldBackgroundColorReadOnly}: var(--surface-transparent-card);
-                ${_styledcomponents.timePickerTokens.textFieldBorderColorReadOnly}: var(--outline-transparent-primary);
-                ${_styledcomponents.timePickerTokens.textFieldPlaceholderColorReadOnly}: var(--text-secondary);
+                ${_styledcomponents.timePickerTokens.backgroundReadOnly}: ${_sdds_platform_ai.surfaceTransparentCard};
+                ${_styledcomponents.timePickerTokens.labelColorReadOnly}: ${_sdds_platform_ai.textSecondary};
+                ${_styledcomponents.timePickerTokens.leftHelperColorReadOnly}: ${_sdds_platform_ai.textSecondary};
+
+                ${_styledcomponents.timePickerTokens.textFieldColorReadOnly}: ${_sdds_platform_ai.textSecondary};
+                ${_styledcomponents.timePickerTokens.textFieldBackgroundColorReadOnly}: ${_sdds_platform_ai.surfaceTransparentCard};
+                ${_styledcomponents.timePickerTokens.textFieldBorderColorReadOnly}: ${_sdds_platform_ai.outlineTransparentPrimary};
+                ${_styledcomponents.timePickerTokens.textFieldPlaceholderColorReadOnly}: ${_sdds_platform_ai.textSecondary};
             `
         }
     }

package/dist/styled-components/cjs/components/Toast/Toast.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,27 +19,27 @@ const config = {
     variations: {
         view: {
             default: (0, _styledcomponents.css)`
-                ${_styledcomponents.toastTokens.color}: var(--text-primary);
-                ${_styledcomponents.toastTokens.background}: var(--surface-solid-card-brightness);
+                ${_styledcomponents.toastTokens.color}: ${_sdds_platform_ai.textPrimary};
+                ${_styledcomponents.toastTokens.background}: ${_sdds_platform_ai.surfaceSolidCardBrightness};
 
-                ${_styledcomponents.toastTokens.closeIconColor}: var(--text-secondary);
-                ${_styledcomponents.toastTokens.closeIconColorOnHover}: var(--text-secondary);
+                ${_styledcomponents.toastTokens.closeIconColor}: ${_sdds_platform_ai.textSecondary};
+                ${_styledcomponents.toastTokens.closeIconColorOnHover}: ${_sdds_platform_ai.textSecondary};
             `,
             positive: (0, _styledcomponents.css)`
-                ${_styledcomponents.toastTokens.color}: var(--text-primary);
-                ${_styledcomponents.toastTokens.background}: var(--surface-solid-card-brightness);
-                ${_styledcomponents.toastTokens.contentLeftColor}: var(--text-positive);
+                ${_styledcomponents.toastTokens.color}: ${_sdds_platform_ai.textPrimary};
+                ${_styledcomponents.toastTokens.background}: ${_sdds_platform_ai.surfaceSolidCardBrightness};
+                ${_styledcomponents.toastTokens.contentLeftColor}: ${_sdds_platform_ai.textPositive};
 
-                ${_styledcomponents.toastTokens.closeIconColor}: var(--text-secondary);
-                ${_styledcomponents.toastTokens.closeIconColorOnHover}: var(--text-secondary);
+                ${_styledcomponents.toastTokens.closeIconColor}: ${_sdds_platform_ai.textSecondary};
+                ${_styledcomponents.toastTokens.closeIconColorOnHover}: ${_sdds_platform_ai.textSecondary};
             `,
             negative: (0, _styledcomponents.css)`
-                ${_styledcomponents.toastTokens.color}: var(--text-primary);
-                ${_styledcomponents.toastTokens.background}: var(--surface-solid-card-brightness);
-                ${_styledcomponents.toastTokens.contentLeftColor}: var(--text-negative);
+                ${_styledcomponents.toastTokens.color}: ${_sdds_platform_ai.textPrimary};
+                ${_styledcomponents.toastTokens.background}: ${_sdds_platform_ai.surfaceSolidCardBrightness};
+                ${_styledcomponents.toastTokens.contentLeftColor}: ${_sdds_platform_ai.textNegative};
 
-                ${_styledcomponents.toastTokens.closeIconColor}: var(--text-secondary);
-                ${_styledcomponents.toastTokens.closeIconColorOnHover}: var(--text-secondary);
+                ${_styledcomponents.toastTokens.closeIconColor}: ${_sdds_platform_ai.textSecondary};
+                ${_styledcomponents.toastTokens.closeIconColorOnHover}: ${_sdds_platform_ai.textSecondary};
             `
         },
         size: {
@@ -46,12 +47,12 @@ const config = {
                 ${_styledcomponents.toastTokens.borderRadius}: 0.75rem;
                 ${_styledcomponents.toastTokens.maxWidth}: calc(100vw - 5rem);
                 ${_styledcomponents.toastTokens.padding}: 0.5625rem 0.75rem;
-                ${_styledcomponents.toastTokens.fontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_styledcomponents.toastTokens.fontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_styledcomponents.toastTokens.fontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_styledcomponents.toastTokens.fontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_styledcomponents.toastTokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_styledcomponents.toastTokens.lineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_styledcomponents.toastTokens.fontFamily}: ${_sdds_platform_ai.bodyXS.fontFamily};
+                ${_styledcomponents.toastTokens.fontSize}: ${_sdds_platform_ai.bodyXS.fontSize};
+                ${_styledcomponents.toastTokens.fontStyle}: ${_sdds_platform_ai.bodyXS.fontStyle};
+                ${_styledcomponents.toastTokens.fontWeight}: ${_sdds_platform_ai.bodyXS.fontWeight};
+                ${_styledcomponents.toastTokens.letterSpacing}: ${_sdds_platform_ai.bodyXS.letterSpacing};
+                ${_styledcomponents.toastTokens.lineHeight}: ${_sdds_platform_ai.bodyXS.lineHeight};
 
                 ${_styledcomponents.toastTokens.contentLeftMargin}: -0.0625rem 0.375rem -0.0625rem -0.125rem;
                 ${_styledcomponents.toastTokens.closeIconMargin}: -0.0625rem -0.25rem -0.0625rem 0.5rem;

package/dist/styled-components/cjs/components/Toolbar/Toolbar.config.js

@@ -9,6 +9,7 @@ Object.defineProperty(exports, "config", {
     }
 });
 const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+const _sdds_platform_ai = require("@salutejs/sdds-themes/tokens/sdds_platform_ai");
 const config = {
     defaults: {
         view: 'default',
@@ -17,11 +18,11 @@ const config = {
     variations: {
         view: {
             default: (0, _styledcomponents.css)`
-                /* TODO: заменить значение box-shadow на var(--shadow-down-soft-s). https://github.com/salute-developers/plasma/issues/1131 */
+                /* TODO: заменить значение box-shadow на ${_sdds_platform_ai.shadowDownSoftS}. https://github.com/salute-developers/plasma/issues/1131 */
                 ${_styledcomponents.toolbarTokens.boxShadow}: 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);
-                ${_styledcomponents.toolbarTokens.background}: var(--surface-solid-card-brightness);
+                ${_styledcomponents.toolbarTokens.background}: ${_sdds_platform_ai.surfaceSolidCardBrightness};
 
-                ${_styledcomponents.toolbarTokens.dividerColor}: var(--surface-transparent-tertiary);
+                ${_styledcomponents.toolbarTokens.dividerColor}: ${_sdds_platform_ai.surfaceTransparentTertiary};
             `
         },
         size: {

package/dist/styled-components/cjs/components/Tooltip/Tooltip.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',
@@ -25,12 +26,12 @@ const config = {
                 ${_styledcomponents.tooltipTokens.minHeight}: 2rem;
                 ${_styledcomponents.tooltipTokens.borderRadius}: 0.5rem;
 
-                ${_styledcomponents.tooltipTokens.textFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_styledcomponents.tooltipTokens.textFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_styledcomponents.tooltipTokens.textFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_styledcomponents.tooltipTokens.textFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_styledcomponents.tooltipTokens.textFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_styledcomponents.tooltipTokens.textFontLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_styledcomponents.tooltipTokens.textFontFamily}: ${_sdds_platform_ai.bodyXS.fontFamily};
+                ${_styledcomponents.tooltipTokens.textFontSize}: ${_sdds_platform_ai.bodyXS.fontSize};
+                ${_styledcomponents.tooltipTokens.textFontStyle}: ${_sdds_platform_ai.bodyXS.fontStyle};
+                ${_styledcomponents.tooltipTokens.textFontWeight}: ${_sdds_platform_ai.bodyXS.fontWeight};
+                ${_styledcomponents.tooltipTokens.textFontLetterSpacing}: ${_sdds_platform_ai.bodyXS.letterSpacing};
+                ${_styledcomponents.tooltipTokens.textFontLineHeight}: ${_sdds_platform_ai.bodyXS.lineHeight};
 
                 ${_styledcomponents.tooltipTokens.contentLeftMargin}: 0.25rem;
 
@@ -39,7 +40,7 @@ const config = {
                 ${_styledcomponents.tooltipTokens.arrowMaskImage}: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+");
                 ${_styledcomponents.tooltipTokens.arrowHeight}: 0.375rem;
                 ${_styledcomponents.tooltipTokens.arrowEdgeMargin}: 0.5625rem;
-                ${_styledcomponents.tooltipTokens.arrowBackground}: var(--surface-solid-card-brightness);
+                ${_styledcomponents.tooltipTokens.arrowBackground}: ${_sdds_platform_ai.surfaceSolidCardBrightness};
             `,
             m: (0, _styledcomponents.css)`
                 ${_styledcomponents.tooltipTokens.paddingTop}: 0.6875rem;
@@ -50,12 +51,12 @@ const config = {
                 ${_styledcomponents.tooltipTokens.minHeight}: 2.5rem;
                 ${_styledcomponents.tooltipTokens.borderRadius}: 0.625rem;
 
-                ${_styledcomponents.tooltipTokens.textFontFamily}: var(--plasma-typo-body-s-font-family);
-                ${_styledcomponents.tooltipTokens.textFontSize}: var(--plasma-typo-body-s-font-size);
-                ${_styledcomponents.tooltipTokens.textFontStyle}: var(--plasma-typo-body-s-font-style);
-                ${_styledcomponents.tooltipTokens.textFontWeight}: var(--plasma-typo-body-s-font-weight);
-                ${_styledcomponents.tooltipTokens.textFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
-                ${_styledcomponents.tooltipTokens.textFontLineHeight}: var(--plasma-typo-body-s-line-height);
+                ${_styledcomponents.tooltipTokens.textFontFamily}: ${_sdds_platform_ai.bodyS.fontFamily};
+                ${_styledcomponents.tooltipTokens.textFontSize}: ${_sdds_platform_ai.bodyS.fontSize};
+                ${_styledcomponents.tooltipTokens.textFontStyle}: ${_sdds_platform_ai.bodyS.fontStyle};
+                ${_styledcomponents.tooltipTokens.textFontWeight}: ${_sdds_platform_ai.bodyS.fontWeight};
+                ${_styledcomponents.tooltipTokens.textFontLetterSpacing}: ${_sdds_platform_ai.bodyS.letterSpacing};
+                ${_styledcomponents.tooltipTokens.textFontLineHeight}: ${_sdds_platform_ai.bodyS.lineHeight};
 
                 ${_styledcomponents.tooltipTokens.contentLeftMargin}: 0.375rem;
 
@@ -64,15 +65,15 @@ const config = {
                 ${_styledcomponents.tooltipTokens.arrowMaskImage}: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==");
                 ${_styledcomponents.tooltipTokens.arrowHeight}: 0.5rem;
                 ${_styledcomponents.tooltipTokens.arrowEdgeMargin}: 0.625rem;
-                ${_styledcomponents.tooltipTokens.arrowBackground}: var(--surface-solid-card-brightness);
+                ${_styledcomponents.tooltipTokens.arrowBackground}: ${_sdds_platform_ai.surfaceSolidCardBrightness};
             `
         },
         view: {
             // TODO заменить тень на токен https://github.com/salute-developers/plasma/issues/1131
             default: (0, _styledcomponents.css)`
-                ${_styledcomponents.tooltipTokens.backgroundColor}: var(--surface-solid-card-brightness);
+                ${_styledcomponents.tooltipTokens.backgroundColor}: ${_sdds_platform_ai.surfaceSolidCardBrightness};
                 ${_styledcomponents.tooltipTokens.boxShadow}: 0px 4px 12px 0px rgba(0, 0, 0, 0.16),0px 1px 4px 0px rgba(0, 0, 0, 0.08);
-                ${_styledcomponents.tooltipTokens.color}: var(--text-primary);
+                ${_styledcomponents.tooltipTokens.color}: ${_sdds_platform_ai.textPrimary};
             `
         }
     }

package/dist/styled-components/cjs/components/Tour/Tour.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,8 +18,8 @@ const config = {
     variations: {
         view: {
             default: (0, _styledcomponents.css)`
-                ${_styledcomponents.tourTokens.tailColor}: var(--surface-solid-card);
-                ${_styledcomponents.tourTokens.overlayColor}: var(--inverse-overlay-soft);
+                ${_styledcomponents.tourTokens.tailColor}: ${_sdds_platform_ai.surfaceSolidCard};
+                ${_styledcomponents.tourTokens.overlayColor}: ${_sdds_platform_ai.inverseOverlaySoft};
             `
         },
         size: {

package/dist/styled-components/cjs/components/Tree/Tree.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,24 +18,24 @@ const config = {
     variations: {
         view: {
             default: (0, _styledcomponents.css)`
-                ${_styledcomponents.treeTokens.iconFolderColor}: var(--text-primary);
-                ${_styledcomponents.treeTokens.arrowColor}: var(--text-secondary);
-                ${_styledcomponents.treeTokens.arrowColorHover}: var(--text-secondary-hover);
-                ${_styledcomponents.treeTokens.arrowColorActive}: var(--text-secondary-active);
-                ${_styledcomponents.treeTokens.color}: var(--text-primary);
-                ${_styledcomponents.treeTokens.colorSelected}: var(--text-primary);
-                ${_styledcomponents.treeTokens.itemBackgroundColorSelected}: var(--surface-transparent-secondary);
+                ${_styledcomponents.treeTokens.iconFolderColor}: ${_sdds_platform_ai.textPrimary};
+                ${_styledcomponents.treeTokens.arrowColor}: ${_sdds_platform_ai.textSecondary};
+                ${_styledcomponents.treeTokens.arrowColorHover}: ${_sdds_platform_ai.textSecondaryHover};
+                ${_styledcomponents.treeTokens.arrowColorActive}: ${_sdds_platform_ai.textSecondaryActive};
+                ${_styledcomponents.treeTokens.color}: ${_sdds_platform_ai.textPrimary};
+                ${_styledcomponents.treeTokens.colorSelected}: ${_sdds_platform_ai.textPrimary};
+                ${_styledcomponents.treeTokens.itemBackgroundColorSelected}: ${_sdds_platform_ai.surfaceTransparentSecondary};
                 ${_styledcomponents.treeTokens.itemBackgroundColorPrimary}: transparent;
 
-                ${_styledcomponents.treeTokens.itemBackgroundColorHover}: var(--surface-transparent-secondary-hover);
-                ${_styledcomponents.treeTokens.itemBackgroundColorActive}: var(--surface-transparent-secondary-active);
-                ${_styledcomponents.treeTokens.checkboxBorderColor}: var(--text-secondary);
-                ${_styledcomponents.treeTokens.checkboxBackgroundColor}: var(--text-accent);
+                ${_styledcomponents.treeTokens.itemBackgroundColorHover}: ${_sdds_platform_ai.surfaceTransparentSecondaryHover};
+                ${_styledcomponents.treeTokens.itemBackgroundColorActive}: ${_sdds_platform_ai.surfaceTransparentSecondaryActive};
+                ${_styledcomponents.treeTokens.checkboxBorderColor}: ${_sdds_platform_ai.textSecondary};
+                ${_styledcomponents.treeTokens.checkboxBackgroundColor}: ${_sdds_platform_ai.textAccent};
                 ${_styledcomponents.treeTokens.itemDisabledOpacity}: 0.4;
-                ${_styledcomponents.treeTokens.itemDisabledBorderColor}: var(--text-secondary);
-                ${_styledcomponents.treeTokens.itemDisabledColor}: var(--text-secondary);
-                ${_styledcomponents.treeTokens.itemDraggableBorderColor}: var(--surface-positive);
-                ${_styledcomponents.treeTokens.itemDraggableLineColor}: var(--surface-solid-default);
+                ${_styledcomponents.treeTokens.itemDisabledBorderColor}: ${_sdds_platform_ai.textSecondary};
+                ${_styledcomponents.treeTokens.itemDisabledColor}: ${_sdds_platform_ai.textSecondary};
+                ${_styledcomponents.treeTokens.itemDraggableBorderColor}: ${_sdds_platform_ai.surfacePositive};
+                ${_styledcomponents.treeTokens.itemDraggableLineColor}: ${_sdds_platform_ai.surfaceSolidDefault};
             `
         },
         size: {
@@ -62,12 +63,12 @@ const config = {
                 ${_styledcomponents.treeTokens.checkboxInnerSize}: 1.25rem;
                 ${_styledcomponents.treeTokens.checkboxBorderRadius}: 0.375rem;
 
-                ${_styledcomponents.treeTokens.fontFamily}: var(--plasma-typo-body-l-font-family);
-                ${_styledcomponents.treeTokens.fontSize}: var(--plasma-typo-body-l-font-size);
-                ${_styledcomponents.treeTokens.fontStyle}: var(--plasma-typo-body-l-font-style);
-                ${_styledcomponents.treeTokens.fontWeight}: var(--plasma-typo-body-l-font-weight);
-                ${_styledcomponents.treeTokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);
-                ${_styledcomponents.treeTokens.lineHeight}: var(--plasma-typo-body-l-line-height);
+                ${_styledcomponents.treeTokens.fontFamily}: ${_sdds_platform_ai.bodyL.fontFamily};
+                ${_styledcomponents.treeTokens.fontSize}: ${_sdds_platform_ai.bodyL.fontSize};
+                ${_styledcomponents.treeTokens.fontStyle}: ${_sdds_platform_ai.bodyL.fontStyle};
+                ${_styledcomponents.treeTokens.fontWeight}: ${_sdds_platform_ai.bodyL.fontWeight};
+                ${_styledcomponents.treeTokens.letterSpacing}: ${_sdds_platform_ai.bodyL.letterSpacing};
+                ${_styledcomponents.treeTokens.lineHeight}: ${_sdds_platform_ai.bodyL.lineHeight};
             `,
             l: (0, _styledcomponents.css)`
                 ${_styledcomponents.treeTokens.itemHeight}: 3.5rem;
@@ -93,12 +94,12 @@ const config = {
                 ${_styledcomponents.treeTokens.checkboxInnerSize}: 1.25rem;
                 ${_styledcomponents.treeTokens.checkboxBorderRadius}: 0.375rem;
 
-                ${_styledcomponents.treeTokens.fontFamily}: var(--plasma-typo-body-l-font-family);
-                ${_styledcomponents.treeTokens.fontSize}: var(--plasma-typo-body-l-font-size);
-                ${_styledcomponents.treeTokens.fontStyle}: var(--plasma-typo-body-l-font-style);
-                ${_styledcomponents.treeTokens.fontWeight}: var(--plasma-typo-body-l-font-weight);
-                ${_styledcomponents.treeTokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);
-                ${_styledcomponents.treeTokens.lineHeight}: var(--plasma-typo-body-l-line-height);
+                ${_styledcomponents.treeTokens.fontFamily}: ${_sdds_platform_ai.bodyL.fontFamily};
+                ${_styledcomponents.treeTokens.fontSize}: ${_sdds_platform_ai.bodyL.fontSize};
+                ${_styledcomponents.treeTokens.fontStyle}: ${_sdds_platform_ai.bodyL.fontStyle};
+                ${_styledcomponents.treeTokens.fontWeight}: ${_sdds_platform_ai.bodyL.fontWeight};
+                ${_styledcomponents.treeTokens.letterSpacing}: ${_sdds_platform_ai.bodyL.letterSpacing};
+                ${_styledcomponents.treeTokens.lineHeight}: ${_sdds_platform_ai.bodyL.lineHeight};
             `,
             m: (0, _styledcomponents.css)`
                 ${_styledcomponents.treeTokens.itemHeight}: 3rem;
@@ -124,12 +125,12 @@ const config = {
                 ${_styledcomponents.treeTokens.checkboxInnerSize}: 1.25rem;
                 ${_styledcomponents.treeTokens.checkboxBorderRadius}: 0.375rem;
 
-                ${_styledcomponents.treeTokens.fontFamily}: var(--plasma-typo-body-m-font-family);
-                ${_styledcomponents.treeTokens.fontSize}: var(--plasma-typo-body-m-font-size);
-                ${_styledcomponents.treeTokens.fontStyle}: var(--plasma-typo-body-m-font-style);
-                ${_styledcomponents.treeTokens.fontWeight}: var(--plasma-typo-body-m-font-weight);
-                ${_styledcomponents.treeTokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);
-                ${_styledcomponents.treeTokens.lineHeight}: var(--plasma-typo-body-m-line-height);
+                ${_styledcomponents.treeTokens.fontFamily}: ${_sdds_platform_ai.bodyM.fontFamily};
+                ${_styledcomponents.treeTokens.fontSize}: ${_sdds_platform_ai.bodyM.fontSize};
+                ${_styledcomponents.treeTokens.fontStyle}: ${_sdds_platform_ai.bodyM.fontStyle};
+                ${_styledcomponents.treeTokens.fontWeight}: ${_sdds_platform_ai.bodyM.fontWeight};
+                ${_styledcomponents.treeTokens.letterSpacing}: ${_sdds_platform_ai.bodyM.letterSpacing};
+                ${_styledcomponents.treeTokens.lineHeight}: ${_sdds_platform_ai.bodyM.lineHeight};
             `,
             s: (0, _styledcomponents.css)`
                 ${_styledcomponents.treeTokens.itemHeight}: 2.5rem;
@@ -155,12 +156,12 @@ const config = {
                 ${_styledcomponents.treeTokens.checkboxInnerSize}: 1.25rem;
                 ${_styledcomponents.treeTokens.checkboxBorderRadius}: 0.375rem;
 
-                ${_styledcomponents.treeTokens.fontFamily}: var(--plasma-typo-body-s-font-family);
-                ${_styledcomponents.treeTokens.fontSize}: var(--plasma-typo-body-s-font-size);
-                ${_styledcomponents.treeTokens.fontStyle}: var(--plasma-typo-body-s-font-style);
-                ${_styledcomponents.treeTokens.fontWeight}: var(--plasma-typo-body-s-font-weight);
-                ${_styledcomponents.treeTokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);
-                ${_styledcomponents.treeTokens.lineHeight}: var(--plasma-typo-body-s-line-height);
+                ${_styledcomponents.treeTokens.fontFamily}: ${_sdds_platform_ai.bodyS.fontFamily};
+                ${_styledcomponents.treeTokens.fontSize}: ${_sdds_platform_ai.bodyS.fontSize};
+                ${_styledcomponents.treeTokens.fontStyle}: ${_sdds_platform_ai.bodyS.fontStyle};
+                ${_styledcomponents.treeTokens.fontWeight}: ${_sdds_platform_ai.bodyS.fontWeight};
+                ${_styledcomponents.treeTokens.letterSpacing}: ${_sdds_platform_ai.bodyS.letterSpacing};
+                ${_styledcomponents.treeTokens.lineHeight}: ${_sdds_platform_ai.bodyS.lineHeight};
             `,
             xs: (0, _styledcomponents.css)`
                 ${_styledcomponents.treeTokens.itemHeight}: 2rem;
@@ -186,12 +187,12 @@ const config = {
                 ${_styledcomponents.treeTokens.checkboxInnerSize}: 0.875rem;
                 ${_styledcomponents.treeTokens.checkboxBorderRadius}: 0.25rem;
 
-                ${_styledcomponents.treeTokens.fontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_styledcomponents.treeTokens.fontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_styledcomponents.treeTokens.fontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_styledcomponents.treeTokens.fontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_styledcomponents.treeTokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_styledcomponents.treeTokens.lineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_styledcomponents.treeTokens.fontFamily}: ${_sdds_platform_ai.bodyXS.fontFamily};
+                ${_styledcomponents.treeTokens.fontSize}: ${_sdds_platform_ai.bodyXS.fontSize};
+                ${_styledcomponents.treeTokens.fontStyle}: ${_sdds_platform_ai.bodyXS.fontStyle};
+                ${_styledcomponents.treeTokens.fontWeight}: ${_sdds_platform_ai.bodyXS.fontWeight};
+                ${_styledcomponents.treeTokens.letterSpacing}: ${_sdds_platform_ai.bodyXS.letterSpacing};
+                ${_styledcomponents.treeTokens.lineHeight}: ${_sdds_platform_ai.bodyXS.lineHeight};
             `
         }
     }