@salutejs/sdds-scan 0.357.0-next-sbcom.0 → 0.358.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_scan = require("@salutejs/sdds-themes/tokens/sdds_scan");
 const config = {
     defaults: {
         view: 'default',
@@ -19,45 +20,45 @@ 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_scan.surfaceTransparentPrimary};
+                ${_styledcomponents.timePickerTokens.backgroundError}: ${_sdds_scan.surfaceTransparentNegative};
+                ${_styledcomponents.timePickerTokens.backgroundSuccess}: ${_sdds_scan.surfaceTransparentPositive};
 
-                ${_styledcomponents.timePickerTokens.labelColor}: var(--text-primary);
+                ${_styledcomponents.timePickerTokens.labelColor}: ${_sdds_scan.textPrimary};
 
-                ${_styledcomponents.timePickerTokens.textFieldColor}: var(--text-primary);
-                ${_styledcomponents.timePickerTokens.textFieldPlaceholderColor}: var(--text-secondary);
-                ${_styledcomponents.timePickerTokens.textFieldCaretColor}: var(--text-accent);
+                ${_styledcomponents.timePickerTokens.textFieldColor}: ${_sdds_scan.textPrimary};
+                ${_styledcomponents.timePickerTokens.textFieldPlaceholderColor}: ${_sdds_scan.textSecondary};
+                ${_styledcomponents.timePickerTokens.textFieldCaretColor}: ${_sdds_scan.textAccent};
 
-                ${_styledcomponents.timePickerTokens.indicatorColor}: var(--surface-negative);
+                ${_styledcomponents.timePickerTokens.indicatorColor}: ${_sdds_scan.surfaceNegative};
 
-                ${_styledcomponents.timePickerTokens.timePickerShadow}: var(--shadow-down-soft-s);
+                ${_styledcomponents.timePickerTokens.timePickerShadow}: ${_sdds_scan.shadowDownSoftS};
 
-                ${_styledcomponents.timePickerTokens.textFieldBackgroundColor}: var(--surface-transparent-primary);
-                ${_styledcomponents.timePickerTokens.textFieldBackgroundColorFocus}: var(--surface-transparent-secondary);
-                ${_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_scan.surfaceTransparentPrimary};
+                ${_styledcomponents.timePickerTokens.textFieldBackgroundColorFocus}: ${_sdds_scan.surfaceTransparentSecondary};
+                ${_styledcomponents.timePickerTokens.textFieldBackgroundErrorColor}: ${_sdds_scan.surfaceTransparentNegative};
+                ${_styledcomponents.timePickerTokens.textFieldBackgroundErrorColorFocus}: ${_sdds_scan.surfaceTransparentNegativeActive};
+                ${_styledcomponents.timePickerTokens.textFieldBackgroundSuccessColor}: ${_sdds_scan.surfaceTransparentPositive};
+                ${_styledcomponents.timePickerTokens.textFieldBackgroundSuccessColorFocus}: ${_sdds_scan.surfaceTransparentPositiveActive};
 
-                ${_styledcomponents.timePickerTokens.textFieldTextBeforeColor}: var(--text-tertiary);
-                ${_styledcomponents.timePickerTokens.textFieldTextAfterColor}: var(--text-tertiary);
+                ${_styledcomponents.timePickerTokens.textFieldTextBeforeColor}: ${_sdds_scan.textTertiary};
+                ${_styledcomponents.timePickerTokens.textFieldTextAfterColor}: ${_sdds_scan.textTertiary};
 
-                ${_styledcomponents.timePickerTokens.textFieldPlaceholderColorFocus}: var(--text-tertiary);
+                ${_styledcomponents.timePickerTokens.textFieldPlaceholderColorFocus}: ${_sdds_scan.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_scan.surfaceSolidCard};
+                ${_styledcomponents.timePickerTokens.itemBackgroundHover}: ${_sdds_scan.surfaceTransparentSecondary};
+                ${_styledcomponents.timePickerTokens.itemBackgroundActive}: ${_sdds_scan.surfaceTransparentSecondary};
+                ${_styledcomponents.timePickerTokens.itemFocusColor}: ${_sdds_scan.surfaceAccent};
 
-                ${_styledcomponents.timePickerTokens.scrollbarColor}: var(--surface-transparent-tertiary);
-                ${_styledcomponents.timePickerTokens.scrollbarTrackColor}: var(--surface-transparent-primary);
+                ${_styledcomponents.timePickerTokens.scrollbarColor}: ${_sdds_scan.surfaceTransparentTertiary};
+                ${_styledcomponents.timePickerTokens.scrollbarTrackColor}: ${_sdds_scan.surfaceTransparentPrimary};
 
-                ${_styledcomponents.timePickerTokens.leftHelperColor}: var(--text-secondary);
-                ${_styledcomponents.timePickerTokens.leftHelperColorError}: var(--text-negative);
-                ${_styledcomponents.timePickerTokens.leftHelperColorSuccess}: var(--text-positive);
+                ${_styledcomponents.timePickerTokens.leftHelperColor}: ${_sdds_scan.textSecondary};
+                ${_styledcomponents.timePickerTokens.leftHelperColorError}: ${_sdds_scan.textNegative};
+                ${_styledcomponents.timePickerTokens.leftHelperColorSuccess}: ${_sdds_scan.textPositive};
 
-                ${_styledcomponents.timePickerTokens.hintIconColor}: var(--text-secondary);
+                ${_styledcomponents.timePickerTokens.hintIconColor}: ${_sdds_scan.textSecondary};
             `
         },
         size: {
@@ -72,12 +73,12 @@ const config = {
                 ${_styledcomponents.timePickerTokens.labelInnerPadding}: 0.5625rem 0 0.125rem 0;
                 ${_styledcomponents.timePickerTokens.contentLabelInnerPadding}: 1.5625rem 0 0.5625rem 0;
 
-                ${_styledcomponents.timePickerTokens.labelFontFamily}: var(--plasma-typo-body-l-font-family);
-                ${_styledcomponents.timePickerTokens.labelFontStyle}: var(--plasma-typo-body-l-font-style);
-                ${_styledcomponents.timePickerTokens.labelFontSize}: var(--plasma-typo-body-l-font-size);
-                ${_styledcomponents.timePickerTokens.labelFontWeight}: var(--plasma-typo-body-l-font-weight);
-                ${_styledcomponents.timePickerTokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
-                ${_styledcomponents.timePickerTokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);
+                ${_styledcomponents.timePickerTokens.labelFontFamily}: ${_sdds_scan.bodyL.fontFamily};
+                ${_styledcomponents.timePickerTokens.labelFontStyle}: ${_sdds_scan.bodyL.fontStyle};
+                ${_styledcomponents.timePickerTokens.labelFontSize}: ${_sdds_scan.bodyL.fontSize};
+                ${_styledcomponents.timePickerTokens.labelFontWeight}: ${_sdds_scan.bodyL.fontWeight};
+                ${_styledcomponents.timePickerTokens.labelLetterSpacing}: ${_sdds_scan.bodyL.letterSpacing};
+                ${_styledcomponents.timePickerTokens.labelLineHeight}: ${_sdds_scan.bodyL.lineHeight};
 
                 ${_styledcomponents.timePickerTokens.indicatorSize}: 0.5rem;
                 ${_styledcomponents.timePickerTokens.indicatorSizeOuter}: 0.375rem;
@@ -89,12 +90,12 @@ const config = {
                 ${_styledcomponents.timePickerTokens.textFieldHeight}: 3.5rem;
                 ${_styledcomponents.timePickerTokens.textFieldBorderRadius}: 0.875rem;
                 ${_styledcomponents.timePickerTokens.textFieldPadding}: 1.0625rem 1.125rem 1.0625rem 1.125rem;
-                ${_styledcomponents.timePickerTokens.textFieldFontFamily}: var(--plasma-typo-body-l-font-family);
-                ${_styledcomponents.timePickerTokens.textFieldFontStyle}: var(--plasma-typo-body-l-font-style);
-                ${_styledcomponents.timePickerTokens.textFieldFontSize}: var(--plasma-typo-body-l-font-size);
-                ${_styledcomponents.timePickerTokens.textFieldFontWeight}: var(--plasma-typo-body-l-font-weight);
-                ${_styledcomponents.timePickerTokens.textFieldLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
-                ${_styledcomponents.timePickerTokens.textFieldLineHeight}: var(--plasma-typo-body-l-line-height);
+                ${_styledcomponents.timePickerTokens.textFieldFontFamily}: ${_sdds_scan.bodyL.fontFamily};
+                ${_styledcomponents.timePickerTokens.textFieldFontStyle}: ${_sdds_scan.bodyL.fontStyle};
+                ${_styledcomponents.timePickerTokens.textFieldFontSize}: ${_sdds_scan.bodyL.fontSize};
+                ${_styledcomponents.timePickerTokens.textFieldFontWeight}: ${_sdds_scan.bodyL.fontWeight};
+                ${_styledcomponents.timePickerTokens.textFieldLetterSpacing}: ${_sdds_scan.bodyL.letterSpacing};
+                ${_styledcomponents.timePickerTokens.textFieldLineHeight}: ${_sdds_scan.bodyL.lineHeight};
 
                 ${_styledcomponents.timePickerTokens.textFieldLeftContentMargin}: -0.0625rem 0.5rem -0.0625rem -0.125rem;
                 ${_styledcomponents.timePickerTokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;
@@ -112,23 +113,23 @@ const config = {
 
                 ${_styledcomponents.timePickerTokens.columnHeight}: 36.25rem;
 
-                ${_styledcomponents.timePickerTokens.itemFontFamily}: var(--plasma-typo-body-l-font-family);
-                ${_styledcomponents.timePickerTokens.itemFontSize}: var(--plasma-typo-body-l-font-size);
-                ${_styledcomponents.timePickerTokens.itemFontStyle}: var(--plasma-typo-body-l-font-style);
-                ${_styledcomponents.timePickerTokens.itemFontWeight}: var(--plasma-typo-body-l-font-weight);
-                ${_styledcomponents.timePickerTokens.itemLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
-                ${_styledcomponents.timePickerTokens.itemLineHeight}: var(--plasma-typo-body-l-line-height);
+                ${_styledcomponents.timePickerTokens.itemFontFamily}: ${_sdds_scan.bodyL.fontFamily};
+                ${_styledcomponents.timePickerTokens.itemFontSize}: ${_sdds_scan.bodyL.fontSize};
+                ${_styledcomponents.timePickerTokens.itemFontStyle}: ${_sdds_scan.bodyL.fontStyle};
+                ${_styledcomponents.timePickerTokens.itemFontWeight}: ${_sdds_scan.bodyL.fontWeight};
+                ${_styledcomponents.timePickerTokens.itemLetterSpacing}: ${_sdds_scan.bodyL.letterSpacing};
+                ${_styledcomponents.timePickerTokens.itemLineHeight}: ${_sdds_scan.bodyL.lineHeight};
 
                 ${_styledcomponents.timePickerTokens.itemHeight}: 3.5rem;
                 ${_styledcomponents.timePickerTokens.itemBorderRadius}: 0.75rem;
                 ${_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_scan.bodyXS.fontFamily};
+                ${_styledcomponents.timePickerTokens.labelInnerFontSize}: ${_sdds_scan.bodyXS.fontSize};
+                ${_styledcomponents.timePickerTokens.labelInnerFontStyle}: ${_sdds_scan.bodyXS.fontStyle};
+                ${_styledcomponents.timePickerTokens.labelInnerFontWeight}: ${_sdds_scan.bodyXS.fontWeight};
+                ${_styledcomponents.timePickerTokens.labelInnerLetterSpacing}: ${_sdds_scan.bodyXS.letterSpacing};
+                ${_styledcomponents.timePickerTokens.labelInnerLineHeight}: ${_sdds_scan.bodyXS.lineHeight};
 
                 ${_styledcomponents.timePickerTokens.scrollbarWidth}: 0.125rem;
             `,
@@ -143,12 +144,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_scan.bodyM.fontFamily};
+                ${_styledcomponents.timePickerTokens.labelFontStyle}: ${_sdds_scan.bodyM.fontStyle};
+                ${_styledcomponents.timePickerTokens.labelFontSize}: ${_sdds_scan.bodyM.fontSize};
+                ${_styledcomponents.timePickerTokens.labelFontWeight}: ${_sdds_scan.bodyM.fontWeight};
+                ${_styledcomponents.timePickerTokens.labelLetterSpacing}: ${_sdds_scan.bodyM.letterSpacing};
+                ${_styledcomponents.timePickerTokens.labelLineHeight}: ${_sdds_scan.bodyM.lineHeight};
 
                 ${_styledcomponents.timePickerTokens.indicatorSize}: 0.5rem;
                 ${_styledcomponents.timePickerTokens.indicatorSizeOuter}: 0.375rem;
