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/emotion/cjs/components/TextFieldSlider/TextFieldSlider.config.js CHANGED Viewed

@@ -9,6 +9,7 @@ Object.defineProperty(exports, "config", {
     }
 });
 const _emotion = require("@salutejs/plasma-new-hope/emotion");
+const _sdds_serv = require("@salutejs/sdds-themes/tokens/sdds_serv");
 const config = {
     defaults: {
         view: 'default',
@@ -18,214 +19,214 @@ const config = {
     variations: {
         view: {
             default: (0, _emotion.css)`
-                ${_emotion.textFieldSliderTokens.textFieldColor}: var(--text-primary);
-                ${_emotion.textFieldSliderTokens.textFieldPlaceholderColor}: var(--text-secondary);
-                ${_emotion.textFieldSliderTokens.textFieldPlaceholderColorFocus}: var(--text-tertiary);
-                ${_emotion.textFieldSliderTokens.textFieldCaretColor}: var(--text-accent);
+                ${_emotion.textFieldSliderTokens.textFieldColor}: ${_sdds_serv.textPrimary};
+                ${_emotion.textFieldSliderTokens.textFieldPlaceholderColor}: ${_sdds_serv.textSecondary};
+                ${_emotion.textFieldSliderTokens.textFieldPlaceholderColorFocus}: ${_sdds_serv.textTertiary};
+                ${_emotion.textFieldSliderTokens.textFieldCaretColor}: ${_sdds_serv.textAccent};
-                ${_emotion.textFieldSliderTokens.textFieldErrorColor}: var(--text-negative);
-                ${_emotion.textFieldSliderTokens.textFieldBackgroundErrorColor}: var(--surface-transparent-negative);
+                ${_emotion.textFieldSliderTokens.textFieldErrorColor}: ${_sdds_serv.textNegative};
+                ${_emotion.textFieldSliderTokens.textFieldBackgroundErrorColor}: ${_sdds_serv.surfaceTransparentNegative};
-                ${_emotion.textFieldSliderTokens.textFieldBackgroundColor}: var(--surface-transparent-primary);
-                ${_emotion.textFieldSliderTokens.textFieldBackgroundColorHover}: var(--surface-transparent-primary-active);
-                ${_emotion.textFieldSliderTokens.textFieldBackgroundColorFocus}: var(--surface-transparent-secondary);
+                ${_emotion.textFieldSliderTokens.textFieldBackgroundColor}: ${_sdds_serv.surfaceTransparentPrimary};
+                ${_emotion.textFieldSliderTokens.textFieldBackgroundColorHover}: ${_sdds_serv.surfaceTransparentPrimaryActive};
+                ${_emotion.textFieldSliderTokens.textFieldBackgroundColorFocus}: ${_sdds_serv.surfaceTransparentSecondary};
-                ${_emotion.textFieldSliderTokens.textFieldBorderColor}: var(--surface-transparent-tertiary);
-                ${_emotion.textFieldSliderTokens.textFieldBorderColorHover}: var(--text-secondary);
-                ${_emotion.textFieldSliderTokens.textFieldBorderColorFocus}: var(--surface-accent);
+                ${_emotion.textFieldSliderTokens.textFieldBorderColor}: ${_sdds_serv.surfaceTransparentTertiary};
+                ${_emotion.textFieldSliderTokens.textFieldBorderColorHover}: ${_sdds_serv.textSecondary};
+                ${_emotion.textFieldSliderTokens.textFieldBorderColorFocus}: ${_sdds_serv.surfaceAccent};
-                ${_emotion.textFieldSliderTokens.labelColor}: var(--text-primary);
-                ${_emotion.textFieldSliderTokens.titleCaptionColor}: var(--text-secondary);
-                ${_emotion.textFieldSliderTokens.optionalColor}: var(--text-tertiary);
+                ${_emotion.textFieldSliderTokens.labelColor}: ${_sdds_serv.textPrimary};
+                ${_emotion.textFieldSliderTokens.titleCaptionColor}: ${_sdds_serv.textSecondary};
+                ${_emotion.textFieldSliderTokens.optionalColor}: ${_sdds_serv.textTertiary};
-                ${_emotion.textFieldSliderTokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_emotion.textFieldSliderTokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_emotion.textFieldSliderTokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_emotion.textFieldSliderTokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_emotion.textFieldSliderTokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_emotion.textFieldSliderTokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_emotion.textFieldSliderTokens.labelInnerFontFamily}: ${_sdds_serv.bodyXS.fontFamily};
+                ${_emotion.textFieldSliderTokens.labelInnerFontSize}: ${_sdds_serv.bodyXS.fontSize};
+                ${_emotion.textFieldSliderTokens.labelInnerFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
+                ${_emotion.textFieldSliderTokens.labelInnerFontWeight}: ${_sdds_serv.bodyXS.fontWeight};
+                ${_emotion.textFieldSliderTokens.labelInnerLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
+                ${_emotion.textFieldSliderTokens.labelInnerLineHeight}: ${_sdds_serv.bodyXS.lineHeight};
-                ${_emotion.textFieldSliderTokens.indicatorColor}: var(--surface-negative);
-                ${_emotion.textFieldSliderTokens.hintIconColor}: var(--text-secondary);
+                ${_emotion.textFieldSliderTokens.indicatorColor}: ${_sdds_serv.surfaceNegative};
+                ${_emotion.textFieldSliderTokens.hintIconColor}: ${_sdds_serv.textSecondary};
-                ${_emotion.textFieldSliderTokens.textFieldTextBeforeColor}: var(--text-tertiary);
-                ${_emotion.textFieldSliderTokens.textFieldTextAfterColor}: var(--text-tertiary);
+                ${_emotion.textFieldSliderTokens.textFieldTextBeforeColor}: ${_sdds_serv.textTertiary};
+                ${_emotion.textFieldSliderTokens.textFieldTextAfterColor}: ${_sdds_serv.textTertiary};
-                ${_emotion.textFieldSliderTokens.textFieldFocusColor}: var(--text-accent);
+                ${_emotion.textFieldSliderTokens.textFieldFocusColor}: ${_sdds_serv.textAccent};
-                ${_emotion.textFieldSliderTokens.textFieldContentSlotColor}: var(--text-secondary);
-                ${_emotion.textFieldSliderTokens.textFieldContentSlotColorHover}: var(--text-secondary-hover);
-                ${_emotion.textFieldSliderTokens.textFieldContentSlotColorActive}: var(--text-secondary-active);
+                ${_emotion.textFieldSliderTokens.textFieldContentSlotColor}: ${_sdds_serv.textSecondary};
+                ${_emotion.textFieldSliderTokens.textFieldContentSlotColorHover}: ${_sdds_serv.textSecondaryHover};
+                ${_emotion.textFieldSliderTokens.textFieldContentSlotColorActive}: ${_sdds_serv.textSecondaryActive};
-                ${_emotion.textFieldSliderTokens.textFieldContentRightSlotColor}: var(--text-secondary);
-                ${_emotion.textFieldSliderTokens.textFieldContentRightSlotColorHover}: var(--text-secondary-hover);
-                ${_emotion.textFieldSliderTokens.textFieldContentRightSlotColorActive}: var(--text-secondary-active);
+                ${_emotion.textFieldSliderTokens.textFieldContentRightSlotColor}: ${_sdds_serv.textSecondary};
+                ${_emotion.textFieldSliderTokens.textFieldContentRightSlotColorHover}: ${_sdds_serv.textSecondaryHover};
+                ${_emotion.textFieldSliderTokens.textFieldContentRightSlotColorActive}: ${_sdds_serv.textSecondaryActive};
-                ${_emotion.textFieldSliderTokens.sliderTrackBackground}: var(--surface-solid-tertiary);
-                ${_emotion.textFieldSliderTokens.sliderThumbBackground}: var(--on-light-surface-solid-card);
-                ${_emotion.textFieldSliderTokens.sliderThumbBorderBoxShadow}: 0 0 0 0.063rem var(--on-light-surface-transparent-tertiary);
-                ${_emotion.textFieldSliderTokens.sliderThumbBorderBoxShadowFocus}: 0 0 0 0.063rem var(--surface-solid-default);
+                ${_emotion.textFieldSliderTokens.sliderTrackBackground}: ${_sdds_serv.surfaceSolidTertiary};
+                ${_emotion.textFieldSliderTokens.sliderThumbBackground}: ${_sdds_serv.onLightSurfaceSolidCard};
+                ${_emotion.textFieldSliderTokens.sliderThumbBorderBoxShadow}: 0 0 0 0.063rem ${_sdds_serv.onLightSurfaceTransparentTertiary};
+                ${_emotion.textFieldSliderTokens.sliderThumbBorderBoxShadowFocus}: 0 0 0 0.063rem ${_sdds_serv.surfaceSolidDefault};
-                ${_emotion.textFieldSliderTokens.scaleValueColor}: var(--text-secondary);
-                ${_emotion.textFieldSliderTokens.scaleTickDotColor}: var(--surface-solid-tertiary);
+                ${_emotion.textFieldSliderTokens.scaleValueColor}: ${_sdds_serv.textSecondary};
+                ${_emotion.textFieldSliderTokens.scaleTickDotColor}: ${_sdds_serv.surfaceSolidTertiary};
             `,
             positive: (0, _emotion.css)`
-                ${_emotion.textFieldSliderTokens.textFieldColor}: var(--text-primary);
-                ${_emotion.textFieldSliderTokens.textFieldPlaceholderColor}: var(--text-secondary);
-                ${_emotion.textFieldSliderTokens.textFieldPlaceholderColorFocus}: var(--text-tertiary);
-                ${_emotion.textFieldSliderTokens.textFieldCaretColor}: var(--text-accent);
+                ${_emotion.textFieldSliderTokens.textFieldColor}: ${_sdds_serv.textPrimary};
+                ${_emotion.textFieldSliderTokens.textFieldPlaceholderColor}: ${_sdds_serv.textSecondary};
+                ${_emotion.textFieldSliderTokens.textFieldPlaceholderColorFocus}: ${_sdds_serv.textTertiary};
+                ${_emotion.textFieldSliderTokens.textFieldCaretColor}: ${_sdds_serv.textAccent};
-                ${_emotion.textFieldSliderTokens.textFieldErrorColor}: var(--text-negative);
-                ${_emotion.textFieldSliderTokens.textFieldBackgroundErrorColor}: var(--surface-transparent-negative);
+                ${_emotion.textFieldSliderTokens.textFieldErrorColor}: ${_sdds_serv.textNegative};
+                ${_emotion.textFieldSliderTokens.textFieldBackgroundErrorColor}: ${_sdds_serv.surfaceTransparentNegative};
-                ${_emotion.textFieldSliderTokens.textFieldBackgroundColor}: var(--surface-transparent-positive);
-                ${_emotion.textFieldSliderTokens.textFieldBackgroundColorHover}: var(--surface-transparent-positive-active);
-                ${_emotion.textFieldSliderTokens.textFieldBackgroundColorFocus}: var(--surface-transparent-positive-active);
+                ${_emotion.textFieldSliderTokens.textFieldBackgroundColor}: ${_sdds_serv.surfaceTransparentPositive};
+                ${_emotion.textFieldSliderTokens.textFieldBackgroundColorHover}: ${_sdds_serv.surfaceTransparentPositiveActive};
+                ${_emotion.textFieldSliderTokens.textFieldBackgroundColorFocus}: ${_sdds_serv.surfaceTransparentPositiveActive};
-                ${_emotion.textFieldSliderTokens.labelColor}: var(--text-primary);
-                ${_emotion.textFieldSliderTokens.titleCaptionColor}: var(--text-secondary);
-                ${_emotion.textFieldSliderTokens.optionalColor}: var(--text-tertiary);
+                ${_emotion.textFieldSliderTokens.labelColor}: ${_sdds_serv.textPrimary};
+                ${_emotion.textFieldSliderTokens.titleCaptionColor}: ${_sdds_serv.textSecondary};
+                ${_emotion.textFieldSliderTokens.optionalColor}: ${_sdds_serv.textTertiary};
-                ${_emotion.textFieldSliderTokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_emotion.textFieldSliderTokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_emotion.textFieldSliderTokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_emotion.textFieldSliderTokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_emotion.textFieldSliderTokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_emotion.textFieldSliderTokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_emotion.textFieldSliderTokens.labelInnerFontFamily}: ${_sdds_serv.bodyXS.fontFamily};
+                ${_emotion.textFieldSliderTokens.labelInnerFontSize}: ${_sdds_serv.bodyXS.fontSize};
+                ${_emotion.textFieldSliderTokens.labelInnerFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
+                ${_emotion.textFieldSliderTokens.labelInnerFontWeight}: ${_sdds_serv.bodyXS.fontWeight};
+                ${_emotion.textFieldSliderTokens.labelInnerLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
+                ${_emotion.textFieldSliderTokens.labelInnerLineHeight}: ${_sdds_serv.bodyXS.lineHeight};
-                ${_emotion.textFieldSliderTokens.indicatorColor}: var(--surface-negative);
-                ${_emotion.textFieldSliderTokens.hintIconColor}: var(--text-secondary);
+                ${_emotion.textFieldSliderTokens.indicatorColor}: ${_sdds_serv.surfaceNegative};
+                ${_emotion.textFieldSliderTokens.hintIconColor}: ${_sdds_serv.textSecondary};
-                ${_emotion.textFieldSliderTokens.textFieldTextBeforeColor}: var(--text-tertiary);
-                ${_emotion.textFieldSliderTokens.textFieldTextAfterColor}: var(--text-tertiary);
+                ${_emotion.textFieldSliderTokens.textFieldTextBeforeColor}: ${_sdds_serv.textTertiary};
+                ${_emotion.textFieldSliderTokens.textFieldTextAfterColor}: ${_sdds_serv.textTertiary};
-                ${_emotion.textFieldSliderTokens.textFieldFocusColor}: var(--text-accent);
+                ${_emotion.textFieldSliderTokens.textFieldFocusColor}: ${_sdds_serv.textAccent};
-                ${_emotion.textFieldSliderTokens.textFieldContentSlotColor}: var(--text-secondary);
-                ${_emotion.textFieldSliderTokens.textFieldContentSlotColorHover}: var(--text-secondary-hover);
-                ${_emotion.textFieldSliderTokens.textFieldContentSlotColorActive}: var(--text-secondary-active);
+                ${_emotion.textFieldSliderTokens.textFieldContentSlotColor}: ${_sdds_serv.textSecondary};
+                ${_emotion.textFieldSliderTokens.textFieldContentSlotColorHover}: ${_sdds_serv.textSecondaryHover};
+                ${_emotion.textFieldSliderTokens.textFieldContentSlotColorActive}: ${_sdds_serv.textSecondaryActive};
-                ${_emotion.textFieldSliderTokens.textFieldContentRightSlotColor}: var(--text-secondary);
-                ${_emotion.textFieldSliderTokens.textFieldContentRightSlotColorHover}: var(--text-secondary-hover);
-                ${_emotion.textFieldSliderTokens.textFieldContentRightSlotColorActive}: var(--text-secondary-active);
+                ${_emotion.textFieldSliderTokens.textFieldContentRightSlotColor}: ${_sdds_serv.textSecondary};
+                ${_emotion.textFieldSliderTokens.textFieldContentRightSlotColorHover}: ${_sdds_serv.textSecondaryHover};
+                ${_emotion.textFieldSliderTokens.textFieldContentRightSlotColorActive}: ${_sdds_serv.textSecondaryActive};
-                ${_emotion.textFieldSliderTokens.sliderTrackBackground}: var(--surface-solid-tertiary);
-                ${_emotion.textFieldSliderTokens.sliderThumbBackground}: var(--on-light-surface-solid-card);
-                ${_emotion.textFieldSliderTokens.sliderThumbBorderBoxShadow}: 0 0 0 0.063rem var(--on-light-surface-transparent-tertiary);
-                ${_emotion.textFieldSliderTokens.sliderThumbBorderBoxShadowFocus}: 0 0 0 0.063rem var(--surface-solid-default);
+                ${_emotion.textFieldSliderTokens.sliderTrackBackground}: ${_sdds_serv.surfaceSolidTertiary};
+                ${_emotion.textFieldSliderTokens.sliderThumbBackground}: ${_sdds_serv.onLightSurfaceSolidCard};
+                ${_emotion.textFieldSliderTokens.sliderThumbBorderBoxShadow}: 0 0 0 0.063rem ${_sdds_serv.onLightSurfaceTransparentTertiary};
+                ${_emotion.textFieldSliderTokens.sliderThumbBorderBoxShadowFocus}: 0 0 0 0.063rem ${_sdds_serv.surfaceSolidDefault};
-                ${_emotion.textFieldSliderTokens.scaleValueColor}: var(--text-secondary);
-                ${_emotion.textFieldSliderTokens.scaleTickDotColor}: var(--surface-solid-tertiary);
+                ${_emotion.textFieldSliderTokens.scaleValueColor}: ${_sdds_serv.textSecondary};
+                ${_emotion.textFieldSliderTokens.scaleTickDotColor}: ${_sdds_serv.surfaceSolidTertiary};
             `,
             warning: (0, _emotion.css)`
-                ${_emotion.textFieldSliderTokens.textFieldColor}: var(--text-primary);
-                ${_emotion.textFieldSliderTokens.textFieldPlaceholderColor}: var(--text-secondary);
-                ${_emotion.textFieldSliderTokens.textFieldPlaceholderColorFocus}: var(--text-tertiary);
-                ${_emotion.textFieldSliderTokens.textFieldCaretColor}: var(--text-accent);
+                ${_emotion.textFieldSliderTokens.textFieldColor}: ${_sdds_serv.textPrimary};
+                ${_emotion.textFieldSliderTokens.textFieldPlaceholderColor}: ${_sdds_serv.textSecondary};
+                ${_emotion.textFieldSliderTokens.textFieldPlaceholderColorFocus}: ${_sdds_serv.textTertiary};
+                ${_emotion.textFieldSliderTokens.textFieldCaretColor}: ${_sdds_serv.textAccent};
-                ${_emotion.textFieldSliderTokens.textFieldErrorColor}: var(--text-negative);
-                ${_emotion.textFieldSliderTokens.textFieldBackgroundErrorColor}: var(--surface-transparent-negative);
+                ${_emotion.textFieldSliderTokens.textFieldErrorColor}: ${_sdds_serv.textNegative};
+                ${_emotion.textFieldSliderTokens.textFieldBackgroundErrorColor}: ${_sdds_serv.surfaceTransparentNegative};
-                ${_emotion.textFieldSliderTokens.textFieldBackgroundColor}: var(--surface-transparent-warning);
-                ${_emotion.textFieldSliderTokens.textFieldBackgroundColorHover}: var(--surface-transparent-warning-active);
-                ${_emotion.textFieldSliderTokens.textFieldBackgroundColorFocus}: var(--surface-transparent-warning-active);
+                ${_emotion.textFieldSliderTokens.textFieldBackgroundColor}: ${_sdds_serv.surfaceTransparentWarning};
+                ${_emotion.textFieldSliderTokens.textFieldBackgroundColorHover}: ${_sdds_serv.surfaceTransparentWarningActive};
+                ${_emotion.textFieldSliderTokens.textFieldBackgroundColorFocus}: ${_sdds_serv.surfaceTransparentWarningActive};
-                ${_emotion.textFieldSliderTokens.labelColor}: var(--text-primary);
-                ${_emotion.textFieldSliderTokens.titleCaptionColor}: var(--text-secondary);
-                ${_emotion.textFieldSliderTokens.optionalColor}: var(--text-tertiary);
+                ${_emotion.textFieldSliderTokens.labelColor}: ${_sdds_serv.textPrimary};
+                ${_emotion.textFieldSliderTokens.titleCaptionColor}: ${_sdds_serv.textSecondary};
+                ${_emotion.textFieldSliderTokens.optionalColor}: ${_sdds_serv.textTertiary};
-                ${_emotion.textFieldSliderTokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_emotion.textFieldSliderTokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_emotion.textFieldSliderTokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_emotion.textFieldSliderTokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_emotion.textFieldSliderTokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_emotion.textFieldSliderTokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_emotion.textFieldSliderTokens.labelInnerFontFamily}: ${_sdds_serv.bodyXS.fontFamily};
+                ${_emotion.textFieldSliderTokens.labelInnerFontSize}: ${_sdds_serv.bodyXS.fontSize};
+                ${_emotion.textFieldSliderTokens.labelInnerFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
+                ${_emotion.textFieldSliderTokens.labelInnerFontWeight}: ${_sdds_serv.bodyXS.fontWeight};
+                ${_emotion.textFieldSliderTokens.labelInnerLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
+                ${_emotion.textFieldSliderTokens.labelInnerLineHeight}: ${_sdds_serv.bodyXS.lineHeight};
-                ${_emotion.textFieldSliderTokens.indicatorColor}: var(--surface-negative);
-                ${_emotion.textFieldSliderTokens.hintIconColor}: var(--text-secondary);
+                ${_emotion.textFieldSliderTokens.indicatorColor}: ${_sdds_serv.surfaceNegative};
+                ${_emotion.textFieldSliderTokens.hintIconColor}: ${_sdds_serv.textSecondary};
-                ${_emotion.textFieldSliderTokens.textFieldTextBeforeColor}: var(--text-tertiary);
-                ${_emotion.textFieldSliderTokens.textFieldTextAfterColor}: var(--text-tertiary);
+                ${_emotion.textFieldSliderTokens.textFieldTextBeforeColor}: ${_sdds_serv.textTertiary};
+                ${_emotion.textFieldSliderTokens.textFieldTextAfterColor}: ${_sdds_serv.textTertiary};
-                ${_emotion.textFieldSliderTokens.textFieldFocusColor}: var(--text-accent);
+                ${_emotion.textFieldSliderTokens.textFieldFocusColor}: ${_sdds_serv.textAccent};
-                ${_emotion.textFieldSliderTokens.textFieldContentSlotColor}: var(--text-secondary);
-                ${_emotion.textFieldSliderTokens.textFieldContentSlotColorHover}: var(--text-secondary-hover);
-                ${_emotion.textFieldSliderTokens.textFieldContentSlotColorActive}: var(--text-secondary-active);
+                ${_emotion.textFieldSliderTokens.textFieldContentSlotColor}: ${_sdds_serv.textSecondary};
+                ${_emotion.textFieldSliderTokens.textFieldContentSlotColorHover}: ${_sdds_serv.textSecondaryHover};
+                ${_emotion.textFieldSliderTokens.textFieldContentSlotColorActive}: ${_sdds_serv.textSecondaryActive};
-                ${_emotion.textFieldSliderTokens.textFieldContentRightSlotColor}: var(--text-secondary);
-                ${_emotion.textFieldSliderTokens.textFieldContentRightSlotColorHover}: var(--text-secondary-hover);
-                ${_emotion.textFieldSliderTokens.textFieldContentRightSlotColorActive}: var(--text-secondary-active);
+                ${_emotion.textFieldSliderTokens.textFieldContentRightSlotColor}: ${_sdds_serv.textSecondary};
+                ${_emotion.textFieldSliderTokens.textFieldContentRightSlotColorHover}: ${_sdds_serv.textSecondaryHover};
+                ${_emotion.textFieldSliderTokens.textFieldContentRightSlotColorActive}: ${_sdds_serv.textSecondaryActive};
-                ${_emotion.textFieldSliderTokens.sliderTrackBackground}: var(--surface-solid-tertiary);
-                ${_emotion.textFieldSliderTokens.sliderThumbBackground}: var(--on-light-surface-solid-card);
-                ${_emotion.textFieldSliderTokens.sliderThumbBorderBoxShadow}: 0 0 0 0.063rem var(--on-light-surface-transparent-tertiary);
-                ${_emotion.textFieldSliderTokens.sliderThumbBorderBoxShadowFocus}: 0 0 0 0.063rem var(--surface-solid-default);
+                ${_emotion.textFieldSliderTokens.sliderTrackBackground}: ${_sdds_serv.surfaceSolidTertiary};
+                ${_emotion.textFieldSliderTokens.sliderThumbBackground}: ${_sdds_serv.onLightSurfaceSolidCard};
+                ${_emotion.textFieldSliderTokens.sliderThumbBorderBoxShadow}: 0 0 0 0.063rem ${_sdds_serv.onLightSurfaceTransparentTertiary};
+                ${_emotion.textFieldSliderTokens.sliderThumbBorderBoxShadowFocus}: 0 0 0 0.063rem ${_sdds_serv.surfaceSolidDefault};
-                ${_emotion.textFieldSliderTokens.scaleValueColor}: var(--text-secondary);
-                ${_emotion.textFieldSliderTokens.scaleTickDotColor}: var(--surface-solid-tertiary);
+                ${_emotion.textFieldSliderTokens.scaleValueColor}: ${_sdds_serv.textSecondary};
+                ${_emotion.textFieldSliderTokens.scaleTickDotColor}: ${_sdds_serv.surfaceSolidTertiary};
             `,
             negative: (0, _emotion.css)`
-                ${_emotion.textFieldSliderTokens.textFieldColor}: var(--text-primary);
-                ${_emotion.textFieldSliderTokens.textFieldPlaceholderColor}: var(--text-secondary);
-                ${_emotion.textFieldSliderTokens.textFieldPlaceholderColorFocus}: var(--text-tertiary);
-                ${_emotion.textFieldSliderTokens.textFieldCaretColor}: var(--text-accent);
+                ${_emotion.textFieldSliderTokens.textFieldColor}: ${_sdds_serv.textPrimary};
+                ${_emotion.textFieldSliderTokens.textFieldPlaceholderColor}: ${_sdds_serv.textSecondary};
+                ${_emotion.textFieldSliderTokens.textFieldPlaceholderColorFocus}: ${_sdds_serv.textTertiary};
+                ${_emotion.textFieldSliderTokens.textFieldCaretColor}: ${_sdds_serv.textAccent};
-                ${_emotion.textFieldSliderTokens.textFieldErrorColor}: var(--text-negative);
-                ${_emotion.textFieldSliderTokens.textFieldBackgroundErrorColor}: var(--surface-transparent-negative);
+                ${_emotion.textFieldSliderTokens.textFieldErrorColor}: ${_sdds_serv.textNegative};
+                ${_emotion.textFieldSliderTokens.textFieldBackgroundErrorColor}: ${_sdds_serv.surfaceTransparentNegative};
-                ${_emotion.textFieldSliderTokens.textFieldBackgroundColor}: var(--surface-transparent-negative);
-                ${_emotion.textFieldSliderTokens.textFieldBackgroundColorHover}: var(--surface-transparent-negative-active);
-                ${_emotion.textFieldSliderTokens.textFieldBackgroundColorFocus}: var(--surface-transparent-negative-active);
+                ${_emotion.textFieldSliderTokens.textFieldBackgroundColor}: ${_sdds_serv.surfaceTransparentNegative};
+                ${_emotion.textFieldSliderTokens.textFieldBackgroundColorHover}: ${_sdds_serv.surfaceTransparentNegativeActive};
+                ${_emotion.textFieldSliderTokens.textFieldBackgroundColorFocus}: ${_sdds_serv.surfaceTransparentNegativeActive};
-                ${_emotion.textFieldSliderTokens.labelColor}: var(--text-primary);
-                ${_emotion.textFieldSliderTokens.titleCaptionColor}: var(--text-secondary);
-                ${_emotion.textFieldSliderTokens.optionalColor}: var(--text-tertiary);
+                ${_emotion.textFieldSliderTokens.labelColor}: ${_sdds_serv.textPrimary};
+                ${_emotion.textFieldSliderTokens.titleCaptionColor}: ${_sdds_serv.textSecondary};
+                ${_emotion.textFieldSliderTokens.optionalColor}: ${_sdds_serv.textTertiary};
-                ${_emotion.textFieldSliderTokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_emotion.textFieldSliderTokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_emotion.textFieldSliderTokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_emotion.textFieldSliderTokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_emotion.textFieldSliderTokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_emotion.textFieldSliderTokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_emotion.textFieldSliderTokens.labelInnerFontFamily}: ${_sdds_serv.bodyXS.fontFamily};
+                ${_emotion.textFieldSliderTokens.labelInnerFontSize}: ${_sdds_serv.bodyXS.fontSize};
+                ${_emotion.textFieldSliderTokens.labelInnerFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
+                ${_emotion.textFieldSliderTokens.labelInnerFontWeight}: ${_sdds_serv.bodyXS.fontWeight};
+                ${_emotion.textFieldSliderTokens.labelInnerLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
+                ${_emotion.textFieldSliderTokens.labelInnerLineHeight}: ${_sdds_serv.bodyXS.lineHeight};
-                ${_emotion.textFieldSliderTokens.indicatorColor}: var(--surface-negative);
-                ${_emotion.textFieldSliderTokens.hintIconColor}: var(--text-secondary);
+                ${_emotion.textFieldSliderTokens.indicatorColor}: ${_sdds_serv.surfaceNegative};
+                ${_emotion.textFieldSliderTokens.hintIconColor}: ${_sdds_serv.textSecondary};
-                ${_emotion.textFieldSliderTokens.textFieldTextBeforeColor}: var(--text-tertiary);
-                ${_emotion.textFieldSliderTokens.textFieldTextAfterColor}: var(--text-tertiary);
+                ${_emotion.textFieldSliderTokens.textFieldTextBeforeColor}: ${_sdds_serv.textTertiary};
+                ${_emotion.textFieldSliderTokens.textFieldTextAfterColor}: ${_sdds_serv.textTertiary};
-                ${_emotion.textFieldSliderTokens.textFieldFocusColor}: var(--text-accent);
+                ${_emotion.textFieldSliderTokens.textFieldFocusColor}: ${_sdds_serv.textAccent};
-                ${_emotion.textFieldSliderTokens.textFieldContentSlotColor}: var(--text-secondary);
-                ${_emotion.textFieldSliderTokens.textFieldContentSlotColorHover}: var(--text-secondary-hover);
-                ${_emotion.textFieldSliderTokens.textFieldContentSlotColorActive}: var(--text-secondary-active);
+                ${_emotion.textFieldSliderTokens.textFieldContentSlotColor}: ${_sdds_serv.textSecondary};
+                ${_emotion.textFieldSliderTokens.textFieldContentSlotColorHover}: ${_sdds_serv.textSecondaryHover};
+                ${_emotion.textFieldSliderTokens.textFieldContentSlotColorActive}: ${_sdds_serv.textSecondaryActive};
-                ${_emotion.textFieldSliderTokens.textFieldContentRightSlotColor}: var(--text-secondary);
-                ${_emotion.textFieldSliderTokens.textFieldContentRightSlotColorHover}: var(--text-secondary-hover);
-                ${_emotion.textFieldSliderTokens.textFieldContentRightSlotColorActive}: var(--text-secondary-active);
+                ${_emotion.textFieldSliderTokens.textFieldContentRightSlotColor}: ${_sdds_serv.textSecondary};
+                ${_emotion.textFieldSliderTokens.textFieldContentRightSlotColorHover}: ${_sdds_serv.textSecondaryHover};
+                ${_emotion.textFieldSliderTokens.textFieldContentRightSlotColorActive}: ${_sdds_serv.textSecondaryActive};
-                ${_emotion.textFieldSliderTokens.sliderTrackBackground}: var(--surface-solid-tertiary);
-                ${_emotion.textFieldSliderTokens.sliderThumbBackground}: var(--on-light-surface-solid-card);
-                ${_emotion.textFieldSliderTokens.sliderThumbBorderBoxShadow}: 0 0 0 0.063rem var(--on-light-surface-transparent-tertiary);
-                ${_emotion.textFieldSliderTokens.sliderThumbBorderBoxShadowFocus}: 0 0 0 0.063rem var(--surface-solid-default);
+                ${_emotion.textFieldSliderTokens.sliderTrackBackground}: ${_sdds_serv.surfaceSolidTertiary};
+                ${_emotion.textFieldSliderTokens.sliderThumbBackground}: ${_sdds_serv.onLightSurfaceSolidCard};
+                ${_emotion.textFieldSliderTokens.sliderThumbBorderBoxShadow}: 0 0 0 0.063rem ${_sdds_serv.onLightSurfaceTransparentTertiary};
+                ${_emotion.textFieldSliderTokens.sliderThumbBorderBoxShadowFocus}: 0 0 0 0.063rem ${_sdds_serv.surfaceSolidDefault};
-                ${_emotion.textFieldSliderTokens.scaleValueColor}: var(--text-secondary);
-                ${_emotion.textFieldSliderTokens.scaleTickDotColor}: var(--surface-solid-tertiary);
+                ${_emotion.textFieldSliderTokens.scaleValueColor}: ${_sdds_serv.textSecondary};
+                ${_emotion.textFieldSliderTokens.scaleTickDotColor}: ${_sdds_serv.surfaceSolidTertiary};
             `
         },
         sliderView: {
             default: (0, _emotion.css)`
-                ${_emotion.textFieldSliderTokens.sliderProgressBackground}: var(--surface-solid-default);
-                ${_emotion.textFieldSliderTokens.scaleTickDotFilledColor}: var(--surface-solid-default);
+                ${_emotion.textFieldSliderTokens.sliderProgressBackground}: ${_sdds_serv.surfaceSolidDefault};
+                ${_emotion.textFieldSliderTokens.scaleTickDotFilledColor}: ${_sdds_serv.surfaceSolidDefault};
             `,
             accent: (0, _emotion.css)`
-                ${_emotion.textFieldSliderTokens.sliderProgressBackground}: var(--surface-accent);
-                ${_emotion.textFieldSliderTokens.scaleTickDotFilledColor}: var(--surface-accent);
+                ${_emotion.textFieldSliderTokens.sliderProgressBackground}: ${_sdds_serv.surfaceAccent};
+                ${_emotion.textFieldSliderTokens.scaleTickDotFilledColor}: ${_sdds_serv.surfaceAccent};
             `,
             gradient: (0, _emotion.css)`
-                ${_emotion.textFieldSliderTokens.sliderProgressBackground}: var(--surface-accent-gradient);
-                ${_emotion.textFieldSliderTokens.scaleTickDotFilledColor}: var(--surface-accent-gradient);
+                ${_emotion.textFieldSliderTokens.sliderProgressBackground}: ${_sdds_serv.surfaceAccentGradient};
+                ${_emotion.textFieldSliderTokens.scaleTickDotFilledColor}: ${_sdds_serv.surfaceAccentGradient};
             `
         },
         size: {
@@ -239,38 +240,38 @@ const config = {
                 ${_emotion.textFieldSliderTokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;
                 ${_emotion.textFieldSliderTokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;
-                ${_emotion.textFieldSliderTokens.textFieldFontFamily}: var(--plasma-typo-body-l-font-family);
-                ${_emotion.textFieldSliderTokens.textFieldFontStyle}: var(--plasma-typo-body-l-font-style);
-                ${_emotion.textFieldSliderTokens.textFieldFontSize}: var(--plasma-typo-body-l-font-size);
-                ${_emotion.textFieldSliderTokens.textFieldFontWeight}: var(--plasma-typo-body-l-font-weight);
-                ${_emotion.textFieldSliderTokens.textFieldLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
-                ${_emotion.textFieldSliderTokens.textFieldLineHeight}: var(--plasma-typo-body-l-line-height);
+                ${_emotion.textFieldSliderTokens.textFieldFontFamily}: ${_sdds_serv.bodyL.fontFamily};
+                ${_emotion.textFieldSliderTokens.textFieldFontStyle}: ${_sdds_serv.bodyL.fontStyle};
+                ${_emotion.textFieldSliderTokens.textFieldFontSize}: ${_sdds_serv.bodyL.fontSize};
+                ${_emotion.textFieldSliderTokens.textFieldFontWeight}: ${_sdds_serv.bodyL.fontWeight};
+                ${_emotion.textFieldSliderTokens.textFieldLetterSpacing}: ${_sdds_serv.bodyL.letterSpacing};
+                ${_emotion.textFieldSliderTokens.textFieldLineHeight}: ${_sdds_serv.bodyL.lineHeight};
                 ${_emotion.textFieldSliderTokens.labelOffset}: 0.75rem;
                 ${_emotion.textFieldSliderTokens.labelInnerPadding}: 0.8125rem 0 0.125rem 0;
                 ${_emotion.textFieldSliderTokens.contentLabelInnerPadding}: 1.813rem 0 0.813rem 0;
-                ${_emotion.textFieldSliderTokens.labelFontFamily}: var(--plasma-typo-body-l-font-family);
-                ${_emotion.textFieldSliderTokens.labelFontStyle}: var(--plasma-typo-body-l-font-style);
-                ${_emotion.textFieldSliderTokens.labelFontSize}: var(--plasma-typo-body-l-font-size);
-                ${_emotion.textFieldSliderTokens.labelFontWeight}: var(--plasma-typo-body-l-font-weight);
-                ${_emotion.textFieldSliderTokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
-                ${_emotion.textFieldSliderTokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);
+                ${_emotion.textFieldSliderTokens.labelFontFamily}: ${_sdds_serv.bodyL.fontFamily};
+                ${_emotion.textFieldSliderTokens.labelFontStyle}: ${_sdds_serv.bodyL.fontStyle};
+                ${_emotion.textFieldSliderTokens.labelFontSize}: ${_sdds_serv.bodyL.fontSize};
+                ${_emotion.textFieldSliderTokens.labelFontWeight}: ${_sdds_serv.bodyL.fontWeight};
+                ${_emotion.textFieldSliderTokens.labelLetterSpacing}: ${_sdds_serv.bodyL.letterSpacing};
+                ${_emotion.textFieldSliderTokens.labelLineHeight}: ${_sdds_serv.bodyL.lineHeight};
-                ${_emotion.textFieldSliderTokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_emotion.textFieldSliderTokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_emotion.textFieldSliderTokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_emotion.textFieldSliderTokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_emotion.textFieldSliderTokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_emotion.textFieldSliderTokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_emotion.textFieldSliderTokens.labelInnerFontFamily}: ${_sdds_serv.bodyXS.fontFamily};
+                ${_emotion.textFieldSliderTokens.labelInnerFontSize}: ${_sdds_serv.bodyXS.fontSize};
+                ${_emotion.textFieldSliderTokens.labelInnerFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
+                ${_emotion.textFieldSliderTokens.labelInnerFontWeight}: ${_sdds_serv.bodyXS.fontWeight};
+                ${_emotion.textFieldSliderTokens.labelInnerLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
+                ${_emotion.textFieldSliderTokens.labelInnerLineHeight}: ${_sdds_serv.bodyXS.lineHeight};
                 ${_emotion.textFieldSliderTokens.titleCaptionInnerLabelOffset}: 0.25rem;
-                ${_emotion.textFieldSliderTokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_emotion.textFieldSliderTokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_emotion.textFieldSliderTokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_emotion.textFieldSliderTokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_emotion.textFieldSliderTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_emotion.textFieldSliderTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_emotion.textFieldSliderTokens.titleCaptionFontFamily}: ${_sdds_serv.bodyXS.fontFamily};
+                ${_emotion.textFieldSliderTokens.titleCaptionFontSize}: ${_sdds_serv.bodyXS.fontSize};
+                ${_emotion.textFieldSliderTokens.titleCaptionFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
+                ${_emotion.textFieldSliderTokens.titleCaptionFontWeight}: ${_sdds_serv.bodyXS.fontWeight};
+                ${_emotion.textFieldSliderTokens.titleCaptionLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
+                ${_emotion.textFieldSliderTokens.titleCaptionLineHeight}: ${_sdds_serv.bodyXS.lineHeight};
                 ${_emotion.textFieldSliderTokens.indicatorSize}: 0.5rem;
                 ${_emotion.textFieldSliderTokens.indicatorSizeOuter}: 0.375rem;
@@ -292,12 +293,12 @@ const config = {
                 ${_emotion.textFieldSliderTokens.scaleWrapperOffset}: 0.25rem;
                 ${_emotion.textFieldSliderTokens.scaleWrapperPaddingTop}: 0.25rem;
-                ${_emotion.textFieldSliderTokens.scaleValueFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_emotion.textFieldSliderTokens.scaleValueFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_emotion.textFieldSliderTokens.scaleValueFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_emotion.textFieldSliderTokens.scaleValueFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_emotion.textFieldSliderTokens.scaleValueLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_emotion.textFieldSliderTokens.scaleValueLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_emotion.textFieldSliderTokens.scaleValueFontSize}: ${_sdds_serv.bodyXS.fontSize};
+                ${_emotion.textFieldSliderTokens.scaleValueFontFamily}: ${_sdds_serv.bodyXS.fontFamily};
+                ${_emotion.textFieldSliderTokens.scaleValueFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
+                ${_emotion.textFieldSliderTokens.scaleValueFontWeight}: ${_sdds_serv.bodyXS.fontWeight};
+                ${_emotion.textFieldSliderTokens.scaleValueLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
+                ${_emotion.textFieldSliderTokens.scaleValueLineHeight}: ${_sdds_serv.bodyXS.lineHeight};
                 ${_emotion.textFieldSliderTokens.scaleTickSize}: 0.5rem;
             `,
             l: (0, _emotion.css)`
@@ -310,38 +311,38 @@ const config = {
                 ${_emotion.textFieldSliderTokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;
                 ${_emotion.textFieldSliderTokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;
-                ${_emotion.textFieldSliderTokens.textFieldFontFamily}: var(--plasma-typo-body-l-font-family);
-                ${_emotion.textFieldSliderTokens.textFieldFontStyle}: var(--plasma-typo-body-l-font-style);
-                ${_emotion.textFieldSliderTokens.textFieldFontSize}: var(--plasma-typo-body-l-font-size);
-                ${_emotion.textFieldSliderTokens.textFieldFontWeight}: var(--plasma-typo-body-l-font-weight);
-                ${_emotion.textFieldSliderTokens.textFieldLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
-                ${_emotion.textFieldSliderTokens.textFieldLineHeight}: var(--plasma-typo-body-l-line-height);
+                ${_emotion.textFieldSliderTokens.textFieldFontFamily}: ${_sdds_serv.bodyL.fontFamily};
+                ${_emotion.textFieldSliderTokens.textFieldFontStyle}: ${_sdds_serv.bodyL.fontStyle};
+                ${_emotion.textFieldSliderTokens.textFieldFontSize}: ${_sdds_serv.bodyL.fontSize};
+                ${_emotion.textFieldSliderTokens.textFieldFontWeight}: ${_sdds_serv.bodyL.fontWeight};
+                ${_emotion.textFieldSliderTokens.textFieldLetterSpacing}: ${_sdds_serv.bodyL.letterSpacing};
+                ${_emotion.textFieldSliderTokens.textFieldLineHeight}: ${_sdds_serv.bodyL.lineHeight};
                 ${_emotion.textFieldSliderTokens.labelOffset}: 0.75rem;
                 ${_emotion.textFieldSliderTokens.labelInnerPadding}: 0.5625rem 0 0.125rem 0;
                 ${_emotion.textFieldSliderTokens.contentLabelInnerPadding}: 1.5625rem 0 0.5625rem 0;
-                ${_emotion.textFieldSliderTokens.labelFontFamily}: var(--plasma-typo-body-l-font-family);
-                ${_emotion.textFieldSliderTokens.labelFontStyle}: var(--plasma-typo-body-l-font-style);
-                ${_emotion.textFieldSliderTokens.labelFontSize}: var(--plasma-typo-body-l-font-size);
-                ${_emotion.textFieldSliderTokens.labelFontWeight}: var(--plasma-typo-body-l-font-weight);
-                ${_emotion.textFieldSliderTokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
-                ${_emotion.textFieldSliderTokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);
+                ${_emotion.textFieldSliderTokens.labelFontFamily}: ${_sdds_serv.bodyL.fontFamily};
+                ${_emotion.textFieldSliderTokens.labelFontStyle}: ${_sdds_serv.bodyL.fontStyle};
+                ${_emotion.textFieldSliderTokens.labelFontSize}: ${_sdds_serv.bodyL.fontSize};
+                ${_emotion.textFieldSliderTokens.labelFontWeight}: ${_sdds_serv.bodyL.fontWeight};
+                ${_emotion.textFieldSliderTokens.labelLetterSpacing}: ${_sdds_serv.bodyL.letterSpacing};
+                ${_emotion.textFieldSliderTokens.labelLineHeight}: ${_sdds_serv.bodyL.lineHeight};
-                ${_emotion.textFieldSliderTokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_emotion.textFieldSliderTokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_emotion.textFieldSliderTokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_emotion.textFieldSliderTokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_emotion.textFieldSliderTokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_emotion.textFieldSliderTokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_emotion.textFieldSliderTokens.labelInnerFontFamily}: ${_sdds_serv.bodyXS.fontFamily};
+                ${_emotion.textFieldSliderTokens.labelInnerFontSize}: ${_sdds_serv.bodyXS.fontSize};
+                ${_emotion.textFieldSliderTokens.labelInnerFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
+                ${_emotion.textFieldSliderTokens.labelInnerFontWeight}: ${_sdds_serv.bodyXS.fontWeight};
+                ${_emotion.textFieldSliderTokens.labelInnerLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
+                ${_emotion.textFieldSliderTokens.labelInnerLineHeight}: ${_sdds_serv.bodyXS.lineHeight};
                 ${_emotion.textFieldSliderTokens.titleCaptionInnerLabelOffset}: 0.25rem;
-                ${_emotion.textFieldSliderTokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_emotion.textFieldSliderTokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_emotion.textFieldSliderTokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_emotion.textFieldSliderTokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_emotion.textFieldSliderTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_emotion.textFieldSliderTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_emotion.textFieldSliderTokens.titleCaptionFontFamily}: ${_sdds_serv.bodyXS.fontFamily};
+                ${_emotion.textFieldSliderTokens.titleCaptionFontSize}: ${_sdds_serv.bodyXS.fontSize};
+                ${_emotion.textFieldSliderTokens.titleCaptionFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
+                ${_emotion.textFieldSliderTokens.titleCaptionFontWeight}: ${_sdds_serv.bodyXS.fontWeight};
+                ${_emotion.textFieldSliderTokens.titleCaptionLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
+                ${_emotion.textFieldSliderTokens.titleCaptionLineHeight}: ${_sdds_serv.bodyXS.lineHeight};
                 ${_emotion.textFieldSliderTokens.indicatorSize}: 0.5rem;
                 ${_emotion.textFieldSliderTokens.indicatorSizeOuter}: 0.375rem;
@@ -363,12 +364,12 @@ const config = {
                 ${_emotion.textFieldSliderTokens.scaleWrapperOffset}: 0.25rem;
                 ${_emotion.textFieldSliderTokens.scaleWrapperPaddingTop}: 0.25rem;
-                ${_emotion.textFieldSliderTokens.scaleValueFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_emotion.textFieldSliderTokens.scaleValueFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_emotion.textFieldSliderTokens.scaleValueFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_emotion.textFieldSliderTokens.scaleValueFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_emotion.textFieldSliderTokens.scaleValueLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_emotion.textFieldSliderTokens.scaleValueLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_emotion.textFieldSliderTokens.scaleValueFontSize}: ${_sdds_serv.bodyXS.fontSize};
+                ${_emotion.textFieldSliderTokens.scaleValueFontFamily}: ${_sdds_serv.bodyXS.fontFamily};
+                ${_emotion.textFieldSliderTokens.scaleValueFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
+                ${_emotion.textFieldSliderTokens.scaleValueFontWeight}: ${_sdds_serv.bodyXS.fontWeight};
+                ${_emotion.textFieldSliderTokens.scaleValueLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
+                ${_emotion.textFieldSliderTokens.scaleValueLineHeight}: ${_sdds_serv.bodyXS.lineHeight};
                 ${_emotion.textFieldSliderTokens.scaleTickSize}: 0.5rem;
             `,
             m: (0, _emotion.css)`
@@ -381,38 +382,38 @@ const config = {
                 ${_emotion.textFieldSliderTokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;
                 ${_emotion.textFieldSliderTokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;
-                ${_emotion.textFieldSliderTokens.textFieldFontFamily}: var(--plasma-typo-body-m-font-family);
-                ${_emotion.textFieldSliderTokens.textFieldFontStyle}: var(--plasma-typo-body-m-font-style);
-                ${_emotion.textFieldSliderTokens.textFieldFontSize}: var(--plasma-typo-body-m-font-size);
-                ${_emotion.textFieldSliderTokens.textFieldFontWeight}: var(--plasma-typo-body-m-font-weight);
-                ${_emotion.textFieldSliderTokens.textFieldLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
-                ${_emotion.textFieldSliderTokens.textFieldLineHeight}: var(--plasma-typo-body-m-line-height);
+                ${_emotion.textFieldSliderTokens.textFieldFontFamily}: ${_sdds_serv.bodyM.fontFamily};
+                ${_emotion.textFieldSliderTokens.textFieldFontStyle}: ${_sdds_serv.bodyM.fontStyle};
+                ${_emotion.textFieldSliderTokens.textFieldFontSize}: ${_sdds_serv.bodyM.fontSize};
+                ${_emotion.textFieldSliderTokens.textFieldFontWeight}: ${_sdds_serv.bodyM.fontWeight};
+                ${_emotion.textFieldSliderTokens.textFieldLetterSpacing}: ${_sdds_serv.bodyM.letterSpacing};
+                ${_emotion.textFieldSliderTokens.textFieldLineHeight}: ${_sdds_serv.bodyM.lineHeight};
                 ${_emotion.textFieldSliderTokens.labelOffset}: 0.625rem;
                 ${_emotion.textFieldSliderTokens.labelInnerPadding}: 0.375rem 0 0.125rem 0;
                 ${_emotion.textFieldSliderTokens.contentLabelInnerPadding}: 1.375rem 0 0.375rem 0;
-                ${_emotion.textFieldSliderTokens.labelFontFamily}: var(--plasma-typo-body-m-font-family);
-                ${_emotion.textFieldSliderTokens.labelFontStyle}: var(--plasma-typo-body-m-font-style);
-                ${_emotion.textFieldSliderTokens.labelFontSize}: var(--plasma-typo-body-m-font-size);
-                ${_emotion.textFieldSliderTokens.labelFontWeight}: var(--plasma-typo-body-m-font-weight);
-                ${_emotion.textFieldSliderTokens.labelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
-                ${_emotion.textFieldSliderTokens.labelLineHeight}: var(--plasma-typo-body-m-line-height);
+                ${_emotion.textFieldSliderTokens.labelFontFamily}: ${_sdds_serv.bodyM.fontFamily};
+                ${_emotion.textFieldSliderTokens.labelFontStyle}: ${_sdds_serv.bodyM.fontStyle};
+                ${_emotion.textFieldSliderTokens.labelFontSize}: ${_sdds_serv.bodyM.fontSize};
+                ${_emotion.textFieldSliderTokens.labelFontWeight}: ${_sdds_serv.bodyM.fontWeight};
+                ${_emotion.textFieldSliderTokens.labelLetterSpacing}: ${_sdds_serv.bodyM.letterSpacing};
+                ${_emotion.textFieldSliderTokens.labelLineHeight}: ${_sdds_serv.bodyM.lineHeight};
-                ${_emotion.textFieldSliderTokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_emotion.textFieldSliderTokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_emotion.textFieldSliderTokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_emotion.textFieldSliderTokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_emotion.textFieldSliderTokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_emotion.textFieldSliderTokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_emotion.textFieldSliderTokens.labelInnerFontFamily}: ${_sdds_serv.bodyXS.fontFamily};
+                ${_emotion.textFieldSliderTokens.labelInnerFontSize}: ${_sdds_serv.bodyXS.fontSize};
+                ${_emotion.textFieldSliderTokens.labelInnerFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
+                ${_emotion.textFieldSliderTokens.labelInnerFontWeight}: ${_sdds_serv.bodyXS.fontWeight};
+                ${_emotion.textFieldSliderTokens.labelInnerLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
+                ${_emotion.textFieldSliderTokens.labelInnerLineHeight}: ${_sdds_serv.bodyXS.lineHeight};
                 ${_emotion.textFieldSliderTokens.titleCaptionInnerLabelOffset}: 0.25rem;
-                ${_emotion.textFieldSliderTokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_emotion.textFieldSliderTokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_emotion.textFieldSliderTokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_emotion.textFieldSliderTokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_emotion.textFieldSliderTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_emotion.textFieldSliderTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_emotion.textFieldSliderTokens.titleCaptionFontFamily}: ${_sdds_serv.bodyXS.fontFamily};
+                ${_emotion.textFieldSliderTokens.titleCaptionFontSize}: ${_sdds_serv.bodyXS.fontSize};
+                ${_emotion.textFieldSliderTokens.titleCaptionFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
+                ${_emotion.textFieldSliderTokens.titleCaptionFontWeight}: ${_sdds_serv.bodyXS.fontWeight};
+                ${_emotion.textFieldSliderTokens.titleCaptionLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
+                ${_emotion.textFieldSliderTokens.titleCaptionLineHeight}: ${_sdds_serv.bodyXS.lineHeight};
                 ${_emotion.textFieldSliderTokens.indicatorSize}: 0.5rem;
                 ${_emotion.textFieldSliderTokens.indicatorSizeOuter}: 0.375rem;
@@ -434,12 +435,12 @@ const config = {
                 ${_emotion.textFieldSliderTokens.scaleWrapperOffset}: 0.25rem;
                 ${_emotion.textFieldSliderTokens.scaleWrapperPaddingTop}: 0.25rem;
-                ${_emotion.textFieldSliderTokens.scaleValueFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_emotion.textFieldSliderTokens.scaleValueFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_emotion.textFieldSliderTokens.scaleValueFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_emotion.textFieldSliderTokens.scaleValueFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_emotion.textFieldSliderTokens.scaleValueLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_emotion.textFieldSliderTokens.scaleValueLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_emotion.textFieldSliderTokens.scaleValueFontSize}: ${_sdds_serv.bodyXS.fontSize};
+                ${_emotion.textFieldSliderTokens.scaleValueFontFamily}: ${_sdds_serv.bodyXS.fontFamily};
+                ${_emotion.textFieldSliderTokens.scaleValueFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
+                ${_emotion.textFieldSliderTokens.scaleValueFontWeight}: ${_sdds_serv.bodyXS.fontWeight};
+                ${_emotion.textFieldSliderTokens.scaleValueLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
+                ${_emotion.textFieldSliderTokens.scaleValueLineHeight}: ${_sdds_serv.bodyXS.lineHeight};
                 ${_emotion.textFieldSliderTokens.scaleTickSize}: 0.5rem;
             `,
             s: (0, _emotion.css)`
@@ -452,38 +453,38 @@ const config = {
                 ${_emotion.textFieldSliderTokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;
                 ${_emotion.textFieldSliderTokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;
-                ${_emotion.textFieldSliderTokens.textFieldFontFamily}: var(--plasma-typo-body-s-font-family);
-                ${_emotion.textFieldSliderTokens.textFieldFontStyle}: var(--plasma-typo-body-s-font-style);
-                ${_emotion.textFieldSliderTokens.textFieldFontSize}: var(--plasma-typo-body-s-font-size);
-                ${_emotion.textFieldSliderTokens.textFieldFontWeight}: var(--plasma-typo-body-s-font-weight);
-                ${_emotion.textFieldSliderTokens.textFieldLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
-                ${_emotion.textFieldSliderTokens.textFieldLineHeight}: var(--plasma-typo-body-s-line-height);
+                ${_emotion.textFieldSliderTokens.textFieldFontFamily}: ${_sdds_serv.bodyS.fontFamily};
+                ${_emotion.textFieldSliderTokens.textFieldFontStyle}: ${_sdds_serv.bodyS.fontStyle};
+                ${_emotion.textFieldSliderTokens.textFieldFontSize}: ${_sdds_serv.bodyS.fontSize};
+                ${_emotion.textFieldSliderTokens.textFieldFontWeight}: ${_sdds_serv.bodyS.fontWeight};
+                ${_emotion.textFieldSliderTokens.textFieldLetterSpacing}: ${_sdds_serv.bodyS.letterSpacing};
+                ${_emotion.textFieldSliderTokens.textFieldLineHeight}: ${_sdds_serv.bodyS.lineHeight};
                 ${_emotion.textFieldSliderTokens.labelOffset}: 0.5rem;
                 ${_emotion.textFieldSliderTokens.labelInnerPadding}: 0.3125rem 0 0 0;
                 ${_emotion.textFieldSliderTokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;
-                ${_emotion.textFieldSliderTokens.labelFontFamily}: var(--plasma-typo-body-s-font-family);
-                ${_emotion.textFieldSliderTokens.labelFontStyle}: var(--plasma-typo-body-s-font-style);
-                ${_emotion.textFieldSliderTokens.labelFontSize}: var(--plasma-typo-body-s-font-size);
-                ${_emotion.textFieldSliderTokens.labelFontWeight}: var(--plasma-typo-body-s-font-weight);
-                ${_emotion.textFieldSliderTokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
-                ${_emotion.textFieldSliderTokens.labelLineHeight}: var(--plasma-typo-body-s-line-height);
+                ${_emotion.textFieldSliderTokens.labelFontFamily}: ${_sdds_serv.bodyS.fontFamily};
+                ${_emotion.textFieldSliderTokens.labelFontStyle}: ${_sdds_serv.bodyS.fontStyle};
+                ${_emotion.textFieldSliderTokens.labelFontSize}: ${_sdds_serv.bodyS.fontSize};
+                ${_emotion.textFieldSliderTokens.labelFontWeight}: ${_sdds_serv.bodyS.fontWeight};
+                ${_emotion.textFieldSliderTokens.labelLetterSpacing}: ${_sdds_serv.bodyS.letterSpacing};
+                ${_emotion.textFieldSliderTokens.labelLineHeight}: ${_sdds_serv.bodyS.lineHeight};
-                ${_emotion.textFieldSliderTokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_emotion.textFieldSliderTokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_emotion.textFieldSliderTokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_emotion.textFieldSliderTokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_emotion.textFieldSliderTokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_emotion.textFieldSliderTokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_emotion.textFieldSliderTokens.labelInnerFontFamily}: ${_sdds_serv.bodyXS.fontFamily};
+                ${_emotion.textFieldSliderTokens.labelInnerFontSize}: ${_sdds_serv.bodyXS.fontSize};
+                ${_emotion.textFieldSliderTokens.labelInnerFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
+                ${_emotion.textFieldSliderTokens.labelInnerFontWeight}: ${_sdds_serv.bodyXS.fontWeight};
+                ${_emotion.textFieldSliderTokens.labelInnerLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
+                ${_emotion.textFieldSliderTokens.labelInnerLineHeight}: ${_sdds_serv.bodyXS.lineHeight};
                 ${_emotion.textFieldSliderTokens.titleCaptionInnerLabelOffset}: 0.25rem;
-                ${_emotion.textFieldSliderTokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_emotion.textFieldSliderTokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_emotion.textFieldSliderTokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_emotion.textFieldSliderTokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_emotion.textFieldSliderTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_emotion.textFieldSliderTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_emotion.textFieldSliderTokens.titleCaptionFontFamily}: ${_sdds_serv.bodyXS.fontFamily};
+                ${_emotion.textFieldSliderTokens.titleCaptionFontSize}: ${_sdds_serv.bodyXS.fontSize};
+                ${_emotion.textFieldSliderTokens.titleCaptionFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
+                ${_emotion.textFieldSliderTokens.titleCaptionFontWeight}: ${_sdds_serv.bodyXS.fontWeight};
+                ${_emotion.textFieldSliderTokens.titleCaptionLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
+                ${_emotion.textFieldSliderTokens.titleCaptionLineHeight}: ${_sdds_serv.bodyXS.lineHeight};
                 ${_emotion.textFieldSliderTokens.indicatorSize}: 0.375rem;
                 ${_emotion.textFieldSliderTokens.indicatorSizeOuter}: 0.375rem;
@@ -505,12 +506,12 @@ const config = {
                 ${_emotion.textFieldSliderTokens.scaleWrapperOffset}: 0.25rem;
                 ${_emotion.textFieldSliderTokens.scaleWrapperPaddingTop}: 0.25rem;
-                ${_emotion.textFieldSliderTokens.scaleValueFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_emotion.textFieldSliderTokens.scaleValueFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_emotion.textFieldSliderTokens.scaleValueFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_emotion.textFieldSliderTokens.scaleValueFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_emotion.textFieldSliderTokens.scaleValueLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_emotion.textFieldSliderTokens.scaleValueLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_emotion.textFieldSliderTokens.scaleValueFontSize}: ${_sdds_serv.bodyXS.fontSize};
+                ${_emotion.textFieldSliderTokens.scaleValueFontFamily}: ${_sdds_serv.bodyXS.fontFamily};
+                ${_emotion.textFieldSliderTokens.scaleValueFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
+                ${_emotion.textFieldSliderTokens.scaleValueFontWeight}: ${_sdds_serv.bodyXS.fontWeight};
+                ${_emotion.textFieldSliderTokens.scaleValueLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
+                ${_emotion.textFieldSliderTokens.scaleValueLineHeight}: ${_sdds_serv.bodyXS.lineHeight};
                 ${_emotion.textFieldSliderTokens.scaleTickSize}: 0.5rem;
             `,
             xs: (0, _emotion.css)`
@@ -523,38 +524,38 @@ const config = {
                 ${_emotion.textFieldSliderTokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;
                 ${_emotion.textFieldSliderTokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;
-                ${_emotion.textFieldSliderTokens.textFieldFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_emotion.textFieldSliderTokens.textFieldFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_emotion.textFieldSliderTokens.textFieldFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_emotion.textFieldSliderTokens.textFieldFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_emotion.textFieldSliderTokens.textFieldLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_emotion.textFieldSliderTokens.textFieldLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_emotion.textFieldSliderTokens.textFieldFontFamily}: ${_sdds_serv.bodyXS.fontFamily};
+                ${_emotion.textFieldSliderTokens.textFieldFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
+                ${_emotion.textFieldSliderTokens.textFieldFontSize}: ${_sdds_serv.bodyXS.fontSize};
+                ${_emotion.textFieldSliderTokens.textFieldFontWeight}: ${_sdds_serv.bodyXS.fontWeight};
+                ${_emotion.textFieldSliderTokens.textFieldLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
+                ${_emotion.textFieldSliderTokens.textFieldLineHeight}: ${_sdds_serv.bodyXS.lineHeight};
                 ${_emotion.textFieldSliderTokens.labelOffset}: 0.375rem;
                 ${_emotion.textFieldSliderTokens.labelInnerPadding}: 0.3125rem 0 0 0;
                 ${_emotion.textFieldSliderTokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;
-                ${_emotion.textFieldSliderTokens.labelFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_emotion.textFieldSliderTokens.labelFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_emotion.textFieldSliderTokens.labelFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_emotion.textFieldSliderTokens.labelFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_emotion.textFieldSliderTokens.labelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_emotion.textFieldSliderTokens.labelLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_emotion.textFieldSliderTokens.labelFontFamily}: ${_sdds_serv.bodyXS.fontFamily};
+                ${_emotion.textFieldSliderTokens.labelFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
+                ${_emotion.textFieldSliderTokens.labelFontSize}: ${_sdds_serv.bodyXS.fontSize};
+                ${_emotion.textFieldSliderTokens.labelFontWeight}: ${_sdds_serv.bodyXS.fontWeight};
+                ${_emotion.textFieldSliderTokens.labelLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
+                ${_emotion.textFieldSliderTokens.labelLineHeight}: ${_sdds_serv.bodyXS.lineHeight};
-                ${_emotion.textFieldSliderTokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_emotion.textFieldSliderTokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_emotion.textFieldSliderTokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_emotion.textFieldSliderTokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_emotion.textFieldSliderTokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_emotion.textFieldSliderTokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_emotion.textFieldSliderTokens.labelInnerFontFamily}: ${_sdds_serv.bodyXS.fontFamily};
+                ${_emotion.textFieldSliderTokens.labelInnerFontSize}: ${_sdds_serv.bodyXS.fontSize};
+                ${_emotion.textFieldSliderTokens.labelInnerFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
+                ${_emotion.textFieldSliderTokens.labelInnerFontWeight}: ${_sdds_serv.bodyXS.fontWeight};
+                ${_emotion.textFieldSliderTokens.labelInnerLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
+                ${_emotion.textFieldSliderTokens.labelInnerLineHeight}: ${_sdds_serv.bodyXS.lineHeight};
                 ${_emotion.textFieldSliderTokens.titleCaptionInnerLabelOffset}: 0.25rem;
-                ${_emotion.textFieldSliderTokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_emotion.textFieldSliderTokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_emotion.textFieldSliderTokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_emotion.textFieldSliderTokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_emotion.textFieldSliderTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_emotion.textFieldSliderTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_emotion.textFieldSliderTokens.titleCaptionFontFamily}: ${_sdds_serv.bodyXS.fontFamily};
+                ${_emotion.textFieldSliderTokens.titleCaptionFontSize}: ${_sdds_serv.bodyXS.fontSize};
+                ${_emotion.textFieldSliderTokens.titleCaptionFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
+                ${_emotion.textFieldSliderTokens.titleCaptionFontWeight}: ${_sdds_serv.bodyXS.fontWeight};
+                ${_emotion.textFieldSliderTokens.titleCaptionLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
+                ${_emotion.textFieldSliderTokens.titleCaptionLineHeight}: ${_sdds_serv.bodyXS.lineHeight};
                 ${_emotion.textFieldSliderTokens.indicatorSize}: 0.375rem;
                 ${_emotion.textFieldSliderTokens.indicatorSizeOuter}: 0.375rem;
@@ -576,21 +577,21 @@ const config = {
                 ${_emotion.textFieldSliderTokens.scaleWrapperOffset}: 0.25rem;
                 ${_emotion.textFieldSliderTokens.scaleWrapperPaddingTop}: 0.25rem;
-                ${_emotion.textFieldSliderTokens.scaleValueFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_emotion.textFieldSliderTokens.scaleValueFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_emotion.textFieldSliderTokens.scaleValueFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_emotion.textFieldSliderTokens.scaleValueFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_emotion.textFieldSliderTokens.scaleValueLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_emotion.textFieldSliderTokens.scaleValueLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_emotion.textFieldSliderTokens.scaleValueFontSize}: ${_sdds_serv.bodyXS.fontSize};
+                ${_emotion.textFieldSliderTokens.scaleValueFontFamily}: ${_sdds_serv.bodyXS.fontFamily};
+                ${_emotion.textFieldSliderTokens.scaleValueFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
+                ${_emotion.textFieldSliderTokens.scaleValueFontWeight}: ${_sdds_serv.bodyXS.fontWeight};
+                ${_emotion.textFieldSliderTokens.scaleValueLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
+                ${_emotion.textFieldSliderTokens.scaleValueLineHeight}: ${_sdds_serv.bodyXS.lineHeight};
                 ${_emotion.textFieldSliderTokens.scaleTickSize}: 0.5rem;
             `
         },
         hintView: {
             default: (0, _emotion.css)`
-                ${_emotion.textFieldSliderTokens.hintTooltipBackgroundColor}: var(--surface-solid-card-brightness);
-                ${_emotion.textFieldSliderTokens.hintTooltipBoxShadow}: var(--shadow-down-hard-m);
-                ${_emotion.textFieldSliderTokens.hintTooltipColor}: var(--text-primary);
-                ${_emotion.textFieldSliderTokens.hintTooltipArrowBackground}: var(--surface-solid-card-brightness);
+                ${_emotion.textFieldSliderTokens.hintTooltipBackgroundColor}: ${_sdds_serv.surfaceSolidCardBrightness};
+                ${_emotion.textFieldSliderTokens.hintTooltipBoxShadow}: ${_sdds_serv.shadowDownHardM};
+                ${_emotion.textFieldSliderTokens.hintTooltipColor}: ${_sdds_serv.textPrimary};
+                ${_emotion.textFieldSliderTokens.hintTooltipArrowBackground}: ${_sdds_serv.surfaceSolidCardBrightness};
             `
         },
         hintSize: {
@@ -603,12 +604,12 @@ const config = {
                 ${_emotion.textFieldSliderTokens.hintTooltipMinHeight}: 2.5rem;
                 ${_emotion.textFieldSliderTokens.hintTooltipBorderRadius}: 0.625rem;
-                ${_emotion.textFieldSliderTokens.hintTooltipTextFontFamily}: var(--plasma-typo-body-s-font-family);
-                ${_emotion.textFieldSliderTokens.hintTooltipTextFontSize}: var(--plasma-typo-body-s-font-size);
-                ${_emotion.textFieldSliderTokens.hintTooltipTextFontStyle}: var(--plasma-typo-body-s-font-style);
-                ${_emotion.textFieldSliderTokens.hintTooltipTextFontWeight}: var(--plasma-typo-body-s-font-weight);
-                ${_emotion.textFieldSliderTokens.hintTooltipTextFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
-                ${_emotion.textFieldSliderTokens.hintTooltipTextFontLineHeight}: var(--plasma-typo-body-s-line-height);
+                ${_emotion.textFieldSliderTokens.hintTooltipTextFontFamily}: ${_sdds_serv.bodyS.fontFamily};
+                ${_emotion.textFieldSliderTokens.hintTooltipTextFontSize}: ${_sdds_serv.bodyS.fontSize};
+                ${_emotion.textFieldSliderTokens.hintTooltipTextFontStyle}: ${_sdds_serv.bodyS.fontStyle};
+                ${_emotion.textFieldSliderTokens.hintTooltipTextFontWeight}: ${_sdds_serv.bodyS.fontWeight};
+                ${_emotion.textFieldSliderTokens.hintTooltipTextFontLetterSpacing}: ${_sdds_serv.bodyS.letterSpacing};
+                ${_emotion.textFieldSliderTokens.hintTooltipTextFontLineHeight}: ${_sdds_serv.bodyS.lineHeight};
                 ${_emotion.textFieldSliderTokens.hintTooltipContentLeftMargin}: 0.375rem;
@@ -627,12 +628,12 @@ const config = {
                 ${_emotion.textFieldSliderTokens.hintTooltipMinHeight}: 2rem;
                 ${_emotion.textFieldSliderTokens.hintTooltipBorderRadius}: 0.5rem;
-                ${_emotion.textFieldSliderTokens.hintTooltipTextFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_emotion.textFieldSliderTokens.hintTooltipTextFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_emotion.textFieldSliderTokens.hintTooltipTextFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_emotion.textFieldSliderTokens.hintTooltipTextFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_emotion.textFieldSliderTokens.hintTooltipTextFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_emotion.textFieldSliderTokens.hintTooltipTextFontLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_emotion.textFieldSliderTokens.hintTooltipTextFontFamily}: ${_sdds_serv.bodyXS.fontFamily};
+                ${_emotion.textFieldSliderTokens.hintTooltipTextFontSize}: ${_sdds_serv.bodyXS.fontSize};
+                ${_emotion.textFieldSliderTokens.hintTooltipTextFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
+                ${_emotion.textFieldSliderTokens.hintTooltipTextFontWeight}: ${_sdds_serv.bodyXS.fontWeight};
+                ${_emotion.textFieldSliderTokens.hintTooltipTextFontLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
+                ${_emotion.textFieldSliderTokens.hintTooltipTextFontLineHeight}: ${_sdds_serv.bodyXS.lineHeight};
                 ${_emotion.textFieldSliderTokens.hintTooltipContentLeftMargin}: 0.25rem;
@@ -650,12 +651,12 @@ const config = {
         },
         readOnly: {
             true: (0, _emotion.css)`
-                ${_emotion.textFieldSliderTokens.labelColorReadOnly}: var(--text-primary);
+                ${_emotion.textFieldSliderTokens.labelColorReadOnly}: ${_sdds_serv.textPrimary};
-                ${_emotion.textFieldSliderTokens.textFieldColorReadOnly}: var(--text-primary);
-                ${_emotion.textFieldSliderTokens.textFieldBackgroundColorReadOnly}: var(--surface-transparent-primary);
-                ${_emotion.textFieldSliderTokens.textFieldBorderColorReadOnly}: var(--surface-transparent-primary);
-                ${_emotion.textFieldSliderTokens.textFieldPlaceholderColorReadOnly}: var(--text-secondary);
+                ${_emotion.textFieldSliderTokens.textFieldColorReadOnly}: ${_sdds_serv.textPrimary};
+                ${_emotion.textFieldSliderTokens.textFieldBackgroundColorReadOnly}: ${_sdds_serv.surfaceTransparentPrimary};
+                ${_emotion.textFieldSliderTokens.textFieldBorderColorReadOnly}: ${_sdds_serv.surfaceTransparentPrimary};
+                ${_emotion.textFieldSliderTokens.textFieldPlaceholderColorReadOnly}: ${_sdds_serv.textSecondary};
                 ${_emotion.textFieldSliderTokens.textFieldContentSlotRightOpacityReadOnly}: 0.4;
                 ${_emotion.textFieldSliderTokens.textFieldReadOnlyOpacity}: 0.1;