@salutejs/sdds-insol-next 0.359.0 → 0.359.1-dev.0

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

@@ -0,0 +1,711 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "config", {
+    enumerable: true,
+    get: function() {
+        return config;
+    }
+});
+const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+const _sdds_insol_next = require("@salutejs/sdds-themes/tokens/sdds_insol_next");
+const config = {
+    defaults: {
+        view: 'default',
+        size: 'l',
+        sliderView: 'default'
+    },
+    variations: {
+        view: {
+            default: (0, _styledcomponents.css)`
+                ${_styledcomponents.textFieldSliderTokens.textFieldColor}: ${_sdds_insol_next.textPrimary};
+                ${_styledcomponents.textFieldSliderTokens.textFieldPlaceholderColor}: ${_sdds_insol_next.textSecondary};
+                ${_styledcomponents.textFieldSliderTokens.textFieldPlaceholderColorFocus}: ${_sdds_insol_next.textTertiary};
+                ${_styledcomponents.textFieldSliderTokens.textFieldCaretColor}: ${_sdds_insol_next.textAccent};
+                ${_styledcomponents.textFieldSliderTokens.textFieldFocusColor}: ${_sdds_insol_next.textAccent};
+
+                ${_styledcomponents.textFieldSliderTokens.textFieldErrorColor}: ${_sdds_insol_next.textNegative};
+                ${_styledcomponents.textFieldSliderTokens.textFieldBackgroundErrorColor}: ${_sdds_insol_next.surfaceSolidCard};
+
+                ${_styledcomponents.textFieldSliderTokens.textFieldBackgroundColor}: ${_sdds_insol_next.surfaceSolidCard};
+                ${_styledcomponents.textFieldSliderTokens.textFieldBackgroundColorHover}: ${_sdds_insol_next.surfaceSolidCard};
+                ${_styledcomponents.textFieldSliderTokens.textFieldBackgroundColorFocus}: ${_sdds_insol_next.surfaceSolidCard};
+
+                ${_styledcomponents.textFieldSliderTokens.textFieldBorderColor}: ${_sdds_insol_next.outlineTransparentPrimary};
+                ${_styledcomponents.textFieldSliderTokens.textFieldBorderColorHover}: ${_sdds_insol_next.outlineTransparentPrimaryHover};
+                ${_styledcomponents.textFieldSliderTokens.textFieldBorderColorFocus}: ${_sdds_insol_next.outlineSolidSecondary};
+
+                ${_styledcomponents.textFieldSliderTokens.labelColor}: ${_sdds_insol_next.textPrimary};
+                ${_styledcomponents.textFieldSliderTokens.titleCaptionColor}: ${_sdds_insol_next.textSecondary};
+                ${_styledcomponents.textFieldSliderTokens.optionalColor}: ${_sdds_insol_next.textTertiary};
+
+                ${_styledcomponents.textFieldSliderTokens.labelInnerFontFamily}: ${_sdds_insol_next.bodyXS.fontFamily};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerFontStyle}: ${_sdds_insol_next.bodyXS.fontStyle};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerFontWeight}: ${_sdds_insol_next.bodyXS.fontWeight};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerLetterSpacing}: ${_sdds_insol_next.bodyXS.letterSpacing};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerLineHeight}: ${_sdds_insol_next.bodyXS.lineHeight};
+
+                ${_styledcomponents.textFieldSliderTokens.indicatorColor}: ${_sdds_insol_next.surfaceNegative};
+                ${_styledcomponents.textFieldSliderTokens.hintIconColor}: ${_sdds_insol_next.textSecondary};
+
+                ${_styledcomponents.textFieldSliderTokens.textFieldTextBeforeColor}: ${_sdds_insol_next.textTertiary};
+                ${_styledcomponents.textFieldSliderTokens.textFieldTextAfterColor}: ${_sdds_insol_next.textTertiary};
+
+                ${_styledcomponents.textFieldSliderTokens.textFieldContentSlotColor}: ${_sdds_insol_next.textSecondary};
+                ${_styledcomponents.textFieldSliderTokens.textFieldContentSlotColorHover}: ${_sdds_insol_next.textSecondaryHover};
+                ${_styledcomponents.textFieldSliderTokens.textFieldContentSlotColorActive}: ${_sdds_insol_next.textSecondaryActive};
+
+                ${_styledcomponents.textFieldSliderTokens.textFieldContentRightSlotColor}: ${_sdds_insol_next.textSecondary};
+                ${_styledcomponents.textFieldSliderTokens.textFieldContentRightSlotColorHover}: ${_sdds_insol_next.textSecondaryHover};
+                ${_styledcomponents.textFieldSliderTokens.textFieldContentRightSlotColorActive}: ${_sdds_insol_next.textSecondaryActive};
+
+                ${_styledcomponents.textFieldSliderTokens.sliderTrackBackground}: ${_sdds_insol_next.surfaceSolidTertiary};
+
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbBackground}: ${_sdds_insol_next.surfaceAccent};
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderColor}: ${_sdds_insol_next.surfaceSolidCard};
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbFocusBorderColor}: ${_sdds_insol_next.surfaceSolidCard};
+
+                ${_styledcomponents.textFieldSliderTokens.scaleValueColor}: ${_sdds_insol_next.textSecondary};
+                ${_styledcomponents.textFieldSliderTokens.scaleTickDotColor}: ${_sdds_insol_next.surfaceSolidTertiary};
+            `,
+            positive: (0, _styledcomponents.css)`
+                ${_styledcomponents.textFieldSliderTokens.textFieldColor}: ${_sdds_insol_next.textPrimary};
+                ${_styledcomponents.textFieldSliderTokens.textFieldPlaceholderColor}: ${_sdds_insol_next.textSecondary};
+                ${_styledcomponents.textFieldSliderTokens.textFieldPlaceholderColorFocus}: ${_sdds_insol_next.textTertiary};
+                ${_styledcomponents.textFieldSliderTokens.textFieldCaretColor}: ${_sdds_insol_next.textAccent};
+                ${_styledcomponents.textFieldSliderTokens.textFieldFocusColor}: ${_sdds_insol_next.textAccent};
+
+                ${_styledcomponents.textFieldSliderTokens.textFieldErrorColor}: ${_sdds_insol_next.textNegative};
+                ${_styledcomponents.textFieldSliderTokens.textFieldBackgroundErrorColor}: ${_sdds_insol_next.surfaceSolidCard};
+
+                ${_styledcomponents.textFieldSliderTokens.textFieldBackgroundColor}: ${_sdds_insol_next.surfaceSolidCard};
+                ${_styledcomponents.textFieldSliderTokens.textFieldBackgroundColorHover}: ${_sdds_insol_next.surfaceSolidCard};
+                ${_styledcomponents.textFieldSliderTokens.textFieldBackgroundColorFocus}: ${_sdds_insol_next.surfaceSolidCard};
+
+                ${_styledcomponents.textFieldSliderTokens.textFieldBorderColor}: ${_sdds_insol_next.outlinePositive};
+                ${_styledcomponents.textFieldSliderTokens.textFieldBorderColorHover}: ${_sdds_insol_next.outlinePositiveHover};
+                ${_styledcomponents.textFieldSliderTokens.textFieldBorderColorFocus}: ${_sdds_insol_next.outlinePositiveActive};
+
+                ${_styledcomponents.textFieldSliderTokens.labelColor}: ${_sdds_insol_next.textPrimary};
+                ${_styledcomponents.textFieldSliderTokens.titleCaptionColor}: ${_sdds_insol_next.textSecondary};
+                ${_styledcomponents.textFieldSliderTokens.optionalColor}: ${_sdds_insol_next.textTertiary};
+
+                ${_styledcomponents.textFieldSliderTokens.labelInnerFontFamily}: ${_sdds_insol_next.bodyXS.fontFamily};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerFontStyle}: ${_sdds_insol_next.bodyXS.fontStyle};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerFontWeight}: ${_sdds_insol_next.bodyXS.fontWeight};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerLetterSpacing}: ${_sdds_insol_next.bodyXS.letterSpacing};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerLineHeight}: ${_sdds_insol_next.bodyXS.lineHeight};
+
+                ${_styledcomponents.textFieldSliderTokens.indicatorColor}: ${_sdds_insol_next.surfaceNegative};
+                ${_styledcomponents.textFieldSliderTokens.hintIconColor}: ${_sdds_insol_next.textSecondary};
+
+                ${_styledcomponents.textFieldSliderTokens.textFieldTextBeforeColor}: ${_sdds_insol_next.textTertiary};
+                ${_styledcomponents.textFieldSliderTokens.textFieldTextAfterColor}: ${_sdds_insol_next.textTertiary};
+
+                ${_styledcomponents.textFieldSliderTokens.textFieldContentSlotColor}: ${_sdds_insol_next.textSecondary};
+                ${_styledcomponents.textFieldSliderTokens.textFieldContentSlotColorHover}: ${_sdds_insol_next.textSecondaryHover};
+                ${_styledcomponents.textFieldSliderTokens.textFieldContentSlotColorActive}: ${_sdds_insol_next.textSecondaryActive};
+
+                ${_styledcomponents.textFieldSliderTokens.textFieldContentRightSlotColor}: ${_sdds_insol_next.textSecondary};
+                ${_styledcomponents.textFieldSliderTokens.textFieldContentRightSlotColorHover}: ${_sdds_insol_next.textSecondaryHover};
+                ${_styledcomponents.textFieldSliderTokens.textFieldContentRightSlotColorActive}: ${_sdds_insol_next.textSecondaryActive};
+
+                ${_styledcomponents.textFieldSliderTokens.sliderTrackBackground}: ${_sdds_insol_next.surfaceSolidTertiary};
+
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbBackground}: ${_sdds_insol_next.surfaceAccent};
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderColor}: ${_sdds_insol_next.surfaceSolidCard};
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbFocusBorderColor}: ${_sdds_insol_next.surfaceSolidCard};
+
+                ${_styledcomponents.textFieldSliderTokens.scaleValueColor}: ${_sdds_insol_next.textSecondary};
+                ${_styledcomponents.textFieldSliderTokens.scaleTickDotColor}: ${_sdds_insol_next.surfaceSolidTertiary};
+            `,
+            warning: (0, _styledcomponents.css)`
+                ${_styledcomponents.textFieldSliderTokens.textFieldColor}: ${_sdds_insol_next.textPrimary};
+                ${_styledcomponents.textFieldSliderTokens.textFieldPlaceholderColor}: ${_sdds_insol_next.textSecondary};
+                ${_styledcomponents.textFieldSliderTokens.textFieldPlaceholderColorFocus}: ${_sdds_insol_next.textTertiary};
+                ${_styledcomponents.textFieldSliderTokens.textFieldCaretColor}: ${_sdds_insol_next.textAccent};
+                ${_styledcomponents.textFieldSliderTokens.textFieldFocusColor}: ${_sdds_insol_next.textAccent};
+
+                ${_styledcomponents.textFieldSliderTokens.textFieldErrorColor}: ${_sdds_insol_next.textNegative};
+                ${_styledcomponents.textFieldSliderTokens.textFieldBackgroundErrorColor}: ${_sdds_insol_next.surfaceSolidCard};
+
+                ${_styledcomponents.textFieldSliderTokens.textFieldBackgroundColor}: ${_sdds_insol_next.surfaceSolidCard};
+                ${_styledcomponents.textFieldSliderTokens.textFieldBackgroundColorHover}: ${_sdds_insol_next.surfaceSolidCard};
+                ${_styledcomponents.textFieldSliderTokens.textFieldBackgroundColorFocus}: ${_sdds_insol_next.surfaceSolidCard};
+
+                ${_styledcomponents.textFieldSliderTokens.textFieldBorderColor}: ${_sdds_insol_next.outlineWarning};
+                ${_styledcomponents.textFieldSliderTokens.textFieldBorderColorHover}: ${_sdds_insol_next.outlineWarningHover};
+                ${_styledcomponents.textFieldSliderTokens.textFieldBorderColorFocus}: ${_sdds_insol_next.outlineWarningActive};
+
+                ${_styledcomponents.textFieldSliderTokens.labelColor}: ${_sdds_insol_next.textPrimary};
+                ${_styledcomponents.textFieldSliderTokens.titleCaptionColor}: ${_sdds_insol_next.textSecondary};
+                ${_styledcomponents.textFieldSliderTokens.optionalColor}: ${_sdds_insol_next.textTertiary};
+
+                ${_styledcomponents.textFieldSliderTokens.labelInnerFontFamily}: ${_sdds_insol_next.bodyXS.fontFamily};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerFontStyle}: ${_sdds_insol_next.bodyXS.fontStyle};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerFontWeight}: ${_sdds_insol_next.bodyXS.fontWeight};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerLetterSpacing}: ${_sdds_insol_next.bodyXS.letterSpacing};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerLineHeight}: ${_sdds_insol_next.bodyXS.lineHeight};
+
+                ${_styledcomponents.textFieldSliderTokens.indicatorColor}: ${_sdds_insol_next.surfaceNegative};
+                ${_styledcomponents.textFieldSliderTokens.hintIconColor}: ${_sdds_insol_next.textSecondary};
+
+                ${_styledcomponents.textFieldSliderTokens.textFieldTextBeforeColor}: ${_sdds_insol_next.textTertiary};
+                ${_styledcomponents.textFieldSliderTokens.textFieldTextAfterColor}: ${_sdds_insol_next.textTertiary};
+
+                ${_styledcomponents.textFieldSliderTokens.textFieldContentSlotColor}: ${_sdds_insol_next.textSecondary};
+                ${_styledcomponents.textFieldSliderTokens.textFieldContentSlotColorHover}: ${_sdds_insol_next.textSecondaryHover};
+                ${_styledcomponents.textFieldSliderTokens.textFieldContentSlotColorActive}: ${_sdds_insol_next.textSecondaryActive};
+
+                ${_styledcomponents.textFieldSliderTokens.textFieldContentRightSlotColor}: ${_sdds_insol_next.textSecondary};
+                ${_styledcomponents.textFieldSliderTokens.textFieldContentRightSlotColorHover}: ${_sdds_insol_next.textSecondaryHover};
+                ${_styledcomponents.textFieldSliderTokens.textFieldContentRightSlotColorActive}: ${_sdds_insol_next.textSecondaryActive};
+
+                ${_styledcomponents.textFieldSliderTokens.sliderTrackBackground}: ${_sdds_insol_next.surfaceSolidTertiary};
+
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbBackground}: ${_sdds_insol_next.surfaceAccent};
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderColor}: ${_sdds_insol_next.surfaceSolidCard};
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbFocusBorderColor}: ${_sdds_insol_next.surfaceSolidCard};
+
+                ${_styledcomponents.textFieldSliderTokens.scaleValueColor}: ${_sdds_insol_next.textSecondary};
+                ${_styledcomponents.textFieldSliderTokens.scaleTickDotColor}: ${_sdds_insol_next.surfaceSolidTertiary};
+            `,
+            negative: (0, _styledcomponents.css)`
+                ${_styledcomponents.textFieldSliderTokens.textFieldColor}: ${_sdds_insol_next.textPrimary};
+                ${_styledcomponents.textFieldSliderTokens.textFieldPlaceholderColor}: ${_sdds_insol_next.textSecondary};
+                ${_styledcomponents.textFieldSliderTokens.textFieldPlaceholderColorFocus}: ${_sdds_insol_next.textTertiary};
+                ${_styledcomponents.textFieldSliderTokens.textFieldCaretColor}: ${_sdds_insol_next.textAccent};
+                ${_styledcomponents.textFieldSliderTokens.textFieldFocusColor}: ${_sdds_insol_next.textAccent};
+
+                ${_styledcomponents.textFieldSliderTokens.textFieldErrorColor}: ${_sdds_insol_next.textNegative};
+                ${_styledcomponents.textFieldSliderTokens.textFieldBackgroundErrorColor}: ${_sdds_insol_next.surfaceSolidCard};
+
+                ${_styledcomponents.textFieldSliderTokens.textFieldBackgroundColor}: ${_sdds_insol_next.surfaceSolidCard};
+                ${_styledcomponents.textFieldSliderTokens.textFieldBackgroundColorHover}: ${_sdds_insol_next.surfaceSolidCard};
+                ${_styledcomponents.textFieldSliderTokens.textFieldBackgroundColorFocus}: ${_sdds_insol_next.surfaceSolidCard};
+
+                ${_styledcomponents.textFieldSliderTokens.textFieldBorderColor}: ${_sdds_insol_next.outlineNegative};
+                ${_styledcomponents.textFieldSliderTokens.textFieldBorderColorHover}: ${_sdds_insol_next.outlineNegativeHover};
+                ${_styledcomponents.textFieldSliderTokens.textFieldBorderColorFocus}: ${_sdds_insol_next.outlineNegativeActive};
+
+                ${_styledcomponents.textFieldSliderTokens.labelColor}: ${_sdds_insol_next.textPrimary};
+                ${_styledcomponents.textFieldSliderTokens.titleCaptionColor}: ${_sdds_insol_next.textSecondary};
+                ${_styledcomponents.textFieldSliderTokens.optionalColor}: ${_sdds_insol_next.textTertiary};
+
+                ${_styledcomponents.textFieldSliderTokens.labelInnerFontFamily}: ${_sdds_insol_next.bodyXS.fontFamily};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerFontStyle}: ${_sdds_insol_next.bodyXS.fontStyle};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerFontWeight}: ${_sdds_insol_next.bodyXS.fontWeight};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerLetterSpacing}: ${_sdds_insol_next.bodyXS.letterSpacing};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerLineHeight}: ${_sdds_insol_next.bodyXS.lineHeight};
+
+                ${_styledcomponents.textFieldSliderTokens.indicatorColor}: ${_sdds_insol_next.surfaceNegative};
+                ${_styledcomponents.textFieldSliderTokens.hintIconColor}: ${_sdds_insol_next.textSecondary};
+
+                ${_styledcomponents.textFieldSliderTokens.textFieldTextBeforeColor}: ${_sdds_insol_next.textTertiary};
+                ${_styledcomponents.textFieldSliderTokens.textFieldTextAfterColor}: ${_sdds_insol_next.textTertiary};
+
+                ${_styledcomponents.textFieldSliderTokens.textFieldContentSlotColor}: ${_sdds_insol_next.textSecondary};
+                ${_styledcomponents.textFieldSliderTokens.textFieldContentSlotColorHover}: ${_sdds_insol_next.textSecondaryHover};
+                ${_styledcomponents.textFieldSliderTokens.textFieldContentSlotColorActive}: ${_sdds_insol_next.textSecondaryActive};
+
+                ${_styledcomponents.textFieldSliderTokens.textFieldContentRightSlotColor}: ${_sdds_insol_next.textSecondary};
+                ${_styledcomponents.textFieldSliderTokens.textFieldContentRightSlotColorHover}: ${_sdds_insol_next.textSecondaryHover};
+                ${_styledcomponents.textFieldSliderTokens.textFieldContentRightSlotColorActive}: ${_sdds_insol_next.textSecondaryActive};
+
+                ${_styledcomponents.textFieldSliderTokens.sliderTrackBackground}: ${_sdds_insol_next.surfaceSolidTertiary};
+
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbBackground}: ${_sdds_insol_next.surfaceAccent};
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderColor}: ${_sdds_insol_next.surfaceSolidCard};
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbFocusBorderColor}: ${_sdds_insol_next.surfaceSolidCard};
+
+                ${_styledcomponents.textFieldSliderTokens.scaleValueColor}: ${_sdds_insol_next.textSecondary};
+                ${_styledcomponents.textFieldSliderTokens.scaleTickDotColor}: ${_sdds_insol_next.surfaceSolidTertiary};
+            `
+        },
+        sliderView: {
+            default: (0, _styledcomponents.css)`
+                ${_styledcomponents.textFieldSliderTokens.sliderProgressBackground}: ${_sdds_insol_next.surfaceSolidDefault};
+                ${_styledcomponents.textFieldSliderTokens.scaleTickDotFilledColor}: ${_sdds_insol_next.surfaceSolidDefault};
+            `,
+            accent: (0, _styledcomponents.css)`
+                ${_styledcomponents.textFieldSliderTokens.sliderProgressBackground}: ${_sdds_insol_next.surfaceAccent};
+                ${_styledcomponents.textFieldSliderTokens.scaleTickDotFilledColor}: ${_sdds_insol_next.surfaceAccent};
+            `,
+            gradient: (0, _styledcomponents.css)`
+                ${_styledcomponents.textFieldSliderTokens.sliderProgressBackground}: ${_sdds_insol_next.surfaceAccentGradient};
+                ${_styledcomponents.textFieldSliderTokens.scaleTickDotFilledColor}: ${_sdds_insol_next.surfaceAccentGradient};
+            `
+        },
+        size: {
+            xl: (0, _styledcomponents.css)`
+                ${_styledcomponents.textFieldSliderTokens.textFieldHeight}: 4rem;
+                ${_styledcomponents.textFieldSliderTokens.textFieldBorderRadius}: 1rem;
+                ${_styledcomponents.textFieldSliderTokens.textFieldBorderWidth}: 0.0625rem;
+                ${_styledcomponents.textFieldSliderTokens.textFieldPadding}: 1.25rem;
+
+                ${_styledcomponents.textFieldSliderTokens.textFieldLeftContentMargin}: -0.125rem 0.625rem -0.125rem 0rem;
+                ${_styledcomponents.textFieldSliderTokens.textFieldRightContentMargin}: -0.125rem 0rem -0.125rem 0.75rem;
+                ${_styledcomponents.textFieldSliderTokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;
+                ${_styledcomponents.textFieldSliderTokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;
+
+                ${_styledcomponents.textFieldSliderTokens.textFieldFontFamily}: ${_sdds_insol_next.bodyL.fontFamily};
+                ${_styledcomponents.textFieldSliderTokens.textFieldFontStyle}: ${_sdds_insol_next.bodyL.fontStyle};
+                ${_styledcomponents.textFieldSliderTokens.textFieldFontSize}: ${_sdds_insol_next.bodyL.fontSize};
+                ${_styledcomponents.textFieldSliderTokens.textFieldFontWeight}: ${_sdds_insol_next.bodyL.fontWeight};
+                ${_styledcomponents.textFieldSliderTokens.textFieldLetterSpacing}: ${_sdds_insol_next.bodyL.letterSpacing};
+                ${_styledcomponents.textFieldSliderTokens.textFieldLineHeight}: ${_sdds_insol_next.bodyL.lineHeight};
+
+                ${_styledcomponents.textFieldSliderTokens.labelOffset}: 0.75rem;
+                ${_styledcomponents.textFieldSliderTokens.labelInnerPadding}: 0.8125rem 0 0.125rem 0;
+                ${_styledcomponents.textFieldSliderTokens.contentLabelInnerPadding}: 1.8125rem 0 0.8125rem 0;
+
+                ${_styledcomponents.textFieldSliderTokens.labelFontFamily}: ${_sdds_insol_next.bodyL.fontFamily};
+                ${_styledcomponents.textFieldSliderTokens.labelFontStyle}: ${_sdds_insol_next.bodyL.fontStyle};
+                ${_styledcomponents.textFieldSliderTokens.labelFontSize}: ${_sdds_insol_next.bodyL.fontSize};
+                ${_styledcomponents.textFieldSliderTokens.labelFontWeight}: ${_sdds_insol_next.bodyL.fontWeight};
+                ${_styledcomponents.textFieldSliderTokens.labelLetterSpacing}: ${_sdds_insol_next.bodyL.letterSpacing};
+                ${_styledcomponents.textFieldSliderTokens.labelLineHeight}: ${_sdds_insol_next.bodyL.lineHeight};
+
+                ${_styledcomponents.textFieldSliderTokens.labelInnerFontFamily}: ${_sdds_insol_next.bodyXS.fontFamily};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerFontStyle}: ${_sdds_insol_next.bodyXS.fontStyle};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerFontWeight}: ${_sdds_insol_next.bodyXS.fontWeight};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerLetterSpacing}: ${_sdds_insol_next.bodyXS.letterSpacing};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerLineHeight}: ${_sdds_insol_next.bodyXS.lineHeight};
+
+                ${_styledcomponents.textFieldSliderTokens.titleCaptionInnerLabelOffset}: 0.25rem;
+                ${_styledcomponents.textFieldSliderTokens.titleCaptionFontFamily}: ${_sdds_insol_next.bodyXS.fontFamily};
+                ${_styledcomponents.textFieldSliderTokens.titleCaptionFontStyle}: ${_sdds_insol_next.bodyXS.fontStyle};
+                ${_styledcomponents.textFieldSliderTokens.titleCaptionFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
+                ${_styledcomponents.textFieldSliderTokens.titleCaptionFontWeight}: ${_sdds_insol_next.bodyXS.fontWeight};
+                ${_styledcomponents.textFieldSliderTokens.titleCaptionLetterSpacing}: ${_sdds_insol_next.bodyXS.letterSpacing};
+                ${_styledcomponents.textFieldSliderTokens.titleCaptionLineHeight}: ${_sdds_insol_next.bodyXS.lineHeight};
+
+                ${_styledcomponents.textFieldSliderTokens.indicatorSize}: 0.5rem;
+                ${_styledcomponents.textFieldSliderTokens.indicatorSizeOuter}: 0.375rem;
+                ${_styledcomponents.textFieldSliderTokens.indicatorPlacement}: 0 0 0 0;
+                ${_styledcomponents.textFieldSliderTokens.indicatorOuterPlacement}: 0.5rem auto auto -0.75rem;
+                ${_styledcomponents.textFieldSliderTokens.indicatorPlacementRight}: 0 0 auto auto;
+                ${_styledcomponents.textFieldSliderTokens.indicatorOuterPlacementRight}: 0.25rem -0.625rem auto auto;
+
+                ${_styledcomponents.textFieldSliderTokens.hintMargin}: -0.688rem -0.5rem;
+                ${_styledcomponents.textFieldSliderTokens.hintTargetSize}: 2.375rem;
+                ${_styledcomponents.textFieldSliderTokens.hintInnerLabelPlacementOffset}: 0.82rem -2.938rem auto auto;
+
+                ${_styledcomponents.textFieldSliderTokens.sliderContainerOffset}: 0.25rem;
+
+                ${_styledcomponents.textFieldSliderTokens.sliderTrackHeight}: 0.25rem;
+                ${_styledcomponents.textFieldSliderTokens.sliderTrackBorderRadius}: 0.125rem;
+
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbWidth}: 1.5rem;
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbHeight}: 1rem;
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderWidth}: 0.09375rem 0.1875rem;
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderRadius}: 0.6875rem / 0.59375rem;
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbInnerContent}: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='3'%3E%3Crect width='12' height='3' rx='1.5' fill='%23FFFFFF'/%3E%3C/svg%3E");
+
+                ${_styledcomponents.textFieldSliderTokens.scaleWrapperOffset}: 0.25rem;
+                ${_styledcomponents.textFieldSliderTokens.scaleWrapperPaddingTop}: 0.25rem;
+
+                ${_styledcomponents.textFieldSliderTokens.scaleValueFontFamily}: ${_sdds_insol_next.bodyXS.fontFamily};
+                ${_styledcomponents.textFieldSliderTokens.scaleValueFontStyle}: ${_sdds_insol_next.bodyXS.fontStyle};
+                ${_styledcomponents.textFieldSliderTokens.scaleValueFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
+                ${_styledcomponents.textFieldSliderTokens.scaleValueFontWeight}: ${_sdds_insol_next.bodyXS.fontWeight};
+                ${_styledcomponents.textFieldSliderTokens.scaleValueLetterSpacing}: ${_sdds_insol_next.bodyXS.letterSpacing};
+                ${_styledcomponents.textFieldSliderTokens.scaleValueLineHeight}: ${_sdds_insol_next.bodyXS.lineHeight};
+                ${_styledcomponents.textFieldSliderTokens.scaleTickSize}: 0.5rem;
+            `,
+            l: (0, _styledcomponents.css)`
+                ${_styledcomponents.textFieldSliderTokens.textFieldHeight}: 3.5rem;
+                ${_styledcomponents.textFieldSliderTokens.textFieldBorderRadius}: 0.875rem;
+                ${_styledcomponents.textFieldSliderTokens.textFieldBorderWidth}: 0.0625rem;
+                ${_styledcomponents.textFieldSliderTokens.textFieldPadding}: 1rem 1.125rem 1rem 1.125rem;
+
+                ${_styledcomponents.textFieldSliderTokens.textFieldLeftContentMargin}: -0.0625rem 0.5rem -0.0625rem 0rem;
+                ${_styledcomponents.textFieldSliderTokens.textFieldRightContentMargin}: -0.0625rem 0rem -0.0625rem 0.75rem;
+                ${_styledcomponents.textFieldSliderTokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;
+                ${_styledcomponents.textFieldSliderTokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;
+
+                ${_styledcomponents.textFieldSliderTokens.textFieldFontFamily}: ${_sdds_insol_next.bodyL.fontFamily};
+                ${_styledcomponents.textFieldSliderTokens.textFieldFontStyle}: ${_sdds_insol_next.bodyL.fontStyle};
+                ${_styledcomponents.textFieldSliderTokens.textFieldFontSize}: ${_sdds_insol_next.bodyL.fontSize};
+                ${_styledcomponents.textFieldSliderTokens.textFieldFontWeight}: ${_sdds_insol_next.bodyL.fontWeight};
+                ${_styledcomponents.textFieldSliderTokens.textFieldLetterSpacing}: ${_sdds_insol_next.bodyL.letterSpacing};
+                ${_styledcomponents.textFieldSliderTokens.textFieldLineHeight}: ${_sdds_insol_next.bodyL.lineHeight};
+
+                ${_styledcomponents.textFieldSliderTokens.labelOffset}: 0.75rem;
+                ${_styledcomponents.textFieldSliderTokens.labelInnerPadding}: 0.5625rem 0 0.125rem 0;
+                ${_styledcomponents.textFieldSliderTokens.contentLabelInnerPadding}: 1.5625rem 0 0.5625rem 0;
+
+                ${_styledcomponents.textFieldSliderTokens.labelFontFamily}: ${_sdds_insol_next.bodyL.fontFamily};
+                ${_styledcomponents.textFieldSliderTokens.labelFontStyle}: ${_sdds_insol_next.bodyL.fontStyle};
+                ${_styledcomponents.textFieldSliderTokens.labelFontSize}: ${_sdds_insol_next.bodyL.fontSize};
+                ${_styledcomponents.textFieldSliderTokens.labelFontWeight}: ${_sdds_insol_next.bodyL.fontWeight};
+                ${_styledcomponents.textFieldSliderTokens.labelLetterSpacing}: ${_sdds_insol_next.bodyL.letterSpacing};
+                ${_styledcomponents.textFieldSliderTokens.labelLineHeight}: ${_sdds_insol_next.bodyL.lineHeight};
+
+                ${_styledcomponents.textFieldSliderTokens.labelInnerFontFamily}: ${_sdds_insol_next.bodyXS.fontFamily};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerFontStyle}: ${_sdds_insol_next.bodyXS.fontStyle};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerFontWeight}: ${_sdds_insol_next.bodyXS.fontWeight};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerLetterSpacing}: ${_sdds_insol_next.bodyXS.letterSpacing};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerLineHeight}: ${_sdds_insol_next.bodyXS.lineHeight};
+
+                ${_styledcomponents.textFieldSliderTokens.titleCaptionInnerLabelOffset}: 0.25rem;
+                ${_styledcomponents.textFieldSliderTokens.titleCaptionFontFamily}: ${_sdds_insol_next.bodyXS.fontFamily};
+                ${_styledcomponents.textFieldSliderTokens.titleCaptionFontStyle}: ${_sdds_insol_next.bodyXS.fontStyle};
+                ${_styledcomponents.textFieldSliderTokens.titleCaptionFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
+                ${_styledcomponents.textFieldSliderTokens.titleCaptionFontWeight}: ${_sdds_insol_next.bodyXS.fontWeight};
+                ${_styledcomponents.textFieldSliderTokens.titleCaptionLetterSpacing}: ${_sdds_insol_next.bodyXS.letterSpacing};
+                ${_styledcomponents.textFieldSliderTokens.titleCaptionLineHeight}: ${_sdds_insol_next.bodyXS.lineHeight};
+
+                ${_styledcomponents.textFieldSliderTokens.indicatorSize}: 0.5rem;
+                ${_styledcomponents.textFieldSliderTokens.indicatorSizeOuter}: 0.375rem;
+                ${_styledcomponents.textFieldSliderTokens.indicatorPlacement}: 0 0 0 0;
+                ${_styledcomponents.textFieldSliderTokens.indicatorOuterPlacement}: 0.375rem auto auto -0.75rem;
+                ${_styledcomponents.textFieldSliderTokens.indicatorPlacementRight}: 0 0 auto auto;
+                ${_styledcomponents.textFieldSliderTokens.indicatorOuterPlacementRight}: 0.25rem -0.625rem auto auto;
+
+                ${_styledcomponents.textFieldSliderTokens.hintMargin}: -0.688rem -0.5rem;
+                ${_styledcomponents.textFieldSliderTokens.hintTargetSize}: 2.375rem;
+                ${_styledcomponents.textFieldSliderTokens.hintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
+
+                ${_styledcomponents.textFieldSliderTokens.sliderContainerOffset}: 0.25rem;
+
+                ${_styledcomponents.textFieldSliderTokens.sliderTrackHeight}: 0.25rem;
+                ${_styledcomponents.textFieldSliderTokens.sliderTrackBorderRadius}: 0.125rem;
+
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbWidth}: 1.5rem;
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbHeight}: 1rem;
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderWidth}: 0.09375rem 0.1875rem;
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderRadius}: 0.6875rem / 0.59375rem;
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbInnerContent}: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='3'%3E%3Crect width='12' height='3' rx='1.5' fill='%23FFFFFF'/%3E%3C/svg%3E");
+
+                ${_styledcomponents.textFieldSliderTokens.scaleWrapperOffset}: 0.25rem;
+                ${_styledcomponents.textFieldSliderTokens.scaleWrapperPaddingTop}: 0.25rem;
+
+                ${_styledcomponents.textFieldSliderTokens.scaleValueFontFamily}: ${_sdds_insol_next.bodyXS.fontFamily};
+                ${_styledcomponents.textFieldSliderTokens.scaleValueFontStyle}: ${_sdds_insol_next.bodyXS.fontStyle};
+                ${_styledcomponents.textFieldSliderTokens.scaleValueFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
+                ${_styledcomponents.textFieldSliderTokens.scaleValueFontWeight}: ${_sdds_insol_next.bodyXS.fontWeight};
+                ${_styledcomponents.textFieldSliderTokens.scaleValueLetterSpacing}: ${_sdds_insol_next.bodyXS.letterSpacing};
+                ${_styledcomponents.textFieldSliderTokens.scaleValueLineHeight}: ${_sdds_insol_next.bodyXS.lineHeight};
+                ${_styledcomponents.textFieldSliderTokens.scaleTickSize}: 0.5rem;
+            `,
+            m: (0, _styledcomponents.css)`
+                ${_styledcomponents.textFieldSliderTokens.textFieldHeight}: 3rem;
+                ${_styledcomponents.textFieldSliderTokens.textFieldBorderRadius}: 0.75rem;
+                ${_styledcomponents.textFieldSliderTokens.textFieldBorderWidth}: 0.0625rem;
+                ${_styledcomponents.textFieldSliderTokens.textFieldPadding}: 0.75rem 0.875rem 0.75rem 0.875rem;
+
+                ${_styledcomponents.textFieldSliderTokens.textFieldLeftContentMargin}: -0.125rem 0.375rem -0.125rem 0rem;
+                ${_styledcomponents.textFieldSliderTokens.textFieldRightContentMargin}: -0.125rem 0rem -0.125rem 0.625rem;
+                ${_styledcomponents.textFieldSliderTokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;
+                ${_styledcomponents.textFieldSliderTokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;
+
+                ${_styledcomponents.textFieldSliderTokens.textFieldFontFamily}: ${_sdds_insol_next.bodyM.fontFamily};
+                ${_styledcomponents.textFieldSliderTokens.textFieldFontStyle}: ${_sdds_insol_next.bodyM.fontStyle};
+                ${_styledcomponents.textFieldSliderTokens.textFieldFontSize}: ${_sdds_insol_next.bodyM.fontSize};
+                ${_styledcomponents.textFieldSliderTokens.textFieldFontWeight}: ${_sdds_insol_next.bodyM.fontWeight};
+                ${_styledcomponents.textFieldSliderTokens.textFieldLetterSpacing}: ${_sdds_insol_next.bodyM.letterSpacing};
+                ${_styledcomponents.textFieldSliderTokens.textFieldLineHeight}: ${_sdds_insol_next.bodyM.lineHeight};
+
+                ${_styledcomponents.textFieldSliderTokens.labelOffset}: 0.625rem;
+                ${_styledcomponents.textFieldSliderTokens.labelInnerPadding}: 0.375rem 0 0.125rem 0;
+                ${_styledcomponents.textFieldSliderTokens.contentLabelInnerPadding}: 1.375rem 0 0.375rem 0;
+
+                ${_styledcomponents.textFieldSliderTokens.labelFontFamily}: ${_sdds_insol_next.bodyM.fontFamily};
+                ${_styledcomponents.textFieldSliderTokens.labelFontStyle}: ${_sdds_insol_next.bodyM.fontStyle};
+                ${_styledcomponents.textFieldSliderTokens.labelFontSize}: ${_sdds_insol_next.bodyM.fontSize};
+                ${_styledcomponents.textFieldSliderTokens.labelFontWeight}: ${_sdds_insol_next.bodyM.fontWeight};
+                ${_styledcomponents.textFieldSliderTokens.labelLetterSpacing}: ${_sdds_insol_next.bodyM.letterSpacing};
+                ${_styledcomponents.textFieldSliderTokens.labelLineHeight}: ${_sdds_insol_next.bodyM.lineHeight};
+
+                ${_styledcomponents.textFieldSliderTokens.labelInnerFontFamily}: ${_sdds_insol_next.bodyXS.fontFamily};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerFontStyle}: ${_sdds_insol_next.bodyXS.fontStyle};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerFontWeight}: ${_sdds_insol_next.bodyXS.fontWeight};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerLetterSpacing}: ${_sdds_insol_next.bodyXS.letterSpacing};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerLineHeight}: ${_sdds_insol_next.bodyXS.lineHeight};
+
+                ${_styledcomponents.textFieldSliderTokens.titleCaptionInnerLabelOffset}: 0.25rem;
+                ${_styledcomponents.textFieldSliderTokens.titleCaptionFontFamily}: ${_sdds_insol_next.bodyXS.fontFamily};
+                ${_styledcomponents.textFieldSliderTokens.titleCaptionFontStyle}: ${_sdds_insol_next.bodyXS.fontStyle};
+                ${_styledcomponents.textFieldSliderTokens.titleCaptionFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
+                ${_styledcomponents.textFieldSliderTokens.titleCaptionFontWeight}: ${_sdds_insol_next.bodyXS.fontWeight};
+                ${_styledcomponents.textFieldSliderTokens.titleCaptionLetterSpacing}: ${_sdds_insol_next.bodyXS.letterSpacing};
+                ${_styledcomponents.textFieldSliderTokens.titleCaptionLineHeight}: ${_sdds_insol_next.bodyXS.lineHeight};
+
+                ${_styledcomponents.textFieldSliderTokens.indicatorSize}: 0.5rem;
+                ${_styledcomponents.textFieldSliderTokens.indicatorSizeOuter}: 0.375rem;
+                ${_styledcomponents.textFieldSliderTokens.indicatorPlacement}: 0 0 0 0;
+                ${_styledcomponents.textFieldSliderTokens.indicatorOuterPlacement}: 0.25rem auto auto -0.75rem;
+                ${_styledcomponents.textFieldSliderTokens.indicatorPlacementRight}: 0 0 auto auto;
+                ${_styledcomponents.textFieldSliderTokens.indicatorOuterPlacementRight}: 0.125rem -0.625rem auto auto;
+
+                ${_styledcomponents.textFieldSliderTokens.hintMargin}: -0.688rem -0.5rem;
+                ${_styledcomponents.textFieldSliderTokens.hintTargetSize}: 2.375rem;
+                ${_styledcomponents.textFieldSliderTokens.hintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
+
+                ${_styledcomponents.textFieldSliderTokens.sliderContainerOffset}: 0.25rem;
+
+                ${_styledcomponents.textFieldSliderTokens.sliderTrackHeight}: 0.25rem;
+                ${_styledcomponents.textFieldSliderTokens.sliderTrackBorderRadius}: 0.125rem;
+
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbWidth}: 1.5rem;
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbHeight}: 1rem;
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderWidth}: 0.09375rem 0.1875rem;
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderRadius}: 0.6875rem / 0.59375rem;
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbInnerContent}: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='3'%3E%3Crect width='12' height='3' rx='1.5' fill='%23FFFFFF'/%3E%3C/svg%3E");
+
+                ${_styledcomponents.textFieldSliderTokens.scaleWrapperOffset}: 0.25rem;
+                ${_styledcomponents.textFieldSliderTokens.scaleWrapperPaddingTop}: 0.25rem;
+
+                ${_styledcomponents.textFieldSliderTokens.scaleValueFontFamily}: ${_sdds_insol_next.bodyXS.fontFamily};
+                ${_styledcomponents.textFieldSliderTokens.scaleValueFontStyle}: ${_sdds_insol_next.bodyXS.fontStyle};
+                ${_styledcomponents.textFieldSliderTokens.scaleValueFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
+                ${_styledcomponents.textFieldSliderTokens.scaleValueFontWeight}: ${_sdds_insol_next.bodyXS.fontWeight};
+                ${_styledcomponents.textFieldSliderTokens.scaleValueLetterSpacing}: ${_sdds_insol_next.bodyXS.letterSpacing};
+                ${_styledcomponents.textFieldSliderTokens.scaleValueLineHeight}: ${_sdds_insol_next.bodyXS.lineHeight};
+                ${_styledcomponents.textFieldSliderTokens.scaleTickSize}: 0.5rem;
+            `,
+            s: (0, _styledcomponents.css)`
+                ${_styledcomponents.textFieldSliderTokens.textFieldHeight}: 2.5rem;
+                ${_styledcomponents.textFieldSliderTokens.textFieldBorderRadius}: 0.625rem;
+                ${_styledcomponents.textFieldSliderTokens.textFieldBorderWidth}: 0.0625rem;
+                ${_styledcomponents.textFieldSliderTokens.textFieldPadding}: 0.5rem 0.75rem;
+
+                ${_styledcomponents.textFieldSliderTokens.textFieldLeftContentMargin}: -0.1875rem 0.25rem -0.1875rem 0rem;
+                ${_styledcomponents.textFieldSliderTokens.textFieldRightContentMargin}: -0.1875rem 0rem -0.1875rem 0.5rem;
+                ${_styledcomponents.textFieldSliderTokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;
+                ${_styledcomponents.textFieldSliderTokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;
+
+                ${_styledcomponents.textFieldSliderTokens.textFieldFontFamily}: ${_sdds_insol_next.bodyS.fontFamily};
+                ${_styledcomponents.textFieldSliderTokens.textFieldFontStyle}: ${_sdds_insol_next.bodyS.fontStyle};
+                ${_styledcomponents.textFieldSliderTokens.textFieldFontSize}: ${_sdds_insol_next.bodyS.fontSize};
+                ${_styledcomponents.textFieldSliderTokens.textFieldFontWeight}: ${_sdds_insol_next.bodyS.fontWeight};
+                ${_styledcomponents.textFieldSliderTokens.textFieldLetterSpacing}: ${_sdds_insol_next.bodyS.letterSpacing};
+                ${_styledcomponents.textFieldSliderTokens.textFieldLineHeight}: ${_sdds_insol_next.bodyS.lineHeight};
+
+                ${_styledcomponents.textFieldSliderTokens.labelOffset}: 0.5rem;
+                ${_styledcomponents.textFieldSliderTokens.labelInnerPadding}: 0.3125rem 0 0 0;
+                ${_styledcomponents.textFieldSliderTokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;
+
+                ${_styledcomponents.textFieldSliderTokens.labelFontFamily}: ${_sdds_insol_next.bodyS.fontFamily};
+                ${_styledcomponents.textFieldSliderTokens.labelFontStyle}: ${_sdds_insol_next.bodyS.fontStyle};
+                ${_styledcomponents.textFieldSliderTokens.labelFontSize}: ${_sdds_insol_next.bodyS.fontSize};
+                ${_styledcomponents.textFieldSliderTokens.labelFontWeight}: ${_sdds_insol_next.bodyS.fontWeight};
+                ${_styledcomponents.textFieldSliderTokens.labelLetterSpacing}: ${_sdds_insol_next.bodyS.letterSpacing};
+                ${_styledcomponents.textFieldSliderTokens.labelLineHeight}: ${_sdds_insol_next.bodyS.lineHeight};
+
+                ${_styledcomponents.textFieldSliderTokens.labelInnerFontFamily}: ${_sdds_insol_next.bodyXS.fontFamily};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerFontStyle}: ${_sdds_insol_next.bodyXS.fontStyle};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerFontWeight}: ${_sdds_insol_next.bodyXS.fontWeight};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerLetterSpacing}: ${_sdds_insol_next.bodyXS.letterSpacing};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerLineHeight}: ${_sdds_insol_next.bodyXS.lineHeight};
+
+                ${_styledcomponents.textFieldSliderTokens.titleCaptionInnerLabelOffset}: 0.25rem;
+                ${_styledcomponents.textFieldSliderTokens.titleCaptionFontFamily}: ${_sdds_insol_next.bodyXS.fontFamily};
+                ${_styledcomponents.textFieldSliderTokens.titleCaptionFontStyle}: ${_sdds_insol_next.bodyXS.fontStyle};
+                ${_styledcomponents.textFieldSliderTokens.titleCaptionFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
+                ${_styledcomponents.textFieldSliderTokens.titleCaptionFontWeight}: ${_sdds_insol_next.bodyXS.fontWeight};
+                ${_styledcomponents.textFieldSliderTokens.titleCaptionLetterSpacing}: ${_sdds_insol_next.bodyXS.letterSpacing};
+                ${_styledcomponents.textFieldSliderTokens.titleCaptionLineHeight}: ${_sdds_insol_next.bodyXS.lineHeight};
+
+                ${_styledcomponents.textFieldSliderTokens.indicatorSize}: 0.375rem;
+                ${_styledcomponents.textFieldSliderTokens.indicatorSizeOuter}: 0.375rem;
+                ${_styledcomponents.textFieldSliderTokens.indicatorPlacement}: 0 0 0 0;
+                ${_styledcomponents.textFieldSliderTokens.indicatorOuterPlacement}: 0.25rem auto auto -0.6875rem;
+                ${_styledcomponents.textFieldSliderTokens.indicatorPlacementRight}: 0 0 auto auto;
+                ${_styledcomponents.textFieldSliderTokens.indicatorOuterPlacementRight}: 0.125rem -0.625rem auto auto;
+
+                ${_styledcomponents.textFieldSliderTokens.hintMargin}: -0.688rem -0.5rem;
+                ${_styledcomponents.textFieldSliderTokens.hintTargetSize}: 2.375rem;
+                ${_styledcomponents.textFieldSliderTokens.hintInnerLabelPlacementOffset}: 0.062rem -2.1875rem auto auto;
+
+                ${_styledcomponents.textFieldSliderTokens.sliderContainerOffset}: 0.25rem;
+
+                ${_styledcomponents.textFieldSliderTokens.sliderTrackHeight}: 0.25rem;
+                ${_styledcomponents.textFieldSliderTokens.sliderTrackBorderRadius}: 0.125rem;
+
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbWidth}: 1.5rem;
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbHeight}: 1rem;
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderWidth}: 0.09375rem 0.1875rem;
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderRadius}: 0.6875rem / 0.59375rem;
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbInnerContent}: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='3'%3E%3Crect width='12' height='3' rx='1.5' fill='%23FFFFFF'/%3E%3C/svg%3E");
+
+                ${_styledcomponents.textFieldSliderTokens.scaleWrapperOffset}: 0.25rem;
+                ${_styledcomponents.textFieldSliderTokens.scaleWrapperPaddingTop}: 0.25rem;
+
+                ${_styledcomponents.textFieldSliderTokens.scaleValueFontFamily}: ${_sdds_insol_next.bodyXS.fontFamily};
+                ${_styledcomponents.textFieldSliderTokens.scaleValueFontStyle}: ${_sdds_insol_next.bodyXS.fontStyle};
+                ${_styledcomponents.textFieldSliderTokens.scaleValueFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
+                ${_styledcomponents.textFieldSliderTokens.scaleValueFontWeight}: ${_sdds_insol_next.bodyXS.fontWeight};
+                ${_styledcomponents.textFieldSliderTokens.scaleValueLetterSpacing}: ${_sdds_insol_next.bodyXS.letterSpacing};
+                ${_styledcomponents.textFieldSliderTokens.scaleValueLineHeight}: ${_sdds_insol_next.bodyXS.lineHeight};
+                ${_styledcomponents.textFieldSliderTokens.scaleTickSize}: 0.5rem;
+            `,
+            xs: (0, _styledcomponents.css)`
+                ${_styledcomponents.textFieldSliderTokens.textFieldHeight}: 2rem;
+                ${_styledcomponents.textFieldSliderTokens.textFieldBorderRadius}: 0.5rem;
+                ${_styledcomponents.textFieldSliderTokens.textFieldBorderWidth}: 0.0625rem;
+                ${_styledcomponents.textFieldSliderTokens.textFieldPadding}: 0.5rem 0.625rem 0.5rem 0.625rem;
+
+                ${_styledcomponents.textFieldSliderTokens.textFieldLeftContentMargin}: -0.0625rem 0.375rem -0.0625rem 0rem;
+                ${_styledcomponents.textFieldSliderTokens.textFieldRightContentMargin}: -0.0625rem 0rem -0.0625rem 0.625rem;
+                ${_styledcomponents.textFieldSliderTokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;
+                ${_styledcomponents.textFieldSliderTokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;
+
+                ${_styledcomponents.textFieldSliderTokens.textFieldFontFamily}: ${_sdds_insol_next.bodyXS.fontFamily};
+                ${_styledcomponents.textFieldSliderTokens.textFieldFontStyle}: ${_sdds_insol_next.bodyXS.fontStyle};
+                ${_styledcomponents.textFieldSliderTokens.textFieldFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
+                ${_styledcomponents.textFieldSliderTokens.textFieldFontWeight}: ${_sdds_insol_next.bodyXS.fontWeight};
+                ${_styledcomponents.textFieldSliderTokens.textFieldLetterSpacing}: ${_sdds_insol_next.bodyXS.letterSpacing};
+                ${_styledcomponents.textFieldSliderTokens.textFieldLineHeight}: ${_sdds_insol_next.bodyXS.lineHeight};
+
+                ${_styledcomponents.textFieldSliderTokens.labelOffset}: 0.375rem;
+                ${_styledcomponents.textFieldSliderTokens.labelInnerPadding}: 0.3125rem 0 0 0;
+                ${_styledcomponents.textFieldSliderTokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;
+
+                ${_styledcomponents.textFieldSliderTokens.labelFontFamily}: ${_sdds_insol_next.bodyXS.fontFamily};
+                ${_styledcomponents.textFieldSliderTokens.labelFontStyle}: ${_sdds_insol_next.bodyXS.fontStyle};
+                ${_styledcomponents.textFieldSliderTokens.labelFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
+                ${_styledcomponents.textFieldSliderTokens.labelFontWeight}: ${_sdds_insol_next.bodyXS.fontWeight};
+                ${_styledcomponents.textFieldSliderTokens.labelLetterSpacing}: ${_sdds_insol_next.bodyXS.letterSpacing};
+                ${_styledcomponents.textFieldSliderTokens.labelLineHeight}: ${_sdds_insol_next.bodyXS.lineHeight};
+
+                ${_styledcomponents.textFieldSliderTokens.labelInnerFontFamily}: ${_sdds_insol_next.bodyXS.fontFamily};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerFontStyle}: ${_sdds_insol_next.bodyXS.fontStyle};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerFontWeight}: ${_sdds_insol_next.bodyXS.fontWeight};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerLetterSpacing}: ${_sdds_insol_next.bodyXS.letterSpacing};
+                ${_styledcomponents.textFieldSliderTokens.labelInnerLineHeight}: ${_sdds_insol_next.bodyXS.lineHeight};
+
+                ${_styledcomponents.textFieldSliderTokens.titleCaptionInnerLabelOffset}: 0.25rem;
+                ${_styledcomponents.textFieldSliderTokens.titleCaptionFontFamily}: ${_sdds_insol_next.bodyXS.fontFamily};
+                ${_styledcomponents.textFieldSliderTokens.titleCaptionFontStyle}: ${_sdds_insol_next.bodyXS.fontStyle};
+                ${_styledcomponents.textFieldSliderTokens.titleCaptionFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
+                ${_styledcomponents.textFieldSliderTokens.titleCaptionFontWeight}: ${_sdds_insol_next.bodyXS.fontWeight};
+                ${_styledcomponents.textFieldSliderTokens.titleCaptionLetterSpacing}: ${_sdds_insol_next.bodyXS.letterSpacing};
+                ${_styledcomponents.textFieldSliderTokens.titleCaptionLineHeight}: ${_sdds_insol_next.bodyXS.lineHeight};
+
+                ${_styledcomponents.textFieldSliderTokens.indicatorSize}: 0.375rem;
+                ${_styledcomponents.textFieldSliderTokens.indicatorSizeOuter}: 0.375rem;
+                ${_styledcomponents.textFieldSliderTokens.indicatorPlacement}: 0 0 0 0;
+                ${_styledcomponents.textFieldSliderTokens.indicatorOuterPlacement}: 0.25rem auto auto -0.625rem;
+                ${_styledcomponents.textFieldSliderTokens.indicatorPlacementRight}: 0 0 auto auto;
+                ${_styledcomponents.textFieldSliderTokens.indicatorOuterPlacementRight}: 0.125rem -0.625rem auto auto;
+
+                ${_styledcomponents.textFieldSliderTokens.hintMargin}: -0.75rem -0.625rem -0.75rem -0.5rem;
+                ${_styledcomponents.textFieldSliderTokens.hintTargetSize}: 2.375rem;
+                ${_styledcomponents.textFieldSliderTokens.hintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
+
+                ${_styledcomponents.textFieldSliderTokens.sliderContainerOffset}: 0.25rem;
+
+                ${_styledcomponents.textFieldSliderTokens.sliderTrackHeight}: 0.25rem;
+                ${_styledcomponents.textFieldSliderTokens.sliderTrackBorderRadius}: 0.125rem;
+
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbWidth}: 1.5rem;
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbHeight}: 1rem;
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderWidth}: 0.09375rem 0.1875rem;
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbBorderRadius}: 0.6875rem / 0.59375rem;
+                ${_styledcomponents.textFieldSliderTokens.sliderThumbInnerContent}: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='3'%3E%3Crect width='12' height='3' rx='1.5' fill='%23FFFFFF'/%3E%3C/svg%3E");
+
+                ${_styledcomponents.textFieldSliderTokens.scaleWrapperOffset}: 0.25rem;
+                ${_styledcomponents.textFieldSliderTokens.scaleWrapperPaddingTop}: 0.25rem;
+
+                ${_styledcomponents.textFieldSliderTokens.scaleValueFontFamily}: ${_sdds_insol_next.bodyXS.fontFamily};
+                ${_styledcomponents.textFieldSliderTokens.scaleValueFontStyle}: ${_sdds_insol_next.bodyXS.fontStyle};
+                ${_styledcomponents.textFieldSliderTokens.scaleValueFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
+                ${_styledcomponents.textFieldSliderTokens.scaleValueFontWeight}: ${_sdds_insol_next.bodyXS.fontWeight};
+                ${_styledcomponents.textFieldSliderTokens.scaleValueLetterSpacing}: ${_sdds_insol_next.bodyXS.letterSpacing};
+                ${_styledcomponents.textFieldSliderTokens.scaleValueLineHeight}: ${_sdds_insol_next.bodyXS.lineHeight};
+                ${_styledcomponents.textFieldSliderTokens.scaleTickSize}: 0.5rem;
+            `
+        },
+        hintView: {
+            default: (0, _styledcomponents.css)`
+                ${_styledcomponents.textFieldSliderTokens.hintTooltipBackgroundColor}: ${_sdds_insol_next.surfaceSolidCardBrightness};
+                ${_styledcomponents.textFieldSliderTokens.hintTooltipBoxShadow}: var(--shadow-down-hard-m, 0px 4px 12px 0px rgba(0, 0, 0, 0.16),0px 1px 4px 0px rgba(0, 0, 0, 0.08));
+                ${_styledcomponents.textFieldSliderTokens.hintTooltipColor}: ${_sdds_insol_next.textPrimary};
+                ${_styledcomponents.textFieldSliderTokens.hintTooltipArrowBackground}: ${_sdds_insol_next.surfaceSolidCardBrightness};
+            `
+        },
+        hintSize: {
+            m: (0, _styledcomponents.css)`
+                ${_styledcomponents.textFieldSliderTokens.hintTooltipPaddingTop}: 0.6875rem;
+                ${_styledcomponents.textFieldSliderTokens.hintTooltipPaddingRight}: 0.875rem;
+                ${_styledcomponents.textFieldSliderTokens.hintTooltipPaddingBottom}: 0.6875rem;
+                ${_styledcomponents.textFieldSliderTokens.hintTooltipPaddingLeft}: 0.875rem;
+
+                ${_styledcomponents.textFieldSliderTokens.hintTooltipMinHeight}: 2.5rem;
+                ${_styledcomponents.textFieldSliderTokens.hintTooltipBorderRadius}: 0.625rem;
+
+                ${_styledcomponents.textFieldSliderTokens.hintTooltipTextFontFamily}: ${_sdds_insol_next.bodyS.fontFamily};
+                ${_styledcomponents.textFieldSliderTokens.hintTooltipTextFontStyle}: ${_sdds_insol_next.bodyS.fontStyle};
+                ${_styledcomponents.textFieldSliderTokens.hintTooltipTextFontSize}: ${_sdds_insol_next.bodyS.fontSize};
+                ${_styledcomponents.textFieldSliderTokens.hintTooltipTextFontWeight}: ${_sdds_insol_next.bodyS.fontWeight};
+                ${_styledcomponents.textFieldSliderTokens.hintTooltipTextFontLetterSpacing}: ${_sdds_insol_next.bodyS.letterSpacing};
+                ${_styledcomponents.textFieldSliderTokens.hintTooltipTextFontLineHeight}: ${_sdds_insol_next.bodyS.lineHeight};
+
+                ${_styledcomponents.textFieldSliderTokens.hintTooltipContentLeftMargin}: 0.375rem;
+
+                ${_styledcomponents.textFieldSliderTokens.hintTooltipArrowMaskWidth}: 1.25rem;
+                ${_styledcomponents.textFieldSliderTokens.hintTooltipArrowMaskHeight}: 1.25rem;
+                ${_styledcomponents.textFieldSliderTokens.hintTooltipArrowMaskImage}: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==");
+                ${_styledcomponents.textFieldSliderTokens.hintTooltipArrowHeight}: 0.5rem;
+                ${_styledcomponents.textFieldSliderTokens.hintTooltipArrowEdgeMargin}: 0.625rem;
+            `,
+            s: (0, _styledcomponents.css)`
+                ${_styledcomponents.textFieldSliderTokens.hintTooltipPaddingTop}: 0.5rem;
+                ${_styledcomponents.textFieldSliderTokens.hintTooltipPaddingRight}: 0.75rem;
+                ${_styledcomponents.textFieldSliderTokens.hintTooltipPaddingBottom}: 0.5rem;
+                ${_styledcomponents.textFieldSliderTokens.hintTooltipPaddingLeft}: 0.75rem;
+
+                ${_styledcomponents.textFieldSliderTokens.hintTooltipMinHeight}: 2rem;
+                ${_styledcomponents.textFieldSliderTokens.hintTooltipBorderRadius}: 0.5rem;
+
+                ${_styledcomponents.textFieldSliderTokens.hintTooltipTextFontFamily}: ${_sdds_insol_next.bodyXS.fontFamily};
+                ${_styledcomponents.textFieldSliderTokens.hintTooltipTextFontStyle}: ${_sdds_insol_next.bodyXS.fontStyle};
+                ${_styledcomponents.textFieldSliderTokens.hintTooltipTextFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
+                ${_styledcomponents.textFieldSliderTokens.hintTooltipTextFontWeight}: ${_sdds_insol_next.bodyXS.fontWeight};
+                ${_styledcomponents.textFieldSliderTokens.hintTooltipTextFontLetterSpacing}: ${_sdds_insol_next.bodyXS.letterSpacing};
+                ${_styledcomponents.textFieldSliderTokens.hintTooltipTextFontLineHeight}: ${_sdds_insol_next.bodyXS.lineHeight};
+
+                ${_styledcomponents.textFieldSliderTokens.hintTooltipContentLeftMargin}: 0.25rem;
+
+                ${_styledcomponents.textFieldSliderTokens.hintTooltipArrowMaskWidth}: 1rem;
+                ${_styledcomponents.textFieldSliderTokens.hintTooltipArrowMaskHeight}: 1rem;
+                ${_styledcomponents.textFieldSliderTokens.hintTooltipArrowMaskImage}: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+");
+                ${_styledcomponents.textFieldSliderTokens.hintTooltipArrowHeight}: 0.375rem;
+                ${_styledcomponents.textFieldSliderTokens.hintTooltipArrowEdgeMargin}: 0.5625rem;
+            `
+        },
+        disabled: {
+            true: (0, _styledcomponents.css)`
+                ${_styledcomponents.textFieldSliderTokens.disabledOpacity}: 0.4;
+                ${_styledcomponents.textFieldSliderTokens.disabledBackgroundOpacity}: 1;
+                ${_styledcomponents.textFieldSliderTokens.disabledInnerContentOpacity}: 0.4;
+            `
+        },
+        readOnly: {
+            true: (0, _styledcomponents.css)`
+                ${_styledcomponents.textFieldSliderTokens.labelColorReadOnly}: ${_sdds_insol_next.textPrimary};
+                ${_styledcomponents.textFieldSliderTokens.titleCaptionColorReadOnly}: ${_sdds_insol_next.textSecondary};
+
+                ${_styledcomponents.textFieldSliderTokens.textFieldColorReadOnly}: ${_sdds_insol_next.textPrimary};
+                ${_styledcomponents.textFieldSliderTokens.textFieldBackgroundColorReadOnly}: ${_sdds_insol_next.surfaceSolidSecondary};
+                ${_styledcomponents.textFieldSliderTokens.textFieldBorderColorReadOnly}: transparent;
+                ${_styledcomponents.textFieldSliderTokens.textFieldPlaceholderColorReadOnly}: ${_sdds_insol_next.textSecondary};
+
+                ${_styledcomponents.textFieldSliderTokens.textFieldContentSlotRightOpacityReadOnly}: 0.4;
+                ${_styledcomponents.textFieldSliderTokens.textFieldReadOnlyOpacity}: 1;
+            `
+        }
+    }
+};