@@ -160,12 +161,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_scan.bodyM.fontFamily};
+                ${_styledcomponents.timePickerTokens.textFieldFontStyle}: ${_sdds_scan.bodyM.fontStyle};
+                ${_styledcomponents.timePickerTokens.textFieldFontSize}: ${_sdds_scan.bodyM.fontSize};
+                ${_styledcomponents.timePickerTokens.textFieldFontWeight}: ${_sdds_scan.bodyM.fontWeight};
+                ${_styledcomponents.timePickerTokens.textFieldLetterSpacing}: ${_sdds_scan.bodyM.letterSpacing};
+                ${_styledcomponents.timePickerTokens.textFieldLineHeight}: ${_sdds_scan.bodyM.lineHeight};
 
                 ${_styledcomponents.timePickerTokens.textFieldLeftContentMargin}: -0.125rem 0.375rem -0.125rem -0.125rem;
                 ${_styledcomponents.timePickerTokens.textFieldRightContentMargin}: -0.125rem -0.125rem -0.125rem 0.75rem;
@@ -183,34 +184,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_scan.bodyM.fontFamily};
+                ${_styledcomponents.timePickerTokens.itemFontSize}: ${_sdds_scan.bodyM.fontSize};
+                ${_styledcomponents.timePickerTokens.itemFontStyle}: ${_sdds_scan.bodyM.fontStyle};
+                ${_styledcomponents.timePickerTokens.itemFontWeight}: ${_sdds_scan.bodyM.fontWeight};
+                ${_styledcomponents.timePickerTokens.itemLetterSpacing}: ${_sdds_scan.bodyM.letterSpacing};
+                ${_styledcomponents.timePickerTokens.itemLineHeight}: ${_sdds_scan.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_scan.bodyXS.fontFamily};
+                ${_styledcomponents.timePickerTokens.labelInnerFontSize}: ${_sdds_scan.bodyXS.fontSize};
+                ${_styledcomponents.timePickerTokens.labelInnerFontStyle}: ${_sdds_scan.bodyXS.fontStyle};
+                ${_styledcomponents.timePickerTokens.labelInnerFontWeight}: ${_sdds_scan.bodyXS.fontWeight};
+                ${_styledcomponents.timePickerTokens.labelInnerLetterSpacing}: ${_sdds_scan.bodyXS.letterSpacing};
+                ${_styledcomponents.timePickerTokens.labelInnerLineHeight}: ${_sdds_scan.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_scan.bodyXS.fontFamily};
+                ${_styledcomponents.timePickerTokens.leftHelperFontStyle}: ${_sdds_scan.bodyXS.fontStyle};
+                ${_styledcomponents.timePickerTokens.leftHelperFontSize}: ${_sdds_scan.bodyXS.fontSize};
+                ${_styledcomponents.timePickerTokens.leftHelperFontWeight}: ${_sdds_scan.bodyXS.fontWeight};
+                ${_styledcomponents.timePickerTokens.leftHelperLetterSpacing}: ${_sdds_scan.bodyXS.letterSpacing};
+                ${_styledcomponents.timePickerTokens.leftHelperLineHeight}: ${_sdds_scan.bodyXS.lineHeight};
 
                 ${_styledcomponents.timePickerTokens.scrollbarWidth}: 0.125rem;
                 ${_styledcomponents.timePickerTokens.scrollbarMargin}: 0.375rem;
