npm - @salutejs/sdds-serv - Versions diffs - 0.355.0-next-sbcom.0 → 0.355.0 - Mend

@salutejs/sdds-serv 0.355.0-next-sbcom.0 → 0.355.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1094) hide show

package/dist/styled-components/cjs/components/TextFieldSlider/TextFieldSlider.clear.config.js CHANGED Viewed

@@ -9,6 +9,7 @@ Object.defineProperty(exports, "config", {
     }
 });
 const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+const _sdds_serv = require("@salutejs/sdds-themes/tokens/sdds_serv");
 const config = {
     defaults: {
         view: 'default',
@@ -18,10 +19,10 @@ const config = {
     variations: {
         view: {
             default: (0, _styledcomponents.css)`
-                ${_styledcomponents.textFieldSliderTokens.textFieldColor}: var(--text-primary);
-                ${_styledcomponents.textFieldSliderTokens.textFieldPlaceholderColor}: var(--text-secondary);
-                ${_styledcomponents.textFieldSliderTokens.textFieldPlaceholderColorFocus}: var(--text-tertiary);
-                ${_styledcomponents.textFieldSliderTokens.textFieldCaretColor}: var(--text-accent);
+                ${_styledcomponents.textFieldSliderTokens.textFieldColor}: ${_sdds_serv.textPrimary};
+                ${_styledcomponents.textFieldSliderTokens.textFieldPlaceholderColor}: ${_sdds_serv.textSecondary};
+                ${_styledcomponents.textFieldSliderTokens.textFieldPlaceholderColorFocus}: ${_sdds_serv.textTertiary};
+                ${_styledcomponents.textFieldSliderTokens.textFieldCaretColor}: ${_sdds_serv.textAccent};
                 ${_styledcomponents.textFieldSliderTokens.textFieldErrorColor}: transparent;
                 ${_styledcomponents.textFieldSliderTokens.textFieldBackgroundErrorColor}: transparent;
@@ -34,46 +35,46 @@ const config = {
                 ${_styledcomponents.textFieldSliderTokens.textFieldBorderColorHover}: transparent;
                 ${_styledcomponents.textFieldSliderTokens.textFieldBorderColorFocus}: transparent;
-                ${_styledcomponents.textFieldSliderTokens.labelColor}: var(--text-primary);
-                ${_styledcomponents.textFieldSliderTokens.titleCaptionColor}: var(--text-secondary);
-                ${_styledcomponents.textFieldSliderTokens.optionalColor}: var(--text-tertiary);
+                ${_styledcomponents.textFieldSliderTokens.labelColor}: ${_sdds_serv.textPrimary};
+                ${_styledcomponents.textFieldSliderTokens.titleCaptionColor}: ${_sdds_serv.textSecondary};
+                ${_styledcomponents.textFieldSliderTokens.optionalColor}: ${_sdds_serv.textTertiary};
-                ${_styledcomponents.textFieldSliderTokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_styledcomponents.textFieldSliderTokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_styledcomponents.textFieldSliderTokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_styledcomponents.textFieldSliderTokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_styledcomponents.textFieldSliderTokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_styledcomponents.textFieldSliderTokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_styledcomponents.textFieldSliderTokens.labelInnerFontFamily}: ${_sdds_serv.bodyXS.fontFamily};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerFontSize}: ${_sdds_serv.bodyXS.fontSize};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerFontWeight}: ${_sdds_serv.bodyXS.fontWeight};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerLineHeight}: ${_sdds_serv.bodyXS.lineHeight};
-                ${_styledcomponents.textFieldSliderTokens.indicatorColor}: var(--surface-negative);
-                ${_styledcomponents.textFieldSliderTokens.hintIconColor}: var(--text-secondary);
+                ${_styledcomponents.textFieldSliderTokens.indicatorColor}: ${_sdds_serv.surfaceNegative};
+                ${_styledcomponents.textFieldSliderTokens.hintIconColor}: ${_sdds_serv.textSecondary};
-                ${_styledcomponents.textFieldSliderTokens.textFieldTextBeforeColor}: var(--text-tertiary);
-                ${_styledcomponents.textFieldSliderTokens.textFieldTextAfterColor}: var(--text-tertiary);
+                ${_styledcomponents.textFieldSliderTokens.textFieldTextBeforeColor}: ${_sdds_serv.textTertiary};
+                ${_styledcomponents.textFieldSliderTokens.textFieldTextAfterColor}: ${_sdds_serv.textTertiary};
-                ${_styledcomponents.textFieldSliderTokens.textFieldFocusColor}: var(--text-accent);
+                ${_styledcomponents.textFieldSliderTokens.textFieldFocusColor}: ${_sdds_serv.textAccent};
-                ${_styledcomponents.textFieldSliderTokens.textFieldContentSlotColor}: var(--text-secondary);
-                ${_styledcomponents.textFieldSliderTokens.textFieldContentSlotColorHover}: var(--text-secondary-hover);
-                ${_styledcomponents.textFieldSliderTokens.textFieldContentSlotColorActive}: var(--text-secondary-active);
+                ${_styledcomponents.textFieldSliderTokens.textFieldContentSlotColor}: ${_sdds_serv.textSecondary};
+                ${_styledcomponents.textFieldSliderTokens.textFieldContentSlotColorHover}: ${_sdds_serv.textSecondaryHover};
+                ${_styledcomponents.textFieldSliderTokens.textFieldContentSlotColorActive}: ${_sdds_serv.textSecondaryActive};
-                ${_styledcomponents.textFieldSliderTokens.textFieldContentRightSlotColor}: var(--text-secondary);
-                ${_styledcomponents.textFieldSliderTokens.textFieldContentRightSlotColorHover}: var(--text-secondary-hover);
-                ${_styledcomponents.textFieldSliderTokens.textFieldContentRightSlotColorActive}: var(--text-secondary-active);
+                ${_styledcomponents.textFieldSliderTokens.textFieldContentRightSlotColor}: ${_sdds_serv.textSecondary};
+                ${_styledcomponents.textFieldSliderTokens.textFieldContentRightSlotColorHover}: ${_sdds_serv.textSecondaryHover};
+                ${_styledcomponents.textFieldSliderTokens.textFieldContentRightSlotColorActive}: ${_sdds_serv.textSecondaryActive};
-                ${_styledcomponents.textFieldSliderTokens.sliderTrackBackground}: var(--surface-solid-tertiary);
-                ${_styledcomponents.textFieldSliderTokens.sliderThumbBackground}: var(--on-light-surface-solid-card);
-                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderBoxShadow}: 0 0 0 0.063rem var(--on-light-surface-transparent-tertiary);
-                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderBoxShadowFocus}: 0 0 0 0.063rem var(--surface-solid-default);
+                ${_styledcomponents.textFieldSliderTokens.sliderTrackBackground}: ${_sdds_serv.surfaceSolidTertiary};
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbBackground}: ${_sdds_serv.onLightSurfaceSolidCard};
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderBoxShadow}: 0 0 0 0.063rem ${_sdds_serv.onLightSurfaceTransparentTertiary};
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderBoxShadowFocus}: 0 0 0 0.063rem ${_sdds_serv.surfaceSolidDefault};
-                ${_styledcomponents.textFieldSliderTokens.scaleValueColor}: var(--text-secondary);
-                ${_styledcomponents.textFieldSliderTokens.scaleTickDotColor}: var(--surface-solid-tertiary);
+                ${_styledcomponents.textFieldSliderTokens.scaleValueColor}: ${_sdds_serv.textSecondary};
+                ${_styledcomponents.textFieldSliderTokens.scaleTickDotColor}: ${_sdds_serv.surfaceSolidTertiary};
             `,
             positive: (0, _styledcomponents.css)`
-                ${_styledcomponents.textFieldSliderTokens.textFieldColor}: var(--text-primary);
-                ${_styledcomponents.textFieldSliderTokens.textFieldPlaceholderColor}: var(--text-secondary);
-                ${_styledcomponents.textFieldSliderTokens.textFieldPlaceholderColorFocus}: var(--text-tertiary);
-                ${_styledcomponents.textFieldSliderTokens.textFieldCaretColor}: var(--text-accent);
+                ${_styledcomponents.textFieldSliderTokens.textFieldColor}: ${_sdds_serv.textPrimary};
+                ${_styledcomponents.textFieldSliderTokens.textFieldPlaceholderColor}: ${_sdds_serv.textSecondary};
+                ${_styledcomponents.textFieldSliderTokens.textFieldPlaceholderColorFocus}: ${_sdds_serv.textTertiary};
+                ${_styledcomponents.textFieldSliderTokens.textFieldCaretColor}: ${_sdds_serv.textAccent};
                 ${_styledcomponents.textFieldSliderTokens.textFieldErrorColor}: transparent;
                 ${_styledcomponents.textFieldSliderTokens.textFieldBackgroundErrorColor}: transparent;
@@ -86,46 +87,46 @@ const config = {
                 ${_styledcomponents.textFieldSliderTokens.textFieldBorderColorHover}: transparent;
                 ${_styledcomponents.textFieldSliderTokens.textFieldBorderColorFocus}: transparent;
-                ${_styledcomponents.textFieldSliderTokens.labelColor}: var(--text-primary);
-                ${_styledcomponents.textFieldSliderTokens.titleCaptionColor}: var(--text-secondary);
-                ${_styledcomponents.textFieldSliderTokens.optionalColor}: var(--text-tertiary);
+                ${_styledcomponents.textFieldSliderTokens.labelColor}: ${_sdds_serv.textPrimary};
+                ${_styledcomponents.textFieldSliderTokens.titleCaptionColor}: ${_sdds_serv.textSecondary};
+                ${_styledcomponents.textFieldSliderTokens.optionalColor}: ${_sdds_serv.textTertiary};
-                ${_styledcomponents.textFieldSliderTokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_styledcomponents.textFieldSliderTokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_styledcomponents.textFieldSliderTokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_styledcomponents.textFieldSliderTokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_styledcomponents.textFieldSliderTokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_styledcomponents.textFieldSliderTokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_styledcomponents.textFieldSliderTokens.labelInnerFontFamily}: ${_sdds_serv.bodyXS.fontFamily};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerFontSize}: ${_sdds_serv.bodyXS.fontSize};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerFontWeight}: ${_sdds_serv.bodyXS.fontWeight};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerLineHeight}: ${_sdds_serv.bodyXS.lineHeight};
-                ${_styledcomponents.textFieldSliderTokens.indicatorColor}: var(--surface-negative);
-                ${_styledcomponents.textFieldSliderTokens.hintIconColor}: var(--text-secondary);
+                ${_styledcomponents.textFieldSliderTokens.indicatorColor}: ${_sdds_serv.surfaceNegative};
+                ${_styledcomponents.textFieldSliderTokens.hintIconColor}: ${_sdds_serv.textSecondary};
-                ${_styledcomponents.textFieldSliderTokens.textFieldTextBeforeColor}: var(--text-tertiary);
-                ${_styledcomponents.textFieldSliderTokens.textFieldTextAfterColor}: var(--text-tertiary);
+                ${_styledcomponents.textFieldSliderTokens.textFieldTextBeforeColor}: ${_sdds_serv.textTertiary};
+                ${_styledcomponents.textFieldSliderTokens.textFieldTextAfterColor}: ${_sdds_serv.textTertiary};
-                ${_styledcomponents.textFieldSliderTokens.textFieldFocusColor}: var(--text-accent);
+                ${_styledcomponents.textFieldSliderTokens.textFieldFocusColor}: ${_sdds_serv.textAccent};
-                ${_styledcomponents.textFieldSliderTokens.textFieldContentSlotColor}: var(--text-positive);
-                ${_styledcomponents.textFieldSliderTokens.textFieldContentSlotColorHover}: var(--text-positive-hover);
-                ${_styledcomponents.textFieldSliderTokens.textFieldContentSlotColorActive}: var(--text-positive-active);
+                ${_styledcomponents.textFieldSliderTokens.textFieldContentSlotColor}: ${_sdds_serv.textPositive};
+                ${_styledcomponents.textFieldSliderTokens.textFieldContentSlotColorHover}: ${_sdds_serv.textPositiveHover};
+                ${_styledcomponents.textFieldSliderTokens.textFieldContentSlotColorActive}: ${_sdds_serv.textPositiveActive};
-                ${_styledcomponents.textFieldSliderTokens.textFieldContentRightSlotColor}: var(--text-secondary);
-                ${_styledcomponents.textFieldSliderTokens.textFieldContentRightSlotColorHover}: var(--text-secondary-hover);
-                ${_styledcomponents.textFieldSliderTokens.textFieldContentRightSlotColorActive}: var(--text-secondary-active);
+                ${_styledcomponents.textFieldSliderTokens.textFieldContentRightSlotColor}: ${_sdds_serv.textSecondary};
+                ${_styledcomponents.textFieldSliderTokens.textFieldContentRightSlotColorHover}: ${_sdds_serv.textSecondaryHover};
+                ${_styledcomponents.textFieldSliderTokens.textFieldContentRightSlotColorActive}: ${_sdds_serv.textSecondaryActive};
-                ${_styledcomponents.textFieldSliderTokens.sliderTrackBackground}: var(--surface-solid-tertiary);
-                ${_styledcomponents.textFieldSliderTokens.sliderThumbBackground}: var(--on-light-surface-solid-card);
-                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderBoxShadow}: 0 0 0 0.063rem var(--on-light-surface-transparent-tertiary);
-                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderBoxShadowFocus}: 0 0 0 0.063rem var(--surface-solid-default);
+                ${_styledcomponents.textFieldSliderTokens.sliderTrackBackground}: ${_sdds_serv.surfaceSolidTertiary};
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbBackground}: ${_sdds_serv.onLightSurfaceSolidCard};
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderBoxShadow}: 0 0 0 0.063rem ${_sdds_serv.onLightSurfaceTransparentTertiary};
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderBoxShadowFocus}: 0 0 0 0.063rem ${_sdds_serv.surfaceSolidDefault};
-                ${_styledcomponents.textFieldSliderTokens.scaleValueColor}: var(--text-positive);
-                ${_styledcomponents.textFieldSliderTokens.scaleTickDotColor}: var(--surface-solid-tertiary);
+                ${_styledcomponents.textFieldSliderTokens.scaleValueColor}: ${_sdds_serv.textPositive};
+                ${_styledcomponents.textFieldSliderTokens.scaleTickDotColor}: ${_sdds_serv.surfaceSolidTertiary};
             `,
             warning: (0, _styledcomponents.css)`
-                ${_styledcomponents.textFieldSliderTokens.textFieldColor}: var(--text-primary);
-                ${_styledcomponents.textFieldSliderTokens.textFieldPlaceholderColor}: var(--text-secondary);
-                ${_styledcomponents.textFieldSliderTokens.textFieldPlaceholderColorFocus}: var(--text-tertiary);
-                ${_styledcomponents.textFieldSliderTokens.textFieldCaretColor}: var(--text-accent);
+                ${_styledcomponents.textFieldSliderTokens.textFieldColor}: ${_sdds_serv.textPrimary};
+                ${_styledcomponents.textFieldSliderTokens.textFieldPlaceholderColor}: ${_sdds_serv.textSecondary};
+                ${_styledcomponents.textFieldSliderTokens.textFieldPlaceholderColorFocus}: ${_sdds_serv.textTertiary};
+                ${_styledcomponents.textFieldSliderTokens.textFieldCaretColor}: ${_sdds_serv.textAccent};
                 ${_styledcomponents.textFieldSliderTokens.textFieldErrorColor}: transparent;
                 ${_styledcomponents.textFieldSliderTokens.textFieldBackgroundErrorColor}: transparent;
@@ -138,46 +139,46 @@ const config = {
                 ${_styledcomponents.textFieldSliderTokens.textFieldBorderColorHover}: transparent;
                 ${_styledcomponents.textFieldSliderTokens.textFieldBorderColorFocus}: transparent;
-                ${_styledcomponents.textFieldSliderTokens.labelColor}: var(--text-primary);
-                ${_styledcomponents.textFieldSliderTokens.titleCaptionColor}: var(--text-secondary);
-                ${_styledcomponents.textFieldSliderTokens.optionalColor}: var(--text-tertiary);
+                ${_styledcomponents.textFieldSliderTokens.labelColor}: ${_sdds_serv.textPrimary};
+                ${_styledcomponents.textFieldSliderTokens.titleCaptionColor}: ${_sdds_serv.textSecondary};
+                ${_styledcomponents.textFieldSliderTokens.optionalColor}: ${_sdds_serv.textTertiary};
-                ${_styledcomponents.textFieldSliderTokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_styledcomponents.textFieldSliderTokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_styledcomponents.textFieldSliderTokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_styledcomponents.textFieldSliderTokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_styledcomponents.textFieldSliderTokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_styledcomponents.textFieldSliderTokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_styledcomponents.textFieldSliderTokens.labelInnerFontFamily}: ${_sdds_serv.bodyXS.fontFamily};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerFontSize}: ${_sdds_serv.bodyXS.fontSize};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerFontWeight}: ${_sdds_serv.bodyXS.fontWeight};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerLineHeight}: ${_sdds_serv.bodyXS.lineHeight};
-                ${_styledcomponents.textFieldSliderTokens.indicatorColor}: var(--surface-negative);
-                ${_styledcomponents.textFieldSliderTokens.hintIconColor}: var(--text-secondary);
+                ${_styledcomponents.textFieldSliderTokens.indicatorColor}: ${_sdds_serv.surfaceNegative};
+                ${_styledcomponents.textFieldSliderTokens.hintIconColor}: ${_sdds_serv.textSecondary};
-                ${_styledcomponents.textFieldSliderTokens.textFieldTextBeforeColor}: var(--text-tertiary);
-                ${_styledcomponents.textFieldSliderTokens.textFieldTextAfterColor}: var(--text-tertiary);
+                ${_styledcomponents.textFieldSliderTokens.textFieldTextBeforeColor}: ${_sdds_serv.textTertiary};
+                ${_styledcomponents.textFieldSliderTokens.textFieldTextAfterColor}: ${_sdds_serv.textTertiary};
-                ${_styledcomponents.textFieldSliderTokens.textFieldFocusColor}: var(--text-accent);
+                ${_styledcomponents.textFieldSliderTokens.textFieldFocusColor}: ${_sdds_serv.textAccent};
-                ${_styledcomponents.textFieldSliderTokens.textFieldContentSlotColor}: var(--text-secondary);
-                ${_styledcomponents.textFieldSliderTokens.textFieldContentSlotColorHover}: var(--text-secondary-hover);
-                ${_styledcomponents.textFieldSliderTokens.textFieldContentSlotColorActive}: var(--text-secondary-active);
+                ${_styledcomponents.textFieldSliderTokens.textFieldContentSlotColor}: ${_sdds_serv.textSecondary};
+                ${_styledcomponents.textFieldSliderTokens.textFieldContentSlotColorHover}: ${_sdds_serv.textSecondaryHover};
+                ${_styledcomponents.textFieldSliderTokens.textFieldContentSlotColorActive}: ${_sdds_serv.textSecondaryActive};
-                ${_styledcomponents.textFieldSliderTokens.textFieldContentRightSlotColor}: var(--text-secondary);
-                ${_styledcomponents.textFieldSliderTokens.textFieldContentRightSlotColorHover}: var(--text-secondary-hover);
-                ${_styledcomponents.textFieldSliderTokens.textFieldContentRightSlotColorActive}: var(--text-secondary-active);
+                ${_styledcomponents.textFieldSliderTokens.textFieldContentRightSlotColor}: ${_sdds_serv.textSecondary};
+                ${_styledcomponents.textFieldSliderTokens.textFieldContentRightSlotColorHover}: ${_sdds_serv.textSecondaryHover};
+                ${_styledcomponents.textFieldSliderTokens.textFieldContentRightSlotColorActive}: ${_sdds_serv.textSecondaryActive};
-                ${_styledcomponents.textFieldSliderTokens.sliderTrackBackground}: var(--surface-solid-tertiary);
-                ${_styledcomponents.textFieldSliderTokens.sliderThumbBackground}: var(--on-light-surface-solid-card);
-                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderBoxShadow}: 0 0 0 0.063rem var(--on-light-surface-transparent-tertiary);
-                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderBoxShadowFocus}: 0 0 0 0.063rem var(--surface-solid-default);
+                ${_styledcomponents.textFieldSliderTokens.sliderTrackBackground}: ${_sdds_serv.surfaceSolidTertiary};
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbBackground}: ${_sdds_serv.onLightSurfaceSolidCard};
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderBoxShadow}: 0 0 0 0.063rem ${_sdds_serv.onLightSurfaceTransparentTertiary};
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderBoxShadowFocus}: 0 0 0 0.063rem ${_sdds_serv.surfaceSolidDefault};
-                ${_styledcomponents.textFieldSliderTokens.scaleValueColor}: var(--text-secondary);
-                ${_styledcomponents.textFieldSliderTokens.scaleTickDotColor}: var(--surface-solid-tertiary);
+                ${_styledcomponents.textFieldSliderTokens.scaleValueColor}: ${_sdds_serv.textSecondary};
+                ${_styledcomponents.textFieldSliderTokens.scaleTickDotColor}: ${_sdds_serv.surfaceSolidTertiary};
             `,
             negative: (0, _styledcomponents.css)`
-                ${_styledcomponents.textFieldSliderTokens.textFieldColor}: var(--text-primary);
-                ${_styledcomponents.textFieldSliderTokens.textFieldPlaceholderColor}: var(--text-secondary);
-                ${_styledcomponents.textFieldSliderTokens.textFieldPlaceholderColorFocus}: var(--text-tertiary);
-                ${_styledcomponents.textFieldSliderTokens.textFieldCaretColor}: var(--text-accent);
+                ${_styledcomponents.textFieldSliderTokens.textFieldColor}: ${_sdds_serv.textPrimary};
+                ${_styledcomponents.textFieldSliderTokens.textFieldPlaceholderColor}: ${_sdds_serv.textSecondary};
+                ${_styledcomponents.textFieldSliderTokens.textFieldPlaceholderColorFocus}: ${_sdds_serv.textTertiary};
+                ${_styledcomponents.textFieldSliderTokens.textFieldCaretColor}: ${_sdds_serv.textAccent};
                 ${_styledcomponents.textFieldSliderTokens.textFieldErrorColor}: transparent;
                 ${_styledcomponents.textFieldSliderTokens.textFieldBackgroundErrorColor}: transparent;
@@ -190,54 +191,54 @@ const config = {
                 ${_styledcomponents.textFieldSliderTokens.textFieldBorderColorHover}: transparent;
                 ${_styledcomponents.textFieldSliderTokens.textFieldBorderColorFocus}: transparent;
-                ${_styledcomponents.textFieldSliderTokens.labelColor}: var(--text-primary);
-                ${_styledcomponents.textFieldSliderTokens.titleCaptionColor}: var(--text-secondary);
-                ${_styledcomponents.textFieldSliderTokens.optionalColor}: var(--text-tertiary);
+                ${_styledcomponents.textFieldSliderTokens.labelColor}: ${_sdds_serv.textPrimary};
+                ${_styledcomponents.textFieldSliderTokens.titleCaptionColor}: ${_sdds_serv.textSecondary};
+                ${_styledcomponents.textFieldSliderTokens.optionalColor}: ${_sdds_serv.textTertiary};
-                ${_styledcomponents.textFieldSliderTokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_styledcomponents.textFieldSliderTokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_styledcomponents.textFieldSliderTokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_styledcomponents.textFieldSliderTokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_styledcomponents.textFieldSliderTokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_styledcomponents.textFieldSliderTokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_styledcomponents.textFieldSliderTokens.labelInnerFontFamily}: ${_sdds_serv.bodyXS.fontFamily};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerFontSize}: ${_sdds_serv.bodyXS.fontSize};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerFontWeight}: ${_sdds_serv.bodyXS.fontWeight};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerLineHeight}: ${_sdds_serv.bodyXS.lineHeight};
-                ${_styledcomponents.textFieldSliderTokens.indicatorColor}: var(--surface-negative);
-                ${_styledcomponents.textFieldSliderTokens.hintIconColor}: var(--text-secondary);
+                ${_styledcomponents.textFieldSliderTokens.indicatorColor}: ${_sdds_serv.surfaceNegative};
+                ${_styledcomponents.textFieldSliderTokens.hintIconColor}: ${_sdds_serv.textSecondary};
-                ${_styledcomponents.textFieldSliderTokens.textFieldTextBeforeColor}: var(--text-tertiary);
-                ${_styledcomponents.textFieldSliderTokens.textFieldTextAfterColor}: var(--text-tertiary);
+                ${_styledcomponents.textFieldSliderTokens.textFieldTextBeforeColor}: ${_sdds_serv.textTertiary};
+                ${_styledcomponents.textFieldSliderTokens.textFieldTextAfterColor}: ${_sdds_serv.textTertiary};
-                ${_styledcomponents.textFieldSliderTokens.textFieldFocusColor}: var(--text-accent);
+                ${_styledcomponents.textFieldSliderTokens.textFieldFocusColor}: ${_sdds_serv.textAccent};
-                ${_styledcomponents.textFieldSliderTokens.textFieldContentSlotColor}: var(--text-secondary);
-                ${_styledcomponents.textFieldSliderTokens.textFieldContentSlotColorHover}: var(--text-secondary-hover);
-                ${_styledcomponents.textFieldSliderTokens.textFieldContentSlotColorActive}: var(--text-secondary-active);
+                ${_styledcomponents.textFieldSliderTokens.textFieldContentSlotColor}: ${_sdds_serv.textSecondary};
+                ${_styledcomponents.textFieldSliderTokens.textFieldContentSlotColorHover}: ${_sdds_serv.textSecondaryHover};
+                ${_styledcomponents.textFieldSliderTokens.textFieldContentSlotColorActive}: ${_sdds_serv.textSecondaryActive};
-                ${_styledcomponents.textFieldSliderTokens.textFieldContentRightSlotColor}: var(--text-secondary);
-                ${_styledcomponents.textFieldSliderTokens.textFieldContentRightSlotColorHover}: var(--text-secondary-hover);
-                ${_styledcomponents.textFieldSliderTokens.textFieldContentRightSlotColorActive}: var(--text-secondary-active);
+                ${_styledcomponents.textFieldSliderTokens.textFieldContentRightSlotColor}: ${_sdds_serv.textSecondary};
+                ${_styledcomponents.textFieldSliderTokens.textFieldContentRightSlotColorHover}: ${_sdds_serv.textSecondaryHover};
+                ${_styledcomponents.textFieldSliderTokens.textFieldContentRightSlotColorActive}: ${_sdds_serv.textSecondaryActive};
-                ${_styledcomponents.textFieldSliderTokens.sliderTrackBackground}: var(--surface-solid-tertiary);
-                ${_styledcomponents.textFieldSliderTokens.sliderThumbBackground}: var(--on-light-surface-solid-card);
-                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderBoxShadow}: 0 0 0 0.063rem var(--on-light-surface-transparent-tertiary);
-                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderBoxShadowFocus}: 0 0 0 0.063rem var(--surface-solid-default);
+                ${_styledcomponents.textFieldSliderTokens.sliderTrackBackground}: ${_sdds_serv.surfaceSolidTertiary};
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbBackground}: ${_sdds_serv.onLightSurfaceSolidCard};
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderBoxShadow}: 0 0 0 0.063rem ${_sdds_serv.onLightSurfaceTransparentTertiary};
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderBoxShadowFocus}: 0 0 0 0.063rem ${_sdds_serv.surfaceSolidDefault};
-                ${_styledcomponents.textFieldSliderTokens.scaleValueColor}: var(--text-negative);
-                ${_styledcomponents.textFieldSliderTokens.scaleTickDotColor}: var(--surface-solid-tertiary);
+                ${_styledcomponents.textFieldSliderTokens.scaleValueColor}: ${_sdds_serv.textNegative};
+                ${_styledcomponents.textFieldSliderTokens.scaleTickDotColor}: ${_sdds_serv.surfaceSolidTertiary};
             `
         },
         sliderView: {
             default: (0, _styledcomponents.css)`
-                ${_styledcomponents.textFieldSliderTokens.sliderProgressBackground}: var(--surface-solid-default);
-                ${_styledcomponents.textFieldSliderTokens.scaleTickDotFilledColor}: var(--surface-solid-default);
+                ${_styledcomponents.textFieldSliderTokens.sliderProgressBackground}: ${_sdds_serv.surfaceSolidDefault};
+                ${_styledcomponents.textFieldSliderTokens.scaleTickDotFilledColor}: ${_sdds_serv.surfaceSolidDefault};
             `,
             accent: (0, _styledcomponents.css)`
-                ${_styledcomponents.textFieldSliderTokens.sliderProgressBackground}: var(--surface-accent);
-                ${_styledcomponents.textFieldSliderTokens.scaleTickDotFilledColor}: var(--surface-accent);
+                ${_styledcomponents.textFieldSliderTokens.sliderProgressBackground}: ${_sdds_serv.surfaceAccent};
+                ${_styledcomponents.textFieldSliderTokens.scaleTickDotFilledColor}: ${_sdds_serv.surfaceAccent};
             `,
             gradient: (0, _styledcomponents.css)`
-                ${_styledcomponents.textFieldSliderTokens.sliderProgressBackground}: var(--surface-accent-gradient);
-                ${_styledcomponents.textFieldSliderTokens.scaleTickDotFilledColor}: var(--surface-accent-gradient);
+                ${_styledcomponents.textFieldSliderTokens.sliderProgressBackground}: ${_sdds_serv.surfaceAccentGradient};
+                ${_styledcomponents.textFieldSliderTokens.scaleTickDotFilledColor}: ${_sdds_serv.surfaceAccentGradient};
             `
         },
         size: {
@@ -251,38 +252,38 @@ const config = {
                 ${_styledcomponents.textFieldSliderTokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;
                 ${_styledcomponents.textFieldSliderTokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;
-                ${_styledcomponents.textFieldSliderTokens.textFieldFontFamily}: var(--plasma-typo-body-l-font-family);
-                ${_styledcomponents.textFieldSliderTokens.textFieldFontStyle}: var(--plasma-typo-body-l-font-style);
-                ${_styledcomponents.textFieldSliderTokens.textFieldFontSize}: var(--plasma-typo-body-l-font-size);
-                ${_styledcomponents.textFieldSliderTokens.textFieldFontWeight}: var(--plasma-typo-body-l-font-weight);
-                ${_styledcomponents.textFieldSliderTokens.textFieldLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
-                ${_styledcomponents.textFieldSliderTokens.textFieldLineHeight}: var(--plasma-typo-body-l-line-height);
+                ${_styledcomponents.textFieldSliderTokens.textFieldFontFamily}: ${_sdds_serv.bodyL.fontFamily};
+                ${_styledcomponents.textFieldSliderTokens.textFieldFontStyle}: ${_sdds_serv.bodyL.fontStyle};
+                ${_styledcomponents.textFieldSliderTokens.textFieldFontSize}: ${_sdds_serv.bodyL.fontSize};
+                ${_styledcomponents.textFieldSliderTokens.textFieldFontWeight}: ${_sdds_serv.bodyL.fontWeight};
+                ${_styledcomponents.textFieldSliderTokens.textFieldLetterSpacing}: ${_sdds_serv.bodyL.letterSpacing};
+                ${_styledcomponents.textFieldSliderTokens.textFieldLineHeight}: ${_sdds_serv.bodyL.lineHeight};
                 ${_styledcomponents.textFieldSliderTokens.labelOffset}: 0.25rem;
                 ${_styledcomponents.textFieldSliderTokens.labelInnerPadding}: 0.8125rem 0 0.125rem 0;
                 ${_styledcomponents.textFieldSliderTokens.contentLabelInnerPadding}: 1.813rem 0 0.813rem 0;
-                ${_styledcomponents.textFieldSliderTokens.labelFontFamily}: var(--plasma-typo-body-l-font-family);
-                ${_styledcomponents.textFieldSliderTokens.labelFontStyle}: var(--plasma-typo-body-l-font-style);
-                ${_styledcomponents.textFieldSliderTokens.labelFontSize}: var(--plasma-typo-body-l-font-size);
-                ${_styledcomponents.textFieldSliderTokens.labelFontWeight}: var(--plasma-typo-body-l-font-weight);
-                ${_styledcomponents.textFieldSliderTokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
-                ${_styledcomponents.textFieldSliderTokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);
+                ${_styledcomponents.textFieldSliderTokens.labelFontFamily}: ${_sdds_serv.bodyL.fontFamily};
+                ${_styledcomponents.textFieldSliderTokens.labelFontStyle}: ${_sdds_serv.bodyL.fontStyle};
+                ${_styledcomponents.textFieldSliderTokens.labelFontSize}: ${_sdds_serv.bodyL.fontSize};
+                ${_styledcomponents.textFieldSliderTokens.labelFontWeight}: ${_sdds_serv.bodyL.fontWeight};
+                ${_styledcomponents.textFieldSliderTokens.labelLetterSpacing}: ${_sdds_serv.bodyL.letterSpacing};
+                ${_styledcomponents.textFieldSliderTokens.labelLineHeight}: ${_sdds_serv.bodyL.lineHeight};
-                ${_styledcomponents.textFieldSliderTokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_styledcomponents.textFieldSliderTokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_styledcomponents.textFieldSliderTokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_styledcomponents.textFieldSliderTokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_styledcomponents.textFieldSliderTokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_styledcomponents.textFieldSliderTokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_styledcomponents.textFieldSliderTokens.labelInnerFontFamily}: ${_sdds_serv.bodyXS.fontFamily};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerFontSize}: ${_sdds_serv.bodyXS.fontSize};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerFontWeight}: ${_sdds_serv.bodyXS.fontWeight};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerLineHeight}: ${_sdds_serv.bodyXS.lineHeight};
                 ${_styledcomponents.textFieldSliderTokens.titleCaptionInnerLabelOffset}: 0.25rem;
-                ${_styledcomponents.textFieldSliderTokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_styledcomponents.textFieldSliderTokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_styledcomponents.textFieldSliderTokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_styledcomponents.textFieldSliderTokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_styledcomponents.textFieldSliderTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_styledcomponents.textFieldSliderTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_styledcomponents.textFieldSliderTokens.titleCaptionFontFamily}: ${_sdds_serv.bodyXS.fontFamily};
+                ${_styledcomponents.textFieldSliderTokens.titleCaptionFontSize}: ${_sdds_serv.bodyXS.fontSize};
+                ${_styledcomponents.textFieldSliderTokens.titleCaptionFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
+                ${_styledcomponents.textFieldSliderTokens.titleCaptionFontWeight}: ${_sdds_serv.bodyXS.fontWeight};
+                ${_styledcomponents.textFieldSliderTokens.titleCaptionLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
+                ${_styledcomponents.textFieldSliderTokens.titleCaptionLineHeight}: ${_sdds_serv.bodyXS.lineHeight};
                 ${_styledcomponents.textFieldSliderTokens.indicatorSize}: 0.5rem;
                 ${_styledcomponents.textFieldSliderTokens.indicatorSizeOuter}: 0.375rem;
@@ -304,12 +305,12 @@ const config = {
                 ${_styledcomponents.textFieldSliderTokens.scaleWrapperOffset}: 0.25rem;
                 ${_styledcomponents.textFieldSliderTokens.scaleWrapperPaddingTop}: 0.25rem;
-                ${_styledcomponents.textFieldSliderTokens.scaleValueFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_styledcomponents.textFieldSliderTokens.scaleValueFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_styledcomponents.textFieldSliderTokens.scaleValueFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_styledcomponents.textFieldSliderTokens.scaleValueFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_styledcomponents.textFieldSliderTokens.scaleValueLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_styledcomponents.textFieldSliderTokens.scaleValueLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_styledcomponents.textFieldSliderTokens.scaleValueFontSize}: ${_sdds_serv.bodyXS.fontSize};
+                ${_styledcomponents.textFieldSliderTokens.scaleValueFontFamily}: ${_sdds_serv.bodyXS.fontFamily};
+                ${_styledcomponents.textFieldSliderTokens.scaleValueFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
+                ${_styledcomponents.textFieldSliderTokens.scaleValueFontWeight}: ${_sdds_serv.bodyXS.fontWeight};
+                ${_styledcomponents.textFieldSliderTokens.scaleValueLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
+                ${_styledcomponents.textFieldSliderTokens.scaleValueLineHeight}: ${_sdds_serv.bodyXS.lineHeight};
                 ${_styledcomponents.textFieldSliderTokens.scaleTickSize}: 0.5rem;
             `,
             l: (0, _styledcomponents.css)`
@@ -322,38 +323,38 @@ const config = {
                 ${_styledcomponents.textFieldSliderTokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;
                 ${_styledcomponents.textFieldSliderTokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;
-                ${_styledcomponents.textFieldSliderTokens.textFieldFontFamily}: var(--plasma-typo-body-l-font-family);
-                ${_styledcomponents.textFieldSliderTokens.textFieldFontStyle}: var(--plasma-typo-body-l-font-style);
-                ${_styledcomponents.textFieldSliderTokens.textFieldFontSize}: var(--plasma-typo-body-l-font-size);
-                ${_styledcomponents.textFieldSliderTokens.textFieldFontWeight}: var(--plasma-typo-body-l-font-weight);
-                ${_styledcomponents.textFieldSliderTokens.textFieldLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
-                ${_styledcomponents.textFieldSliderTokens.textFieldLineHeight}: var(--plasma-typo-body-l-line-height);
+                ${_styledcomponents.textFieldSliderTokens.textFieldFontFamily}: ${_sdds_serv.bodyL.fontFamily};
+                ${_styledcomponents.textFieldSliderTokens.textFieldFontStyle}: ${_sdds_serv.bodyL.fontStyle};
+                ${_styledcomponents.textFieldSliderTokens.textFieldFontSize}: ${_sdds_serv.bodyL.fontSize};
+                ${_styledcomponents.textFieldSliderTokens.textFieldFontWeight}: ${_sdds_serv.bodyL.fontWeight};
+                ${_styledcomponents.textFieldSliderTokens.textFieldLetterSpacing}: ${_sdds_serv.bodyL.letterSpacing};
+                ${_styledcomponents.textFieldSliderTokens.textFieldLineHeight}: ${_sdds_serv.bodyL.lineHeight};
                 ${_styledcomponents.textFieldSliderTokens.labelOffset}: 0.25rem;
                 ${_styledcomponents.textFieldSliderTokens.labelInnerPadding}: 0.5625rem 0 0.125rem 0;
                 ${_styledcomponents.textFieldSliderTokens.contentLabelInnerPadding}: 1.5625rem 0 0.5625rem 0;
-                ${_styledcomponents.textFieldSliderTokens.labelFontFamily}: var(--plasma-typo-body-l-font-family);
-                ${_styledcomponents.textFieldSliderTokens.labelFontStyle}: var(--plasma-typo-body-l-font-style);
-                ${_styledcomponents.textFieldSliderTokens.labelFontSize}: var(--plasma-typo-body-l-font-size);
-                ${_styledcomponents.textFieldSliderTokens.labelFontWeight}: var(--plasma-typo-body-l-font-weight);
-                ${_styledcomponents.textFieldSliderTokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
-                ${_styledcomponents.textFieldSliderTokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);
+                ${_styledcomponents.textFieldSliderTokens.labelFontFamily}: ${_sdds_serv.bodyL.fontFamily};
+                ${_styledcomponents.textFieldSliderTokens.labelFontStyle}: ${_sdds_serv.bodyL.fontStyle};
+                ${_styledcomponents.textFieldSliderTokens.labelFontSize}: ${_sdds_serv.bodyL.fontSize};
+                ${_styledcomponents.textFieldSliderTokens.labelFontWeight}: ${_sdds_serv.bodyL.fontWeight};
+                ${_styledcomponents.textFieldSliderTokens.labelLetterSpacing}: ${_sdds_serv.bodyL.letterSpacing};
+                ${_styledcomponents.textFieldSliderTokens.labelLineHeight}: ${_sdds_serv.bodyL.lineHeight};
-                ${_styledcomponents.textFieldSliderTokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_styledcomponents.textFieldSliderTokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_styledcomponents.textFieldSliderTokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_styledcomponents.textFieldSliderTokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_styledcomponents.textFieldSliderTokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_styledcomponents.textFieldSliderTokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_styledcomponents.textFieldSliderTokens.labelInnerFontFamily}: ${_sdds_serv.bodyXS.fontFamily};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerFontSize}: ${_sdds_serv.bodyXS.fontSize};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerFontWeight}: ${_sdds_serv.bodyXS.fontWeight};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerLineHeight}: ${_sdds_serv.bodyXS.lineHeight};
                 ${_styledcomponents.textFieldSliderTokens.titleCaptionInnerLabelOffset}: 0.25rem;
-                ${_styledcomponents.textFieldSliderTokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_styledcomponents.textFieldSliderTokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_styledcomponents.textFieldSliderTokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_styledcomponents.textFieldSliderTokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_styledcomponents.textFieldSliderTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_styledcomponents.textFieldSliderTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_styledcomponents.textFieldSliderTokens.titleCaptionFontFamily}: ${_sdds_serv.bodyXS.fontFamily};
+                ${_styledcomponents.textFieldSliderTokens.titleCaptionFontSize}: ${_sdds_serv.bodyXS.fontSize};
+                ${_styledcomponents.textFieldSliderTokens.titleCaptionFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
+                ${_styledcomponents.textFieldSliderTokens.titleCaptionFontWeight}: ${_sdds_serv.bodyXS.fontWeight};
+                ${_styledcomponents.textFieldSliderTokens.titleCaptionLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
+                ${_styledcomponents.textFieldSliderTokens.titleCaptionLineHeight}: ${_sdds_serv.bodyXS.lineHeight};
                 ${_styledcomponents.textFieldSliderTokens.indicatorSize}: 0.5rem;
                 ${_styledcomponents.textFieldSliderTokens.indicatorSizeOuter}: 0.375rem;
@@ -375,12 +376,12 @@ const config = {
                 ${_styledcomponents.textFieldSliderTokens.scaleWrapperOffset}: 0.25rem;
                 ${_styledcomponents.textFieldSliderTokens.scaleWrapperPaddingTop}: 0.25rem;
-                ${_styledcomponents.textFieldSliderTokens.scaleValueFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_styledcomponents.textFieldSliderTokens.scaleValueFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_styledcomponents.textFieldSliderTokens.scaleValueFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_styledcomponents.textFieldSliderTokens.scaleValueFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_styledcomponents.textFieldSliderTokens.scaleValueLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_styledcomponents.textFieldSliderTokens.scaleValueLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_styledcomponents.textFieldSliderTokens.scaleValueFontSize}: ${_sdds_serv.bodyXS.fontSize};
+                ${_styledcomponents.textFieldSliderTokens.scaleValueFontFamily}: ${_sdds_serv.bodyXS.fontFamily};
+                ${_styledcomponents.textFieldSliderTokens.scaleValueFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
+                ${_styledcomponents.textFieldSliderTokens.scaleValueFontWeight}: ${_sdds_serv.bodyXS.fontWeight};
+                ${_styledcomponents.textFieldSliderTokens.scaleValueLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
+                ${_styledcomponents.textFieldSliderTokens.scaleValueLineHeight}: ${_sdds_serv.bodyXS.lineHeight};
                 ${_styledcomponents.textFieldSliderTokens.scaleTickSize}: 0.5rem;
             `,
             m: (0, _styledcomponents.css)`
@@ -393,38 +394,38 @@ const config = {
                 ${_styledcomponents.textFieldSliderTokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;
                 ${_styledcomponents.textFieldSliderTokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;
-                ${_styledcomponents.textFieldSliderTokens.textFieldFontFamily}: var(--plasma-typo-body-m-font-family);
-                ${_styledcomponents.textFieldSliderTokens.textFieldFontStyle}: var(--plasma-typo-body-m-font-style);
-                ${_styledcomponents.textFieldSliderTokens.textFieldFontSize}: var(--plasma-typo-body-m-font-size);
-                ${_styledcomponents.textFieldSliderTokens.textFieldFontWeight}: var(--plasma-typo-body-m-font-weight);
-                ${_styledcomponents.textFieldSliderTokens.textFieldLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
-                ${_styledcomponents.textFieldSliderTokens.textFieldLineHeight}: var(--plasma-typo-body-m-line-height);
+                ${_styledcomponents.textFieldSliderTokens.textFieldFontFamily}: ${_sdds_serv.bodyM.fontFamily};
+                ${_styledcomponents.textFieldSliderTokens.textFieldFontStyle}: ${_sdds_serv.bodyM.fontStyle};
+                ${_styledcomponents.textFieldSliderTokens.textFieldFontSize}: ${_sdds_serv.bodyM.fontSize};
+                ${_styledcomponents.textFieldSliderTokens.textFieldFontWeight}: ${_sdds_serv.bodyM.fontWeight};
+                ${_styledcomponents.textFieldSliderTokens.textFieldLetterSpacing}: ${_sdds_serv.bodyM.letterSpacing};
+                ${_styledcomponents.textFieldSliderTokens.textFieldLineHeight}: ${_sdds_serv.bodyM.lineHeight};
                 ${_styledcomponents.textFieldSliderTokens.labelOffset}: 0.25rem;
                 ${_styledcomponents.textFieldSliderTokens.labelInnerPadding}: 0.375rem 0 0.125rem 0;
                 ${_styledcomponents.textFieldSliderTokens.contentLabelInnerPadding}: 1.375rem 0 0.375rem 0;
-                ${_styledcomponents.textFieldSliderTokens.labelFontFamily}: var(--plasma-typo-body-m-font-family);
-                ${_styledcomponents.textFieldSliderTokens.labelFontStyle}: var(--plasma-typo-body-m-font-style);
-                ${_styledcomponents.textFieldSliderTokens.labelFontSize}: var(--plasma-typo-body-m-font-size);
-                ${_styledcomponents.textFieldSliderTokens.labelFontWeight}: var(--plasma-typo-body-m-font-weight);
-                ${_styledcomponents.textFieldSliderTokens.labelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
-                ${_styledcomponents.textFieldSliderTokens.labelLineHeight}: var(--plasma-typo-body-m-line-height);
+                ${_styledcomponents.textFieldSliderTokens.labelFontFamily}: ${_sdds_serv.bodyM.fontFamily};
+                ${_styledcomponents.textFieldSliderTokens.labelFontStyle}: ${_sdds_serv.bodyM.fontStyle};
+                ${_styledcomponents.textFieldSliderTokens.labelFontSize}: ${_sdds_serv.bodyM.fontSize};
+                ${_styledcomponents.textFieldSliderTokens.labelFontWeight}: ${_sdds_serv.bodyM.fontWeight};
+                ${_styledcomponents.textFieldSliderTokens.labelLetterSpacing}: ${_sdds_serv.bodyM.letterSpacing};
+                ${_styledcomponents.textFieldSliderTokens.labelLineHeight}: ${_sdds_serv.bodyM.lineHeight};
-                ${_styledcomponents.textFieldSliderTokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_styledcomponents.textFieldSliderTokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_styledcomponents.textFieldSliderTokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_styledcomponents.textFieldSliderTokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_styledcomponents.textFieldSliderTokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_styledcomponents.textFieldSliderTokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_styledcomponents.textFieldSliderTokens.labelInnerFontFamily}: ${_sdds_serv.bodyXS.fontFamily};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerFontSize}: ${_sdds_serv.bodyXS.fontSize};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerFontWeight}: ${_sdds_serv.bodyXS.fontWeight};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerLineHeight}: ${_sdds_serv.bodyXS.lineHeight};
                 ${_styledcomponents.textFieldSliderTokens.titleCaptionInnerLabelOffset}: 0.25rem;
-                ${_styledcomponents.textFieldSliderTokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_styledcomponents.textFieldSliderTokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_styledcomponents.textFieldSliderTokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_styledcomponents.textFieldSliderTokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_styledcomponents.textFieldSliderTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_styledcomponents.textFieldSliderTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_styledcomponents.textFieldSliderTokens.titleCaptionFontFamily}: ${_sdds_serv.bodyXS.fontFamily};
+                ${_styledcomponents.textFieldSliderTokens.titleCaptionFontSize}: ${_sdds_serv.bodyXS.fontSize};
+                ${_styledcomponents.textFieldSliderTokens.titleCaptionFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
+                ${_styledcomponents.textFieldSliderTokens.titleCaptionFontWeight}: ${_sdds_serv.bodyXS.fontWeight};
+                ${_styledcomponents.textFieldSliderTokens.titleCaptionLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
+                ${_styledcomponents.textFieldSliderTokens.titleCaptionLineHeight}: ${_sdds_serv.bodyXS.lineHeight};
                 ${_styledcomponents.textFieldSliderTokens.indicatorSize}: 0.5rem;
                 ${_styledcomponents.textFieldSliderTokens.indicatorSizeOuter}: 0.375rem;
@@ -446,12 +447,12 @@ const config = {
                 ${_styledcomponents.textFieldSliderTokens.scaleWrapperOffset}: 0.25rem;
                 ${_styledcomponents.textFieldSliderTokens.scaleWrapperPaddingTop}: 0.25rem;
-                ${_styledcomponents.textFieldSliderTokens.scaleValueFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_styledcomponents.textFieldSliderTokens.scaleValueFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_styledcomponents.textFieldSliderTokens.scaleValueFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_styledcomponents.textFieldSliderTokens.scaleValueFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_styledcomponents.textFieldSliderTokens.scaleValueLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_styledcomponents.textFieldSliderTokens.scaleValueLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_styledcomponents.textFieldSliderTokens.scaleValueFontSize}: ${_sdds_serv.bodyXS.fontSize};
+                ${_styledcomponents.textFieldSliderTokens.scaleValueFontFamily}: ${_sdds_serv.bodyXS.fontFamily};
+                ${_styledcomponents.textFieldSliderTokens.scaleValueFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
+                ${_styledcomponents.textFieldSliderTokens.scaleValueFontWeight}: ${_sdds_serv.bodyXS.fontWeight};
+                ${_styledcomponents.textFieldSliderTokens.scaleValueLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
+                ${_styledcomponents.textFieldSliderTokens.scaleValueLineHeight}: ${_sdds_serv.bodyXS.lineHeight};
                 ${_styledcomponents.textFieldSliderTokens.scaleTickSize}: 0.5rem;
             `,
             s: (0, _styledcomponents.css)`
@@ -464,38 +465,38 @@ const config = {
                 ${_styledcomponents.textFieldSliderTokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;
                 ${_styledcomponents.textFieldSliderTokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;
-                ${_styledcomponents.textFieldSliderTokens.textFieldFontFamily}: var(--plasma-typo-body-s-font-family);
-                ${_styledcomponents.textFieldSliderTokens.textFieldFontStyle}: var(--plasma-typo-body-s-font-style);
-                ${_styledcomponents.textFieldSliderTokens.textFieldFontSize}: var(--plasma-typo-body-s-font-size);
-                ${_styledcomponents.textFieldSliderTokens.textFieldFontWeight}: var(--plasma-typo-body-s-font-weight);
-                ${_styledcomponents.textFieldSliderTokens.textFieldLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
-                ${_styledcomponents.textFieldSliderTokens.textFieldLineHeight}: var(--plasma-typo-body-s-line-height);
+                ${_styledcomponents.textFieldSliderTokens.textFieldFontFamily}: ${_sdds_serv.bodyS.fontFamily};
+                ${_styledcomponents.textFieldSliderTokens.textFieldFontStyle}: ${_sdds_serv.bodyS.fontStyle};
+                ${_styledcomponents.textFieldSliderTokens.textFieldFontSize}: ${_sdds_serv.bodyS.fontSize};
+                ${_styledcomponents.textFieldSliderTokens.textFieldFontWeight}: ${_sdds_serv.bodyS.fontWeight};
+                ${_styledcomponents.textFieldSliderTokens.textFieldLetterSpacing}: ${_sdds_serv.bodyS.letterSpacing};
+                ${_styledcomponents.textFieldSliderTokens.textFieldLineHeight}: ${_sdds_serv.bodyS.lineHeight};
                 ${_styledcomponents.textFieldSliderTokens.labelOffset}: 0.25rem;
                 ${_styledcomponents.textFieldSliderTokens.labelInnerPadding}: 0.3125rem 0 0 0;
                 ${_styledcomponents.textFieldSliderTokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;
-                ${_styledcomponents.textFieldSliderTokens.labelFontFamily}: var(--plasma-typo-body-s-font-family);
-                ${_styledcomponents.textFieldSliderTokens.labelFontStyle}: var(--plasma-typo-body-s-font-style);
-                ${_styledcomponents.textFieldSliderTokens.labelFontSize}: var(--plasma-typo-body-s-font-size);
-                ${_styledcomponents.textFieldSliderTokens.labelFontWeight}: var(--plasma-typo-body-s-font-weight);
-                ${_styledcomponents.textFieldSliderTokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
-                ${_styledcomponents.textFieldSliderTokens.labelLineHeight}: var(--plasma-typo-body-s-line-height);
+                ${_styledcomponents.textFieldSliderTokens.labelFontFamily}: ${_sdds_serv.bodyS.fontFamily};
+                ${_styledcomponents.textFieldSliderTokens.labelFontStyle}: ${_sdds_serv.bodyS.fontStyle};
+                ${_styledcomponents.textFieldSliderTokens.labelFontSize}: ${_sdds_serv.bodyS.fontSize};
+                ${_styledcomponents.textFieldSliderTokens.labelFontWeight}: ${_sdds_serv.bodyS.fontWeight};
+                ${_styledcomponents.textFieldSliderTokens.labelLetterSpacing}: ${_sdds_serv.bodyS.letterSpacing};
+                ${_styledcomponents.textFieldSliderTokens.labelLineHeight}: ${_sdds_serv.bodyS.lineHeight};
-                ${_styledcomponents.textFieldSliderTokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_styledcomponents.textFieldSliderTokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_styledcomponents.textFieldSliderTokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_styledcomponents.textFieldSliderTokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_styledcomponents.textFieldSliderTokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_styledcomponents.textFieldSliderTokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_styledcomponents.textFieldSliderTokens.labelInnerFontFamily}: ${_sdds_serv.bodyXS.fontFamily};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerFontSize}: ${_sdds_serv.bodyXS.fontSize};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerFontWeight}: ${_sdds_serv.bodyXS.fontWeight};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerLineHeight}: ${_sdds_serv.bodyXS.lineHeight};
                 ${_styledcomponents.textFieldSliderTokens.titleCaptionInnerLabelOffset}: 0.25rem;
-                ${_styledcomponents.textFieldSliderTokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_styledcomponents.textFieldSliderTokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_styledcomponents.textFieldSliderTokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_styledcomponents.textFieldSliderTokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_styledcomponents.textFieldSliderTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_styledcomponents.textFieldSliderTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_styledcomponents.textFieldSliderTokens.titleCaptionFontFamily}: ${_sdds_serv.bodyXS.fontFamily};
+                ${_styledcomponents.textFieldSliderTokens.titleCaptionFontSize}: ${_sdds_serv.bodyXS.fontSize};
+                ${_styledcomponents.textFieldSliderTokens.titleCaptionFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
+                ${_styledcomponents.textFieldSliderTokens.titleCaptionFontWeight}: ${_sdds_serv.bodyXS.fontWeight};
+                ${_styledcomponents.textFieldSliderTokens.titleCaptionLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
+                ${_styledcomponents.textFieldSliderTokens.titleCaptionLineHeight}: ${_sdds_serv.bodyXS.lineHeight};
                 ${_styledcomponents.textFieldSliderTokens.indicatorSize}: 0.375rem;
                 ${_styledcomponents.textFieldSliderTokens.indicatorSizeOuter}: 0.375rem;
@@ -517,12 +518,12 @@ const config = {
                 ${_styledcomponents.textFieldSliderTokens.scaleWrapperOffset}: 0.25rem;
                 ${_styledcomponents.textFieldSliderTokens.scaleWrapperPaddingTop}: 0.25rem;
-                ${_styledcomponents.textFieldSliderTokens.scaleValueFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_styledcomponents.textFieldSliderTokens.scaleValueFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_styledcomponents.textFieldSliderTokens.scaleValueFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_styledcomponents.textFieldSliderTokens.scaleValueFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_styledcomponents.textFieldSliderTokens.scaleValueLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_styledcomponents.textFieldSliderTokens.scaleValueLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_styledcomponents.textFieldSliderTokens.scaleValueFontSize}: ${_sdds_serv.bodyXS.fontSize};
+                ${_styledcomponents.textFieldSliderTokens.scaleValueFontFamily}: ${_sdds_serv.bodyXS.fontFamily};
+                ${_styledcomponents.textFieldSliderTokens.scaleValueFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
+                ${_styledcomponents.textFieldSliderTokens.scaleValueFontWeight}: ${_sdds_serv.bodyXS.fontWeight};
+                ${_styledcomponents.textFieldSliderTokens.scaleValueLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
+                ${_styledcomponents.textFieldSliderTokens.scaleValueLineHeight}: ${_sdds_serv.bodyXS.lineHeight};
                 ${_styledcomponents.textFieldSliderTokens.scaleTickSize}: 0.5rem;
             `,
             xs: (0, _styledcomponents.css)`
@@ -535,38 +536,38 @@ const config = {
                 ${_styledcomponents.textFieldSliderTokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;
                 ${_styledcomponents.textFieldSliderTokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;
-                ${_styledcomponents.textFieldSliderTokens.textFieldFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_styledcomponents.textFieldSliderTokens.textFieldFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_styledcomponents.textFieldSliderTokens.textFieldFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_styledcomponents.textFieldSliderTokens.textFieldFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_styledcomponents.textFieldSliderTokens.textFieldLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_styledcomponents.textFieldSliderTokens.textFieldLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_styledcomponents.textFieldSliderTokens.textFieldFontFamily}: ${_sdds_serv.bodyXS.fontFamily};
+                ${_styledcomponents.textFieldSliderTokens.textFieldFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
+                ${_styledcomponents.textFieldSliderTokens.textFieldFontSize}: ${_sdds_serv.bodyXS.fontSize};
+                ${_styledcomponents.textFieldSliderTokens.textFieldFontWeight}: ${_sdds_serv.bodyXS.fontWeight};
+                ${_styledcomponents.textFieldSliderTokens.textFieldLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
+                ${_styledcomponents.textFieldSliderTokens.textFieldLineHeight}: ${_sdds_serv.bodyXS.lineHeight};
                 ${_styledcomponents.textFieldSliderTokens.labelOffset}: 0.25rem;
                 ${_styledcomponents.textFieldSliderTokens.labelInnerPadding}: 0.3125rem 0 0 0;
                 ${_styledcomponents.textFieldSliderTokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;
-                ${_styledcomponents.textFieldSliderTokens.labelFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_styledcomponents.textFieldSliderTokens.labelFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_styledcomponents.textFieldSliderTokens.labelFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_styledcomponents.textFieldSliderTokens.labelFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_styledcomponents.textFieldSliderTokens.labelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_styledcomponents.textFieldSliderTokens.labelLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_styledcomponents.textFieldSliderTokens.labelFontFamily}: ${_sdds_serv.bodyXS.fontFamily};
+                ${_styledcomponents.textFieldSliderTokens.labelFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
+                ${_styledcomponents.textFieldSliderTokens.labelFontSize}: ${_sdds_serv.bodyXS.fontSize};
+                ${_styledcomponents.textFieldSliderTokens.labelFontWeight}: ${_sdds_serv.bodyXS.fontWeight};
+                ${_styledcomponents.textFieldSliderTokens.labelLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
+                ${_styledcomponents.textFieldSliderTokens.labelLineHeight}: ${_sdds_serv.bodyXS.lineHeight};
-                ${_styledcomponents.textFieldSliderTokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_styledcomponents.textFieldSliderTokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_styledcomponents.textFieldSliderTokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_styledcomponents.textFieldSliderTokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_styledcomponents.textFieldSliderTokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_styledcomponents.textFieldSliderTokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_styledcomponents.textFieldSliderTokens.labelInnerFontFamily}: ${_sdds_serv.bodyXS.fontFamily};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerFontSize}: ${_sdds_serv.bodyXS.fontSize};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerFontWeight}: ${_sdds_serv.bodyXS.fontWeight};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerLineHeight}: ${_sdds_serv.bodyXS.lineHeight};
                 ${_styledcomponents.textFieldSliderTokens.titleCaptionInnerLabelOffset}: 0.25rem;
-                ${_styledcomponents.textFieldSliderTokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_styledcomponents.textFieldSliderTokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_styledcomponents.textFieldSliderTokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_styledcomponents.textFieldSliderTokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_styledcomponents.textFieldSliderTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_styledcomponents.textFieldSliderTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_styledcomponents.textFieldSliderTokens.titleCaptionFontFamily}: ${_sdds_serv.bodyXS.fontFamily};
+                ${_styledcomponents.textFieldSliderTokens.titleCaptionFontSize}: ${_sdds_serv.bodyXS.fontSize};
+                ${_styledcomponents.textFieldSliderTokens.titleCaptionFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
+                ${_styledcomponents.textFieldSliderTokens.titleCaptionFontWeight}: ${_sdds_serv.bodyXS.fontWeight};
+                ${_styledcomponents.textFieldSliderTokens.titleCaptionLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
+                ${_styledcomponents.textFieldSliderTokens.titleCaptionLineHeight}: ${_sdds_serv.bodyXS.lineHeight};
                 ${_styledcomponents.textFieldSliderTokens.indicatorSize}: 0.375rem;
                 ${_styledcomponents.textFieldSliderTokens.indicatorSizeOuter}: 0.375rem;
@@ -588,21 +589,21 @@ const config = {
                 ${_styledcomponents.textFieldSliderTokens.scaleWrapperOffset}: 0.25rem;
                 ${_styledcomponents.textFieldSliderTokens.scaleWrapperPaddingTop}: 0.25rem;
-                ${_styledcomponents.textFieldSliderTokens.scaleValueFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_styledcomponents.textFieldSliderTokens.scaleValueFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_styledcomponents.textFieldSliderTokens.scaleValueFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_styledcomponents.textFieldSliderTokens.scaleValueFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_styledcomponents.textFieldSliderTokens.scaleValueLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_styledcomponents.textFieldSliderTokens.scaleValueLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_styledcomponents.textFieldSliderTokens.scaleValueFontSize}: ${_sdds_serv.bodyXS.fontSize};
+                ${_styledcomponents.textFieldSliderTokens.scaleValueFontFamily}: ${_sdds_serv.bodyXS.fontFamily};
+                ${_styledcomponents.textFieldSliderTokens.scaleValueFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
+                ${_styledcomponents.textFieldSliderTokens.scaleValueFontWeight}: ${_sdds_serv.bodyXS.fontWeight};
+                ${_styledcomponents.textFieldSliderTokens.scaleValueLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
+                ${_styledcomponents.textFieldSliderTokens.scaleValueLineHeight}: ${_sdds_serv.bodyXS.lineHeight};
                 ${_styledcomponents.textFieldSliderTokens.scaleTickSize}: 0.5rem;
             `
         },
         hintView: {
             default: (0, _styledcomponents.css)`
-                ${_styledcomponents.textFieldSliderTokens.hintTooltipBackgroundColor}: var(--surface-solid-card-brightness);
-                ${_styledcomponents.textFieldSliderTokens.hintTooltipBoxShadow}: var(--shadow-down-hard-m);
-                ${_styledcomponents.textFieldSliderTokens.hintTooltipColor}: var(--text-primary);
-                ${_styledcomponents.textFieldSliderTokens.hintTooltipArrowBackground}: var(--surface-solid-card-brightness);
+                ${_styledcomponents.textFieldSliderTokens.hintTooltipBackgroundColor}: ${_sdds_serv.surfaceSolidCardBrightness};
+                ${_styledcomponents.textFieldSliderTokens.hintTooltipBoxShadow}: ${_sdds_serv.shadowDownHardM};
+                ${_styledcomponents.textFieldSliderTokens.hintTooltipColor}: ${_sdds_serv.textPrimary};
+                ${_styledcomponents.textFieldSliderTokens.hintTooltipArrowBackground}: ${_sdds_serv.surfaceSolidCardBrightness};
             `
         },
         hintSize: {
@@ -615,12 +616,12 @@ const config = {
                 ${_styledcomponents.textFieldSliderTokens.hintTooltipMinHeight}: 2.5rem;
                 ${_styledcomponents.textFieldSliderTokens.hintTooltipBorderRadius}: 0.625rem;
-                ${_styledcomponents.textFieldSliderTokens.hintTooltipTextFontFamily}: var(--plasma-typo-body-s-font-family);
-                ${_styledcomponents.textFieldSliderTokens.hintTooltipTextFontSize}: var(--plasma-typo-body-s-font-size);
-                ${_styledcomponents.textFieldSliderTokens.hintTooltipTextFontStyle}: var(--plasma-typo-body-s-font-style);
-                ${_styledcomponents.textFieldSliderTokens.hintTooltipTextFontWeight}: var(--plasma-typo-body-s-font-weight);
-                ${_styledcomponents.textFieldSliderTokens.hintTooltipTextFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
-                ${_styledcomponents.textFieldSliderTokens.hintTooltipTextFontLineHeight}: var(--plasma-typo-body-s-line-height);
+                ${_styledcomponents.textFieldSliderTokens.hintTooltipTextFontFamily}: ${_sdds_serv.bodyS.fontFamily};
+                ${_styledcomponents.textFieldSliderTokens.hintTooltipTextFontSize}: ${_sdds_serv.bodyS.fontSize};
+                ${_styledcomponents.textFieldSliderTokens.hintTooltipTextFontStyle}: ${_sdds_serv.bodyS.fontStyle};
+                ${_styledcomponents.textFieldSliderTokens.hintTooltipTextFontWeight}: ${_sdds_serv.bodyS.fontWeight};
+                ${_styledcomponents.textFieldSliderTokens.hintTooltipTextFontLetterSpacing}: ${_sdds_serv.bodyS.letterSpacing};
+                ${_styledcomponents.textFieldSliderTokens.hintTooltipTextFontLineHeight}: ${_sdds_serv.bodyS.lineHeight};
                 ${_styledcomponents.textFieldSliderTokens.hintTooltipContentLeftMargin}: 0.375rem;
@@ -639,12 +640,12 @@ const config = {
                 ${_styledcomponents.textFieldSliderTokens.hintTooltipMinHeight}: 2rem;
                 ${_styledcomponents.textFieldSliderTokens.hintTooltipBorderRadius}: 0.5rem;
-                ${_styledcomponents.textFieldSliderTokens.hintTooltipTextFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_styledcomponents.textFieldSliderTokens.hintTooltipTextFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_styledcomponents.textFieldSliderTokens.hintTooltipTextFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_styledcomponents.textFieldSliderTokens.hintTooltipTextFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_styledcomponents.textFieldSliderTokens.hintTooltipTextFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_styledcomponents.textFieldSliderTokens.hintTooltipTextFontLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_styledcomponents.textFieldSliderTokens.hintTooltipTextFontFamily}: ${_sdds_serv.bodyXS.fontFamily};
+                ${_styledcomponents.textFieldSliderTokens.hintTooltipTextFontSize}: ${_sdds_serv.bodyXS.fontSize};
+                ${_styledcomponents.textFieldSliderTokens.hintTooltipTextFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
+                ${_styledcomponents.textFieldSliderTokens.hintTooltipTextFontWeight}: ${_sdds_serv.bodyXS.fontWeight};
+                ${_styledcomponents.textFieldSliderTokens.hintTooltipTextFontLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
+                ${_styledcomponents.textFieldSliderTokens.hintTooltipTextFontLineHeight}: ${_sdds_serv.bodyXS.lineHeight};
                 ${_styledcomponents.textFieldSliderTokens.hintTooltipContentLeftMargin}: 0.25rem;
@@ -662,12 +663,12 @@ const config = {
         },
         readOnly: {
             true: (0, _styledcomponents.css)`
-                ${_styledcomponents.textFieldSliderTokens.labelColorReadOnly}: var(--text-primary);
+                ${_styledcomponents.textFieldSliderTokens.labelColorReadOnly}: ${_sdds_serv.textPrimary};
-                ${_styledcomponents.textFieldSliderTokens.textFieldColorReadOnly}: var(--text-primary);
-                ${_styledcomponents.textFieldSliderTokens.textFieldBackgroundColorReadOnly}: var(--surface-transparent-primary);
-                ${_styledcomponents.textFieldSliderTokens.textFieldBorderColorReadOnly}: var(--surface-transparent-primary);
-                ${_styledcomponents.textFieldSliderTokens.textFieldPlaceholderColorReadOnly}: var(--text-secondary);
+                ${_styledcomponents.textFieldSliderTokens.textFieldColorReadOnly}: ${_sdds_serv.textPrimary};
+                ${_styledcomponents.textFieldSliderTokens.textFieldBackgroundColorReadOnly}: ${_sdds_serv.surfaceTransparentPrimary};
+                ${_styledcomponents.textFieldSliderTokens.textFieldBorderColorReadOnly}: ${_sdds_serv.surfaceTransparentPrimary};
+                ${_styledcomponents.textFieldSliderTokens.textFieldPlaceholderColorReadOnly}: ${_sdds_serv.textSecondary};
                 ${_styledcomponents.textFieldSliderTokens.textFieldContentSlotRightOpacityReadOnly}: 0.4;
                 ${_styledcomponents.textFieldSliderTokens.textFieldReadOnlyOpacity}: 0.1;