@@ -226,12 +227,12 @@ const config = {
                 ${_styledcomponents.timePickerTokens.labelInnerPadding}: 0.3125rem 0 0 0;
                 ${_styledcomponents.timePickerTokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;
 
-                ${_styledcomponents.timePickerTokens.labelFontFamily}: var(--plasma-typo-body-s-font-family);
-                ${_styledcomponents.timePickerTokens.labelFontStyle}: var(--plasma-typo-body-s-font-style);
-                ${_styledcomponents.timePickerTokens.labelFontSize}: var(--plasma-typo-body-s-font-size);
-                ${_styledcomponents.timePickerTokens.labelFontWeight}: var(--plasma-typo-body-s-font-weight);
-                ${_styledcomponents.timePickerTokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
-                ${_styledcomponents.timePickerTokens.labelLineHeight}: var(--plasma-typo-body-s-line-height);
+                ${_styledcomponents.timePickerTokens.labelFontFamily}: ${_sdds_scan.bodyS.fontFamily};
+                ${_styledcomponents.timePickerTokens.labelFontStyle}: ${_sdds_scan.bodyS.fontStyle};
+                ${_styledcomponents.timePickerTokens.labelFontSize}: ${_sdds_scan.bodyS.fontSize};
+                ${_styledcomponents.timePickerTokens.labelFontWeight}: ${_sdds_scan.bodyS.fontWeight};
+                ${_styledcomponents.timePickerTokens.labelLetterSpacing}: ${_sdds_scan.bodyS.letterSpacing};
+                ${_styledcomponents.timePickerTokens.labelLineHeight}: ${_sdds_scan.bodyS.lineHeight};
 
                 ${_styledcomponents.timePickerTokens.indicatorSize}: 0.375rem;
                 ${_styledcomponents.timePickerTokens.indicatorSizeOuter}: 0.375rem;
@@ -243,12 +244,12 @@ const config = {
                 ${_styledcomponents.timePickerTokens.textFieldHeight}: 2.5rem;
                 ${_styledcomponents.timePickerTokens.textFieldBorderRadius}: 0.625rem;
                 ${_styledcomponents.timePickerTokens.textFieldPadding}: 0.6875rem 0.875rem 0.6875rem 0.875rem;
-                ${_styledcomponents.timePickerTokens.textFieldFontFamily}: var(--plasma-typo-body-s-font-family);
-                ${_styledcomponents.timePickerTokens.textFieldFontStyle}: var(--plasma-typo-body-s-font-style);
-                ${_styledcomponents.timePickerTokens.textFieldFontSize}: var(--plasma-typo-body-s-font-size);
-                ${_styledcomponents.timePickerTokens.textFieldFontWeight}: var(--plasma-typo-body-s-font-weight);
-                ${_styledcomponents.timePickerTokens.textFieldLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
-                ${_styledcomponents.timePickerTokens.textFieldLineHeight}: var(--plasma-typo-body-s-line-height);
+                ${_styledcomponents.timePickerTokens.textFieldFontFamily}: ${_sdds_scan.bodyS.fontFamily};
+                ${_styledcomponents.timePickerTokens.textFieldFontStyle}: ${_sdds_scan.bodyS.fontStyle};
+                ${_styledcomponents.timePickerTokens.textFieldFontSize}: ${_sdds_scan.bodyS.fontSize};
+                ${_styledcomponents.timePickerTokens.textFieldFontWeight}: ${_sdds_scan.bodyS.fontWeight};
+                ${_styledcomponents.timePickerTokens.textFieldLetterSpacing}: ${_sdds_scan.bodyS.letterSpacing};
+                ${_styledcomponents.timePickerTokens.textFieldLineHeight}: ${_sdds_scan.bodyS.lineHeight};
 
                 ${_styledcomponents.timePickerTokens.textFieldLeftContentMargin}: -0.1875rem 0.25rem -0.1875rem -0.125rem;
                 ${_styledcomponents.timePickerTokens.textFieldRightContentMargin}: -0.1875rem -0.125rem -0.1875rem 0.75rem;
@@ -266,34 +267,34 @@ const config = {
 
                 ${_styledcomponents.timePickerTokens.columnHeight}: 26.25rem;
 
-                ${_styledcomponents.timePickerTokens.itemFontFamily}: var(--plasma-typo-body-s-font-family);
-                ${_styledcomponents.timePickerTokens.itemFontSize}: var(--plasma-typo-body-s-font-size);
-                ${_styledcomponents.timePickerTokens.itemFontStyle}: var(--plasma-typo-body-s-font-style);
-                ${_styledcomponents.timePickerTokens.itemFontWeight}: var(--plasma-typo-body-s-font-weight);
-                ${_styledcomponents.timePickerTokens.itemLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
-                ${_styledcomponents.timePickerTokens.itemLineHeight}: var(--plasma-typo-body-s-line-height);
+                ${_styledcomponents.timePickerTokens.itemFontFamily}: ${_sdds_scan.bodyS.fontFamily};
+                ${_styledcomponents.timePickerTokens.itemFontSize}: ${_sdds_scan.bodyS.fontSize};
+                ${_styledcomponents.timePickerTokens.itemFontStyle}: ${_sdds_scan.bodyS.fontStyle};
+                ${_styledcomponents.timePickerTokens.itemFontWeight}: ${_sdds_scan.bodyS.fontWeight};
+                ${_styledcomponents.timePickerTokens.itemLetterSpacing}: ${_sdds_scan.bodyS.letterSpacing};
+                ${_styledcomponents.timePickerTokens.itemLineHeight}: ${_sdds_scan.bodyS.lineHeight};
 
                 ${_styledcomponents.timePickerTokens.itemHeight}: 2.5rem;
                 ${_styledcomponents.timePickerTokens.itemBorderRadius}: 0.5rem;
                 ${_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_scan.bodyXS.fontFamily};
+                ${_styledcomponents.timePickerTokens.labelInnerFontSize}: ${_sdds_scan.bodyXS.fontSize};
+                ${_styledcomponents.timePickerTokens.labelInnerFontStyle}: ${_sdds_scan.bodyXS.fontStyle};
+                ${_styledcomponents.timePickerTokens.labelInnerFontWeight}: ${_sdds_scan.bodyXS.fontWeight};
+                ${_styledcomponents.timePickerTokens.labelInnerLetterSpacing}: ${_sdds_scan.bodyXS.letterSpacing};
+                ${_styledcomponents.timePickerTokens.labelInnerLineHeight}: ${_sdds_scan.bodyXS.lineHeight};
                 ${_styledcomponents.timePickerTokens.hintMargin}: -0.688rem -0.5rem;
                 ${_styledcomponents.timePickerTokens.hintTargetSize}: 2.375rem;
                 ${_styledcomponents.timePickerTokens.hintInnerLabelPlacementOffset}: 0.062rem -2.813rem 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_scan.bodyXS.fontFamily};
+                ${_styledcomponents.timePickerTokens.leftHelperFontStyle}: ${_sdds_scan.bodyXS.fontStyle};
+                ${_styledcomponents.timePickerTokens.leftHelperFontSize}: ${_sdds_scan.bodyXS.fontSize};
+                ${_styledcomponents.timePickerTokens.leftHelperFontWeight}: ${_sdds_scan.bodyXS.fontWeight};
+                ${_styledcomponents.timePickerTokens.leftHelperLetterSpacing}: ${_sdds_scan.bodyXS.letterSpacing};
+                ${_styledcomponents.timePickerTokens.leftHelperLineHeight}: ${_sdds_scan.bodyXS.lineHeight};
 
                 ${_styledcomponents.timePickerTokens.scrollbarWidth}: 0.125rem;
                 ${_styledcomponents.timePickerTokens.scrollbarMargin}: 0.25rem;
@@ -309,12 +310,12 @@ const config = {
                 ${_styledcomponents.timePickerTokens.labelInnerPadding}: 0.3125rem 0 0 0;
                 ${_styledcomponents.timePickerTokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;
 
-                ${_styledcomponents.timePickerTokens.labelFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_styledcomponents.timePickerTokens.labelFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_styledcomponents.timePickerTokens.labelFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_styledcomponents.timePickerTokens.labelFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_styledcomponents.timePickerTokens.labelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_styledcomponents.timePickerTokens.labelLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_styledcomponents.timePickerTokens.labelFontFamily}: ${_sdds_scan.bodyXS.fontFamily};
+                ${_styledcomponents.timePickerTokens.labelFontStyle}: ${_sdds_scan.bodyXS.fontStyle};
+                ${_styledcomponents.timePickerTokens.labelFontSize}: ${_sdds_scan.bodyXS.fontSize};
+                ${_styledcomponents.timePickerTokens.labelFontWeight}: ${_sdds_scan.bodyXS.fontWeight};
+                ${_styledcomponents.timePickerTokens.labelLetterSpacing}: ${_sdds_scan.bodyXS.letterSpacing};
+                ${_styledcomponents.timePickerTokens.labelLineHeight}: ${_sdds_scan.bodyXS.lineHeight};
 
                 ${_styledcomponents.timePickerTokens.indicatorSize}: 0.375rem;
                 ${_styledcomponents.timePickerTokens.indicatorSizeOuter}: 0.375rem;
@@ -326,12 +327,12 @@ const config = {
                 ${_styledcomponents.timePickerTokens.textFieldHeight}: 2rem;
                 ${_styledcomponents.timePickerTokens.textFieldBorderRadius}: 0.5rem;
                 ${_styledcomponents.timePickerTokens.textFieldPadding}: 0.5625rem 0.625rem 0.5625rem 0.625rem;
-                ${_styledcomponents.timePickerTokens.textFieldFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_styledcomponents.timePickerTokens.textFieldFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_styledcomponents.timePickerTokens.textFieldFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_styledcomponents.timePickerTokens.textFieldFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_styledcomponents.timePickerTokens.textFieldLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_styledcomponents.timePickerTokens.textFieldLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_styledcomponents.timePickerTokens.textFieldFontFamily}: ${_sdds_scan.bodyXS.fontFamily};
+                ${_styledcomponents.timePickerTokens.textFieldFontStyle}: ${_sdds_scan.bodyXS.fontStyle};
+                ${_styledcomponents.timePickerTokens.textFieldFontSize}: ${_sdds_scan.bodyXS.fontSize};
+                ${_styledcomponents.timePickerTokens.textFieldFontWeight}: ${_sdds_scan.bodyXS.fontWeight};
+                ${_styledcomponents.timePickerTokens.textFieldLetterSpacing}: ${_sdds_scan.bodyXS.letterSpacing};
+                ${_styledcomponents.timePickerTokens.textFieldLineHeight}: ${_sdds_scan.bodyXS.lineHeight};
 
                 ${_styledcomponents.timePickerTokens.textFieldLeftContentMargin}: -0.0625rem 0.25rem -0.0625rem -0.125rem;
                 ${_styledcomponents.timePickerTokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;
@@ -349,34 +350,34 @@ const config = {
 
                 ${_styledcomponents.timePickerTokens.columnHeight}: 21.25rem;
 
-                ${_styledcomponents.timePickerTokens.itemFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_styledcomponents.timePickerTokens.itemFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_styledcomponents.timePickerTokens.itemFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_styledcomponents.timePickerTokens.itemFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_styledcomponents.timePickerTokens.itemLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_styledcomponents.timePickerTokens.itemLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_styledcomponents.timePickerTokens.itemFontFamily}: ${_sdds_scan.bodyXS.fontFamily};
+                ${_styledcomponents.timePickerTokens.itemFontSize}: ${_sdds_scan.bodyXS.fontSize};
+                ${_styledcomponents.timePickerTokens.itemFontStyle}: ${_sdds_scan.bodyXS.fontStyle};
+                ${_styledcomponents.timePickerTokens.itemFontWeight}: ${_sdds_scan.bodyXS.fontWeight};
+                ${_styledcomponents.timePickerTokens.itemLetterSpacing}: ${_sdds_scan.bodyXS.letterSpacing};
+                ${_styledcomponents.timePickerTokens.itemLineHeight}: ${_sdds_scan.bodyXS.lineHeight};
 
                 ${_styledcomponents.timePickerTokens.itemHeight}: 2rem;
                 ${_styledcomponents.timePickerTokens.itemBorderRadius}: 0.375rem;
                 ${_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_scan.bodyXS.fontFamily};
+                ${_styledcomponents.timePickerTokens.labelInnerFontSize}: ${_sdds_scan.bodyXS.fontSize};
+                ${_styledcomponents.timePickerTokens.labelInnerFontStyle}: ${_sdds_scan.bodyXS.fontStyle};
+                ${_styledcomponents.timePickerTokens.labelInnerFontWeight}: ${_sdds_scan.bodyXS.fontWeight};
+                ${_styledcomponents.timePickerTokens.labelInnerLetterSpacing}: ${_sdds_scan.bodyXS.letterSpacing};
+                ${_styledcomponents.timePickerTokens.labelInnerLineHeight}: ${_sdds_scan.bodyXS.lineHeight};
                 ${_styledcomponents.timePickerTokens.hintMargin}: -0.75rem -0.625rem -0.75rem -0.5rem;
                 ${_styledcomponents.timePickerTokens.hintTargetSize}: 2.375rem;
                 ${_styledcomponents.timePickerTokens.hintInnerLabelPlacementOffset}: -0.188rem -2.1875rem 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_scan.bodyXS.fontFamily};
+                ${_styledcomponents.timePickerTokens.leftHelperFontStyle}: ${_sdds_scan.bodyXS.fontStyle};
+                ${_styledcomponents.timePickerTokens.leftHelperFontSize}: ${_sdds_scan.bodyXS.fontSize};
+                ${_styledcomponents.timePickerTokens.leftHelperFontWeight}: ${_sdds_scan.bodyXS.fontWeight};
+                ${_styledcomponents.timePickerTokens.leftHelperLetterSpacing}: ${_sdds_scan.bodyXS.letterSpacing};
+                ${_styledcomponents.timePickerTokens.leftHelperLineHeight}: ${_sdds_scan.bodyXS.lineHeight};
 
                 ${_styledcomponents.timePickerTokens.scrollbarWidth}: 0.125rem;
                 ${_styledcomponents.timePickerTokens.scrollbarMargin}: 0.25rem;
@@ -389,10 +390,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_scan.surfaceSolidCardBrightness};
+                ${_styledcomponents.timePickerTokens.hintTooltipBoxShadow}: ${_sdds_scan.shadowDownHardM};
+                ${_styledcomponents.timePickerTokens.hintTooltipColor}: ${_sdds_scan.textPrimary};
+                ${_styledcomponents.timePickerTokens.hintTooltipArrowBackground}: ${_sdds_scan.surfaceSolidCardBrightness};
             `
         },
         hintSize: {
@@ -405,12 +406,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_scan.bodyS.fontFamily};
+                ${_styledcomponents.timePickerTokens.hintTooltipTextFontSize}: ${_sdds_scan.bodyS.fontSize};
+                ${_styledcomponents.timePickerTokens.hintTooltipTextFontStyle}: ${_sdds_scan.bodyS.fontStyle};
+                ${_styledcomponents.timePickerTokens.hintTooltipTextFontWeight}: ${_sdds_scan.bodyS.fontWeight};
+                ${_styledcomponents.timePickerTokens.hintTooltipTextFontLetterSpacing}: ${_sdds_scan.bodyS.letterSpacing};
+                ${_styledcomponents.timePickerTokens.hintTooltipTextFontLineHeight}: ${_sdds_scan.bodyS.lineHeight};
 
                 ${_styledcomponents.timePickerTokens.hintTooltipContentLeftMargin}: 0.375rem;
 
@@ -429,12 +430,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_scan.bodyXS.fontFamily};
+                ${_styledcomponents.timePickerTokens.hintTooltipTextFontSize}: ${_sdds_scan.bodyXS.fontSize};
+                ${_styledcomponents.timePickerTokens.hintTooltipTextFontStyle}: ${_sdds_scan.bodyXS.fontStyle};
+                ${_styledcomponents.timePickerTokens.hintTooltipTextFontWeight}: ${_sdds_scan.bodyXS.fontWeight};
+                ${_styledcomponents.timePickerTokens.hintTooltipTextFontLetterSpacing}: ${_sdds_scan.bodyXS.letterSpacing};
+                ${_styledcomponents.timePickerTokens.hintTooltipTextFontLineHeight}: ${_sdds_scan.bodyXS.lineHeight};
 
                 ${_styledcomponents.timePickerTokens.hintTooltipContentLeftMargin}: 0.25rem;
 
@@ -447,13 +448,13 @@ const config = {
         },
         readonly: {
             true: (0, _styledcomponents.css)`
-                ${_styledcomponents.timePickerTokens.backgroundReadOnly}: var(--surface-transparent-primary);
-                ${_styledcomponents.timePickerTokens.labelColorReadOnly}: var(--text-secondary);
-                ${_styledcomponents.timePickerTokens.leftHelperColorReadOnly}: var(--text-secondary);
+                ${_styledcomponents.timePickerTokens.backgroundReadOnly}: ${_sdds_scan.surfaceTransparentPrimary};
+                ${_styledcomponents.timePickerTokens.labelColorReadOnly}: ${_sdds_scan.textSecondary};
+                ${_styledcomponents.timePickerTokens.leftHelperColorReadOnly}: ${_sdds_scan.textSecondary};
 
-                ${_styledcomponents.timePickerTokens.textFieldColorReadOnly}: var(--text-secondary);
-                ${_styledcomponents.timePickerTokens.textFieldBackgroundColorReadOnly}: var(--surface-transparent-primary);
-                ${_styledcomponents.timePickerTokens.textFieldPlaceholderColorReadOnly}: var(--text-secondary);
+                ${_styledcomponents.timePickerTokens.textFieldColorReadOnly}: ${_sdds_scan.textSecondary};
+                ${_styledcomponents.timePickerTokens.textFieldBackgroundColorReadOnly}: ${_sdds_scan.surfaceTransparentPrimary};
+                ${_styledcomponents.timePickerTokens.textFieldPlaceholderColorReadOnly}: ${_sdds_scan.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_scan = require("@salutejs/sdds-themes/tokens/sdds_scan");
 const config = {
     defaults: {
         view: 'default',
@@ -18,47 +19,47 @@ 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_scan.textPrimary};
+                ${_styledcomponents.toastTokens.background}: ${_sdds_scan.surfaceSolidCardBrightness};
 
-                ${_styledcomponents.toastTokens.closeIconColor}: var(--text-secondary);
-                ${_styledcomponents.toastTokens.closeIconColorOnHover}: var(--text-secondary);
+                ${_styledcomponents.toastTokens.closeIconColor}: ${_sdds_scan.textSecondary};
+                ${_styledcomponents.toastTokens.closeIconColorOnHover}: ${_sdds_scan.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_scan.textPrimary};
+                ${_styledcomponents.toastTokens.background}: ${_sdds_scan.surfaceSolidCardBrightness};
+                ${_styledcomponents.toastTokens.contentLeftColor}: ${_sdds_scan.textPositive};
 
-                ${_styledcomponents.toastTokens.closeIconColor}: var(--text-secondary);
-                ${_styledcomponents.toastTokens.closeIconColorOnHover}: var(--text-secondary);
+                ${_styledcomponents.toastTokens.closeIconColor}: ${_sdds_scan.textSecondary};
+                ${_styledcomponents.toastTokens.closeIconColorOnHover}: ${_sdds_scan.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_scan.textPrimary};
+                ${_styledcomponents.toastTokens.background}: ${_sdds_scan.surfaceSolidCardBrightness};
+                ${_styledcomponents.toastTokens.contentLeftColor}: ${_sdds_scan.textNegative};
 
-                ${_styledcomponents.toastTokens.closeIconColor}: var(--text-secondary);
-                ${_styledcomponents.toastTokens.closeIconColorOnHover}: var(--text-secondary);
+                ${_styledcomponents.toastTokens.closeIconColor}: ${_sdds_scan.textSecondary};
+                ${_styledcomponents.toastTokens.closeIconColorOnHover}: ${_sdds_scan.textSecondary};
             `,
             /**
              * @deprecated
              * светлый и темный фон регулировать через `view` компонента `ViewContainer`
              */ dark: (0, _styledcomponents.css)`
-                ${_styledcomponents.toastTokens.color}: var(--on-dark-text-primary);
-                ${_styledcomponents.toastTokens.background}: var(--on-dark-surface-solid-primary-brightness);
+                ${_styledcomponents.toastTokens.color}: ${_sdds_scan.onDarkTextPrimary};
+                ${_styledcomponents.toastTokens.background}: ${_sdds_scan.onDarkSurfaceSolidPrimaryBrightness};
 
-                ${_styledcomponents.toastTokens.closeIconColor}: var(--on-dark-text-secondary);
-                ${_styledcomponents.toastTokens.closeIconColorOnHover}: var(--on-dark-text-secondary);
+                ${_styledcomponents.toastTokens.closeIconColor}: ${_sdds_scan.onDarkTextSecondary};
+                ${_styledcomponents.toastTokens.closeIconColorOnHover}: ${_sdds_scan.onDarkTextSecondary};
             `,
             /**
              * @deprecated
              * светлый и темный фон регулировать через `view` компонента `ViewContainer`
              */ light: (0, _styledcomponents.css)`
-                ${_styledcomponents.toastTokens.color}: var(--on-light-text-primary);
-                ${_styledcomponents.toastTokens.background}: var(--on-light-surface-solid-primary-brightness);
+                ${_styledcomponents.toastTokens.color}: ${_sdds_scan.onLightTextPrimary};
+                ${_styledcomponents.toastTokens.background}: ${_sdds_scan.onLightSurfaceSolidPrimaryBrightness};
 
-                ${_styledcomponents.toastTokens.closeIconColor}: var(--on-light-text-secondary);
-                ${_styledcomponents.toastTokens.closeIconColorOnHover}: var(--on-light-text-secondary);
+                ${_styledcomponents.toastTokens.closeIconColor}: ${_sdds_scan.onLightTextSecondary};
+                ${_styledcomponents.toastTokens.closeIconColorOnHover}: ${_sdds_scan.onLightTextSecondary};
             `
         },
         size: {
@@ -66,12 +67,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_scan.bodyXS.fontFamily};
+                ${_styledcomponents.toastTokens.fontSize}: ${_sdds_scan.bodyXS.fontSize};
+                ${_styledcomponents.toastTokens.fontStyle}: ${_sdds_scan.bodyXS.fontStyle};
+                ${_styledcomponents.toastTokens.fontWeight}: ${_sdds_scan.bodyXS.fontWeight};
+                ${_styledcomponents.toastTokens.letterSpacing}: ${_sdds_scan.bodyXS.letterSpacing};
+                ${_styledcomponents.toastTokens.lineHeight}: ${_sdds_scan.bodyXS.lineHeight};
 
                 ${_styledcomponents.toastTokens.contentLeftMargin}: -0.0625rem 0.375rem -0.0625rem -0.125rem;
                 ${_styledcomponents.toastTokens.closeIconMargin}: -0.0625rem -0.25rem -0.0625rem 0.5rem;