@salutejs/sdds-bizcom 0.365.0 → 0.365.1-dev.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.
- package/dist/css/cjs/components/Avatar/Avatar.config.js +24 -24
- package/dist/css/cjs/components/Avatar/Avatar.config.js.map +1 -1
- package/dist/css/cjs/components/Avatar/{Avatar.config_onec59.css → Avatar.config_4fbmvu.css} +23 -23
- package/dist/css/cjs/components/Avatar/Avatar.css +23 -23
- package/dist/css/cjs/components/Slider/Slider.config.js +1 -1
- package/dist/css/cjs/components/Slider/Slider.config.js.map +1 -1
- package/dist/css/{es/components/Slider/Slider.config_15q1xy.css → cjs/components/Slider/Slider.config_1hkb83c.css} +3 -3
- package/dist/css/cjs/components/Slider/Slider.css +10 -10
- package/dist/css/cjs/components/TextFieldSlider/TextFieldSlider.clear.config.js +1 -1
- package/dist/css/cjs/components/TextFieldSlider/TextFieldSlider.clear.config.js.map +1 -1
- package/dist/css/{es/components/TextFieldSlider/TextFieldSlider.clear.config_tdvg0u.css → cjs/components/TextFieldSlider/TextFieldSlider.clear.config_kk77mo.css} +9 -9
- package/dist/css/cjs/components/TextFieldSlider/TextFieldSlider.config.js +1 -1
- package/dist/css/cjs/components/TextFieldSlider/TextFieldSlider.config.js.map +1 -1
- package/dist/css/{es/components/TextFieldSlider/TextFieldSlider.config_lf77yx.css → cjs/components/TextFieldSlider/TextFieldSlider.config_1exxmcx.css} +9 -9
- package/dist/css/cjs/components/TextFieldSlider/TextFieldSlider.css +34 -34
- package/dist/css/cjs/index.css +68 -68
- package/dist/css/cjs/index.js +4 -0
- package/dist/css/cjs/index.js.map +1 -1
- package/dist/css/es/components/Avatar/Avatar.config.js +24 -24
- package/dist/css/es/components/Avatar/Avatar.config.js.map +1 -1
- package/dist/css/es/components/Avatar/{Avatar.config_onec59.css → Avatar.config_4fbmvu.css} +23 -23
- package/dist/css/es/components/Avatar/Avatar.css +23 -23
- package/dist/css/es/components/Slider/Slider.config.js +1 -1
- package/dist/css/es/components/Slider/Slider.config.js.map +1 -1
- package/dist/css/{cjs/components/Slider/Slider.config_15q1xy.css → es/components/Slider/Slider.config_1hkb83c.css} +3 -3
- package/dist/css/es/components/Slider/Slider.css +10 -10
- package/dist/css/es/components/TextFieldSlider/TextFieldSlider.clear.config.js +1 -1
- package/dist/css/es/components/TextFieldSlider/TextFieldSlider.clear.config.js.map +1 -1
- package/dist/css/{cjs/components/TextFieldSlider/TextFieldSlider.clear.config_tdvg0u.css → es/components/TextFieldSlider/TextFieldSlider.clear.config_kk77mo.css} +9 -9
- package/dist/css/es/components/TextFieldSlider/TextFieldSlider.config.js +1 -1
- package/dist/css/es/components/TextFieldSlider/TextFieldSlider.config.js.map +1 -1
- package/dist/css/{cjs/components/TextFieldSlider/TextFieldSlider.config_lf77yx.css → es/components/TextFieldSlider/TextFieldSlider.config_1exxmcx.css} +9 -9
- package/dist/css/es/components/TextFieldSlider/TextFieldSlider.css +34 -34
- package/dist/css/es/index.css +68 -68
- package/dist/css/es/index.js +1 -1
- package/dist/styled-components/cjs/components/Notification/index.js +3 -0
- package/dist/styled-components/cjs/components/Slider/Slider.config.js +3 -5
- package/dist/styled-components/cjs/components/TextFieldSlider/TextFieldSlider.clear.config.js +23 -18
- package/dist/styled-components/cjs/components/TextFieldSlider/TextFieldSlider.config.js +23 -18
- package/dist/styled-components/es/components/Notification/index.js +1 -1
- package/dist/styled-components/es/components/Slider/Slider.config.js +3 -5
- package/dist/styled-components/es/components/TextFieldSlider/TextFieldSlider.clear.config.js +23 -18
- package/dist/styled-components/es/components/TextFieldSlider/TextFieldSlider.config.js +23 -18
- package/package.json +9 -9
- package/types/components/DatePicker/DatePicker.d.ts +4 -0
- package/types/components/Drawer/Drawer.d.ts +1 -0
- package/types/components/Notification/index.d.ts +1 -1
- package/types/components/Range/Range.d.ts +144 -0
- package/types/components/Tabs/TabItem.d.ts +4 -2
- package/types/components/Tokens/Colors/Colors.styles.d.ts +2 -0
- package/types/components/Tokens/Typography/Typography.styles.d.ts +2 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextFieldSlider.clear.config.js","sources":["../../../../../src-css/components/TextFieldSlider/TextFieldSlider.clear.config.ts"],"sourcesContent":["import { css, textFieldSliderTokens as tokens } from '@salutejs/plasma-new-hope/css';\nimport {\n bodyL,\n bodyM,\n bodyS,\n bodyXS,\n onLightSurfaceSolidCard,\n onLightSurfaceTransparentTertiary,\n shadowDownHardM,\n surfaceAccent,\n surfaceAccentGradient,\n surfaceNegative,\n surfaceSolidCardBrightness,\n surfaceSolidDefault,\n surfaceSolidTertiary,\n surfaceTransparentPrimary,\n textAccent,\n textNegative,\n textPositive,\n textPositiveActive,\n textPositiveHover,\n textPrimary,\n textSecondary,\n textSecondaryActive,\n textSecondaryHover,\n textTertiary,\n} from '@salutejs/sdds-themes/tokens/sdds_bizcom';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n sliderView: 'default',\n },\n variations: {\n view: {\n default: css`\n ${tokens.textFieldColor}: ${textPrimary};\n ${tokens.textFieldPlaceholderColor}: ${textSecondary};\n ${tokens.textFieldPlaceholderColorFocus}: ${textTertiary};\n ${tokens.textFieldCaretColor}: ${textAccent};\n\n ${tokens.textFieldErrorColor}: transparent;\n ${tokens.textFieldBackgroundErrorColor}: transparent;\n\n ${tokens.textFieldBackgroundColor}: transparent;\n ${tokens.textFieldBackgroundColorHover}: transparent;\n ${tokens.textFieldBackgroundColorFocus}: transparent;\n\n ${tokens.textFieldBorderColor}: transparent;\n ${tokens.textFieldBorderColorHover}: transparent;\n ${tokens.textFieldBorderColorFocus}: transparent;\n\n ${tokens.labelColor}: ${textPrimary};\n ${tokens.titleCaptionColor}: ${textSecondary};\n ${tokens.optionalColor}: ${textTertiary};\n\n ${tokens.labelInnerFontFamily}: ${bodyXS.fontFamily};\n ${tokens.labelInnerFontSize}: ${bodyXS.fontSize};\n ${tokens.labelInnerFontStyle}: ${bodyXS.fontStyle};\n ${tokens.labelInnerFontWeight}: ${bodyXS.fontWeight};\n ${tokens.labelInnerLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.labelInnerLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.indicatorColor}: ${surfaceNegative};\n ${tokens.hintIconColor}: ${textSecondary};\n\n ${tokens.textFieldTextBeforeColor}: ${textTertiary};\n ${tokens.textFieldTextAfterColor}: ${textTertiary};\n\n ${tokens.textFieldFocusColor}: ${textAccent};\n\n ${tokens.textFieldContentSlotColor}: ${textSecondary};\n ${tokens.textFieldContentSlotColorHover}: ${textSecondaryHover};\n ${tokens.textFieldContentSlotColorActive}: ${textSecondaryActive};\n\n ${tokens.textFieldContentRightSlotColor}: ${textSecondary};\n ${tokens.textFieldContentRightSlotColorHover}: ${textSecondaryHover};\n ${tokens.textFieldContentRightSlotColorActive}: ${textSecondaryActive};\n\n ${tokens.sliderTrackBackground}: ${surfaceSolidTertiary};\n ${tokens.sliderThumbBackground}: ${onLightSurfaceSolidCard};\n ${tokens.sliderThumbBorderBoxShadow}: 0 0 0 0.063rem ${onLightSurfaceTransparentTertiary};\n ${tokens.sliderThumbBorderBoxShadowFocus}: 0 0 0 0.063rem ${surfaceSolidDefault};\n\n ${tokens.scaleValueColor}: ${textSecondary};\n ${tokens.scaleTickDotColor}: ${surfaceSolidTertiary};\n `,\n positive: css`\n ${tokens.textFieldColor}: ${textPrimary};\n ${tokens.textFieldPlaceholderColor}: ${textSecondary};\n ${tokens.textFieldPlaceholderColorFocus}: ${textTertiary};\n ${tokens.textFieldCaretColor}: ${textAccent};\n\n ${tokens.textFieldErrorColor}: transparent;\n ${tokens.textFieldBackgroundErrorColor}: transparent;\n\n ${tokens.textFieldBackgroundColor}: transparent;\n ${tokens.textFieldBackgroundColorHover}: transparent;\n ${tokens.textFieldBackgroundColorFocus}: transparent;\n\n ${tokens.textFieldBorderColor}: transparent;\n ${tokens.textFieldBorderColorHover}: transparent;\n ${tokens.textFieldBorderColorFocus}: transparent;\n\n ${tokens.labelColor}: ${textPrimary};\n ${tokens.titleCaptionColor}: ${textSecondary};\n ${tokens.optionalColor}: ${textTertiary};\n\n ${tokens.labelInnerFontFamily}: ${bodyXS.fontFamily};\n ${tokens.labelInnerFontSize}: ${bodyXS.fontSize};\n ${tokens.labelInnerFontStyle}: ${bodyXS.fontStyle};\n ${tokens.labelInnerFontWeight}: ${bodyXS.fontWeight};\n ${tokens.labelInnerLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.labelInnerLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.indicatorColor}: ${surfaceNegative};\n ${tokens.hintIconColor}: ${textSecondary};\n\n ${tokens.textFieldTextBeforeColor}: ${textTertiary};\n ${tokens.textFieldTextAfterColor}: ${textTertiary};\n\n ${tokens.textFieldFocusColor}: ${textAccent};\n\n ${tokens.textFieldContentSlotColor}: ${textPositive};\n ${tokens.textFieldContentSlotColorHover}: ${textPositiveHover};\n ${tokens.textFieldContentSlotColorActive}: ${textPositiveActive};\n\n ${tokens.textFieldContentRightSlotColor}: ${textSecondary};\n ${tokens.textFieldContentRightSlotColorHover}: ${textSecondaryHover};\n ${tokens.textFieldContentRightSlotColorActive}: ${textSecondaryActive};\n\n ${tokens.sliderTrackBackground}: ${surfaceSolidTertiary};\n ${tokens.sliderThumbBackground}: ${onLightSurfaceSolidCard};\n ${tokens.sliderThumbBorderBoxShadow}: 0 0 0 0.063rem ${onLightSurfaceTransparentTertiary};\n ${tokens.sliderThumbBorderBoxShadowFocus}: 0 0 0 0.063rem ${surfaceSolidDefault};\n\n ${tokens.scaleValueColor}: ${textPositive};\n ${tokens.scaleTickDotColor}: ${surfaceSolidTertiary};\n `,\n warning: css`\n ${tokens.textFieldColor}: ${textPrimary};\n ${tokens.textFieldPlaceholderColor}: ${textSecondary};\n ${tokens.textFieldPlaceholderColorFocus}: ${textTertiary};\n ${tokens.textFieldCaretColor}: ${textAccent};\n\n ${tokens.textFieldErrorColor}: transparent;\n ${tokens.textFieldBackgroundErrorColor}: transparent;\n\n ${tokens.textFieldBackgroundColor}: transparent;\n ${tokens.textFieldBackgroundColorHover}: transparent;\n ${tokens.textFieldBackgroundColorFocus}: transparent;\n\n ${tokens.textFieldBorderColor}: transparent;\n ${tokens.textFieldBorderColorHover}: transparent;\n ${tokens.textFieldBorderColorFocus}: transparent;\n\n ${tokens.labelColor}: ${textPrimary};\n ${tokens.titleCaptionColor}: ${textSecondary};\n ${tokens.optionalColor}: ${textTertiary};\n\n ${tokens.labelInnerFontFamily}: ${bodyXS.fontFamily};\n ${tokens.labelInnerFontSize}: ${bodyXS.fontSize};\n ${tokens.labelInnerFontStyle}: ${bodyXS.fontStyle};\n ${tokens.labelInnerFontWeight}: ${bodyXS.fontWeight};\n ${tokens.labelInnerLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.labelInnerLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.indicatorColor}: ${surfaceNegative};\n ${tokens.hintIconColor}: ${textSecondary};\n\n ${tokens.textFieldTextBeforeColor}: ${textTertiary};\n ${tokens.textFieldTextAfterColor}: ${textTertiary};\n\n ${tokens.textFieldFocusColor}: ${textAccent};\n\n ${tokens.textFieldContentSlotColor}: ${textSecondary};\n ${tokens.textFieldContentSlotColorHover}: ${textSecondaryHover};\n ${tokens.textFieldContentSlotColorActive}: ${textSecondaryActive};\n\n ${tokens.textFieldContentRightSlotColor}: ${textSecondary};\n ${tokens.textFieldContentRightSlotColorHover}: ${textSecondaryHover};\n ${tokens.textFieldContentRightSlotColorActive}: ${textSecondaryActive};\n\n ${tokens.sliderTrackBackground}: ${surfaceSolidTertiary};\n ${tokens.sliderThumbBackground}: ${onLightSurfaceSolidCard};\n ${tokens.sliderThumbBorderBoxShadow}: 0 0 0 0.063rem ${onLightSurfaceTransparentTertiary};\n ${tokens.sliderThumbBorderBoxShadowFocus}: 0 0 0 0.063rem ${surfaceSolidDefault};\n\n ${tokens.scaleValueColor}: ${textSecondary};\n ${tokens.scaleTickDotColor}: ${surfaceSolidTertiary};\n `,\n negative: css`\n ${tokens.textFieldColor}: ${textPrimary};\n ${tokens.textFieldPlaceholderColor}: ${textSecondary};\n ${tokens.textFieldPlaceholderColorFocus}: ${textTertiary};\n ${tokens.textFieldCaretColor}: ${textAccent};\n\n ${tokens.textFieldErrorColor}: transparent;\n ${tokens.textFieldBackgroundErrorColor}: transparent;\n\n ${tokens.textFieldBackgroundColor}: transparent;\n ${tokens.textFieldBackgroundColorHover}: transparent;\n ${tokens.textFieldBackgroundColorFocus}: transparent;\n\n ${tokens.textFieldBorderColor}: transparent;\n ${tokens.textFieldBorderColorHover}: transparent;\n ${tokens.textFieldBorderColorFocus}: transparent;\n\n ${tokens.labelColor}: ${textPrimary};\n ${tokens.titleCaptionColor}: ${textSecondary};\n ${tokens.optionalColor}: ${textTertiary};\n\n ${tokens.labelInnerFontFamily}: ${bodyXS.fontFamily};\n ${tokens.labelInnerFontSize}: ${bodyXS.fontSize};\n ${tokens.labelInnerFontStyle}: ${bodyXS.fontStyle};\n ${tokens.labelInnerFontWeight}: ${bodyXS.fontWeight};\n ${tokens.labelInnerLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.labelInnerLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.indicatorColor}: ${surfaceNegative};\n ${tokens.hintIconColor}: ${textSecondary};\n\n ${tokens.textFieldTextBeforeColor}: ${textTertiary};\n ${tokens.textFieldTextAfterColor}: ${textTertiary};\n\n ${tokens.textFieldFocusColor}: ${textAccent};\n\n ${tokens.textFieldContentSlotColor}: ${textSecondary};\n ${tokens.textFieldContentSlotColorHover}: ${textSecondaryHover};\n ${tokens.textFieldContentSlotColorActive}: ${textSecondaryActive};\n\n ${tokens.textFieldContentRightSlotColor}: ${textSecondary};\n ${tokens.textFieldContentRightSlotColorHover}: ${textSecondaryHover};\n ${tokens.textFieldContentRightSlotColorActive}: ${textSecondaryActive};\n\n ${tokens.sliderTrackBackground}: ${surfaceSolidTertiary};\n ${tokens.sliderThumbBackground}: ${onLightSurfaceSolidCard};\n ${tokens.sliderThumbBorderBoxShadow}: 0 0 0 0.063rem ${onLightSurfaceTransparentTertiary};\n ${tokens.sliderThumbBorderBoxShadowFocus}: 0 0 0 0.063rem ${surfaceSolidDefault};\n\n ${tokens.scaleValueColor}: ${textNegative};\n ${tokens.scaleTickDotColor}: ${surfaceSolidTertiary};\n `,\n },\n sliderView: {\n default: css`\n ${tokens.sliderProgressBackground}: ${surfaceSolidDefault};\n ${tokens.scaleTickDotFilledColor}: ${surfaceSolidDefault};\n `,\n accent: css`\n ${tokens.sliderProgressBackground}: ${surfaceAccent};\n ${tokens.scaleTickDotFilledColor}: ${surfaceAccent};\n `,\n gradient: css`\n ${tokens.sliderProgressBackground}: ${surfaceAccentGradient};\n ${tokens.scaleTickDotFilledColor}: ${surfaceAccentGradient};\n `,\n },\n size: {\n xl: css`\n ${tokens.textFieldHeight}: 4rem;\n ${tokens.textFieldBorderRadius}: 1rem;\n ${tokens.textFieldPadding}: 1.3125rem 0;\n\n ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.5rem -0.0625rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.textFieldFontFamily}: ${bodyL.fontFamily};\n ${tokens.textFieldFontStyle}: ${bodyL.fontStyle};\n ${tokens.textFieldFontSize}: ${bodyL.fontSize};\n ${tokens.textFieldFontWeight}: ${bodyL.fontWeight};\n ${tokens.textFieldLetterSpacing}: ${bodyL.letterSpacing};\n ${tokens.textFieldLineHeight}: ${bodyL.lineHeight};\n\n ${tokens.labelOffset}: 0.25rem;\n ${tokens.labelInnerPadding}: 0.8125rem 0 0.125rem 0;\n ${tokens.contentLabelInnerPadding}: 1.813rem 0 0.813rem 0;\n\n ${tokens.labelFontFamily}: ${bodyL.fontFamily};\n ${tokens.labelFontStyle}: ${bodyL.fontStyle};\n ${tokens.labelFontSize}: ${bodyL.fontSize};\n ${tokens.labelFontWeight}: ${bodyL.fontWeight};\n ${tokens.labelLetterSpacing}: ${bodyL.letterSpacing};\n ${tokens.labelLineHeight}: ${bodyL.lineHeight};\n\n ${tokens.labelInnerFontFamily}: ${bodyXS.fontFamily};\n ${tokens.labelInnerFontSize}: ${bodyXS.fontSize};\n ${tokens.labelInnerFontStyle}: ${bodyXS.fontStyle};\n ${tokens.labelInnerFontWeight}: ${bodyXS.fontWeight};\n ${tokens.labelInnerLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.labelInnerLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n ${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};\n ${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};\n ${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};\n ${tokens.titleCaptionFontWeight}: ${bodyXS.fontWeight};\n ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.indicatorSize}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.5rem auto auto -0.75rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.25rem -0.625rem auto auto;\n\n ${tokens.hintMargin}: -0.688rem -0.5rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintInnerLabelPlacementOffset}: 0.82rem -2.938rem auto auto;\n\n ${tokens.sliderContainerOffset}: -0.5rem;\n\n ${tokens.sliderTrackHeight}: 0.25rem;\n ${tokens.sliderTrackBorderRadius}: 100%;\n ${tokens.sliderThumbSize}: 1rem;\n\n ${tokens.scaleWrapperOffset}: 0.25rem;\n ${tokens.scaleWrapperPaddingTop}: 0.25rem;\n\n ${tokens.scaleValueFontSize}: ${bodyXS.fontSize};\n ${tokens.scaleValueFontFamily}: ${bodyXS.fontFamily};\n ${tokens.scaleValueFontStyle}: ${bodyXS.fontStyle};\n ${tokens.scaleValueFontWeight}: ${bodyXS.fontWeight};\n ${tokens.scaleValueLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.scaleValueLineHeight}: ${bodyXS.lineHeight};\n ${tokens.scaleTickSize}: 0.5rem;\n `,\n l: css`\n ${tokens.textFieldHeight}: 3.5rem;\n ${tokens.textFieldBorderRadius}: 0.875rem;\n ${tokens.textFieldPadding}: 1.0625rem 0;\n\n ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.5rem -0.0625rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.textFieldFontFamily}: ${bodyL.fontFamily};\n ${tokens.textFieldFontStyle}: ${bodyL.fontStyle};\n ${tokens.textFieldFontSize}: ${bodyL.fontSize};\n ${tokens.textFieldFontWeight}: ${bodyL.fontWeight};\n ${tokens.textFieldLetterSpacing}: ${bodyL.letterSpacing};\n ${tokens.textFieldLineHeight}: ${bodyL.lineHeight};\n\n ${tokens.labelOffset}: 0.25rem;\n ${tokens.labelInnerPadding}: 0.5625rem 0 0.125rem 0;\n ${tokens.contentLabelInnerPadding}: 1.5625rem 0 0.5625rem 0;\n\n ${tokens.labelFontFamily}: ${bodyL.fontFamily};\n ${tokens.labelFontStyle}: ${bodyL.fontStyle};\n ${tokens.labelFontSize}: ${bodyL.fontSize};\n ${tokens.labelFontWeight}: ${bodyL.fontWeight};\n ${tokens.labelLetterSpacing}: ${bodyL.letterSpacing};\n ${tokens.labelLineHeight}: ${bodyL.lineHeight};\n\n ${tokens.labelInnerFontFamily}: ${bodyXS.fontFamily};\n ${tokens.labelInnerFontSize}: ${bodyXS.fontSize};\n ${tokens.labelInnerFontStyle}: ${bodyXS.fontStyle};\n ${tokens.labelInnerFontWeight}: ${bodyXS.fontWeight};\n ${tokens.labelInnerLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.labelInnerLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n ${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};\n ${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};\n ${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};\n ${tokens.titleCaptionFontWeight}: ${bodyXS.fontWeight};\n ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.indicatorSize}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.5rem auto auto -0.75rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.25rem -0.625rem auto auto;\n\n ${tokens.hintMargin}: -0.688rem -0.5rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;\n\n ${tokens.sliderContainerOffset}: -0.5rem;\n\n ${tokens.sliderTrackHeight}: 0.25rem;\n ${tokens.sliderTrackBorderRadius}: 100%;\n ${tokens.sliderThumbSize}: 1rem;\n\n ${tokens.scaleWrapperOffset}: 0.25rem;\n ${tokens.scaleWrapperPaddingTop}: 0.25rem;\n\n ${tokens.scaleValueFontSize}: ${bodyXS.fontSize};\n ${tokens.scaleValueFontFamily}: ${bodyXS.fontFamily};\n ${tokens.scaleValueFontStyle}: ${bodyXS.fontStyle};\n ${tokens.scaleValueFontWeight}: ${bodyXS.fontWeight};\n ${tokens.scaleValueLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.scaleValueLineHeight}: ${bodyXS.lineHeight};\n ${tokens.scaleTickSize}: 0.5rem;\n `,\n m: css`\n ${tokens.textFieldHeight}: 3rem;\n ${tokens.textFieldBorderRadius}: 0.75rem;\n ${tokens.textFieldPadding}: 0.875rem 0;\n\n ${tokens.textFieldLeftContentMargin}: -0.125rem 0.375rem -0.125rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.125rem -0.125rem -0.125rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.textFieldFontFamily}: ${bodyM.fontFamily};\n ${tokens.textFieldFontStyle}: ${bodyM.fontStyle};\n ${tokens.textFieldFontSize}: ${bodyM.fontSize};\n ${tokens.textFieldFontWeight}: ${bodyM.fontWeight};\n ${tokens.textFieldLetterSpacing}: ${bodyM.letterSpacing};\n ${tokens.textFieldLineHeight}: ${bodyM.lineHeight};\n\n ${tokens.labelOffset}: 0.25rem;\n ${tokens.labelInnerPadding}: 0.375rem 0 0.125rem 0;\n ${tokens.contentLabelInnerPadding}: 1.375rem 0 0.375rem 0;\n\n ${tokens.labelFontFamily}: ${bodyM.fontFamily};\n ${tokens.labelFontStyle}: ${bodyM.fontStyle};\n ${tokens.labelFontSize}: ${bodyM.fontSize};\n ${tokens.labelFontWeight}: ${bodyM.fontWeight};\n ${tokens.labelLetterSpacing}: ${bodyM.letterSpacing};\n ${tokens.labelLineHeight}: ${bodyM.lineHeight};\n\n ${tokens.labelInnerFontFamily}: ${bodyXS.fontFamily};\n ${tokens.labelInnerFontSize}: ${bodyXS.fontSize};\n ${tokens.labelInnerFontStyle}: ${bodyXS.fontStyle};\n ${tokens.labelInnerFontWeight}: ${bodyXS.fontWeight};\n ${tokens.labelInnerLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.labelInnerLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n ${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};\n ${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};\n ${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};\n ${tokens.titleCaptionFontWeight}: ${bodyXS.fontWeight};\n ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.indicatorSize}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.375rem auto auto -0.75rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.25rem -0.6875rem auto auto;\n\n ${tokens.hintMargin}: -0.688rem -0.5rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;\n\n ${tokens.sliderContainerOffset}: -0.5rem;\n\n ${tokens.sliderTrackHeight}: 0.25rem;\n ${tokens.sliderTrackBorderRadius}: 100%;\n ${tokens.sliderThumbSize}: 1rem;\n\n ${tokens.scaleWrapperOffset}: 0.25rem;\n ${tokens.scaleWrapperPaddingTop}: 0.25rem;\n\n ${tokens.scaleValueFontSize}: ${bodyXS.fontSize};\n ${tokens.scaleValueFontFamily}: ${bodyXS.fontFamily};\n ${tokens.scaleValueFontStyle}: ${bodyXS.fontStyle};\n ${tokens.scaleValueFontWeight}: ${bodyXS.fontWeight};\n ${tokens.scaleValueLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.scaleValueLineHeight}: ${bodyXS.lineHeight};\n ${tokens.scaleTickSize}: 0.5rem;\n `,\n s: css`\n ${tokens.textFieldHeight}: 2.5rem;\n ${tokens.textFieldBorderRadius}: 0.625rem;\n ${tokens.textFieldPadding}: 0.6875rem 0;\n\n ${tokens.textFieldLeftContentMargin}: -0.1875rem 0.25rem -0.1875rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.1875rem -0.125rem -0.1875rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.textFieldFontFamily}: ${bodyS.fontFamily};\n ${tokens.textFieldFontStyle}: ${bodyS.fontStyle};\n ${tokens.textFieldFontSize}: ${bodyS.fontSize};\n ${tokens.textFieldFontWeight}: ${bodyS.fontWeight};\n ${tokens.textFieldLetterSpacing}: ${bodyS.letterSpacing};\n ${tokens.textFieldLineHeight}: ${bodyS.lineHeight};\n\n ${tokens.labelOffset}: 0.25rem;\n ${tokens.labelInnerPadding}: 0.3125rem 0 0 0;\n ${tokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;\n\n ${tokens.labelFontFamily}: ${bodyS.fontFamily};\n ${tokens.labelFontStyle}: ${bodyS.fontStyle};\n ${tokens.labelFontSize}: ${bodyS.fontSize};\n ${tokens.labelFontWeight}: ${bodyS.fontWeight};\n ${tokens.labelLetterSpacing}: ${bodyS.letterSpacing};\n ${tokens.labelLineHeight}: ${bodyS.lineHeight};\n\n ${tokens.labelInnerFontFamily}: ${bodyXS.fontFamily};\n ${tokens.labelInnerFontSize}: ${bodyXS.fontSize};\n ${tokens.labelInnerFontStyle}: ${bodyXS.fontStyle};\n ${tokens.labelInnerFontWeight}: ${bodyXS.fontWeight};\n ${tokens.labelInnerLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.labelInnerLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n ${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};\n ${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};\n ${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};\n ${tokens.titleCaptionFontWeight}: ${bodyXS.fontWeight};\n ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.indicatorSize}: 0.375rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.3125rem auto auto -0.6875rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.25rem -0.625rem auto auto;\n\n ${tokens.hintMargin}: -0.688rem -0.5rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;\n\n ${tokens.sliderContainerOffset}: -0.5rem;\n\n ${tokens.sliderTrackHeight}: 0.25rem;\n ${tokens.sliderTrackBorderRadius}: 100%;\n ${tokens.sliderThumbSize}: 1rem;\n\n ${tokens.scaleWrapperOffset}: 0.25rem;\n ${tokens.scaleWrapperPaddingTop}: 0.25rem;\n\n ${tokens.scaleValueFontSize}: ${bodyXS.fontSize};\n ${tokens.scaleValueFontFamily}: ${bodyXS.fontFamily};\n ${tokens.scaleValueFontStyle}: ${bodyXS.fontStyle};\n ${tokens.scaleValueFontWeight}: ${bodyXS.fontWeight};\n ${tokens.scaleValueLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.scaleValueLineHeight}: ${bodyXS.lineHeight};\n ${tokens.scaleTickSize}: 0.5rem;\n `,\n xs: css`\n ${tokens.textFieldHeight}: 2rem;\n ${tokens.textFieldBorderRadius}: 0.5rem;\n ${tokens.textFieldPadding}: 0.5625rem 0;\n\n ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.25rem -0.0625rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.textFieldFontFamily}: ${bodyXS.fontFamily};\n ${tokens.textFieldFontStyle}: ${bodyXS.fontStyle};\n ${tokens.textFieldFontSize}: ${bodyXS.fontSize};\n ${tokens.textFieldFontWeight}: ${bodyXS.fontWeight};\n ${tokens.textFieldLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.textFieldLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.labelOffset}: 0.25rem;\n ${tokens.labelInnerPadding}: 0.3125rem 0 0 0;\n ${tokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;\n\n ${tokens.labelFontFamily}: ${bodyXS.fontFamily};\n ${tokens.labelFontStyle}: ${bodyXS.fontStyle};\n ${tokens.labelFontSize}: ${bodyXS.fontSize};\n ${tokens.labelFontWeight}: ${bodyXS.fontWeight};\n ${tokens.labelLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.labelLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.labelInnerFontFamily}: ${bodyXS.fontFamily};\n ${tokens.labelInnerFontSize}: ${bodyXS.fontSize};\n ${tokens.labelInnerFontStyle}: ${bodyXS.fontStyle};\n ${tokens.labelInnerFontWeight}: ${bodyXS.fontWeight};\n ${tokens.labelInnerLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.labelInnerLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n ${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};\n ${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};\n ${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};\n ${tokens.titleCaptionFontWeight}: ${bodyXS.fontWeight};\n ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.indicatorSize}: 0.375rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.25rem auto auto -0.625rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.125rem -0.6875rem auto auto;\n\n ${tokens.hintMargin}: -0.75rem -0.625rem -0.75rem -0.5rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;\n\n ${tokens.sliderContainerOffset}: -0.5rem;\n\n ${tokens.sliderTrackHeight}: 0.25rem;\n ${tokens.sliderTrackBorderRadius}: 100%;\n ${tokens.sliderThumbSize}: 1rem;\n\n ${tokens.scaleWrapperOffset}: 0.25rem;\n ${tokens.scaleWrapperPaddingTop}: 0.25rem;\n\n ${tokens.scaleValueFontSize}: ${bodyXS.fontSize};\n ${tokens.scaleValueFontFamily}: ${bodyXS.fontFamily};\n ${tokens.scaleValueFontStyle}: ${bodyXS.fontStyle};\n ${tokens.scaleValueFontWeight}: ${bodyXS.fontWeight};\n ${tokens.scaleValueLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.scaleValueLineHeight}: ${bodyXS.lineHeight};\n ${tokens.scaleTickSize}: 0.5rem;\n `,\n },\n hintView: {\n default: css`\n ${tokens.hintTooltipBackgroundColor}: ${surfaceSolidCardBrightness};\n ${tokens.hintTooltipBoxShadow}: ${shadowDownHardM};\n ${tokens.hintTooltipColor}: ${textPrimary};\n ${tokens.hintTooltipArrowBackground}: ${surfaceSolidCardBrightness};\n `,\n },\n hintSize: {\n m: css`\n ${tokens.hintTooltipPaddingTop}: 0.6875rem;\n ${tokens.hintTooltipPaddingRight}: 0.875rem;\n ${tokens.hintTooltipPaddingBottom}: 0.6875rem;\n ${tokens.hintTooltipPaddingLeft}: 0.875rem;\n\n ${tokens.hintTooltipMinHeight}: 2.5rem;\n ${tokens.hintTooltipBorderRadius}: 0.625rem;\n\n ${tokens.hintTooltipTextFontFamily}: ${bodyS.fontFamily};\n ${tokens.hintTooltipTextFontSize}: ${bodyS.fontSize};\n ${tokens.hintTooltipTextFontStyle}: ${bodyS.fontStyle};\n ${tokens.hintTooltipTextFontWeight}: ${bodyS.fontWeight};\n ${tokens.hintTooltipTextFontLetterSpacing}: ${bodyS.letterSpacing};\n ${tokens.hintTooltipTextFontLineHeight}: ${bodyS.lineHeight};\n\n ${tokens.hintTooltipContentLeftMargin}: 0.375rem;\n\n ${tokens.hintTooltipArrowMaskWidth}: 1.25rem;\n ${tokens.hintTooltipArrowMaskHeight}: 1.25rem;\n ${tokens.hintTooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==\");\n ${tokens.hintTooltipArrowHeight}: 0.5rem;\n ${tokens.hintTooltipArrowEdgeMargin}: 0.625rem;\n `,\n s: css`\n ${tokens.hintTooltipPaddingTop}: 0.5rem;\n ${tokens.hintTooltipPaddingRight}: 0.75rem;\n ${tokens.hintTooltipPaddingBottom}: 0.5rem;\n ${tokens.hintTooltipPaddingLeft}: 0.75rem;\n\n ${tokens.hintTooltipMinHeight}: 2rem;\n ${tokens.hintTooltipBorderRadius}: 0.5rem;\n\n ${tokens.hintTooltipTextFontFamily}: ${bodyXS.fontFamily};\n ${tokens.hintTooltipTextFontSize}: ${bodyXS.fontSize};\n ${tokens.hintTooltipTextFontStyle}: ${bodyXS.fontStyle};\n ${tokens.hintTooltipTextFontWeight}: ${bodyXS.fontWeight};\n ${tokens.hintTooltipTextFontLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.hintTooltipTextFontLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.hintTooltipContentLeftMargin}: 0.25rem;\n\n ${tokens.hintTooltipArrowMaskWidth}: 1rem;\n ${tokens.hintTooltipArrowMaskHeight}: 1rem;\n ${tokens.hintTooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");\n ${tokens.hintTooltipArrowHeight}: 0.375rem;\n ${tokens.hintTooltipArrowEdgeMargin}: 0.5625rem;\n `,\n },\n disabled: {\n true: css`\n ${tokens.disabledOpacity}: 0.4;\n `,\n },\n readOnly: {\n true: css`\n ${tokens.labelColorReadOnly}: ${textPrimary};\n\n ${tokens.textFieldColorReadOnly}: ${textPrimary};\n ${tokens.textFieldBackgroundColorReadOnly}: ${surfaceTransparentPrimary};\n ${tokens.textFieldBorderColorReadOnly}: ${surfaceTransparentPrimary};\n ${tokens.textFieldPlaceholderColorReadOnly}: ${textSecondary};\n\n ${tokens.textFieldContentSlotRightOpacityReadOnly}: 0.4;\n ${tokens.textFieldReadOnlyOpacity}: 0.1;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","sliderView","variations","default","positive","warning","negative","accent","gradient","xl","l","m","s","xs","hintView","hintSize","disabled","true","readOnly"],"mappings":";;;;AA4BO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,UAAU,EAAE;GACf;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,SAAAA,EAAO,UAmDN;AACDC,MAAAA,QAAQ,EAAA,UAmDP;AACDC,MAAAA,OAAO,EAAA,UAmDN;AACDC,MAAAA,QAAQ,EAAA;KAoDX;AACDL,IAAAA,UAAU,EAAE;AACRE,MAAAA,SAAAA,EAAO,UAGN;AACDI,MAAAA,MAAM,EAAA,UAGL;AACDC,MAAAA,QAAQ,EAAA;KAIX;AACDR,IAAAA,IAAI,EAAE;AACFS,MAAAA,EAAE,EAAA,UAsED;AACDC,MAAAA,CAAC,EAAA,SAsEA;AACDC,MAAAA,CAAC,EAAA,SAsEA;AACDC,MAAAA,CAAC,EAAA,UAsEA;AACDC,MAAAA,EAAE,EAAA;KAuEL;AACDC,IAAAA,QAAQ,EAAE;MACNX,SAAAA,EAAO;KAMV;AACDY,IAAAA,QAAQ,EAAE;AACNJ,MAAAA,CAAC,EAAA,UAuBA;AACDC,MAAAA,CAAC,EAAA;KAwBJ;AACDI,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAAA,EAAI;AAWR;AACJ;AACJ;;;;"}
|
|
1
|
+
{"version":3,"file":"TextFieldSlider.clear.config.js","sources":["../../../../../src-css/components/TextFieldSlider/TextFieldSlider.clear.config.ts"],"sourcesContent":["import { css, textFieldSliderTokens as tokens } from '@salutejs/plasma-new-hope/css';\nimport {\n bodyL,\n bodyM,\n bodyS,\n bodyXS,\n onLightSurfaceSolidCard,\n onLightSurfaceTransparentTertiary,\n shadowDownHardM,\n surfaceAccent,\n surfaceAccentGradient,\n surfaceNegative,\n surfaceSolidCardBrightness,\n surfaceSolidDefault,\n surfaceSolidTertiary,\n surfaceTransparentPrimary,\n textAccent,\n textNegative,\n textPositive,\n textPositiveActive,\n textPositiveHover,\n textPrimary,\n textSecondary,\n textSecondaryActive,\n textSecondaryHover,\n textTertiary,\n} from '@salutejs/sdds-themes/tokens/sdds_bizcom';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n sliderView: 'default',\n },\n variations: {\n view: {\n default: css`\n ${tokens.textFieldColor}: ${textPrimary};\n ${tokens.textFieldPlaceholderColor}: ${textSecondary};\n ${tokens.textFieldPlaceholderColorFocus}: ${textTertiary};\n ${tokens.textFieldCaretColor}: ${textAccent};\n\n ${tokens.textFieldErrorColor}: transparent;\n ${tokens.textFieldBackgroundErrorColor}: transparent;\n\n ${tokens.textFieldBackgroundColor}: transparent;\n ${tokens.textFieldBackgroundColorHover}: transparent;\n ${tokens.textFieldBackgroundColorFocus}: transparent;\n\n ${tokens.textFieldBorderColor}: transparent;\n ${tokens.textFieldBorderColorHover}: transparent;\n ${tokens.textFieldBorderColorFocus}: transparent;\n\n ${tokens.labelColor}: ${textPrimary};\n ${tokens.titleCaptionColor}: ${textSecondary};\n ${tokens.optionalColor}: ${textTertiary};\n\n ${tokens.labelInnerFontFamily}: ${bodyXS.fontFamily};\n ${tokens.labelInnerFontSize}: ${bodyXS.fontSize};\n ${tokens.labelInnerFontStyle}: ${bodyXS.fontStyle};\n ${tokens.labelInnerFontWeight}: ${bodyXS.fontWeight};\n ${tokens.labelInnerLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.labelInnerLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.indicatorColor}: ${surfaceNegative};\n ${tokens.hintIconColor}: ${textSecondary};\n\n ${tokens.textFieldTextBeforeColor}: ${textTertiary};\n ${tokens.textFieldTextAfterColor}: ${textTertiary};\n\n ${tokens.textFieldFocusColor}: ${textAccent};\n\n ${tokens.textFieldContentSlotColor}: ${textSecondary};\n ${tokens.textFieldContentSlotColorHover}: ${textSecondaryHover};\n ${tokens.textFieldContentSlotColorActive}: ${textSecondaryActive};\n\n ${tokens.textFieldContentRightSlotColor}: ${textSecondary};\n ${tokens.textFieldContentRightSlotColorHover}: ${textSecondaryHover};\n ${tokens.textFieldContentRightSlotColorActive}: ${textSecondaryActive};\n\n ${tokens.sliderTrackBackground}: ${surfaceSolidTertiary};\n ${tokens.sliderThumbBackground}: ${onLightSurfaceSolidCard};\n ${tokens.sliderThumbBorderColor}: ${onLightSurfaceTransparentTertiary};\n ${tokens.sliderThumbFocusBorderColor}: ${surfaceSolidDefault};\n\n ${tokens.scaleValueColor}: ${textSecondary};\n ${tokens.scaleTickDotColor}: ${surfaceSolidTertiary};\n `,\n positive: css`\n ${tokens.textFieldColor}: ${textPrimary};\n ${tokens.textFieldPlaceholderColor}: ${textSecondary};\n ${tokens.textFieldPlaceholderColorFocus}: ${textTertiary};\n ${tokens.textFieldCaretColor}: ${textAccent};\n\n ${tokens.textFieldErrorColor}: transparent;\n ${tokens.textFieldBackgroundErrorColor}: transparent;\n\n ${tokens.textFieldBackgroundColor}: transparent;\n ${tokens.textFieldBackgroundColorHover}: transparent;\n ${tokens.textFieldBackgroundColorFocus}: transparent;\n\n ${tokens.textFieldBorderColor}: transparent;\n ${tokens.textFieldBorderColorHover}: transparent;\n ${tokens.textFieldBorderColorFocus}: transparent;\n\n ${tokens.labelColor}: ${textPrimary};\n ${tokens.titleCaptionColor}: ${textSecondary};\n ${tokens.optionalColor}: ${textTertiary};\n\n ${tokens.labelInnerFontFamily}: ${bodyXS.fontFamily};\n ${tokens.labelInnerFontSize}: ${bodyXS.fontSize};\n ${tokens.labelInnerFontStyle}: ${bodyXS.fontStyle};\n ${tokens.labelInnerFontWeight}: ${bodyXS.fontWeight};\n ${tokens.labelInnerLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.labelInnerLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.indicatorColor}: ${surfaceNegative};\n ${tokens.hintIconColor}: ${textSecondary};\n\n ${tokens.textFieldTextBeforeColor}: ${textTertiary};\n ${tokens.textFieldTextAfterColor}: ${textTertiary};\n\n ${tokens.textFieldFocusColor}: ${textAccent};\n\n ${tokens.textFieldContentSlotColor}: ${textPositive};\n ${tokens.textFieldContentSlotColorHover}: ${textPositiveHover};\n ${tokens.textFieldContentSlotColorActive}: ${textPositiveActive};\n\n ${tokens.textFieldContentRightSlotColor}: ${textSecondary};\n ${tokens.textFieldContentRightSlotColorHover}: ${textSecondaryHover};\n ${tokens.textFieldContentRightSlotColorActive}: ${textSecondaryActive};\n\n ${tokens.sliderTrackBackground}: ${surfaceSolidTertiary};\n ${tokens.sliderThumbBackground}: ${onLightSurfaceSolidCard};\n ${tokens.sliderThumbBorderColor}: ${onLightSurfaceTransparentTertiary};\n ${tokens.sliderThumbFocusBorderColor}: ${surfaceSolidDefault};\n\n ${tokens.scaleValueColor}: ${textPositive};\n ${tokens.scaleTickDotColor}: ${surfaceSolidTertiary};\n `,\n warning: css`\n ${tokens.textFieldColor}: ${textPrimary};\n ${tokens.textFieldPlaceholderColor}: ${textSecondary};\n ${tokens.textFieldPlaceholderColorFocus}: ${textTertiary};\n ${tokens.textFieldCaretColor}: ${textAccent};\n\n ${tokens.textFieldErrorColor}: transparent;\n ${tokens.textFieldBackgroundErrorColor}: transparent;\n\n ${tokens.textFieldBackgroundColor}: transparent;\n ${tokens.textFieldBackgroundColorHover}: transparent;\n ${tokens.textFieldBackgroundColorFocus}: transparent;\n\n ${tokens.textFieldBorderColor}: transparent;\n ${tokens.textFieldBorderColorHover}: transparent;\n ${tokens.textFieldBorderColorFocus}: transparent;\n\n ${tokens.labelColor}: ${textPrimary};\n ${tokens.titleCaptionColor}: ${textSecondary};\n ${tokens.optionalColor}: ${textTertiary};\n\n ${tokens.labelInnerFontFamily}: ${bodyXS.fontFamily};\n ${tokens.labelInnerFontSize}: ${bodyXS.fontSize};\n ${tokens.labelInnerFontStyle}: ${bodyXS.fontStyle};\n ${tokens.labelInnerFontWeight}: ${bodyXS.fontWeight};\n ${tokens.labelInnerLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.labelInnerLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.indicatorColor}: ${surfaceNegative};\n ${tokens.hintIconColor}: ${textSecondary};\n\n ${tokens.textFieldTextBeforeColor}: ${textTertiary};\n ${tokens.textFieldTextAfterColor}: ${textTertiary};\n\n ${tokens.textFieldFocusColor}: ${textAccent};\n\n ${tokens.textFieldContentSlotColor}: ${textSecondary};\n ${tokens.textFieldContentSlotColorHover}: ${textSecondaryHover};\n ${tokens.textFieldContentSlotColorActive}: ${textSecondaryActive};\n\n ${tokens.textFieldContentRightSlotColor}: ${textSecondary};\n ${tokens.textFieldContentRightSlotColorHover}: ${textSecondaryHover};\n ${tokens.textFieldContentRightSlotColorActive}: ${textSecondaryActive};\n\n ${tokens.sliderTrackBackground}: ${surfaceSolidTertiary};\n ${tokens.sliderThumbBackground}: ${onLightSurfaceSolidCard};\n ${tokens.sliderThumbBorderColor}: ${onLightSurfaceTransparentTertiary};\n ${tokens.sliderThumbFocusBorderColor}: ${surfaceSolidDefault};\n\n ${tokens.scaleValueColor}: ${textSecondary};\n ${tokens.scaleTickDotColor}: ${surfaceSolidTertiary};\n `,\n negative: css`\n ${tokens.textFieldColor}: ${textPrimary};\n ${tokens.textFieldPlaceholderColor}: ${textSecondary};\n ${tokens.textFieldPlaceholderColorFocus}: ${textTertiary};\n ${tokens.textFieldCaretColor}: ${textAccent};\n\n ${tokens.textFieldErrorColor}: transparent;\n ${tokens.textFieldBackgroundErrorColor}: transparent;\n\n ${tokens.textFieldBackgroundColor}: transparent;\n ${tokens.textFieldBackgroundColorHover}: transparent;\n ${tokens.textFieldBackgroundColorFocus}: transparent;\n\n ${tokens.textFieldBorderColor}: transparent;\n ${tokens.textFieldBorderColorHover}: transparent;\n ${tokens.textFieldBorderColorFocus}: transparent;\n\n ${tokens.labelColor}: ${textPrimary};\n ${tokens.titleCaptionColor}: ${textSecondary};\n ${tokens.optionalColor}: ${textTertiary};\n\n ${tokens.labelInnerFontFamily}: ${bodyXS.fontFamily};\n ${tokens.labelInnerFontSize}: ${bodyXS.fontSize};\n ${tokens.labelInnerFontStyle}: ${bodyXS.fontStyle};\n ${tokens.labelInnerFontWeight}: ${bodyXS.fontWeight};\n ${tokens.labelInnerLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.labelInnerLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.indicatorColor}: ${surfaceNegative};\n ${tokens.hintIconColor}: ${textSecondary};\n\n ${tokens.textFieldTextBeforeColor}: ${textTertiary};\n ${tokens.textFieldTextAfterColor}: ${textTertiary};\n\n ${tokens.textFieldFocusColor}: ${textAccent};\n\n ${tokens.textFieldContentSlotColor}: ${textSecondary};\n ${tokens.textFieldContentSlotColorHover}: ${textSecondaryHover};\n ${tokens.textFieldContentSlotColorActive}: ${textSecondaryActive};\n\n ${tokens.textFieldContentRightSlotColor}: ${textSecondary};\n ${tokens.textFieldContentRightSlotColorHover}: ${textSecondaryHover};\n ${tokens.textFieldContentRightSlotColorActive}: ${textSecondaryActive};\n\n ${tokens.sliderTrackBackground}: ${surfaceSolidTertiary};\n ${tokens.sliderThumbBackground}: ${onLightSurfaceSolidCard};\n ${tokens.sliderThumbBorderColor}: ${onLightSurfaceTransparentTertiary};\n ${tokens.sliderThumbFocusBorderColor}: ${surfaceSolidDefault};\n\n ${tokens.scaleValueColor}: ${textNegative};\n ${tokens.scaleTickDotColor}: ${surfaceSolidTertiary};\n `,\n },\n sliderView: {\n default: css`\n ${tokens.sliderProgressBackground}: ${surfaceSolidDefault};\n ${tokens.scaleTickDotFilledColor}: ${surfaceSolidDefault};\n `,\n accent: css`\n ${tokens.sliderProgressBackground}: ${surfaceAccent};\n ${tokens.scaleTickDotFilledColor}: ${surfaceAccent};\n `,\n gradient: css`\n ${tokens.sliderProgressBackground}: ${surfaceAccentGradient};\n ${tokens.scaleTickDotFilledColor}: ${surfaceAccentGradient};\n `,\n },\n size: {\n xl: css`\n ${tokens.textFieldHeight}: 4rem;\n ${tokens.textFieldBorderRadius}: 1rem;\n ${tokens.textFieldPadding}: 1.3125rem 0;\n\n ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.5rem -0.0625rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.textFieldFontFamily}: ${bodyL.fontFamily};\n ${tokens.textFieldFontStyle}: ${bodyL.fontStyle};\n ${tokens.textFieldFontSize}: ${bodyL.fontSize};\n ${tokens.textFieldFontWeight}: ${bodyL.fontWeight};\n ${tokens.textFieldLetterSpacing}: ${bodyL.letterSpacing};\n ${tokens.textFieldLineHeight}: ${bodyL.lineHeight};\n\n ${tokens.labelOffset}: 0.25rem;\n ${tokens.labelInnerPadding}: 0.8125rem 0 0.125rem 0;\n ${tokens.contentLabelInnerPadding}: 1.813rem 0 0.813rem 0;\n\n ${tokens.labelFontFamily}: ${bodyL.fontFamily};\n ${tokens.labelFontStyle}: ${bodyL.fontStyle};\n ${tokens.labelFontSize}: ${bodyL.fontSize};\n ${tokens.labelFontWeight}: ${bodyL.fontWeight};\n ${tokens.labelLetterSpacing}: ${bodyL.letterSpacing};\n ${tokens.labelLineHeight}: ${bodyL.lineHeight};\n\n ${tokens.labelInnerFontFamily}: ${bodyXS.fontFamily};\n ${tokens.labelInnerFontSize}: ${bodyXS.fontSize};\n ${tokens.labelInnerFontStyle}: ${bodyXS.fontStyle};\n ${tokens.labelInnerFontWeight}: ${bodyXS.fontWeight};\n ${tokens.labelInnerLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.labelInnerLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n ${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};\n ${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};\n ${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};\n ${tokens.titleCaptionFontWeight}: ${bodyXS.fontWeight};\n ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.indicatorSize}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.5rem auto auto -0.75rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.25rem -0.625rem auto auto;\n\n ${tokens.hintMargin}: -0.688rem -0.5rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintInnerLabelPlacementOffset}: 0.82rem -2.938rem auto auto;\n\n ${tokens.sliderContainerOffset}: -0.5rem;\n\n ${tokens.sliderTrackHeight}: 0.25rem;\n ${tokens.sliderTrackBorderRadius}: 0.5rem;\n ${tokens.sliderThumbWidth}: 1rem;\n ${tokens.sliderThumbBorderWidth}: 0.063rem;\n\n ${tokens.scaleWrapperOffset}: 0.25rem;\n ${tokens.scaleWrapperPaddingTop}: 0.25rem;\n\n ${tokens.scaleValueFontSize}: ${bodyXS.fontSize};\n ${tokens.scaleValueFontFamily}: ${bodyXS.fontFamily};\n ${tokens.scaleValueFontStyle}: ${bodyXS.fontStyle};\n ${tokens.scaleValueFontWeight}: ${bodyXS.fontWeight};\n ${tokens.scaleValueLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.scaleValueLineHeight}: ${bodyXS.lineHeight};\n ${tokens.scaleTickSize}: 0.5rem;\n `,\n l: css`\n ${tokens.textFieldHeight}: 3.5rem;\n ${tokens.textFieldBorderRadius}: 0.875rem;\n ${tokens.textFieldPadding}: 1.0625rem 0;\n\n ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.5rem -0.0625rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.textFieldFontFamily}: ${bodyL.fontFamily};\n ${tokens.textFieldFontStyle}: ${bodyL.fontStyle};\n ${tokens.textFieldFontSize}: ${bodyL.fontSize};\n ${tokens.textFieldFontWeight}: ${bodyL.fontWeight};\n ${tokens.textFieldLetterSpacing}: ${bodyL.letterSpacing};\n ${tokens.textFieldLineHeight}: ${bodyL.lineHeight};\n\n ${tokens.labelOffset}: 0.25rem;\n ${tokens.labelInnerPadding}: 0.5625rem 0 0.125rem 0;\n ${tokens.contentLabelInnerPadding}: 1.5625rem 0 0.5625rem 0;\n\n ${tokens.labelFontFamily}: ${bodyL.fontFamily};\n ${tokens.labelFontStyle}: ${bodyL.fontStyle};\n ${tokens.labelFontSize}: ${bodyL.fontSize};\n ${tokens.labelFontWeight}: ${bodyL.fontWeight};\n ${tokens.labelLetterSpacing}: ${bodyL.letterSpacing};\n ${tokens.labelLineHeight}: ${bodyL.lineHeight};\n\n ${tokens.labelInnerFontFamily}: ${bodyXS.fontFamily};\n ${tokens.labelInnerFontSize}: ${bodyXS.fontSize};\n ${tokens.labelInnerFontStyle}: ${bodyXS.fontStyle};\n ${tokens.labelInnerFontWeight}: ${bodyXS.fontWeight};\n ${tokens.labelInnerLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.labelInnerLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n ${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};\n ${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};\n ${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};\n ${tokens.titleCaptionFontWeight}: ${bodyXS.fontWeight};\n ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.indicatorSize}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.5rem auto auto -0.75rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.25rem -0.625rem auto auto;\n\n ${tokens.hintMargin}: -0.688rem -0.5rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;\n\n ${tokens.sliderContainerOffset}: -0.5rem;\n\n ${tokens.sliderTrackHeight}: 0.25rem;\n ${tokens.sliderTrackBorderRadius}: 0.5rem;\n ${tokens.sliderThumbWidth}: 1rem;\n ${tokens.sliderThumbBorderWidth}: 0.063rem;\n\n ${tokens.scaleWrapperOffset}: 0.25rem;\n ${tokens.scaleWrapperPaddingTop}: 0.25rem;\n\n ${tokens.scaleValueFontSize}: ${bodyXS.fontSize};\n ${tokens.scaleValueFontFamily}: ${bodyXS.fontFamily};\n ${tokens.scaleValueFontStyle}: ${bodyXS.fontStyle};\n ${tokens.scaleValueFontWeight}: ${bodyXS.fontWeight};\n ${tokens.scaleValueLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.scaleValueLineHeight}: ${bodyXS.lineHeight};\n ${tokens.scaleTickSize}: 0.5rem;\n `,\n m: css`\n ${tokens.textFieldHeight}: 3rem;\n ${tokens.textFieldBorderRadius}: 0.75rem;\n ${tokens.textFieldPadding}: 0.875rem 0;\n\n ${tokens.textFieldLeftContentMargin}: -0.125rem 0.375rem -0.125rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.125rem -0.125rem -0.125rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.textFieldFontFamily}: ${bodyM.fontFamily};\n ${tokens.textFieldFontStyle}: ${bodyM.fontStyle};\n ${tokens.textFieldFontSize}: ${bodyM.fontSize};\n ${tokens.textFieldFontWeight}: ${bodyM.fontWeight};\n ${tokens.textFieldLetterSpacing}: ${bodyM.letterSpacing};\n ${tokens.textFieldLineHeight}: ${bodyM.lineHeight};\n\n ${tokens.labelOffset}: 0.25rem;\n ${tokens.labelInnerPadding}: 0.375rem 0 0.125rem 0;\n ${tokens.contentLabelInnerPadding}: 1.375rem 0 0.375rem 0;\n\n ${tokens.labelFontFamily}: ${bodyM.fontFamily};\n ${tokens.labelFontStyle}: ${bodyM.fontStyle};\n ${tokens.labelFontSize}: ${bodyM.fontSize};\n ${tokens.labelFontWeight}: ${bodyM.fontWeight};\n ${tokens.labelLetterSpacing}: ${bodyM.letterSpacing};\n ${tokens.labelLineHeight}: ${bodyM.lineHeight};\n\n ${tokens.labelInnerFontFamily}: ${bodyXS.fontFamily};\n ${tokens.labelInnerFontSize}: ${bodyXS.fontSize};\n ${tokens.labelInnerFontStyle}: ${bodyXS.fontStyle};\n ${tokens.labelInnerFontWeight}: ${bodyXS.fontWeight};\n ${tokens.labelInnerLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.labelInnerLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n ${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};\n ${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};\n ${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};\n ${tokens.titleCaptionFontWeight}: ${bodyXS.fontWeight};\n ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.indicatorSize}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.375rem auto auto -0.75rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.25rem -0.6875rem auto auto;\n\n ${tokens.hintMargin}: -0.688rem -0.5rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;\n\n ${tokens.sliderContainerOffset}: -0.5rem;\n\n ${tokens.sliderTrackHeight}: 0.25rem;\n ${tokens.sliderTrackBorderRadius}: 0.5rem;\n ${tokens.sliderThumbWidth}: 1rem;\n ${tokens.sliderThumbBorderWidth}: 0.063rem;\n\n ${tokens.scaleWrapperOffset}: 0.25rem;\n ${tokens.scaleWrapperPaddingTop}: 0.25rem;\n\n ${tokens.scaleValueFontSize}: ${bodyXS.fontSize};\n ${tokens.scaleValueFontFamily}: ${bodyXS.fontFamily};\n ${tokens.scaleValueFontStyle}: ${bodyXS.fontStyle};\n ${tokens.scaleValueFontWeight}: ${bodyXS.fontWeight};\n ${tokens.scaleValueLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.scaleValueLineHeight}: ${bodyXS.lineHeight};\n ${tokens.scaleTickSize}: 0.5rem;\n `,\n s: css`\n ${tokens.textFieldHeight}: 2.5rem;\n ${tokens.textFieldBorderRadius}: 0.625rem;\n ${tokens.textFieldPadding}: 0.6875rem 0;\n\n ${tokens.textFieldLeftContentMargin}: -0.1875rem 0.25rem -0.1875rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.1875rem -0.125rem -0.1875rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.textFieldFontFamily}: ${bodyS.fontFamily};\n ${tokens.textFieldFontStyle}: ${bodyS.fontStyle};\n ${tokens.textFieldFontSize}: ${bodyS.fontSize};\n ${tokens.textFieldFontWeight}: ${bodyS.fontWeight};\n ${tokens.textFieldLetterSpacing}: ${bodyS.letterSpacing};\n ${tokens.textFieldLineHeight}: ${bodyS.lineHeight};\n\n ${tokens.labelOffset}: 0.25rem;\n ${tokens.labelInnerPadding}: 0.3125rem 0 0 0;\n ${tokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;\n\n ${tokens.labelFontFamily}: ${bodyS.fontFamily};\n ${tokens.labelFontStyle}: ${bodyS.fontStyle};\n ${tokens.labelFontSize}: ${bodyS.fontSize};\n ${tokens.labelFontWeight}: ${bodyS.fontWeight};\n ${tokens.labelLetterSpacing}: ${bodyS.letterSpacing};\n ${tokens.labelLineHeight}: ${bodyS.lineHeight};\n\n ${tokens.labelInnerFontFamily}: ${bodyXS.fontFamily};\n ${tokens.labelInnerFontSize}: ${bodyXS.fontSize};\n ${tokens.labelInnerFontStyle}: ${bodyXS.fontStyle};\n ${tokens.labelInnerFontWeight}: ${bodyXS.fontWeight};\n ${tokens.labelInnerLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.labelInnerLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n ${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};\n ${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};\n ${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};\n ${tokens.titleCaptionFontWeight}: ${bodyXS.fontWeight};\n ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.indicatorSize}: 0.375rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.3125rem auto auto -0.6875rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.25rem -0.625rem auto auto;\n\n ${tokens.hintMargin}: -0.688rem -0.5rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;\n\n ${tokens.sliderContainerOffset}: -0.5rem;\n\n ${tokens.sliderTrackHeight}: 0.25rem;\n ${tokens.sliderTrackBorderRadius}: 0.5rem;\n ${tokens.sliderThumbWidth}: 1rem;\n ${tokens.sliderThumbBorderWidth}: 0.063rem;\n\n ${tokens.scaleWrapperOffset}: 0.25rem;\n ${tokens.scaleWrapperPaddingTop}: 0.25rem;\n\n ${tokens.scaleValueFontSize}: ${bodyXS.fontSize};\n ${tokens.scaleValueFontFamily}: ${bodyXS.fontFamily};\n ${tokens.scaleValueFontStyle}: ${bodyXS.fontStyle};\n ${tokens.scaleValueFontWeight}: ${bodyXS.fontWeight};\n ${tokens.scaleValueLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.scaleValueLineHeight}: ${bodyXS.lineHeight};\n ${tokens.scaleTickSize}: 0.5rem;\n `,\n xs: css`\n ${tokens.textFieldHeight}: 2rem;\n ${tokens.textFieldBorderRadius}: 0.5rem;\n ${tokens.textFieldPadding}: 0.5625rem 0;\n\n ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.25rem -0.0625rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.textFieldFontFamily}: ${bodyXS.fontFamily};\n ${tokens.textFieldFontStyle}: ${bodyXS.fontStyle};\n ${tokens.textFieldFontSize}: ${bodyXS.fontSize};\n ${tokens.textFieldFontWeight}: ${bodyXS.fontWeight};\n ${tokens.textFieldLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.textFieldLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.labelOffset}: 0.25rem;\n ${tokens.labelInnerPadding}: 0.3125rem 0 0 0;\n ${tokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;\n\n ${tokens.labelFontFamily}: ${bodyXS.fontFamily};\n ${tokens.labelFontStyle}: ${bodyXS.fontStyle};\n ${tokens.labelFontSize}: ${bodyXS.fontSize};\n ${tokens.labelFontWeight}: ${bodyXS.fontWeight};\n ${tokens.labelLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.labelLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.labelInnerFontFamily}: ${bodyXS.fontFamily};\n ${tokens.labelInnerFontSize}: ${bodyXS.fontSize};\n ${tokens.labelInnerFontStyle}: ${bodyXS.fontStyle};\n ${tokens.labelInnerFontWeight}: ${bodyXS.fontWeight};\n ${tokens.labelInnerLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.labelInnerLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n ${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};\n ${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};\n ${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};\n ${tokens.titleCaptionFontWeight}: ${bodyXS.fontWeight};\n ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.indicatorSize}: 0.375rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.25rem auto auto -0.625rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.125rem -0.6875rem auto auto;\n\n ${tokens.hintMargin}: -0.75rem -0.625rem -0.75rem -0.5rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;\n\n ${tokens.sliderContainerOffset}: -0.5rem;\n\n ${tokens.sliderTrackHeight}: 0.25rem;\n ${tokens.sliderTrackBorderRadius}: 0.5rem;\n ${tokens.sliderThumbWidth}: 1rem;\n ${tokens.sliderThumbBorderWidth}: 0.063rem;\n\n ${tokens.scaleWrapperOffset}: 0.25rem;\n ${tokens.scaleWrapperPaddingTop}: 0.25rem;\n\n ${tokens.scaleValueFontSize}: ${bodyXS.fontSize};\n ${tokens.scaleValueFontFamily}: ${bodyXS.fontFamily};\n ${tokens.scaleValueFontStyle}: ${bodyXS.fontStyle};\n ${tokens.scaleValueFontWeight}: ${bodyXS.fontWeight};\n ${tokens.scaleValueLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.scaleValueLineHeight}: ${bodyXS.lineHeight};\n ${tokens.scaleTickSize}: 0.5rem;\n `,\n },\n hintView: {\n default: css`\n ${tokens.hintTooltipBackgroundColor}: ${surfaceSolidCardBrightness};\n ${tokens.hintTooltipBoxShadow}: ${shadowDownHardM};\n ${tokens.hintTooltipColor}: ${textPrimary};\n ${tokens.hintTooltipArrowBackground}: ${surfaceSolidCardBrightness};\n `,\n },\n hintSize: {\n m: css`\n ${tokens.hintTooltipPaddingTop}: 0.6875rem;\n ${tokens.hintTooltipPaddingRight}: 0.875rem;\n ${tokens.hintTooltipPaddingBottom}: 0.6875rem;\n ${tokens.hintTooltipPaddingLeft}: 0.875rem;\n\n ${tokens.hintTooltipMinHeight}: 2.5rem;\n ${tokens.hintTooltipBorderRadius}: 0.625rem;\n\n ${tokens.hintTooltipTextFontFamily}: ${bodyS.fontFamily};\n ${tokens.hintTooltipTextFontSize}: ${bodyS.fontSize};\n ${tokens.hintTooltipTextFontStyle}: ${bodyS.fontStyle};\n ${tokens.hintTooltipTextFontWeight}: ${bodyS.fontWeight};\n ${tokens.hintTooltipTextFontLetterSpacing}: ${bodyS.letterSpacing};\n ${tokens.hintTooltipTextFontLineHeight}: ${bodyS.lineHeight};\n\n ${tokens.hintTooltipContentLeftMargin}: 0.375rem;\n\n ${tokens.hintTooltipArrowMaskWidth}: 1.25rem;\n ${tokens.hintTooltipArrowMaskHeight}: 1.25rem;\n ${tokens.hintTooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==\");\n ${tokens.hintTooltipArrowHeight}: 0.5rem;\n ${tokens.hintTooltipArrowEdgeMargin}: 0.625rem;\n `,\n s: css`\n ${tokens.hintTooltipPaddingTop}: 0.5rem;\n ${tokens.hintTooltipPaddingRight}: 0.75rem;\n ${tokens.hintTooltipPaddingBottom}: 0.5rem;\n ${tokens.hintTooltipPaddingLeft}: 0.75rem;\n\n ${tokens.hintTooltipMinHeight}: 2rem;\n ${tokens.hintTooltipBorderRadius}: 0.5rem;\n\n ${tokens.hintTooltipTextFontFamily}: ${bodyXS.fontFamily};\n ${tokens.hintTooltipTextFontSize}: ${bodyXS.fontSize};\n ${tokens.hintTooltipTextFontStyle}: ${bodyXS.fontStyle};\n ${tokens.hintTooltipTextFontWeight}: ${bodyXS.fontWeight};\n ${tokens.hintTooltipTextFontLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.hintTooltipTextFontLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.hintTooltipContentLeftMargin}: 0.25rem;\n\n ${tokens.hintTooltipArrowMaskWidth}: 1rem;\n ${tokens.hintTooltipArrowMaskHeight}: 1rem;\n ${tokens.hintTooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");\n ${tokens.hintTooltipArrowHeight}: 0.375rem;\n ${tokens.hintTooltipArrowEdgeMargin}: 0.5625rem;\n `,\n },\n disabled: {\n true: css`\n ${tokens.disabledOpacity}: 0.4;\n `,\n },\n readOnly: {\n true: css`\n ${tokens.labelColorReadOnly}: ${textPrimary};\n\n ${tokens.textFieldColorReadOnly}: ${textPrimary};\n ${tokens.textFieldBackgroundColorReadOnly}: ${surfaceTransparentPrimary};\n ${tokens.textFieldBorderColorReadOnly}: ${surfaceTransparentPrimary};\n ${tokens.textFieldPlaceholderColorReadOnly}: ${textSecondary};\n\n ${tokens.textFieldContentSlotRightOpacityReadOnly}: 0.4;\n ${tokens.textFieldReadOnlyOpacity}: 0.1;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","sliderView","variations","default","positive","warning","negative","accent","gradient","xl","l","m","s","xs","hintView","hintSize","disabled","true","readOnly"],"mappings":";;;;AA4BO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,UAAU,EAAE;GACf;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,SAAAA,EAAO,UAmDN;AACDC,MAAAA,QAAQ,EAAA,UAmDP;AACDC,MAAAA,OAAO,EAAA,UAmDN;AACDC,MAAAA,QAAQ,EAAA;KAoDX;AACDL,IAAAA,UAAU,EAAE;AACRE,MAAAA,SAAAA,EAAO,UAGN;AACDI,MAAAA,MAAM,EAAA,UAGL;AACDC,MAAAA,QAAQ,EAAA;KAIX;AACDR,IAAAA,IAAI,EAAE;AACFS,MAAAA,EAAE,EAAA,UAuED;AACDC,MAAAA,CAAC,EAAA,SAuEA;AACDC,MAAAA,CAAC,EAAA,SAuEA;AACDC,MAAAA,CAAC,EAAA,UAuEA;AACDC,MAAAA,EAAE,EAAA;KAwEL;AACDC,IAAAA,QAAQ,EAAE;MACNX,SAAAA,EAAO;KAMV;AACDY,IAAAA,QAAQ,EAAE;AACNJ,MAAAA,CAAC,EAAA,UAuBA;AACDC,MAAAA,CAAC,EAAA;KAwBJ;AACDI,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAAA,EAAI;AAWR;AACJ;AACJ;;;;"}
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
.d1nbu3if{--plasma-textfield-slider-color:var(--text-primary,#F5F5F5F5);--plasma-textfield-slider-placeholder-color:var(--text-secondary,#F5F5F58F);--plasma-textfield-slider__placeholder-color-focus:var(--text-tertiary,#F5F5F547);--plasma-textfield-slider-caret-color:var(--text-accent,#0DA8AB);--plasma-textfield-slider_error-color:transparent;--plasma-textfield-slider_background_error-color:transparent;--plasma-textfield-slider-background-color:transparent;--plasma-textfield-slider-background-color-hover:transparent;--plasma-textfield-slider-background-color-focus:transparent;--plasma-textfield-slider-border-color:transparent;--plasma-textfield-slider-border-color-hover:transparent;--plasma-textfield-slider-border-color-focus:transparent;--plasma-textfield-slider__label-color:var(--text-primary,#F5F5F5F5);--plasma-textfield-slider__title-caption-color:var(--text-secondary,#F5F5F58F);--plasma-textfield-slider__optional-color:var(--text-tertiary,#F5F5F547);--plasma-textfield-slider-placement_inner__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-slider-placement_inner__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-slider-placement_inner__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-slider-placement_inner__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-slider-placement_inner__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-slider-placement_inner__label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-slider__indicator-color:var(--surface-negative,#FF293E);--plasma-textfield-slider-info-wrapper-hint-icon-color:var(--text-secondary,#F5F5F58F);--plasma-textfield-slider__before-text-color:var(--text-tertiary,#F5F5F547);--plasma-textfield-slider__after-text-color:var(--text-tertiary,#F5F5F547);--plasma-textfield-slider-focus-color:var(--text-accent,#0DA8AB);--plasma-textfield-slider__content-color:var(--text-secondary,#F5F5F58F);--plasma-textfield-slider__content-color-hover:var(--text-secondary-hover,#F5F5F5FF);--plasma-textfield-slider__content-color-active:var(--text-secondary-active,#F5F5F5AB);--plasma-textfield-slider__content-right-color:var(--text-secondary,#F5F5F58F);--plasma-textfield-slider__content-right-color-hover:var(--text-secondary-hover,#F5F5F5FF);--plasma-textfield-slider__content-right-color-active:var(--text-secondary-active,#F5F5F5AB);--plasma-textfield-slider__slider-track-background:var(--surface-solid-tertiary,#363636);--plasma-textfield-slider__slider-thumb-background:var(--on-light-surface-solid-card,#FFFFFFFF);--plasma-textfield-slider__slider-thumb-border-
|
|
2
|
-
.p11gicdm{--plasma-textfield-slider-color:var(--text-primary,#F5F5F5F5);--plasma-textfield-slider-placeholder-color:var(--text-secondary,#F5F5F58F);--plasma-textfield-slider__placeholder-color-focus:var(--text-tertiary,#F5F5F547);--plasma-textfield-slider-caret-color:var(--text-accent,#0DA8AB);--plasma-textfield-slider_error-color:transparent;--plasma-textfield-slider_background_error-color:transparent;--plasma-textfield-slider-background-color:transparent;--plasma-textfield-slider-background-color-hover:transparent;--plasma-textfield-slider-background-color-focus:transparent;--plasma-textfield-slider-border-color:transparent;--plasma-textfield-slider-border-color-hover:transparent;--plasma-textfield-slider-border-color-focus:transparent;--plasma-textfield-slider__label-color:var(--text-primary,#F5F5F5F5);--plasma-textfield-slider__title-caption-color:var(--text-secondary,#F5F5F58F);--plasma-textfield-slider__optional-color:var(--text-tertiary,#F5F5F547);--plasma-textfield-slider-placement_inner__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-slider-placement_inner__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-slider-placement_inner__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-slider-placement_inner__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-slider-placement_inner__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-slider-placement_inner__label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-slider__indicator-color:var(--surface-negative,#FF293E);--plasma-textfield-slider-info-wrapper-hint-icon-color:var(--text-secondary,#F5F5F58F);--plasma-textfield-slider__before-text-color:var(--text-tertiary,#F5F5F547);--plasma-textfield-slider__after-text-color:var(--text-tertiary,#F5F5F547);--plasma-textfield-slider-focus-color:var(--text-accent,#0DA8AB);--plasma-textfield-slider__content-color:var(--text-positive,#24B23E);--plasma-textfield-slider__content-color-hover:var(--text-positive-hover,#2ACB47FF);--plasma-textfield-slider__content-color-active:var(--text-positive-active,#1F9835FF);--plasma-textfield-slider__content-right-color:var(--text-secondary,#F5F5F58F);--plasma-textfield-slider__content-right-color-hover:var(--text-secondary-hover,#F5F5F5FF);--plasma-textfield-slider__content-right-color-active:var(--text-secondary-active,#F5F5F5AB);--plasma-textfield-slider__slider-track-background:var(--surface-solid-tertiary,#363636);--plasma-textfield-slider__slider-thumb-background:var(--on-light-surface-solid-card,#FFFFFFFF);--plasma-textfield-slider__slider-thumb-border-
|
|
3
|
-
.w1ab6zdn{--plasma-textfield-slider-color:var(--text-primary,#F5F5F5F5);--plasma-textfield-slider-placeholder-color:var(--text-secondary,#F5F5F58F);--plasma-textfield-slider__placeholder-color-focus:var(--text-tertiary,#F5F5F547);--plasma-textfield-slider-caret-color:var(--text-accent,#0DA8AB);--plasma-textfield-slider_error-color:transparent;--plasma-textfield-slider_background_error-color:transparent;--plasma-textfield-slider-background-color:transparent;--plasma-textfield-slider-background-color-hover:transparent;--plasma-textfield-slider-background-color-focus:transparent;--plasma-textfield-slider-border-color:transparent;--plasma-textfield-slider-border-color-hover:transparent;--plasma-textfield-slider-border-color-focus:transparent;--plasma-textfield-slider__label-color:var(--text-primary,#F5F5F5F5);--plasma-textfield-slider__title-caption-color:var(--text-secondary,#F5F5F58F);--plasma-textfield-slider__optional-color:var(--text-tertiary,#F5F5F547);--plasma-textfield-slider-placement_inner__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-slider-placement_inner__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-slider-placement_inner__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-slider-placement_inner__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-slider-placement_inner__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-slider-placement_inner__label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-slider__indicator-color:var(--surface-negative,#FF293E);--plasma-textfield-slider-info-wrapper-hint-icon-color:var(--text-secondary,#F5F5F58F);--plasma-textfield-slider__before-text-color:var(--text-tertiary,#F5F5F547);--plasma-textfield-slider__after-text-color:var(--text-tertiary,#F5F5F547);--plasma-textfield-slider-focus-color:var(--text-accent,#0DA8AB);--plasma-textfield-slider__content-color:var(--text-secondary,#F5F5F58F);--plasma-textfield-slider__content-color-hover:var(--text-secondary-hover,#F5F5F5FF);--plasma-textfield-slider__content-color-active:var(--text-secondary-active,#F5F5F5AB);--plasma-textfield-slider__content-right-color:var(--text-secondary,#F5F5F58F);--plasma-textfield-slider__content-right-color-hover:var(--text-secondary-hover,#F5F5F5FF);--plasma-textfield-slider__content-right-color-active:var(--text-secondary-active,#F5F5F5AB);--plasma-textfield-slider__slider-track-background:var(--surface-solid-tertiary,#363636);--plasma-textfield-slider__slider-thumb-background:var(--on-light-surface-solid-card,#FFFFFFFF);--plasma-textfield-slider__slider-thumb-border-
|
|
4
|
-
.nqf1e8y{--plasma-textfield-slider-color:var(--text-primary,#F5F5F5F5);--plasma-textfield-slider-placeholder-color:var(--text-secondary,#F5F5F58F);--plasma-textfield-slider__placeholder-color-focus:var(--text-tertiary,#F5F5F547);--plasma-textfield-slider-caret-color:var(--text-accent,#0DA8AB);--plasma-textfield-slider_error-color:transparent;--plasma-textfield-slider_background_error-color:transparent;--plasma-textfield-slider-background-color:transparent;--plasma-textfield-slider-background-color-hover:transparent;--plasma-textfield-slider-background-color-focus:transparent;--plasma-textfield-slider-border-color:transparent;--plasma-textfield-slider-border-color-hover:transparent;--plasma-textfield-slider-border-color-focus:transparent;--plasma-textfield-slider__label-color:var(--text-primary,#F5F5F5F5);--plasma-textfield-slider__title-caption-color:var(--text-secondary,#F5F5F58F);--plasma-textfield-slider__optional-color:var(--text-tertiary,#F5F5F547);--plasma-textfield-slider-placement_inner__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-slider-placement_inner__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-slider-placement_inner__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-slider-placement_inner__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-slider-placement_inner__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-slider-placement_inner__label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-slider__indicator-color:var(--surface-negative,#FF293E);--plasma-textfield-slider-info-wrapper-hint-icon-color:var(--text-secondary,#F5F5F58F);--plasma-textfield-slider__before-text-color:var(--text-tertiary,#F5F5F547);--plasma-textfield-slider__after-text-color:var(--text-tertiary,#F5F5F547);--plasma-textfield-slider-focus-color:var(--text-accent,#0DA8AB);--plasma-textfield-slider__content-color:var(--text-secondary,#F5F5F58F);--plasma-textfield-slider__content-color-hover:var(--text-secondary-hover,#F5F5F5FF);--plasma-textfield-slider__content-color-active:var(--text-secondary-active,#F5F5F5AB);--plasma-textfield-slider__content-right-color:var(--text-secondary,#F5F5F58F);--plasma-textfield-slider__content-right-color-hover:var(--text-secondary-hover,#F5F5F5FF);--plasma-textfield-slider__content-right-color-active:var(--text-secondary-active,#F5F5F5AB);--plasma-textfield-slider__slider-track-background:var(--surface-solid-tertiary,#363636);--plasma-textfield-slider__slider-thumb-background:var(--on-light-surface-solid-card,#FFFFFFFF);--plasma-textfield-slider__slider-thumb-border-
|
|
1
|
+
.d1nbu3if{--plasma-textfield-slider-color:var(--text-primary,#F5F5F5F5);--plasma-textfield-slider-placeholder-color:var(--text-secondary,#F5F5F58F);--plasma-textfield-slider__placeholder-color-focus:var(--text-tertiary,#F5F5F547);--plasma-textfield-slider-caret-color:var(--text-accent,#0DA8AB);--plasma-textfield-slider_error-color:transparent;--plasma-textfield-slider_background_error-color:transparent;--plasma-textfield-slider-background-color:transparent;--plasma-textfield-slider-background-color-hover:transparent;--plasma-textfield-slider-background-color-focus:transparent;--plasma-textfield-slider-border-color:transparent;--plasma-textfield-slider-border-color-hover:transparent;--plasma-textfield-slider-border-color-focus:transparent;--plasma-textfield-slider__label-color:var(--text-primary,#F5F5F5F5);--plasma-textfield-slider__title-caption-color:var(--text-secondary,#F5F5F58F);--plasma-textfield-slider__optional-color:var(--text-tertiary,#F5F5F547);--plasma-textfield-slider-placement_inner__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-slider-placement_inner__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-slider-placement_inner__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-slider-placement_inner__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-slider-placement_inner__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-slider-placement_inner__label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-slider__indicator-color:var(--surface-negative,#FF293E);--plasma-textfield-slider-info-wrapper-hint-icon-color:var(--text-secondary,#F5F5F58F);--plasma-textfield-slider__before-text-color:var(--text-tertiary,#F5F5F547);--plasma-textfield-slider__after-text-color:var(--text-tertiary,#F5F5F547);--plasma-textfield-slider-focus-color:var(--text-accent,#0DA8AB);--plasma-textfield-slider__content-color:var(--text-secondary,#F5F5F58F);--plasma-textfield-slider__content-color-hover:var(--text-secondary-hover,#F5F5F5FF);--plasma-textfield-slider__content-color-active:var(--text-secondary-active,#F5F5F5AB);--plasma-textfield-slider__content-right-color:var(--text-secondary,#F5F5F58F);--plasma-textfield-slider__content-right-color-hover:var(--text-secondary-hover,#F5F5F5FF);--plasma-textfield-slider__content-right-color-active:var(--text-secondary-active,#F5F5F5AB);--plasma-textfield-slider__slider-track-background:var(--surface-solid-tertiary,#363636);--plasma-textfield-slider__slider-thumb-background:var(--on-light-surface-solid-card,#FFFFFFFF);--plasma-textfield-slider__slider-thumb-border-color:var(--on-light-surface-transparent-tertiary,#0808081F);--plasma-textfield-slider__slider-thumb-focus-border-color:var(--surface-solid-default,#F9F9F9);--plasma-textfield-slider__scale-value-color:var(--text-secondary,#F5F5F58F);--plasma-textfield-slider__scale-tick-dot-color:var(--surface-solid-tertiary,#363636);}
|
|
2
|
+
.p11gicdm{--plasma-textfield-slider-color:var(--text-primary,#F5F5F5F5);--plasma-textfield-slider-placeholder-color:var(--text-secondary,#F5F5F58F);--plasma-textfield-slider__placeholder-color-focus:var(--text-tertiary,#F5F5F547);--plasma-textfield-slider-caret-color:var(--text-accent,#0DA8AB);--plasma-textfield-slider_error-color:transparent;--plasma-textfield-slider_background_error-color:transparent;--plasma-textfield-slider-background-color:transparent;--plasma-textfield-slider-background-color-hover:transparent;--plasma-textfield-slider-background-color-focus:transparent;--plasma-textfield-slider-border-color:transparent;--plasma-textfield-slider-border-color-hover:transparent;--plasma-textfield-slider-border-color-focus:transparent;--plasma-textfield-slider__label-color:var(--text-primary,#F5F5F5F5);--plasma-textfield-slider__title-caption-color:var(--text-secondary,#F5F5F58F);--plasma-textfield-slider__optional-color:var(--text-tertiary,#F5F5F547);--plasma-textfield-slider-placement_inner__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-slider-placement_inner__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-slider-placement_inner__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-slider-placement_inner__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-slider-placement_inner__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-slider-placement_inner__label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-slider__indicator-color:var(--surface-negative,#FF293E);--plasma-textfield-slider-info-wrapper-hint-icon-color:var(--text-secondary,#F5F5F58F);--plasma-textfield-slider__before-text-color:var(--text-tertiary,#F5F5F547);--plasma-textfield-slider__after-text-color:var(--text-tertiary,#F5F5F547);--plasma-textfield-slider-focus-color:var(--text-accent,#0DA8AB);--plasma-textfield-slider__content-color:var(--text-positive,#24B23E);--plasma-textfield-slider__content-color-hover:var(--text-positive-hover,#2ACB47FF);--plasma-textfield-slider__content-color-active:var(--text-positive-active,#1F9835FF);--plasma-textfield-slider__content-right-color:var(--text-secondary,#F5F5F58F);--plasma-textfield-slider__content-right-color-hover:var(--text-secondary-hover,#F5F5F5FF);--plasma-textfield-slider__content-right-color-active:var(--text-secondary-active,#F5F5F5AB);--plasma-textfield-slider__slider-track-background:var(--surface-solid-tertiary,#363636);--plasma-textfield-slider__slider-thumb-background:var(--on-light-surface-solid-card,#FFFFFFFF);--plasma-textfield-slider__slider-thumb-border-color:var(--on-light-surface-transparent-tertiary,#0808081F);--plasma-textfield-slider__slider-thumb-focus-border-color:var(--surface-solid-default,#F9F9F9);--plasma-textfield-slider__scale-value-color:var(--text-positive,#24B23E);--plasma-textfield-slider__scale-tick-dot-color:var(--surface-solid-tertiary,#363636);}
|
|
3
|
+
.w1ab6zdn{--plasma-textfield-slider-color:var(--text-primary,#F5F5F5F5);--plasma-textfield-slider-placeholder-color:var(--text-secondary,#F5F5F58F);--plasma-textfield-slider__placeholder-color-focus:var(--text-tertiary,#F5F5F547);--plasma-textfield-slider-caret-color:var(--text-accent,#0DA8AB);--plasma-textfield-slider_error-color:transparent;--plasma-textfield-slider_background_error-color:transparent;--plasma-textfield-slider-background-color:transparent;--plasma-textfield-slider-background-color-hover:transparent;--plasma-textfield-slider-background-color-focus:transparent;--plasma-textfield-slider-border-color:transparent;--plasma-textfield-slider-border-color-hover:transparent;--plasma-textfield-slider-border-color-focus:transparent;--plasma-textfield-slider__label-color:var(--text-primary,#F5F5F5F5);--plasma-textfield-slider__title-caption-color:var(--text-secondary,#F5F5F58F);--plasma-textfield-slider__optional-color:var(--text-tertiary,#F5F5F547);--plasma-textfield-slider-placement_inner__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-slider-placement_inner__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-slider-placement_inner__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-slider-placement_inner__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-slider-placement_inner__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-slider-placement_inner__label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-slider__indicator-color:var(--surface-negative,#FF293E);--plasma-textfield-slider-info-wrapper-hint-icon-color:var(--text-secondary,#F5F5F58F);--plasma-textfield-slider__before-text-color:var(--text-tertiary,#F5F5F547);--plasma-textfield-slider__after-text-color:var(--text-tertiary,#F5F5F547);--plasma-textfield-slider-focus-color:var(--text-accent,#0DA8AB);--plasma-textfield-slider__content-color:var(--text-secondary,#F5F5F58F);--plasma-textfield-slider__content-color-hover:var(--text-secondary-hover,#F5F5F5FF);--plasma-textfield-slider__content-color-active:var(--text-secondary-active,#F5F5F5AB);--plasma-textfield-slider__content-right-color:var(--text-secondary,#F5F5F58F);--plasma-textfield-slider__content-right-color-hover:var(--text-secondary-hover,#F5F5F5FF);--plasma-textfield-slider__content-right-color-active:var(--text-secondary-active,#F5F5F5AB);--plasma-textfield-slider__slider-track-background:var(--surface-solid-tertiary,#363636);--plasma-textfield-slider__slider-thumb-background:var(--on-light-surface-solid-card,#FFFFFFFF);--plasma-textfield-slider__slider-thumb-border-color:var(--on-light-surface-transparent-tertiary,#0808081F);--plasma-textfield-slider__slider-thumb-focus-border-color:var(--surface-solid-default,#F9F9F9);--plasma-textfield-slider__scale-value-color:var(--text-secondary,#F5F5F58F);--plasma-textfield-slider__scale-tick-dot-color:var(--surface-solid-tertiary,#363636);}
|
|
4
|
+
.nqf1e8y{--plasma-textfield-slider-color:var(--text-primary,#F5F5F5F5);--plasma-textfield-slider-placeholder-color:var(--text-secondary,#F5F5F58F);--plasma-textfield-slider__placeholder-color-focus:var(--text-tertiary,#F5F5F547);--plasma-textfield-slider-caret-color:var(--text-accent,#0DA8AB);--plasma-textfield-slider_error-color:transparent;--plasma-textfield-slider_background_error-color:transparent;--plasma-textfield-slider-background-color:transparent;--plasma-textfield-slider-background-color-hover:transparent;--plasma-textfield-slider-background-color-focus:transparent;--plasma-textfield-slider-border-color:transparent;--plasma-textfield-slider-border-color-hover:transparent;--plasma-textfield-slider-border-color-focus:transparent;--plasma-textfield-slider__label-color:var(--text-primary,#F5F5F5F5);--plasma-textfield-slider__title-caption-color:var(--text-secondary,#F5F5F58F);--plasma-textfield-slider__optional-color:var(--text-tertiary,#F5F5F547);--plasma-textfield-slider-placement_inner__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-slider-placement_inner__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-slider-placement_inner__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-slider-placement_inner__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-slider-placement_inner__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-slider-placement_inner__label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-slider__indicator-color:var(--surface-negative,#FF293E);--plasma-textfield-slider-info-wrapper-hint-icon-color:var(--text-secondary,#F5F5F58F);--plasma-textfield-slider__before-text-color:var(--text-tertiary,#F5F5F547);--plasma-textfield-slider__after-text-color:var(--text-tertiary,#F5F5F547);--plasma-textfield-slider-focus-color:var(--text-accent,#0DA8AB);--plasma-textfield-slider__content-color:var(--text-secondary,#F5F5F58F);--plasma-textfield-slider__content-color-hover:var(--text-secondary-hover,#F5F5F5FF);--plasma-textfield-slider__content-color-active:var(--text-secondary-active,#F5F5F5AB);--plasma-textfield-slider__content-right-color:var(--text-secondary,#F5F5F58F);--plasma-textfield-slider__content-right-color-hover:var(--text-secondary-hover,#F5F5F5FF);--plasma-textfield-slider__content-right-color-active:var(--text-secondary-active,#F5F5F5AB);--plasma-textfield-slider__slider-track-background:var(--surface-solid-tertiary,#363636);--plasma-textfield-slider__slider-thumb-background:var(--on-light-surface-solid-card,#FFFFFFFF);--plasma-textfield-slider__slider-thumb-border-color:var(--on-light-surface-transparent-tertiary,#0808081F);--plasma-textfield-slider__slider-thumb-focus-border-color:var(--surface-solid-default,#F9F9F9);--plasma-textfield-slider__scale-value-color:var(--text-negative,#FF3D51);--plasma-textfield-slider__scale-tick-dot-color:var(--surface-solid-tertiary,#363636);}
|
|
5
5
|
.d1w5s7ed{--plasma-textfield-slider__slider-progress-background:var(--surface-solid-default,#F9F9F9);--plasma-textfield-slider__scale-tick-dot-filled-color:var(--surface-solid-default,#F9F9F9);}
|
|
6
6
|
.a1q3q28j{--plasma-textfield-slider__slider-progress-background:var(--surface-accent,#0C9597);--plasma-textfield-slider__scale-tick-dot-filled-color:var(--surface-accent,#0C9597);}
|
|
7
7
|
.g14czgs6{--plasma-textfield-slider__slider-progress-background:var(--surface-accent-gradient,radial-gradient(88.00% 150.00% at 0% 100%,#00789999 0%,#197D6100 100%),radial-gradient(88.00% 100.00% at 100% 0%,#3FE0B1FF 0.064%,#8AE6FF00 100%),radial-gradient(44.00% 100.00% at 0% 0%,#00A4D199 0.695%,#0E594400 100%),rgb(0,125,128));--plasma-textfield-slider__scale-tick-dot-filled-color:var(--surface-accent-gradient,radial-gradient(88.00% 150.00% at 0% 100%,#00789999 0%,#197D6100 100%),radial-gradient(88.00% 100.00% at 100% 0%,#3FE0B1FF 0.064%,#8AE6FF00 100%),radial-gradient(44.00% 100.00% at 0% 0%,#00A4D199 0.695%,#0E594400 100%),rgb(0,125,128));}
|
|
8
|
-
.x1co4imw{--plasma-textfield-slider-height:4rem;--plasma-textfield-slider-border-radius:1rem;--plasma-textfield-slider-padding:1.3125rem 0;--plasma-textfield-slider__left-content-margin:-0.0625rem 0.5rem -0.0625rem -0.125rem;--plasma-textfield-slider__right-content-margin:-0.0625rem -0.125rem -0.0625rem 0.75rem;--plasma-textfield-slider__before-text-margin:0 0.25rem 0 0;--plasma-textfield-slider__after-text-margin:0 0 0 0.25rem;--plasma-textfield-slider-font-family:var(--plasma-typo-body-l-font-family);--plasma-textfield-slider-font-style:var(--plasma-typo-body-l-font-style);--plasma-textfield-slider-font-size:var(--plasma-typo-body-l-font-size);--plasma-textfield-slider-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-textfield-slider-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-textfield-slider-line-height:var(--plasma-typo-body-l-line-height);--plasma-textfield-slider__label-offset:0.25rem;--plasma-textfield-slider-placement_inner__label-padding:0.8125rem 0 0.125rem 0;--plasma-textfield-slider-placement_inner__content-padding:1.813rem 0 0.813rem 0;--plasma-textfield-slider__label-font-family:var(--plasma-typo-body-l-font-family);--plasma-textfield-slider__label-font-style:var(--plasma-typo-body-l-font-style);--plasma-textfield-slider__label-font-size:var(--plasma-typo-body-l-font-size);--plasma-textfield-slider__label-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-textfield-slider__label-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-textfield-slider__label-line-height:var(--plasma-typo-body-l-line-height);--plasma-textfield-slider-placement_inner__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-slider-placement_inner__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-slider-placement_inner__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-slider-placement_inner__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-slider-placement_inner__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-slider-placement_inner__label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-slider__title-caption-label-inner-offset:0.25rem;--plasma-textfield-slider__title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-slider__title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-slider__title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-slider__title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-slider__title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-slider__title-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-slider__indicator-size:0.5rem;--plasma-textfield-slider__indicator-size-outer:0.375rem;--plasma-textfield-slider__indicator-placement:0 0 0 0;--plasma-textfield-slider__indicator-placement-outer:0.5rem auto auto -0.75rem;--plasma-textfield-slider__indicator-placement-right:0 0 auto auto;--plasma-textfield-slider__indicator-placement-outer-right:0.25rem -0.625rem auto auto;--plasma-textfield-slider-info-wrapper-hint-margin:-0.688rem -0.5rem;--plasma-textfield-slider-info-wrapper-hint-target-size:2.375rem;--plasma-textfield-slider_old_hint-inner-label-placement-offset:0.82rem -2.938rem auto auto;--plasma-textfield-slider__slider-container-offset:-0.5rem;--plasma-textfield-slider__slider-track-height:0.25rem;--plasma-textfield-slider__slider-track-border-radius:
|
|
9
|
-
.l3ln90o{--plasma-textfield-slider-height:3.5rem;--plasma-textfield-slider-border-radius:0.875rem;--plasma-textfield-slider-padding:1.0625rem 0;--plasma-textfield-slider__left-content-margin:-0.0625rem 0.5rem -0.0625rem -0.125rem;--plasma-textfield-slider__right-content-margin:-0.0625rem -0.125rem -0.0625rem 0.75rem;--plasma-textfield-slider__before-text-margin:0 0.25rem 0 0;--plasma-textfield-slider__after-text-margin:0 0 0 0.25rem;--plasma-textfield-slider-font-family:var(--plasma-typo-body-l-font-family);--plasma-textfield-slider-font-style:var(--plasma-typo-body-l-font-style);--plasma-textfield-slider-font-size:var(--plasma-typo-body-l-font-size);--plasma-textfield-slider-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-textfield-slider-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-textfield-slider-line-height:var(--plasma-typo-body-l-line-height);--plasma-textfield-slider__label-offset:0.25rem;--plasma-textfield-slider-placement_inner__label-padding:0.5625rem 0 0.125rem 0;--plasma-textfield-slider-placement_inner__content-padding:1.5625rem 0 0.5625rem 0;--plasma-textfield-slider__label-font-family:var(--plasma-typo-body-l-font-family);--plasma-textfield-slider__label-font-style:var(--plasma-typo-body-l-font-style);--plasma-textfield-slider__label-font-size:var(--plasma-typo-body-l-font-size);--plasma-textfield-slider__label-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-textfield-slider__label-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-textfield-slider__label-line-height:var(--plasma-typo-body-l-line-height);--plasma-textfield-slider-placement_inner__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-slider-placement_inner__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-slider-placement_inner__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-slider-placement_inner__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-slider-placement_inner__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-slider-placement_inner__label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-slider__title-caption-label-inner-offset:0.25rem;--plasma-textfield-slider__title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-slider__title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-slider__title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-slider__title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-slider__title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-slider__title-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-slider__indicator-size:0.5rem;--plasma-textfield-slider__indicator-size-outer:0.375rem;--plasma-textfield-slider__indicator-placement:0 0 0 0;--plasma-textfield-slider__indicator-placement-outer:0.5rem auto auto -0.75rem;--plasma-textfield-slider__indicator-placement-right:0 0 auto auto;--plasma-textfield-slider__indicator-placement-outer-right:0.25rem -0.625rem auto auto;--plasma-textfield-slider-info-wrapper-hint-margin:-0.688rem -0.5rem;--plasma-textfield-slider-info-wrapper-hint-target-size:2.375rem;--plasma-textfield-slider_old_hint-inner-label-placement-offset:0.563rem -2.938rem auto auto;--plasma-textfield-slider__slider-container-offset:-0.5rem;--plasma-textfield-slider__slider-track-height:0.25rem;--plasma-textfield-slider__slider-track-border-radius:
|
|
10
|
-
.mup848i{--plasma-textfield-slider-height:3rem;--plasma-textfield-slider-border-radius:0.75rem;--plasma-textfield-slider-padding:0.875rem 0;--plasma-textfield-slider__left-content-margin:-0.125rem 0.375rem -0.125rem -0.125rem;--plasma-textfield-slider__right-content-margin:-0.125rem -0.125rem -0.125rem 0.75rem;--plasma-textfield-slider__before-text-margin:0 0.25rem 0 0;--plasma-textfield-slider__after-text-margin:0 0 0 0.25rem;--plasma-textfield-slider-font-family:var(--plasma-typo-body-m-font-family);--plasma-textfield-slider-font-style:var(--plasma-typo-body-m-font-style);--plasma-textfield-slider-font-size:var(--plasma-typo-body-m-font-size);--plasma-textfield-slider-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-textfield-slider-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-textfield-slider-line-height:var(--plasma-typo-body-m-line-height);--plasma-textfield-slider__label-offset:0.25rem;--plasma-textfield-slider-placement_inner__label-padding:0.375rem 0 0.125rem 0;--plasma-textfield-slider-placement_inner__content-padding:1.375rem 0 0.375rem 0;--plasma-textfield-slider__label-font-family:var(--plasma-typo-body-m-font-family);--plasma-textfield-slider__label-font-style:var(--plasma-typo-body-m-font-style);--plasma-textfield-slider__label-font-size:var(--plasma-typo-body-m-font-size);--plasma-textfield-slider__label-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-textfield-slider__label-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-textfield-slider__label-line-height:var(--plasma-typo-body-m-line-height);--plasma-textfield-slider-placement_inner__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-slider-placement_inner__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-slider-placement_inner__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-slider-placement_inner__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-slider-placement_inner__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-slider-placement_inner__label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-slider__title-caption-label-inner-offset:0.25rem;--plasma-textfield-slider__title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-slider__title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-slider__title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-slider__title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-slider__title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-slider__title-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-slider__indicator-size:0.5rem;--plasma-textfield-slider__indicator-size-outer:0.375rem;--plasma-textfield-slider__indicator-placement:0 0 0 0;--plasma-textfield-slider__indicator-placement-outer:0.375rem auto auto -0.75rem;--plasma-textfield-slider__indicator-placement-right:0 0 auto auto;--plasma-textfield-slider__indicator-placement-outer-right:0.25rem -0.6875rem auto auto;--plasma-textfield-slider-info-wrapper-hint-margin:-0.688rem -0.5rem;--plasma-textfield-slider-info-wrapper-hint-target-size:2.375rem;--plasma-textfield-slider_old_hint-inner-label-placement-offset:0.312rem -2.813rem auto auto;--plasma-textfield-slider__slider-container-offset:-0.5rem;--plasma-textfield-slider__slider-track-height:0.25rem;--plasma-textfield-slider__slider-track-border-radius:
|
|
11
|
-
.s1dm8t4d{--plasma-textfield-slider-height:2.5rem;--plasma-textfield-slider-border-radius:0.625rem;--plasma-textfield-slider-padding:0.6875rem 0;--plasma-textfield-slider__left-content-margin:-0.1875rem 0.25rem -0.1875rem -0.125rem;--plasma-textfield-slider__right-content-margin:-0.1875rem -0.125rem -0.1875rem 0.75rem;--plasma-textfield-slider__before-text-margin:0 0.25rem 0 0;--plasma-textfield-slider__after-text-margin:0 0 0 0.25rem;--plasma-textfield-slider-font-family:var(--plasma-typo-body-s-font-family);--plasma-textfield-slider-font-style:var(--plasma-typo-body-s-font-style);--plasma-textfield-slider-font-size:var(--plasma-typo-body-s-font-size);--plasma-textfield-slider-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-textfield-slider-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-textfield-slider-line-height:var(--plasma-typo-body-s-line-height);--plasma-textfield-slider__label-offset:0.25rem;--plasma-textfield-slider-placement_inner__label-padding:0.3125rem 0 0 0;--plasma-textfield-slider-placement_inner__content-padding:1.0625rem 0 0.3125rem 0;--plasma-textfield-slider__label-font-family:var(--plasma-typo-body-s-font-family);--plasma-textfield-slider__label-font-style:var(--plasma-typo-body-s-font-style);--plasma-textfield-slider__label-font-size:var(--plasma-typo-body-s-font-size);--plasma-textfield-slider__label-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-textfield-slider__label-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-textfield-slider__label-line-height:var(--plasma-typo-body-s-line-height);--plasma-textfield-slider-placement_inner__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-slider-placement_inner__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-slider-placement_inner__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-slider-placement_inner__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-slider-placement_inner__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-slider-placement_inner__label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-slider__title-caption-label-inner-offset:0.25rem;--plasma-textfield-slider__title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-slider__title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-slider__title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-slider__title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-slider__title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-slider__title-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-slider__indicator-size:0.375rem;--plasma-textfield-slider__indicator-size-outer:0.375rem;--plasma-textfield-slider__indicator-placement:0 0 0 0;--plasma-textfield-slider__indicator-placement-outer:0.3125rem auto auto -0.6875rem;--plasma-textfield-slider__indicator-placement-right:0 0 auto auto;--plasma-textfield-slider__indicator-placement-outer-right:0.25rem -0.625rem auto auto;--plasma-textfield-slider-info-wrapper-hint-margin:-0.688rem -0.5rem;--plasma-textfield-slider-info-wrapper-hint-target-size:2.375rem;--plasma-textfield-slider_old_hint-inner-label-placement-offset:0.062rem -2.688rem auto auto;--plasma-textfield-slider__slider-container-offset:-0.5rem;--plasma-textfield-slider__slider-track-height:0.25rem;--plasma-textfield-slider__slider-track-border-radius:
|
|
12
|
-
.xkiof4j{--plasma-textfield-slider-height:2rem;--plasma-textfield-slider-border-radius:0.5rem;--plasma-textfield-slider-padding:0.5625rem 0;--plasma-textfield-slider__left-content-margin:-0.0625rem 0.25rem -0.0625rem -0.125rem;--plasma-textfield-slider__right-content-margin:-0.0625rem -0.125rem -0.0625rem 0.75rem;--plasma-textfield-slider__before-text-margin:0 0.25rem 0 0;--plasma-textfield-slider__after-text-margin:0 0 0 0.25rem;--plasma-textfield-slider-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-slider-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-slider-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-slider-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-slider-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-slider-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-slider__label-offset:0.25rem;--plasma-textfield-slider-placement_inner__label-padding:0.3125rem 0 0 0;--plasma-textfield-slider-placement_inner__content-padding:1.0625rem 0 0.3125rem 0;--plasma-textfield-slider__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-slider__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-slider__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-slider__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-slider__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-slider__label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-slider-placement_inner__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-slider-placement_inner__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-slider-placement_inner__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-slider-placement_inner__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-slider-placement_inner__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-slider-placement_inner__label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-slider__title-caption-label-inner-offset:0.25rem;--plasma-textfield-slider__title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-slider__title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-slider__title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-slider__title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-slider__title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-slider__title-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-slider__indicator-size:0.375rem;--plasma-textfield-slider__indicator-size-outer:0.375rem;--plasma-textfield-slider__indicator-placement:0 0 0 0;--plasma-textfield-slider__indicator-placement-outer:0.25rem auto auto -0.625rem;--plasma-textfield-slider__indicator-placement-right:0 0 auto auto;--plasma-textfield-slider__indicator-placement-outer-right:0.125rem -0.6875rem auto auto;--plasma-textfield-slider-info-wrapper-hint-margin:-0.75rem -0.625rem -0.75rem -0.5rem;--plasma-textfield-slider-info-wrapper-hint-target-size:2.375rem;--plasma-textfield-slider_old_hint-inner-label-placement-offset:-0.188rem -2.1875rem auto auto;--plasma-textfield-slider__slider-container-offset:-0.5rem;--plasma-textfield-slider__slider-track-height:0.25rem;--plasma-textfield-slider__slider-track-border-radius:
|
|
8
|
+
.x1co4imw{--plasma-textfield-slider-height:4rem;--plasma-textfield-slider-border-radius:1rem;--plasma-textfield-slider-padding:1.3125rem 0;--plasma-textfield-slider__left-content-margin:-0.0625rem 0.5rem -0.0625rem -0.125rem;--plasma-textfield-slider__right-content-margin:-0.0625rem -0.125rem -0.0625rem 0.75rem;--plasma-textfield-slider__before-text-margin:0 0.25rem 0 0;--plasma-textfield-slider__after-text-margin:0 0 0 0.25rem;--plasma-textfield-slider-font-family:var(--plasma-typo-body-l-font-family);--plasma-textfield-slider-font-style:var(--plasma-typo-body-l-font-style);--plasma-textfield-slider-font-size:var(--plasma-typo-body-l-font-size);--plasma-textfield-slider-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-textfield-slider-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-textfield-slider-line-height:var(--plasma-typo-body-l-line-height);--plasma-textfield-slider__label-offset:0.25rem;--plasma-textfield-slider-placement_inner__label-padding:0.8125rem 0 0.125rem 0;--plasma-textfield-slider-placement_inner__content-padding:1.813rem 0 0.813rem 0;--plasma-textfield-slider__label-font-family:var(--plasma-typo-body-l-font-family);--plasma-textfield-slider__label-font-style:var(--plasma-typo-body-l-font-style);--plasma-textfield-slider__label-font-size:var(--plasma-typo-body-l-font-size);--plasma-textfield-slider__label-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-textfield-slider__label-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-textfield-slider__label-line-height:var(--plasma-typo-body-l-line-height);--plasma-textfield-slider-placement_inner__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-slider-placement_inner__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-slider-placement_inner__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-slider-placement_inner__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-slider-placement_inner__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-slider-placement_inner__label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-slider__title-caption-label-inner-offset:0.25rem;--plasma-textfield-slider__title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-slider__title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-slider__title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-slider__title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-slider__title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-slider__title-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-slider__indicator-size:0.5rem;--plasma-textfield-slider__indicator-size-outer:0.375rem;--plasma-textfield-slider__indicator-placement:0 0 0 0;--plasma-textfield-slider__indicator-placement-outer:0.5rem auto auto -0.75rem;--plasma-textfield-slider__indicator-placement-right:0 0 auto auto;--plasma-textfield-slider__indicator-placement-outer-right:0.25rem -0.625rem auto auto;--plasma-textfield-slider-info-wrapper-hint-margin:-0.688rem -0.5rem;--plasma-textfield-slider-info-wrapper-hint-target-size:2.375rem;--plasma-textfield-slider_old_hint-inner-label-placement-offset:0.82rem -2.938rem auto auto;--plasma-textfield-slider__slider-container-offset:-0.5rem;--plasma-textfield-slider__slider-track-height:0.25rem;--plasma-textfield-slider__slider-track-border-radius:0.5rem;--plasma-textfield-slider__slider-thumb-width:1rem;--plasma-textfield-slider__slider-thumb-border-width:0.063rem;--plasma-textfield-slider__scale-wrapper-offset:0.25rem;--plasma-textfield-slider__scale-wrapper-padding-top:0.25rem;--plasma-textfield-slider__scale-value-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-slider__scale-value-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-slider__scale-value-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-slider__scale-value-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-slider__scale-value-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-slider__scale-value-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-slider__scale-tick-size:0.5rem;}
|
|
9
|
+
.l3ln90o{--plasma-textfield-slider-height:3.5rem;--plasma-textfield-slider-border-radius:0.875rem;--plasma-textfield-slider-padding:1.0625rem 0;--plasma-textfield-slider__left-content-margin:-0.0625rem 0.5rem -0.0625rem -0.125rem;--plasma-textfield-slider__right-content-margin:-0.0625rem -0.125rem -0.0625rem 0.75rem;--plasma-textfield-slider__before-text-margin:0 0.25rem 0 0;--plasma-textfield-slider__after-text-margin:0 0 0 0.25rem;--plasma-textfield-slider-font-family:var(--plasma-typo-body-l-font-family);--plasma-textfield-slider-font-style:var(--plasma-typo-body-l-font-style);--plasma-textfield-slider-font-size:var(--plasma-typo-body-l-font-size);--plasma-textfield-slider-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-textfield-slider-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-textfield-slider-line-height:var(--plasma-typo-body-l-line-height);--plasma-textfield-slider__label-offset:0.25rem;--plasma-textfield-slider-placement_inner__label-padding:0.5625rem 0 0.125rem 0;--plasma-textfield-slider-placement_inner__content-padding:1.5625rem 0 0.5625rem 0;--plasma-textfield-slider__label-font-family:var(--plasma-typo-body-l-font-family);--plasma-textfield-slider__label-font-style:var(--plasma-typo-body-l-font-style);--plasma-textfield-slider__label-font-size:var(--plasma-typo-body-l-font-size);--plasma-textfield-slider__label-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-textfield-slider__label-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-textfield-slider__label-line-height:var(--plasma-typo-body-l-line-height);--plasma-textfield-slider-placement_inner__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-slider-placement_inner__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-slider-placement_inner__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-slider-placement_inner__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-slider-placement_inner__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-slider-placement_inner__label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-slider__title-caption-label-inner-offset:0.25rem;--plasma-textfield-slider__title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-slider__title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-slider__title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-slider__title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-slider__title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-slider__title-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-slider__indicator-size:0.5rem;--plasma-textfield-slider__indicator-size-outer:0.375rem;--plasma-textfield-slider__indicator-placement:0 0 0 0;--plasma-textfield-slider__indicator-placement-outer:0.5rem auto auto -0.75rem;--plasma-textfield-slider__indicator-placement-right:0 0 auto auto;--plasma-textfield-slider__indicator-placement-outer-right:0.25rem -0.625rem auto auto;--plasma-textfield-slider-info-wrapper-hint-margin:-0.688rem -0.5rem;--plasma-textfield-slider-info-wrapper-hint-target-size:2.375rem;--plasma-textfield-slider_old_hint-inner-label-placement-offset:0.563rem -2.938rem auto auto;--plasma-textfield-slider__slider-container-offset:-0.5rem;--plasma-textfield-slider__slider-track-height:0.25rem;--plasma-textfield-slider__slider-track-border-radius:0.5rem;--plasma-textfield-slider__slider-thumb-width:1rem;--plasma-textfield-slider__slider-thumb-border-width:0.063rem;--plasma-textfield-slider__scale-wrapper-offset:0.25rem;--plasma-textfield-slider__scale-wrapper-padding-top:0.25rem;--plasma-textfield-slider__scale-value-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-slider__scale-value-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-slider__scale-value-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-slider__scale-value-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-slider__scale-value-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-slider__scale-value-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-slider__scale-tick-size:0.5rem;}
|
|
10
|
+
.mup848i{--plasma-textfield-slider-height:3rem;--plasma-textfield-slider-border-radius:0.75rem;--plasma-textfield-slider-padding:0.875rem 0;--plasma-textfield-slider__left-content-margin:-0.125rem 0.375rem -0.125rem -0.125rem;--plasma-textfield-slider__right-content-margin:-0.125rem -0.125rem -0.125rem 0.75rem;--plasma-textfield-slider__before-text-margin:0 0.25rem 0 0;--plasma-textfield-slider__after-text-margin:0 0 0 0.25rem;--plasma-textfield-slider-font-family:var(--plasma-typo-body-m-font-family);--plasma-textfield-slider-font-style:var(--plasma-typo-body-m-font-style);--plasma-textfield-slider-font-size:var(--plasma-typo-body-m-font-size);--plasma-textfield-slider-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-textfield-slider-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-textfield-slider-line-height:var(--plasma-typo-body-m-line-height);--plasma-textfield-slider__label-offset:0.25rem;--plasma-textfield-slider-placement_inner__label-padding:0.375rem 0 0.125rem 0;--plasma-textfield-slider-placement_inner__content-padding:1.375rem 0 0.375rem 0;--plasma-textfield-slider__label-font-family:var(--plasma-typo-body-m-font-family);--plasma-textfield-slider__label-font-style:var(--plasma-typo-body-m-font-style);--plasma-textfield-slider__label-font-size:var(--plasma-typo-body-m-font-size);--plasma-textfield-slider__label-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-textfield-slider__label-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-textfield-slider__label-line-height:var(--plasma-typo-body-m-line-height);--plasma-textfield-slider-placement_inner__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-slider-placement_inner__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-slider-placement_inner__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-slider-placement_inner__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-slider-placement_inner__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-slider-placement_inner__label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-slider__title-caption-label-inner-offset:0.25rem;--plasma-textfield-slider__title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-slider__title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-slider__title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-slider__title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-slider__title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-slider__title-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-slider__indicator-size:0.5rem;--plasma-textfield-slider__indicator-size-outer:0.375rem;--plasma-textfield-slider__indicator-placement:0 0 0 0;--plasma-textfield-slider__indicator-placement-outer:0.375rem auto auto -0.75rem;--plasma-textfield-slider__indicator-placement-right:0 0 auto auto;--plasma-textfield-slider__indicator-placement-outer-right:0.25rem -0.6875rem auto auto;--plasma-textfield-slider-info-wrapper-hint-margin:-0.688rem -0.5rem;--plasma-textfield-slider-info-wrapper-hint-target-size:2.375rem;--plasma-textfield-slider_old_hint-inner-label-placement-offset:0.312rem -2.813rem auto auto;--plasma-textfield-slider__slider-container-offset:-0.5rem;--plasma-textfield-slider__slider-track-height:0.25rem;--plasma-textfield-slider__slider-track-border-radius:0.5rem;--plasma-textfield-slider__slider-thumb-width:1rem;--plasma-textfield-slider__slider-thumb-border-width:0.063rem;--plasma-textfield-slider__scale-wrapper-offset:0.25rem;--plasma-textfield-slider__scale-wrapper-padding-top:0.25rem;--plasma-textfield-slider__scale-value-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-slider__scale-value-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-slider__scale-value-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-slider__scale-value-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-slider__scale-value-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-slider__scale-value-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-slider__scale-tick-size:0.5rem;}
|
|
11
|
+
.s1dm8t4d{--plasma-textfield-slider-height:2.5rem;--plasma-textfield-slider-border-radius:0.625rem;--plasma-textfield-slider-padding:0.6875rem 0;--plasma-textfield-slider__left-content-margin:-0.1875rem 0.25rem -0.1875rem -0.125rem;--plasma-textfield-slider__right-content-margin:-0.1875rem -0.125rem -0.1875rem 0.75rem;--plasma-textfield-slider__before-text-margin:0 0.25rem 0 0;--plasma-textfield-slider__after-text-margin:0 0 0 0.25rem;--plasma-textfield-slider-font-family:var(--plasma-typo-body-s-font-family);--plasma-textfield-slider-font-style:var(--plasma-typo-body-s-font-style);--plasma-textfield-slider-font-size:var(--plasma-typo-body-s-font-size);--plasma-textfield-slider-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-textfield-slider-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-textfield-slider-line-height:var(--plasma-typo-body-s-line-height);--plasma-textfield-slider__label-offset:0.25rem;--plasma-textfield-slider-placement_inner__label-padding:0.3125rem 0 0 0;--plasma-textfield-slider-placement_inner__content-padding:1.0625rem 0 0.3125rem 0;--plasma-textfield-slider__label-font-family:var(--plasma-typo-body-s-font-family);--plasma-textfield-slider__label-font-style:var(--plasma-typo-body-s-font-style);--plasma-textfield-slider__label-font-size:var(--plasma-typo-body-s-font-size);--plasma-textfield-slider__label-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-textfield-slider__label-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-textfield-slider__label-line-height:var(--plasma-typo-body-s-line-height);--plasma-textfield-slider-placement_inner__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-slider-placement_inner__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-slider-placement_inner__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-slider-placement_inner__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-slider-placement_inner__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-slider-placement_inner__label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-slider__title-caption-label-inner-offset:0.25rem;--plasma-textfield-slider__title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-slider__title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-slider__title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-slider__title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-slider__title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-slider__title-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-slider__indicator-size:0.375rem;--plasma-textfield-slider__indicator-size-outer:0.375rem;--plasma-textfield-slider__indicator-placement:0 0 0 0;--plasma-textfield-slider__indicator-placement-outer:0.3125rem auto auto -0.6875rem;--plasma-textfield-slider__indicator-placement-right:0 0 auto auto;--plasma-textfield-slider__indicator-placement-outer-right:0.25rem -0.625rem auto auto;--plasma-textfield-slider-info-wrapper-hint-margin:-0.688rem -0.5rem;--plasma-textfield-slider-info-wrapper-hint-target-size:2.375rem;--plasma-textfield-slider_old_hint-inner-label-placement-offset:0.062rem -2.688rem auto auto;--plasma-textfield-slider__slider-container-offset:-0.5rem;--plasma-textfield-slider__slider-track-height:0.25rem;--plasma-textfield-slider__slider-track-border-radius:0.5rem;--plasma-textfield-slider__slider-thumb-width:1rem;--plasma-textfield-slider__slider-thumb-border-width:0.063rem;--plasma-textfield-slider__scale-wrapper-offset:0.25rem;--plasma-textfield-slider__scale-wrapper-padding-top:0.25rem;--plasma-textfield-slider__scale-value-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-slider__scale-value-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-slider__scale-value-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-slider__scale-value-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-slider__scale-value-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-slider__scale-value-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-slider__scale-tick-size:0.5rem;}
|
|
12
|
+
.xkiof4j{--plasma-textfield-slider-height:2rem;--plasma-textfield-slider-border-radius:0.5rem;--plasma-textfield-slider-padding:0.5625rem 0;--plasma-textfield-slider__left-content-margin:-0.0625rem 0.25rem -0.0625rem -0.125rem;--plasma-textfield-slider__right-content-margin:-0.0625rem -0.125rem -0.0625rem 0.75rem;--plasma-textfield-slider__before-text-margin:0 0.25rem 0 0;--plasma-textfield-slider__after-text-margin:0 0 0 0.25rem;--plasma-textfield-slider-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-slider-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-slider-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-slider-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-slider-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-slider-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-slider__label-offset:0.25rem;--plasma-textfield-slider-placement_inner__label-padding:0.3125rem 0 0 0;--plasma-textfield-slider-placement_inner__content-padding:1.0625rem 0 0.3125rem 0;--plasma-textfield-slider__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-slider__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-slider__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-slider__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-slider__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-slider__label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-slider-placement_inner__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-slider-placement_inner__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-slider-placement_inner__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-slider-placement_inner__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-slider-placement_inner__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-slider-placement_inner__label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-slider__title-caption-label-inner-offset:0.25rem;--plasma-textfield-slider__title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-slider__title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-slider__title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-slider__title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-slider__title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-slider__title-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-slider__indicator-size:0.375rem;--plasma-textfield-slider__indicator-size-outer:0.375rem;--plasma-textfield-slider__indicator-placement:0 0 0 0;--plasma-textfield-slider__indicator-placement-outer:0.25rem auto auto -0.625rem;--plasma-textfield-slider__indicator-placement-right:0 0 auto auto;--plasma-textfield-slider__indicator-placement-outer-right:0.125rem -0.6875rem auto auto;--plasma-textfield-slider-info-wrapper-hint-margin:-0.75rem -0.625rem -0.75rem -0.5rem;--plasma-textfield-slider-info-wrapper-hint-target-size:2.375rem;--plasma-textfield-slider_old_hint-inner-label-placement-offset:-0.188rem -2.1875rem auto auto;--plasma-textfield-slider__slider-container-offset:-0.5rem;--plasma-textfield-slider__slider-track-height:0.25rem;--plasma-textfield-slider__slider-track-border-radius:0.5rem;--plasma-textfield-slider__slider-thumb-width:1rem;--plasma-textfield-slider__slider-thumb-border-width:0.063rem;--plasma-textfield-slider__scale-wrapper-offset:0.25rem;--plasma-textfield-slider__scale-wrapper-padding-top:0.25rem;--plasma-textfield-slider__scale-value-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-slider__scale-value-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-slider__scale-value-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-slider__scale-value-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-slider__scale-value-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-slider__scale-value-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-slider__scale-tick-size:0.5rem;}
|
|
13
13
|
.d1unwqr9{--plasma-textfield-slider-hint-tooltip-background-color:var(--surface-solid-card-brightness,#262626FF);--plasma-textfield-slider-hint-tooltip-box-shadow:var(--shadow-down-hard-m,0px 16px 32px -8px #0000003D);--plasma-textfield-slider-hint-tooltip-color:var(--text-primary,#F5F5F5F5);--plasma-textfield-slider-hint-tooltip-arrow-background:var(--surface-solid-card-brightness,#262626FF);}
|
|
14
14
|
.m103d2j5{--plasma-textfield-slider-hint-tooltip-padding-top:0.6875rem;--plasma-textfield-slider-hint-tooltip-padding-right:0.875rem;--plasma-textfield-slider-hint-tooltip-padding-bottom:0.6875rem;--plasma-textfield-slider-hint-tooltip-padding-left:0.875rem;--plasma-textfield-slider-hint-tooltip-min-height:2.5rem;--plasma-textfield-slider-hint-tooltip-border-radius:0.625rem;--plasma-textfield-slider-hint-tooltip-text-font-family:var(--plasma-typo-body-s-font-family);--plasma-textfield-slider-hint-tooltip-text-font-size:var(--plasma-typo-body-s-font-size);--plasma-textfield-slider-hint-tooltip-text-font-style:var(--plasma-typo-body-s-font-style);--plasma-textfield-slider-hint-tooltip-text-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-textfield-slider-hint-tooltip-text-font-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-textfield-slider-hint-tooltip-text-font-line-height:var(--plasma-typo-body-s-line-height);--plasma-textfield-slider-hint-tooltip-content-left-margin:0.375rem;--plasma-textfield-slider-hint-tooltip-arrow-mask-width:1.25rem;--plasma-textfield-slider-hint-tooltip-arrow-mask-height:1.25rem;--plasma-textfield-slider-hint-tooltip-arrow-mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==");--plasma-textfield-slider-hint-tooltip-arrow-height:0.5rem;--plasma-textfield-slider-hint-tooltip-arrow-edge-margin:0.625rem;}
|
|
15
15
|
.s69nq0q{--plasma-textfield-slider-hint-tooltip-padding-top:0.5rem;--plasma-textfield-slider-hint-tooltip-padding-right:0.75rem;--plasma-textfield-slider-hint-tooltip-padding-bottom:0.5rem;--plasma-textfield-slider-hint-tooltip-padding-left:0.75rem;--plasma-textfield-slider-hint-tooltip-min-height:2rem;--plasma-textfield-slider-hint-tooltip-border-radius:0.5rem;--plasma-textfield-slider-hint-tooltip-text-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textfield-slider-hint-tooltip-text-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textfield-slider-hint-tooltip-text-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textfield-slider-hint-tooltip-text-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textfield-slider-hint-tooltip-text-font-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textfield-slider-hint-tooltip-text-font-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textfield-slider-hint-tooltip-content-left-margin:0.25rem;--plasma-textfield-slider-hint-tooltip-arrow-mask-width:1rem;--plasma-textfield-slider-hint-tooltip-arrow-mask-height:1rem;--plasma-textfield-slider-hint-tooltip-arrow-mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+");--plasma-textfield-slider-hint-tooltip-arrow-height:0.375rem;--plasma-textfield-slider-hint-tooltip-arrow-edge-margin:0.5625rem;}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextFieldSlider.config.js","sources":["../../../../../src-css/components/TextFieldSlider/TextFieldSlider.config.ts"],"sourcesContent":["import { css, textFieldSliderTokens as tokens } from '@salutejs/plasma-new-hope/css';\nimport {\n bodyL,\n bodyM,\n bodyS,\n bodyXS,\n onLightSurfaceSolidCard,\n onLightSurfaceTransparentTertiary,\n shadowDownHardM,\n surfaceAccent,\n surfaceAccentGradient,\n surfaceNegative,\n surfaceSolidCardBrightness,\n surfaceSolidDefault,\n surfaceSolidTertiary,\n surfaceTransparentNegative,\n surfaceTransparentNegativeActive,\n surfaceTransparentPositive,\n surfaceTransparentPositiveActive,\n surfaceTransparentPrimary,\n surfaceTransparentPrimaryActive,\n surfaceTransparentSecondary,\n surfaceTransparentTertiary,\n surfaceTransparentWarning,\n surfaceTransparentWarningActive,\n textAccent,\n textNegative,\n textPrimary,\n textSecondary,\n textSecondaryActive,\n textSecondaryHover,\n textTertiary,\n} from '@salutejs/sdds-themes/tokens/sdds_bizcom';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n sliderView: 'default',\n },\n variations: {\n view: {\n default: css`\n ${tokens.textFieldColor}: ${textPrimary};\n ${tokens.textFieldPlaceholderColor}: ${textSecondary};\n ${tokens.textFieldPlaceholderColorFocus}: ${textTertiary};\n ${tokens.textFieldCaretColor}: ${textAccent};\n\n ${tokens.textFieldErrorColor}: ${textNegative};\n ${tokens.textFieldBackgroundErrorColor}: ${surfaceTransparentNegative};\n\n ${tokens.textFieldBackgroundColor}: ${surfaceTransparentPrimary};\n ${tokens.textFieldBackgroundColorHover}: ${surfaceTransparentPrimaryActive};\n ${tokens.textFieldBackgroundColorFocus}: ${surfaceTransparentSecondary};\n\n ${tokens.textFieldBorderColor}: ${surfaceTransparentTertiary};\n ${tokens.textFieldBorderColorHover}: ${textSecondary};\n ${tokens.textFieldBorderColorFocus}: ${surfaceAccent};\n\n ${tokens.labelColor}: ${textPrimary};\n ${tokens.titleCaptionColor}: ${textSecondary};\n ${tokens.optionalColor}: ${textTertiary};\n\n ${tokens.labelInnerFontFamily}: ${bodyXS.fontFamily};\n ${tokens.labelInnerFontSize}: ${bodyXS.fontSize};\n ${tokens.labelInnerFontStyle}: ${bodyXS.fontStyle};\n ${tokens.labelInnerFontWeight}: ${bodyXS.fontWeight};\n ${tokens.labelInnerLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.labelInnerLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.indicatorColor}: ${surfaceNegative};\n ${tokens.hintIconColor}: ${textSecondary};\n\n ${tokens.textFieldTextBeforeColor}: ${textTertiary};\n ${tokens.textFieldTextAfterColor}: ${textTertiary};\n\n ${tokens.textFieldFocusColor}: ${textAccent};\n\n ${tokens.textFieldContentSlotColor}: ${textSecondary};\n ${tokens.textFieldContentSlotColorHover}: ${textSecondaryHover};\n ${tokens.textFieldContentSlotColorActive}: ${textSecondaryActive};\n\n ${tokens.textFieldContentRightSlotColor}: ${textSecondary};\n ${tokens.textFieldContentRightSlotColorHover}: ${textSecondaryHover};\n ${tokens.textFieldContentRightSlotColorActive}: ${textSecondaryActive};\n\n ${tokens.sliderTrackBackground}: ${surfaceSolidTertiary};\n ${tokens.sliderThumbBackground}: ${onLightSurfaceSolidCard};\n ${tokens.sliderThumbBorderBoxShadow}: 0 0 0 0.063rem ${onLightSurfaceTransparentTertiary};\n ${tokens.sliderThumbBorderBoxShadowFocus}: 0 0 0 0.063rem ${surfaceSolidDefault};\n\n ${tokens.scaleValueColor}: ${textSecondary};\n ${tokens.scaleTickDotColor}: ${surfaceSolidTertiary};\n `,\n positive: css`\n ${tokens.textFieldColor}: ${textPrimary};\n ${tokens.textFieldPlaceholderColor}: ${textSecondary};\n ${tokens.textFieldPlaceholderColorFocus}: ${textTertiary};\n ${tokens.textFieldCaretColor}: ${textAccent};\n\n ${tokens.textFieldErrorColor}: ${textNegative};\n ${tokens.textFieldBackgroundErrorColor}: ${surfaceTransparentNegative};\n\n ${tokens.textFieldBackgroundColor}: ${surfaceTransparentPositive};\n ${tokens.textFieldBackgroundColorHover}: ${surfaceTransparentPositiveActive};\n ${tokens.textFieldBackgroundColorFocus}: ${surfaceTransparentPositiveActive};\n\n ${tokens.labelColor}: ${textPrimary};\n ${tokens.titleCaptionColor}: ${textSecondary};\n ${tokens.optionalColor}: ${textTertiary};\n\n ${tokens.labelInnerFontFamily}: ${bodyXS.fontFamily};\n ${tokens.labelInnerFontSize}: ${bodyXS.fontSize};\n ${tokens.labelInnerFontStyle}: ${bodyXS.fontStyle};\n ${tokens.labelInnerFontWeight}: ${bodyXS.fontWeight};\n ${tokens.labelInnerLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.labelInnerLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.indicatorColor}: ${surfaceNegative};\n ${tokens.hintIconColor}: ${textSecondary};\n\n ${tokens.textFieldTextBeforeColor}: ${textTertiary};\n ${tokens.textFieldTextAfterColor}: ${textTertiary};\n\n ${tokens.textFieldFocusColor}: ${textAccent};\n\n ${tokens.textFieldContentSlotColor}: ${textSecondary};\n ${tokens.textFieldContentSlotColorHover}: ${textSecondaryHover};\n ${tokens.textFieldContentSlotColorActive}: ${textSecondaryActive};\n\n ${tokens.textFieldContentRightSlotColor}: ${textSecondary};\n ${tokens.textFieldContentRightSlotColorHover}: ${textSecondaryHover};\n ${tokens.textFieldContentRightSlotColorActive}: ${textSecondaryActive};\n\n ${tokens.sliderTrackBackground}: ${surfaceSolidTertiary};\n ${tokens.sliderThumbBackground}: ${onLightSurfaceSolidCard};\n ${tokens.sliderThumbBorderBoxShadow}: 0 0 0 0.063rem ${onLightSurfaceTransparentTertiary};\n ${tokens.sliderThumbBorderBoxShadowFocus}: 0 0 0 0.063rem ${surfaceSolidDefault};\n\n ${tokens.scaleValueColor}: ${textSecondary};\n ${tokens.scaleTickDotColor}: ${surfaceSolidTertiary};\n `,\n warning: css`\n ${tokens.textFieldColor}: ${textPrimary};\n ${tokens.textFieldPlaceholderColor}: ${textSecondary};\n ${tokens.textFieldPlaceholderColorFocus}: ${textTertiary};\n ${tokens.textFieldCaretColor}: ${textAccent};\n\n ${tokens.textFieldErrorColor}: ${textNegative};\n ${tokens.textFieldBackgroundErrorColor}: ${surfaceTransparentNegative};\n\n ${tokens.textFieldBackgroundColor}: ${surfaceTransparentWarning};\n ${tokens.textFieldBackgroundColorHover}: ${surfaceTransparentWarningActive};\n ${tokens.textFieldBackgroundColorFocus}: ${surfaceTransparentWarningActive};\n\n ${tokens.labelColor}: ${textPrimary};\n ${tokens.titleCaptionColor}: ${textSecondary};\n ${tokens.optionalColor}: ${textTertiary};\n\n ${tokens.labelInnerFontFamily}: ${bodyXS.fontFamily};\n ${tokens.labelInnerFontSize}: ${bodyXS.fontSize};\n ${tokens.labelInnerFontStyle}: ${bodyXS.fontStyle};\n ${tokens.labelInnerFontWeight}: ${bodyXS.fontWeight};\n ${tokens.labelInnerLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.labelInnerLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.indicatorColor}: ${surfaceNegative};\n ${tokens.hintIconColor}: ${textSecondary};\n\n ${tokens.textFieldTextBeforeColor}: ${textTertiary};\n ${tokens.textFieldTextAfterColor}: ${textTertiary};\n\n ${tokens.textFieldFocusColor}: ${textAccent};\n\n ${tokens.textFieldContentSlotColor}: ${textSecondary};\n ${tokens.textFieldContentSlotColorHover}: ${textSecondaryHover};\n ${tokens.textFieldContentSlotColorActive}: ${textSecondaryActive};\n\n ${tokens.textFieldContentRightSlotColor}: ${textSecondary};\n ${tokens.textFieldContentRightSlotColorHover}: ${textSecondaryHover};\n ${tokens.textFieldContentRightSlotColorActive}: ${textSecondaryActive};\n\n ${tokens.sliderTrackBackground}: ${surfaceSolidTertiary};\n ${tokens.sliderThumbBackground}: ${onLightSurfaceSolidCard};\n ${tokens.sliderThumbBorderBoxShadow}: 0 0 0 0.063rem ${onLightSurfaceTransparentTertiary};\n ${tokens.sliderThumbBorderBoxShadowFocus}: 0 0 0 0.063rem ${surfaceSolidDefault};\n\n ${tokens.scaleValueColor}: ${textSecondary};\n ${tokens.scaleTickDotColor}: ${surfaceSolidTertiary};\n `,\n negative: css`\n ${tokens.textFieldColor}: ${textPrimary};\n ${tokens.textFieldPlaceholderColor}: ${textSecondary};\n ${tokens.textFieldPlaceholderColorFocus}: ${textTertiary};\n ${tokens.textFieldCaretColor}: ${textAccent};\n\n ${tokens.textFieldErrorColor}: ${textNegative};\n ${tokens.textFieldBackgroundErrorColor}: ${surfaceTransparentNegative};\n\n ${tokens.textFieldBackgroundColor}: ${surfaceTransparentNegative};\n ${tokens.textFieldBackgroundColorHover}: ${surfaceTransparentNegativeActive};\n ${tokens.textFieldBackgroundColorFocus}: ${surfaceTransparentNegativeActive};\n\n ${tokens.labelColor}: ${textPrimary};\n ${tokens.titleCaptionColor}: ${textSecondary};\n ${tokens.optionalColor}: ${textTertiary};\n\n ${tokens.labelInnerFontFamily}: ${bodyXS.fontFamily};\n ${tokens.labelInnerFontSize}: ${bodyXS.fontSize};\n ${tokens.labelInnerFontStyle}: ${bodyXS.fontStyle};\n ${tokens.labelInnerFontWeight}: ${bodyXS.fontWeight};\n ${tokens.labelInnerLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.labelInnerLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.indicatorColor}: ${surfaceNegative};\n ${tokens.hintIconColor}: ${textSecondary};\n\n ${tokens.textFieldTextBeforeColor}: ${textTertiary};\n ${tokens.textFieldTextAfterColor}: ${textTertiary};\n\n ${tokens.textFieldFocusColor}: ${textAccent};\n\n ${tokens.textFieldContentSlotColor}: ${textSecondary};\n ${tokens.textFieldContentSlotColorHover}: ${textSecondaryHover};\n ${tokens.textFieldContentSlotColorActive}: ${textSecondaryActive};\n\n ${tokens.textFieldContentRightSlotColor}: ${textSecondary};\n ${tokens.textFieldContentRightSlotColorHover}: ${textSecondaryHover};\n ${tokens.textFieldContentRightSlotColorActive}: ${textSecondaryActive};\n\n ${tokens.sliderTrackBackground}: ${surfaceSolidTertiary};\n ${tokens.sliderThumbBackground}: ${onLightSurfaceSolidCard};\n ${tokens.sliderThumbBorderBoxShadow}: 0 0 0 0.063rem ${onLightSurfaceTransparentTertiary};\n ${tokens.sliderThumbBorderBoxShadowFocus}: 0 0 0 0.063rem ${surfaceSolidDefault};\n\n ${tokens.scaleValueColor}: ${textSecondary};\n ${tokens.scaleTickDotColor}: ${surfaceSolidTertiary};\n `,\n },\n sliderView: {\n default: css`\n ${tokens.sliderProgressBackground}: ${surfaceSolidDefault};\n ${tokens.scaleTickDotFilledColor}: ${surfaceSolidDefault};\n `,\n accent: css`\n ${tokens.sliderProgressBackground}: ${surfaceAccent};\n ${tokens.scaleTickDotFilledColor}: ${surfaceAccent};\n `,\n gradient: css`\n ${tokens.sliderProgressBackground}: ${surfaceAccentGradient};\n ${tokens.scaleTickDotFilledColor}: ${surfaceAccentGradient};\n `,\n },\n size: {\n xl: css`\n ${tokens.textFieldHeight}: 4rem;\n ${tokens.textFieldBorderRadius}: 1rem;\n ${tokens.textFieldPadding}: 1.3125rem 1.125rem;\n\n ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.5rem -0.0625rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.textFieldFontFamily}: ${bodyL.fontFamily};\n ${tokens.textFieldFontStyle}: ${bodyL.fontStyle};\n ${tokens.textFieldFontSize}: ${bodyL.fontSize};\n ${tokens.textFieldFontWeight}: ${bodyL.fontWeight};\n ${tokens.textFieldLetterSpacing}: ${bodyL.letterSpacing};\n ${tokens.textFieldLineHeight}: ${bodyL.lineHeight};\n\n ${tokens.labelOffset}: 0.75rem;\n ${tokens.labelInnerPadding}: 0.8125rem 0 0.125rem 0;\n ${tokens.contentLabelInnerPadding}: 1.813rem 0 0.813rem 0;\n\n ${tokens.labelFontFamily}: ${bodyL.fontFamily};\n ${tokens.labelFontStyle}: ${bodyL.fontStyle};\n ${tokens.labelFontSize}: ${bodyL.fontSize};\n ${tokens.labelFontWeight}: ${bodyL.fontWeight};\n ${tokens.labelLetterSpacing}: ${bodyL.letterSpacing};\n ${tokens.labelLineHeight}: ${bodyL.lineHeight};\n\n ${tokens.labelInnerFontFamily}: ${bodyXS.fontFamily};\n ${tokens.labelInnerFontSize}: ${bodyXS.fontSize};\n ${tokens.labelInnerFontStyle}: ${bodyXS.fontStyle};\n ${tokens.labelInnerFontWeight}: ${bodyXS.fontWeight};\n ${tokens.labelInnerLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.labelInnerLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n ${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};\n ${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};\n ${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};\n ${tokens.titleCaptionFontWeight}: ${bodyXS.fontWeight};\n ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.indicatorSize}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.5rem auto auto -0.75rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.25rem -0.625rem auto auto;\n\n ${tokens.hintMargin}: -0.688rem -0.5rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintInnerLabelPlacementOffset}: 0.82rem -2.938rem auto auto;\n\n ${tokens.sliderContainerOffset}: 0.25rem;\n\n ${tokens.sliderTrackHeight}: 0.25rem;\n ${tokens.sliderTrackBorderRadius}: 100%;\n ${tokens.sliderThumbSize}: 1rem;\n\n ${tokens.scaleWrapperOffset}: 0.25rem;\n ${tokens.scaleWrapperPaddingTop}: 0.25rem;\n\n ${tokens.scaleValueFontSize}: ${bodyXS.fontSize};\n ${tokens.scaleValueFontFamily}: ${bodyXS.fontFamily};\n ${tokens.scaleValueFontStyle}: ${bodyXS.fontStyle};\n ${tokens.scaleValueFontWeight}: ${bodyXS.fontWeight};\n ${tokens.scaleValueLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.scaleValueLineHeight}: ${bodyXS.lineHeight};\n ${tokens.scaleTickSize}: 0.5rem;\n `,\n l: css`\n ${tokens.textFieldHeight}: 3.5rem;\n ${tokens.textFieldBorderRadius}: 0.875rem;\n ${tokens.textFieldPadding}: 1.0625rem 1.125rem 1.0625rem 1.125rem;\n\n ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.5rem -0.0625rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.textFieldFontFamily}: ${bodyL.fontFamily};\n ${tokens.textFieldFontStyle}: ${bodyL.fontStyle};\n ${tokens.textFieldFontSize}: ${bodyL.fontSize};\n ${tokens.textFieldFontWeight}: ${bodyL.fontWeight};\n ${tokens.textFieldLetterSpacing}: ${bodyL.letterSpacing};\n ${tokens.textFieldLineHeight}: ${bodyL.lineHeight};\n\n ${tokens.labelOffset}: 0.75rem;\n ${tokens.labelInnerPadding}: 0.5625rem 0 0.125rem 0;\n ${tokens.contentLabelInnerPadding}: 1.5625rem 0 0.5625rem 0;\n\n ${tokens.labelFontFamily}: ${bodyL.fontFamily};\n ${tokens.labelFontStyle}: ${bodyL.fontStyle};\n ${tokens.labelFontSize}: ${bodyL.fontSize};\n ${tokens.labelFontWeight}: ${bodyL.fontWeight};\n ${tokens.labelLetterSpacing}: ${bodyL.letterSpacing};\n ${tokens.labelLineHeight}: ${bodyL.lineHeight};\n\n ${tokens.labelInnerFontFamily}: ${bodyXS.fontFamily};\n ${tokens.labelInnerFontSize}: ${bodyXS.fontSize};\n ${tokens.labelInnerFontStyle}: ${bodyXS.fontStyle};\n ${tokens.labelInnerFontWeight}: ${bodyXS.fontWeight};\n ${tokens.labelInnerLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.labelInnerLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n ${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};\n ${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};\n ${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};\n ${tokens.titleCaptionFontWeight}: ${bodyXS.fontWeight};\n ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.indicatorSize}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.5rem auto auto -0.75rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.25rem -0.625rem auto auto;\n\n ${tokens.hintMargin}: -0.688rem -0.5rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;\n\n ${tokens.sliderContainerOffset}: 0.25rem;\n\n ${tokens.sliderTrackHeight}: 0.25rem;\n ${tokens.sliderTrackBorderRadius}: 100%;\n ${tokens.sliderThumbSize}: 1rem;\n\n ${tokens.scaleWrapperOffset}: 0.25rem;\n ${tokens.scaleWrapperPaddingTop}: 0.25rem;\n\n ${tokens.scaleValueFontSize}: ${bodyXS.fontSize};\n ${tokens.scaleValueFontFamily}: ${bodyXS.fontFamily};\n ${tokens.scaleValueFontStyle}: ${bodyXS.fontStyle};\n ${tokens.scaleValueFontWeight}: ${bodyXS.fontWeight};\n ${tokens.scaleValueLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.scaleValueLineHeight}: ${bodyXS.lineHeight};\n ${tokens.scaleTickSize}: 0.5rem;\n `,\n m: css`\n ${tokens.textFieldHeight}: 3rem;\n ${tokens.textFieldBorderRadius}: 0.75rem;\n ${tokens.textFieldPadding}: 0.875rem 1rem;\n\n ${tokens.textFieldLeftContentMargin}: -0.125rem 0.375rem -0.125rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.125rem -0.125rem -0.125rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.textFieldFontFamily}: ${bodyM.fontFamily};\n ${tokens.textFieldFontStyle}: ${bodyM.fontStyle};\n ${tokens.textFieldFontSize}: ${bodyM.fontSize};\n ${tokens.textFieldFontWeight}: ${bodyM.fontWeight};\n ${tokens.textFieldLetterSpacing}: ${bodyM.letterSpacing};\n ${tokens.textFieldLineHeight}: ${bodyM.lineHeight};\n\n ${tokens.labelOffset}: 0.625rem;\n ${tokens.labelInnerPadding}: 0.375rem 0 0.125rem 0;\n ${tokens.contentLabelInnerPadding}: 1.375rem 0 0.375rem 0;\n\n ${tokens.labelFontFamily}: ${bodyM.fontFamily};\n ${tokens.labelFontStyle}: ${bodyM.fontStyle};\n ${tokens.labelFontSize}: ${bodyM.fontSize};\n ${tokens.labelFontWeight}: ${bodyM.fontWeight};\n ${tokens.labelLetterSpacing}: ${bodyM.letterSpacing};\n ${tokens.labelLineHeight}: ${bodyM.lineHeight};\n\n ${tokens.labelInnerFontFamily}: ${bodyXS.fontFamily};\n ${tokens.labelInnerFontSize}: ${bodyXS.fontSize};\n ${tokens.labelInnerFontStyle}: ${bodyXS.fontStyle};\n ${tokens.labelInnerFontWeight}: ${bodyXS.fontWeight};\n ${tokens.labelInnerLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.labelInnerLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n ${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};\n ${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};\n ${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};\n ${tokens.titleCaptionFontWeight}: ${bodyXS.fontWeight};\n ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.indicatorSize}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.375rem auto auto -0.75rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.25rem -0.6875rem auto auto;\n\n ${tokens.hintMargin}: -0.688rem -0.5rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;\n\n ${tokens.sliderContainerOffset}: 0.25rem;\n\n ${tokens.sliderTrackHeight}: 0.25rem;\n ${tokens.sliderTrackBorderRadius}: 100%;\n ${tokens.sliderThumbSize}: 1rem;\n\n ${tokens.scaleWrapperOffset}: 0.25rem;\n ${tokens.scaleWrapperPaddingTop}: 0.25rem;\n\n ${tokens.scaleValueFontSize}: ${bodyXS.fontSize};\n ${tokens.scaleValueFontFamily}: ${bodyXS.fontFamily};\n ${tokens.scaleValueFontStyle}: ${bodyXS.fontStyle};\n ${tokens.scaleValueFontWeight}: ${bodyXS.fontWeight};\n ${tokens.scaleValueLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.scaleValueLineHeight}: ${bodyXS.lineHeight};\n ${tokens.scaleTickSize}: 0.5rem;\n `,\n s: css`\n ${tokens.textFieldHeight}: 2.5rem;\n ${tokens.textFieldBorderRadius}: 0.625rem;\n ${tokens.textFieldPadding}: 0.6875rem 0.875rem;\n\n ${tokens.textFieldLeftContentMargin}: -0.1875rem 0.25rem -0.1875rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.1875rem -0.125rem -0.1875rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.textFieldFontFamily}: ${bodyS.fontFamily};\n ${tokens.textFieldFontStyle}: ${bodyS.fontStyle};\n ${tokens.textFieldFontSize}: ${bodyS.fontSize};\n ${tokens.textFieldFontWeight}: ${bodyS.fontWeight};\n ${tokens.textFieldLetterSpacing}: ${bodyS.letterSpacing};\n ${tokens.textFieldLineHeight}: ${bodyS.lineHeight};\n\n ${tokens.labelOffset}: 0.5rem;\n ${tokens.labelInnerPadding}: 0.3125rem 0 0 0;\n ${tokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;\n\n ${tokens.labelFontFamily}: ${bodyS.fontFamily};\n ${tokens.labelFontStyle}: ${bodyS.fontStyle};\n ${tokens.labelFontSize}: ${bodyS.fontSize};\n ${tokens.labelFontWeight}: ${bodyS.fontWeight};\n ${tokens.labelLetterSpacing}: ${bodyS.letterSpacing};\n ${tokens.labelLineHeight}: ${bodyS.lineHeight};\n\n ${tokens.labelInnerFontFamily}: ${bodyXS.fontFamily};\n ${tokens.labelInnerFontSize}: ${bodyXS.fontSize};\n ${tokens.labelInnerFontStyle}: ${bodyXS.fontStyle};\n ${tokens.labelInnerFontWeight}: ${bodyXS.fontWeight};\n ${tokens.labelInnerLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.labelInnerLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n ${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};\n ${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};\n ${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};\n ${tokens.titleCaptionFontWeight}: ${bodyXS.fontWeight};\n ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.indicatorSize}: 0.375rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.3125rem auto auto -0.6875rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.25rem -0.625rem auto auto;\n\n ${tokens.hintMargin}: -0.688rem -0.5rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;\n\n ${tokens.sliderContainerOffset}: 0.25rem;\n\n ${tokens.sliderTrackHeight}: 0.25rem;\n ${tokens.sliderTrackBorderRadius}: 100%;\n ${tokens.sliderThumbSize}: 1rem;\n\n ${tokens.scaleWrapperOffset}: 0.25rem;\n ${tokens.scaleWrapperPaddingTop}: 0.25rem;\n\n ${tokens.scaleValueFontSize}: ${bodyXS.fontSize};\n ${tokens.scaleValueFontFamily}: ${bodyXS.fontFamily};\n ${tokens.scaleValueFontStyle}: ${bodyXS.fontStyle};\n ${tokens.scaleValueFontWeight}: ${bodyXS.fontWeight};\n ${tokens.scaleValueLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.scaleValueLineHeight}: ${bodyXS.lineHeight};\n ${tokens.scaleTickSize}: 0.5rem;\n `,\n xs: css`\n ${tokens.textFieldHeight}: 2rem;\n ${tokens.textFieldBorderRadius}: 0.5rem;\n ${tokens.textFieldPadding}: 0.5625rem 0.625rem;\n\n ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.25rem -0.0625rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.textFieldFontFamily}: ${bodyXS.fontFamily};\n ${tokens.textFieldFontStyle}: ${bodyXS.fontStyle};\n ${tokens.textFieldFontSize}: ${bodyXS.fontSize};\n ${tokens.textFieldFontWeight}: ${bodyXS.fontWeight};\n ${tokens.textFieldLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.textFieldLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.labelOffset}: 0.375rem;\n ${tokens.labelInnerPadding}: 0.3125rem 0 0 0;\n ${tokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;\n\n ${tokens.labelFontFamily}: ${bodyXS.fontFamily};\n ${tokens.labelFontStyle}: ${bodyXS.fontStyle};\n ${tokens.labelFontSize}: ${bodyXS.fontSize};\n ${tokens.labelFontWeight}: ${bodyXS.fontWeight};\n ${tokens.labelLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.labelLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.labelInnerFontFamily}: ${bodyXS.fontFamily};\n ${tokens.labelInnerFontSize}: ${bodyXS.fontSize};\n ${tokens.labelInnerFontStyle}: ${bodyXS.fontStyle};\n ${tokens.labelInnerFontWeight}: ${bodyXS.fontWeight};\n ${tokens.labelInnerLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.labelInnerLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n ${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};\n ${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};\n ${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};\n ${tokens.titleCaptionFontWeight}: ${bodyXS.fontWeight};\n ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.indicatorSize}: 0.375rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.25rem auto auto -0.625rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.125rem -0.6875rem auto auto;\n\n ${tokens.hintMargin}: -0.75rem -0.625rem -0.75rem -0.5rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;\n\n ${tokens.sliderContainerOffset}: 0.25rem;\n\n ${tokens.sliderTrackHeight}: 0.25rem;\n ${tokens.sliderTrackBorderRadius}: 100%;\n ${tokens.sliderThumbSize}: 1rem;\n\n ${tokens.scaleWrapperOffset}: 0.25rem;\n ${tokens.scaleWrapperPaddingTop}: 0.25rem;\n\n ${tokens.scaleValueFontSize}: ${bodyXS.fontSize};\n ${tokens.scaleValueFontFamily}: ${bodyXS.fontFamily};\n ${tokens.scaleValueFontStyle}: ${bodyXS.fontStyle};\n ${tokens.scaleValueFontWeight}: ${bodyXS.fontWeight};\n ${tokens.scaleValueLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.scaleValueLineHeight}: ${bodyXS.lineHeight};\n ${tokens.scaleTickSize}: 0.5rem;\n `,\n },\n hintView: {\n default: css`\n ${tokens.hintTooltipBackgroundColor}: ${surfaceSolidCardBrightness};\n ${tokens.hintTooltipBoxShadow}: ${shadowDownHardM};\n ${tokens.hintTooltipColor}: ${textPrimary};\n ${tokens.hintTooltipArrowBackground}: ${surfaceSolidCardBrightness};\n `,\n },\n hintSize: {\n m: css`\n ${tokens.hintTooltipPaddingTop}: 0.6875rem;\n ${tokens.hintTooltipPaddingRight}: 0.875rem;\n ${tokens.hintTooltipPaddingBottom}: 0.6875rem;\n ${tokens.hintTooltipPaddingLeft}: 0.875rem;\n\n ${tokens.hintTooltipMinHeight}: 2.5rem;\n ${tokens.hintTooltipBorderRadius}: 0.625rem;\n\n ${tokens.hintTooltipTextFontFamily}: ${bodyS.fontFamily};\n ${tokens.hintTooltipTextFontSize}: ${bodyS.fontSize};\n ${tokens.hintTooltipTextFontStyle}: ${bodyS.fontStyle};\n ${tokens.hintTooltipTextFontWeight}: ${bodyS.fontWeight};\n ${tokens.hintTooltipTextFontLetterSpacing}: ${bodyS.letterSpacing};\n ${tokens.hintTooltipTextFontLineHeight}: ${bodyS.lineHeight};\n\n ${tokens.hintTooltipContentLeftMargin}: 0.375rem;\n\n ${tokens.hintTooltipArrowMaskWidth}: 1.25rem;\n ${tokens.hintTooltipArrowMaskHeight}: 1.25rem;\n ${tokens.hintTooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==\");\n ${tokens.hintTooltipArrowHeight}: 0.5rem;\n ${tokens.hintTooltipArrowEdgeMargin}: 0.625rem;\n `,\n s: css`\n ${tokens.hintTooltipPaddingTop}: 0.5rem;\n ${tokens.hintTooltipPaddingRight}: 0.75rem;\n ${tokens.hintTooltipPaddingBottom}: 0.5rem;\n ${tokens.hintTooltipPaddingLeft}: 0.75rem;\n\n ${tokens.hintTooltipMinHeight}: 2rem;\n ${tokens.hintTooltipBorderRadius}: 0.5rem;\n\n ${tokens.hintTooltipTextFontFamily}: ${bodyXS.fontFamily};\n ${tokens.hintTooltipTextFontSize}: ${bodyXS.fontSize};\n ${tokens.hintTooltipTextFontStyle}: ${bodyXS.fontStyle};\n ${tokens.hintTooltipTextFontWeight}: ${bodyXS.fontWeight};\n ${tokens.hintTooltipTextFontLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.hintTooltipTextFontLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.hintTooltipContentLeftMargin}: 0.25rem;\n\n ${tokens.hintTooltipArrowMaskWidth}: 1rem;\n ${tokens.hintTooltipArrowMaskHeight}: 1rem;\n ${tokens.hintTooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");\n ${tokens.hintTooltipArrowHeight}: 0.375rem;\n ${tokens.hintTooltipArrowEdgeMargin}: 0.5625rem;\n `,\n },\n disabled: {\n true: css`\n ${tokens.disabledOpacity}: 0.4;\n `,\n },\n readOnly: {\n true: css`\n ${tokens.labelColorReadOnly}: ${textPrimary};\n\n ${tokens.textFieldColorReadOnly}: ${textPrimary};\n ${tokens.textFieldBackgroundColorReadOnly}: ${surfaceTransparentPrimary};\n ${tokens.textFieldBorderColorReadOnly}: ${surfaceTransparentPrimary};\n ${tokens.textFieldPlaceholderColorReadOnly}: ${textSecondary};\n\n ${tokens.textFieldContentSlotRightOpacityReadOnly}: 0.4;\n ${tokens.textFieldReadOnlyOpacity}: 0.1;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","sliderView","variations","default","positive","warning","negative","accent","gradient","xl","l","m","s","xs","hintView","hintSize","disabled","true","readOnly"],"mappings":";;;;AAkCO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,UAAU,EAAE;GACf;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,SAAAA,EAAO,UAmDN;AACDC,MAAAA,QAAQ,EAAA,SA+CP;AACDC,MAAAA,OAAO,EAAA,UA+CN;AACDC,MAAAA,QAAQ,EAAA;KAgDX;AACDL,IAAAA,UAAU,EAAE;AACRE,MAAAA,SAAAA,EAAO,UAGN;AACDI,MAAAA,MAAM,EAAA,UAGL;AACDC,MAAAA,QAAQ,EAAA;KAIX;AACDR,IAAAA,IAAI,EAAE;AACFS,MAAAA,EAAE,EAAA,SAsED;AACDC,MAAAA,CAAC,EAAA,SAsEA;AACDC,MAAAA,CAAC,EAAA,UAsEA;AACDC,MAAAA,CAAC,EAAA,UAsEA;AACDC,MAAAA,EAAE,EAAA;KAuEL;AACDC,IAAAA,QAAQ,EAAE;MACNX,SAAAA,EAAO;KAMV;AACDY,IAAAA,QAAQ,EAAE;AACNJ,MAAAA,CAAC,EAAA,SAuBA;AACDC,MAAAA,CAAC,EAAA;KAwBJ;AACDI,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAAA,EAAI;AAWR;AACJ;AACJ;;;;"}
|
|
1
|
+
{"version":3,"file":"TextFieldSlider.config.js","sources":["../../../../../src-css/components/TextFieldSlider/TextFieldSlider.config.ts"],"sourcesContent":["import { css, textFieldSliderTokens as tokens } from '@salutejs/plasma-new-hope/css';\nimport {\n bodyL,\n bodyM,\n bodyS,\n bodyXS,\n onLightSurfaceSolidCard,\n onLightSurfaceTransparentTertiary,\n shadowDownHardM,\n surfaceAccent,\n surfaceAccentGradient,\n surfaceNegative,\n surfaceSolidCardBrightness,\n surfaceSolidDefault,\n surfaceSolidTertiary,\n surfaceTransparentNegative,\n surfaceTransparentNegativeActive,\n surfaceTransparentPositive,\n surfaceTransparentPositiveActive,\n surfaceTransparentPrimary,\n surfaceTransparentPrimaryActive,\n surfaceTransparentSecondary,\n surfaceTransparentTertiary,\n surfaceTransparentWarning,\n surfaceTransparentWarningActive,\n textAccent,\n textNegative,\n textPrimary,\n textSecondary,\n textSecondaryActive,\n textSecondaryHover,\n textTertiary,\n} from '@salutejs/sdds-themes/tokens/sdds_bizcom';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n sliderView: 'default',\n },\n variations: {\n view: {\n default: css`\n ${tokens.textFieldColor}: ${textPrimary};\n ${tokens.textFieldPlaceholderColor}: ${textSecondary};\n ${tokens.textFieldPlaceholderColorFocus}: ${textTertiary};\n ${tokens.textFieldCaretColor}: ${textAccent};\n\n ${tokens.textFieldErrorColor}: ${textNegative};\n ${tokens.textFieldBackgroundErrorColor}: ${surfaceTransparentNegative};\n\n ${tokens.textFieldBackgroundColor}: ${surfaceTransparentPrimary};\n ${tokens.textFieldBackgroundColorHover}: ${surfaceTransparentPrimaryActive};\n ${tokens.textFieldBackgroundColorFocus}: ${surfaceTransparentSecondary};\n\n ${tokens.textFieldBorderColor}: ${surfaceTransparentTertiary};\n ${tokens.textFieldBorderColorHover}: ${textSecondary};\n ${tokens.textFieldBorderColorFocus}: ${surfaceAccent};\n\n ${tokens.labelColor}: ${textPrimary};\n ${tokens.titleCaptionColor}: ${textSecondary};\n ${tokens.optionalColor}: ${textTertiary};\n\n ${tokens.labelInnerFontFamily}: ${bodyXS.fontFamily};\n ${tokens.labelInnerFontSize}: ${bodyXS.fontSize};\n ${tokens.labelInnerFontStyle}: ${bodyXS.fontStyle};\n ${tokens.labelInnerFontWeight}: ${bodyXS.fontWeight};\n ${tokens.labelInnerLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.labelInnerLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.indicatorColor}: ${surfaceNegative};\n ${tokens.hintIconColor}: ${textSecondary};\n\n ${tokens.textFieldTextBeforeColor}: ${textTertiary};\n ${tokens.textFieldTextAfterColor}: ${textTertiary};\n\n ${tokens.textFieldFocusColor}: ${textAccent};\n\n ${tokens.textFieldContentSlotColor}: ${textSecondary};\n ${tokens.textFieldContentSlotColorHover}: ${textSecondaryHover};\n ${tokens.textFieldContentSlotColorActive}: ${textSecondaryActive};\n\n ${tokens.textFieldContentRightSlotColor}: ${textSecondary};\n ${tokens.textFieldContentRightSlotColorHover}: ${textSecondaryHover};\n ${tokens.textFieldContentRightSlotColorActive}: ${textSecondaryActive};\n\n ${tokens.sliderTrackBackground}: ${surfaceSolidTertiary};\n ${tokens.sliderThumbBackground}: ${onLightSurfaceSolidCard};\n ${tokens.sliderThumbBorderColor}: ${onLightSurfaceTransparentTertiary};\n ${tokens.sliderThumbFocusBorderColor}: ${surfaceSolidDefault};\n\n ${tokens.scaleValueColor}: ${textSecondary};\n ${tokens.scaleTickDotColor}: ${surfaceSolidTertiary};\n `,\n positive: css`\n ${tokens.textFieldColor}: ${textPrimary};\n ${tokens.textFieldPlaceholderColor}: ${textSecondary};\n ${tokens.textFieldPlaceholderColorFocus}: ${textTertiary};\n ${tokens.textFieldCaretColor}: ${textAccent};\n\n ${tokens.textFieldErrorColor}: ${textNegative};\n ${tokens.textFieldBackgroundErrorColor}: ${surfaceTransparentNegative};\n\n ${tokens.textFieldBackgroundColor}: ${surfaceTransparentPositive};\n ${tokens.textFieldBackgroundColorHover}: ${surfaceTransparentPositiveActive};\n ${tokens.textFieldBackgroundColorFocus}: ${surfaceTransparentPositiveActive};\n\n ${tokens.labelColor}: ${textPrimary};\n ${tokens.titleCaptionColor}: ${textSecondary};\n ${tokens.optionalColor}: ${textTertiary};\n\n ${tokens.labelInnerFontFamily}: ${bodyXS.fontFamily};\n ${tokens.labelInnerFontSize}: ${bodyXS.fontSize};\n ${tokens.labelInnerFontStyle}: ${bodyXS.fontStyle};\n ${tokens.labelInnerFontWeight}: ${bodyXS.fontWeight};\n ${tokens.labelInnerLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.labelInnerLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.indicatorColor}: ${surfaceNegative};\n ${tokens.hintIconColor}: ${textSecondary};\n\n ${tokens.textFieldTextBeforeColor}: ${textTertiary};\n ${tokens.textFieldTextAfterColor}: ${textTertiary};\n\n ${tokens.textFieldFocusColor}: ${textAccent};\n\n ${tokens.textFieldContentSlotColor}: ${textSecondary};\n ${tokens.textFieldContentSlotColorHover}: ${textSecondaryHover};\n ${tokens.textFieldContentSlotColorActive}: ${textSecondaryActive};\n\n ${tokens.textFieldContentRightSlotColor}: ${textSecondary};\n ${tokens.textFieldContentRightSlotColorHover}: ${textSecondaryHover};\n ${tokens.textFieldContentRightSlotColorActive}: ${textSecondaryActive};\n\n ${tokens.sliderTrackBackground}: ${surfaceSolidTertiary};\n ${tokens.sliderThumbBackground}: ${onLightSurfaceSolidCard};\n ${tokens.sliderThumbBorderColor}: ${onLightSurfaceTransparentTertiary};\n ${tokens.sliderThumbFocusBorderColor}: ${surfaceSolidDefault};\n\n ${tokens.scaleValueColor}: ${textSecondary};\n ${tokens.scaleTickDotColor}: ${surfaceSolidTertiary};\n `,\n warning: css`\n ${tokens.textFieldColor}: ${textPrimary};\n ${tokens.textFieldPlaceholderColor}: ${textSecondary};\n ${tokens.textFieldPlaceholderColorFocus}: ${textTertiary};\n ${tokens.textFieldCaretColor}: ${textAccent};\n\n ${tokens.textFieldErrorColor}: ${textNegative};\n ${tokens.textFieldBackgroundErrorColor}: ${surfaceTransparentNegative};\n\n ${tokens.textFieldBackgroundColor}: ${surfaceTransparentWarning};\n ${tokens.textFieldBackgroundColorHover}: ${surfaceTransparentWarningActive};\n ${tokens.textFieldBackgroundColorFocus}: ${surfaceTransparentWarningActive};\n\n ${tokens.labelColor}: ${textPrimary};\n ${tokens.titleCaptionColor}: ${textSecondary};\n ${tokens.optionalColor}: ${textTertiary};\n\n ${tokens.labelInnerFontFamily}: ${bodyXS.fontFamily};\n ${tokens.labelInnerFontSize}: ${bodyXS.fontSize};\n ${tokens.labelInnerFontStyle}: ${bodyXS.fontStyle};\n ${tokens.labelInnerFontWeight}: ${bodyXS.fontWeight};\n ${tokens.labelInnerLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.labelInnerLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.indicatorColor}: ${surfaceNegative};\n ${tokens.hintIconColor}: ${textSecondary};\n\n ${tokens.textFieldTextBeforeColor}: ${textTertiary};\n ${tokens.textFieldTextAfterColor}: ${textTertiary};\n\n ${tokens.textFieldFocusColor}: ${textAccent};\n\n ${tokens.textFieldContentSlotColor}: ${textSecondary};\n ${tokens.textFieldContentSlotColorHover}: ${textSecondaryHover};\n ${tokens.textFieldContentSlotColorActive}: ${textSecondaryActive};\n\n ${tokens.textFieldContentRightSlotColor}: ${textSecondary};\n ${tokens.textFieldContentRightSlotColorHover}: ${textSecondaryHover};\n ${tokens.textFieldContentRightSlotColorActive}: ${textSecondaryActive};\n\n ${tokens.sliderTrackBackground}: ${surfaceSolidTertiary};\n ${tokens.sliderThumbBackground}: ${onLightSurfaceSolidCard};\n ${tokens.sliderThumbBorderColor}: ${onLightSurfaceTransparentTertiary};\n ${tokens.sliderThumbFocusBorderColor}: ${surfaceSolidDefault};\n\n ${tokens.scaleValueColor}: ${textSecondary};\n ${tokens.scaleTickDotColor}: ${surfaceSolidTertiary};\n `,\n negative: css`\n ${tokens.textFieldColor}: ${textPrimary};\n ${tokens.textFieldPlaceholderColor}: ${textSecondary};\n ${tokens.textFieldPlaceholderColorFocus}: ${textTertiary};\n ${tokens.textFieldCaretColor}: ${textAccent};\n\n ${tokens.textFieldErrorColor}: ${textNegative};\n ${tokens.textFieldBackgroundErrorColor}: ${surfaceTransparentNegative};\n\n ${tokens.textFieldBackgroundColor}: ${surfaceTransparentNegative};\n ${tokens.textFieldBackgroundColorHover}: ${surfaceTransparentNegativeActive};\n ${tokens.textFieldBackgroundColorFocus}: ${surfaceTransparentNegativeActive};\n\n ${tokens.labelColor}: ${textPrimary};\n ${tokens.titleCaptionColor}: ${textSecondary};\n ${tokens.optionalColor}: ${textTertiary};\n\n ${tokens.labelInnerFontFamily}: ${bodyXS.fontFamily};\n ${tokens.labelInnerFontSize}: ${bodyXS.fontSize};\n ${tokens.labelInnerFontStyle}: ${bodyXS.fontStyle};\n ${tokens.labelInnerFontWeight}: ${bodyXS.fontWeight};\n ${tokens.labelInnerLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.labelInnerLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.indicatorColor}: ${surfaceNegative};\n ${tokens.hintIconColor}: ${textSecondary};\n\n ${tokens.textFieldTextBeforeColor}: ${textTertiary};\n ${tokens.textFieldTextAfterColor}: ${textTertiary};\n\n ${tokens.textFieldFocusColor}: ${textAccent};\n\n ${tokens.textFieldContentSlotColor}: ${textSecondary};\n ${tokens.textFieldContentSlotColorHover}: ${textSecondaryHover};\n ${tokens.textFieldContentSlotColorActive}: ${textSecondaryActive};\n\n ${tokens.textFieldContentRightSlotColor}: ${textSecondary};\n ${tokens.textFieldContentRightSlotColorHover}: ${textSecondaryHover};\n ${tokens.textFieldContentRightSlotColorActive}: ${textSecondaryActive};\n\n ${tokens.sliderTrackBackground}: ${surfaceSolidTertiary};\n ${tokens.sliderThumbBackground}: ${onLightSurfaceSolidCard};\n ${tokens.sliderThumbBorderColor}: ${onLightSurfaceTransparentTertiary};\n ${tokens.sliderThumbFocusBorderColor}: ${surfaceSolidDefault};\n\n ${tokens.scaleValueColor}: ${textSecondary};\n ${tokens.scaleTickDotColor}: ${surfaceSolidTertiary};\n `,\n },\n sliderView: {\n default: css`\n ${tokens.sliderProgressBackground}: ${surfaceSolidDefault};\n ${tokens.scaleTickDotFilledColor}: ${surfaceSolidDefault};\n `,\n accent: css`\n ${tokens.sliderProgressBackground}: ${surfaceAccent};\n ${tokens.scaleTickDotFilledColor}: ${surfaceAccent};\n `,\n gradient: css`\n ${tokens.sliderProgressBackground}: ${surfaceAccentGradient};\n ${tokens.scaleTickDotFilledColor}: ${surfaceAccentGradient};\n `,\n },\n size: {\n xl: css`\n ${tokens.textFieldHeight}: 4rem;\n ${tokens.textFieldBorderRadius}: 1rem;\n ${tokens.textFieldPadding}: 1.3125rem 1.125rem;\n\n ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.5rem -0.0625rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.textFieldFontFamily}: ${bodyL.fontFamily};\n ${tokens.textFieldFontStyle}: ${bodyL.fontStyle};\n ${tokens.textFieldFontSize}: ${bodyL.fontSize};\n ${tokens.textFieldFontWeight}: ${bodyL.fontWeight};\n ${tokens.textFieldLetterSpacing}: ${bodyL.letterSpacing};\n ${tokens.textFieldLineHeight}: ${bodyL.lineHeight};\n\n ${tokens.labelOffset}: 0.75rem;\n ${tokens.labelInnerPadding}: 0.8125rem 0 0.125rem 0;\n ${tokens.contentLabelInnerPadding}: 1.813rem 0 0.813rem 0;\n\n ${tokens.labelFontFamily}: ${bodyL.fontFamily};\n ${tokens.labelFontStyle}: ${bodyL.fontStyle};\n ${tokens.labelFontSize}: ${bodyL.fontSize};\n ${tokens.labelFontWeight}: ${bodyL.fontWeight};\n ${tokens.labelLetterSpacing}: ${bodyL.letterSpacing};\n ${tokens.labelLineHeight}: ${bodyL.lineHeight};\n\n ${tokens.labelInnerFontFamily}: ${bodyXS.fontFamily};\n ${tokens.labelInnerFontSize}: ${bodyXS.fontSize};\n ${tokens.labelInnerFontStyle}: ${bodyXS.fontStyle};\n ${tokens.labelInnerFontWeight}: ${bodyXS.fontWeight};\n ${tokens.labelInnerLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.labelInnerLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n ${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};\n ${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};\n ${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};\n ${tokens.titleCaptionFontWeight}: ${bodyXS.fontWeight};\n ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.indicatorSize}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.5rem auto auto -0.75rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.25rem -0.625rem auto auto;\n\n ${tokens.hintMargin}: -0.688rem -0.5rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintInnerLabelPlacementOffset}: 0.82rem -2.938rem auto auto;\n\n ${tokens.sliderContainerOffset}: 0.25rem;\n\n ${tokens.sliderTrackHeight}: 0.25rem;\n ${tokens.sliderTrackBorderRadius}: 0.5rem;\n ${tokens.sliderThumbWidth}: 1rem;\n ${tokens.sliderThumbBorderWidth}: 0.063rem;\n\n ${tokens.scaleWrapperOffset}: 0.25rem;\n ${tokens.scaleWrapperPaddingTop}: 0.25rem;\n\n ${tokens.scaleValueFontSize}: ${bodyXS.fontSize};\n ${tokens.scaleValueFontFamily}: ${bodyXS.fontFamily};\n ${tokens.scaleValueFontStyle}: ${bodyXS.fontStyle};\n ${tokens.scaleValueFontWeight}: ${bodyXS.fontWeight};\n ${tokens.scaleValueLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.scaleValueLineHeight}: ${bodyXS.lineHeight};\n ${tokens.scaleTickSize}: 0.5rem;\n `,\n l: css`\n ${tokens.textFieldHeight}: 3.5rem;\n ${tokens.textFieldBorderRadius}: 0.875rem;\n ${tokens.textFieldPadding}: 1.0625rem 1.125rem 1.0625rem 1.125rem;\n\n ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.5rem -0.0625rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.textFieldFontFamily}: ${bodyL.fontFamily};\n ${tokens.textFieldFontStyle}: ${bodyL.fontStyle};\n ${tokens.textFieldFontSize}: ${bodyL.fontSize};\n ${tokens.textFieldFontWeight}: ${bodyL.fontWeight};\n ${tokens.textFieldLetterSpacing}: ${bodyL.letterSpacing};\n ${tokens.textFieldLineHeight}: ${bodyL.lineHeight};\n\n ${tokens.labelOffset}: 0.75rem;\n ${tokens.labelInnerPadding}: 0.5625rem 0 0.125rem 0;\n ${tokens.contentLabelInnerPadding}: 1.5625rem 0 0.5625rem 0;\n\n ${tokens.labelFontFamily}: ${bodyL.fontFamily};\n ${tokens.labelFontStyle}: ${bodyL.fontStyle};\n ${tokens.labelFontSize}: ${bodyL.fontSize};\n ${tokens.labelFontWeight}: ${bodyL.fontWeight};\n ${tokens.labelLetterSpacing}: ${bodyL.letterSpacing};\n ${tokens.labelLineHeight}: ${bodyL.lineHeight};\n\n ${tokens.labelInnerFontFamily}: ${bodyXS.fontFamily};\n ${tokens.labelInnerFontSize}: ${bodyXS.fontSize};\n ${tokens.labelInnerFontStyle}: ${bodyXS.fontStyle};\n ${tokens.labelInnerFontWeight}: ${bodyXS.fontWeight};\n ${tokens.labelInnerLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.labelInnerLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n ${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};\n ${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};\n ${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};\n ${tokens.titleCaptionFontWeight}: ${bodyXS.fontWeight};\n ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.indicatorSize}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.5rem auto auto -0.75rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.25rem -0.625rem auto auto;\n\n ${tokens.hintMargin}: -0.688rem -0.5rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;\n\n ${tokens.sliderContainerOffset}: 0.25rem;\n\n ${tokens.sliderTrackHeight}: 0.25rem;\n ${tokens.sliderTrackBorderRadius}: 0.5rem;\n ${tokens.sliderThumbWidth}: 1rem;\n ${tokens.sliderThumbBorderWidth}: 0.063rem;\n\n ${tokens.scaleWrapperOffset}: 0.25rem;\n ${tokens.scaleWrapperPaddingTop}: 0.25rem;\n\n ${tokens.scaleValueFontSize}: ${bodyXS.fontSize};\n ${tokens.scaleValueFontFamily}: ${bodyXS.fontFamily};\n ${tokens.scaleValueFontStyle}: ${bodyXS.fontStyle};\n ${tokens.scaleValueFontWeight}: ${bodyXS.fontWeight};\n ${tokens.scaleValueLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.scaleValueLineHeight}: ${bodyXS.lineHeight};\n ${tokens.scaleTickSize}: 0.5rem;\n `,\n m: css`\n ${tokens.textFieldHeight}: 3rem;\n ${tokens.textFieldBorderRadius}: 0.75rem;\n ${tokens.textFieldPadding}: 0.875rem 1rem;\n\n ${tokens.textFieldLeftContentMargin}: -0.125rem 0.375rem -0.125rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.125rem -0.125rem -0.125rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.textFieldFontFamily}: ${bodyM.fontFamily};\n ${tokens.textFieldFontStyle}: ${bodyM.fontStyle};\n ${tokens.textFieldFontSize}: ${bodyM.fontSize};\n ${tokens.textFieldFontWeight}: ${bodyM.fontWeight};\n ${tokens.textFieldLetterSpacing}: ${bodyM.letterSpacing};\n ${tokens.textFieldLineHeight}: ${bodyM.lineHeight};\n\n ${tokens.labelOffset}: 0.625rem;\n ${tokens.labelInnerPadding}: 0.375rem 0 0.125rem 0;\n ${tokens.contentLabelInnerPadding}: 1.375rem 0 0.375rem 0;\n\n ${tokens.labelFontFamily}: ${bodyM.fontFamily};\n ${tokens.labelFontStyle}: ${bodyM.fontStyle};\n ${tokens.labelFontSize}: ${bodyM.fontSize};\n ${tokens.labelFontWeight}: ${bodyM.fontWeight};\n ${tokens.labelLetterSpacing}: ${bodyM.letterSpacing};\n ${tokens.labelLineHeight}: ${bodyM.lineHeight};\n\n ${tokens.labelInnerFontFamily}: ${bodyXS.fontFamily};\n ${tokens.labelInnerFontSize}: ${bodyXS.fontSize};\n ${tokens.labelInnerFontStyle}: ${bodyXS.fontStyle};\n ${tokens.labelInnerFontWeight}: ${bodyXS.fontWeight};\n ${tokens.labelInnerLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.labelInnerLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n ${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};\n ${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};\n ${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};\n ${tokens.titleCaptionFontWeight}: ${bodyXS.fontWeight};\n ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.indicatorSize}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.375rem auto auto -0.75rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.25rem -0.6875rem auto auto;\n\n ${tokens.hintMargin}: -0.688rem -0.5rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;\n\n ${tokens.sliderContainerOffset}: 0.25rem;\n\n ${tokens.sliderTrackHeight}: 0.25rem;\n ${tokens.sliderTrackBorderRadius}: 0.5rem;\n ${tokens.sliderThumbWidth}: 1rem;\n ${tokens.sliderThumbBorderWidth}: 0.063rem;\n\n ${tokens.scaleWrapperOffset}: 0.25rem;\n ${tokens.scaleWrapperPaddingTop}: 0.25rem;\n\n ${tokens.scaleValueFontSize}: ${bodyXS.fontSize};\n ${tokens.scaleValueFontFamily}: ${bodyXS.fontFamily};\n ${tokens.scaleValueFontStyle}: ${bodyXS.fontStyle};\n ${tokens.scaleValueFontWeight}: ${bodyXS.fontWeight};\n ${tokens.scaleValueLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.scaleValueLineHeight}: ${bodyXS.lineHeight};\n ${tokens.scaleTickSize}: 0.5rem;\n `,\n s: css`\n ${tokens.textFieldHeight}: 2.5rem;\n ${tokens.textFieldBorderRadius}: 0.625rem;\n ${tokens.textFieldPadding}: 0.6875rem 0.875rem;\n\n ${tokens.textFieldLeftContentMargin}: -0.1875rem 0.25rem -0.1875rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.1875rem -0.125rem -0.1875rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.textFieldFontFamily}: ${bodyS.fontFamily};\n ${tokens.textFieldFontStyle}: ${bodyS.fontStyle};\n ${tokens.textFieldFontSize}: ${bodyS.fontSize};\n ${tokens.textFieldFontWeight}: ${bodyS.fontWeight};\n ${tokens.textFieldLetterSpacing}: ${bodyS.letterSpacing};\n ${tokens.textFieldLineHeight}: ${bodyS.lineHeight};\n\n ${tokens.labelOffset}: 0.5rem;\n ${tokens.labelInnerPadding}: 0.3125rem 0 0 0;\n ${tokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;\n\n ${tokens.labelFontFamily}: ${bodyS.fontFamily};\n ${tokens.labelFontStyle}: ${bodyS.fontStyle};\n ${tokens.labelFontSize}: ${bodyS.fontSize};\n ${tokens.labelFontWeight}: ${bodyS.fontWeight};\n ${tokens.labelLetterSpacing}: ${bodyS.letterSpacing};\n ${tokens.labelLineHeight}: ${bodyS.lineHeight};\n\n ${tokens.labelInnerFontFamily}: ${bodyXS.fontFamily};\n ${tokens.labelInnerFontSize}: ${bodyXS.fontSize};\n ${tokens.labelInnerFontStyle}: ${bodyXS.fontStyle};\n ${tokens.labelInnerFontWeight}: ${bodyXS.fontWeight};\n ${tokens.labelInnerLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.labelInnerLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n ${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};\n ${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};\n ${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};\n ${tokens.titleCaptionFontWeight}: ${bodyXS.fontWeight};\n ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.indicatorSize}: 0.375rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.3125rem auto auto -0.6875rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.25rem -0.625rem auto auto;\n\n ${tokens.hintMargin}: -0.688rem -0.5rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;\n\n ${tokens.sliderContainerOffset}: 0.25rem;\n\n ${tokens.sliderTrackHeight}: 0.25rem;\n ${tokens.sliderTrackBorderRadius}: 0.5rem;\n ${tokens.sliderThumbWidth}: 1rem;\n ${tokens.sliderThumbBorderWidth}: 0.063rem;\n\n ${tokens.scaleWrapperOffset}: 0.25rem;\n ${tokens.scaleWrapperPaddingTop}: 0.25rem;\n\n ${tokens.scaleValueFontSize}: ${bodyXS.fontSize};\n ${tokens.scaleValueFontFamily}: ${bodyXS.fontFamily};\n ${tokens.scaleValueFontStyle}: ${bodyXS.fontStyle};\n ${tokens.scaleValueFontWeight}: ${bodyXS.fontWeight};\n ${tokens.scaleValueLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.scaleValueLineHeight}: ${bodyXS.lineHeight};\n ${tokens.scaleTickSize}: 0.5rem;\n `,\n xs: css`\n ${tokens.textFieldHeight}: 2rem;\n ${tokens.textFieldBorderRadius}: 0.5rem;\n ${tokens.textFieldPadding}: 0.5625rem 0.625rem;\n\n ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.25rem -0.0625rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.textFieldFontFamily}: ${bodyXS.fontFamily};\n ${tokens.textFieldFontStyle}: ${bodyXS.fontStyle};\n ${tokens.textFieldFontSize}: ${bodyXS.fontSize};\n ${tokens.textFieldFontWeight}: ${bodyXS.fontWeight};\n ${tokens.textFieldLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.textFieldLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.labelOffset}: 0.375rem;\n ${tokens.labelInnerPadding}: 0.3125rem 0 0 0;\n ${tokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;\n\n ${tokens.labelFontFamily}: ${bodyXS.fontFamily};\n ${tokens.labelFontStyle}: ${bodyXS.fontStyle};\n ${tokens.labelFontSize}: ${bodyXS.fontSize};\n ${tokens.labelFontWeight}: ${bodyXS.fontWeight};\n ${tokens.labelLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.labelLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.labelInnerFontFamily}: ${bodyXS.fontFamily};\n ${tokens.labelInnerFontSize}: ${bodyXS.fontSize};\n ${tokens.labelInnerFontStyle}: ${bodyXS.fontStyle};\n ${tokens.labelInnerFontWeight}: ${bodyXS.fontWeight};\n ${tokens.labelInnerLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.labelInnerLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n ${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};\n ${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};\n ${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};\n ${tokens.titleCaptionFontWeight}: ${bodyXS.fontWeight};\n ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.indicatorSize}: 0.375rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.25rem auto auto -0.625rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.125rem -0.6875rem auto auto;\n\n ${tokens.hintMargin}: -0.75rem -0.625rem -0.75rem -0.5rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;\n\n ${tokens.sliderContainerOffset}: 0.25rem;\n\n ${tokens.sliderTrackHeight}: 0.25rem;\n ${tokens.sliderTrackBorderRadius}: 0.5rem;\n ${tokens.sliderThumbWidth}: 1rem;\n ${tokens.sliderThumbBorderWidth}: 0.063rem;\n\n ${tokens.scaleWrapperOffset}: 0.25rem;\n ${tokens.scaleWrapperPaddingTop}: 0.25rem;\n\n ${tokens.scaleValueFontSize}: ${bodyXS.fontSize};\n ${tokens.scaleValueFontFamily}: ${bodyXS.fontFamily};\n ${tokens.scaleValueFontStyle}: ${bodyXS.fontStyle};\n ${tokens.scaleValueFontWeight}: ${bodyXS.fontWeight};\n ${tokens.scaleValueLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.scaleValueLineHeight}: ${bodyXS.lineHeight};\n ${tokens.scaleTickSize}: 0.5rem;\n `,\n },\n hintView: {\n default: css`\n ${tokens.hintTooltipBackgroundColor}: ${surfaceSolidCardBrightness};\n ${tokens.hintTooltipBoxShadow}: ${shadowDownHardM};\n ${tokens.hintTooltipColor}: ${textPrimary};\n ${tokens.hintTooltipArrowBackground}: ${surfaceSolidCardBrightness};\n `,\n },\n hintSize: {\n m: css`\n ${tokens.hintTooltipPaddingTop}: 0.6875rem;\n ${tokens.hintTooltipPaddingRight}: 0.875rem;\n ${tokens.hintTooltipPaddingBottom}: 0.6875rem;\n ${tokens.hintTooltipPaddingLeft}: 0.875rem;\n\n ${tokens.hintTooltipMinHeight}: 2.5rem;\n ${tokens.hintTooltipBorderRadius}: 0.625rem;\n\n ${tokens.hintTooltipTextFontFamily}: ${bodyS.fontFamily};\n ${tokens.hintTooltipTextFontSize}: ${bodyS.fontSize};\n ${tokens.hintTooltipTextFontStyle}: ${bodyS.fontStyle};\n ${tokens.hintTooltipTextFontWeight}: ${bodyS.fontWeight};\n ${tokens.hintTooltipTextFontLetterSpacing}: ${bodyS.letterSpacing};\n ${tokens.hintTooltipTextFontLineHeight}: ${bodyS.lineHeight};\n\n ${tokens.hintTooltipContentLeftMargin}: 0.375rem;\n\n ${tokens.hintTooltipArrowMaskWidth}: 1.25rem;\n ${tokens.hintTooltipArrowMaskHeight}: 1.25rem;\n ${tokens.hintTooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==\");\n ${tokens.hintTooltipArrowHeight}: 0.5rem;\n ${tokens.hintTooltipArrowEdgeMargin}: 0.625rem;\n `,\n s: css`\n ${tokens.hintTooltipPaddingTop}: 0.5rem;\n ${tokens.hintTooltipPaddingRight}: 0.75rem;\n ${tokens.hintTooltipPaddingBottom}: 0.5rem;\n ${tokens.hintTooltipPaddingLeft}: 0.75rem;\n\n ${tokens.hintTooltipMinHeight}: 2rem;\n ${tokens.hintTooltipBorderRadius}: 0.5rem;\n\n ${tokens.hintTooltipTextFontFamily}: ${bodyXS.fontFamily};\n ${tokens.hintTooltipTextFontSize}: ${bodyXS.fontSize};\n ${tokens.hintTooltipTextFontStyle}: ${bodyXS.fontStyle};\n ${tokens.hintTooltipTextFontWeight}: ${bodyXS.fontWeight};\n ${tokens.hintTooltipTextFontLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.hintTooltipTextFontLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.hintTooltipContentLeftMargin}: 0.25rem;\n\n ${tokens.hintTooltipArrowMaskWidth}: 1rem;\n ${tokens.hintTooltipArrowMaskHeight}: 1rem;\n ${tokens.hintTooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");\n ${tokens.hintTooltipArrowHeight}: 0.375rem;\n ${tokens.hintTooltipArrowEdgeMargin}: 0.5625rem;\n `,\n },\n disabled: {\n true: css`\n ${tokens.disabledOpacity}: 0.4;\n `,\n },\n readOnly: {\n true: css`\n ${tokens.labelColorReadOnly}: ${textPrimary};\n\n ${tokens.textFieldColorReadOnly}: ${textPrimary};\n ${tokens.textFieldBackgroundColorReadOnly}: ${surfaceTransparentPrimary};\n ${tokens.textFieldBorderColorReadOnly}: ${surfaceTransparentPrimary};\n ${tokens.textFieldPlaceholderColorReadOnly}: ${textSecondary};\n\n ${tokens.textFieldContentSlotRightOpacityReadOnly}: 0.4;\n ${tokens.textFieldReadOnlyOpacity}: 0.1;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","sliderView","variations","default","positive","warning","negative","accent","gradient","xl","l","m","s","xs","hintView","hintSize","disabled","true","readOnly"],"mappings":";;;;AAkCO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,UAAU,EAAE;GACf;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,SAAAA,EAAO,UAmDN;AACDC,MAAAA,QAAQ,EAAA,SA+CP;AACDC,MAAAA,OAAO,EAAA,UA+CN;AACDC,MAAAA,QAAQ,EAAA;KAgDX;AACDL,IAAAA,UAAU,EAAE;AACRE,MAAAA,SAAAA,EAAO,UAGN;AACDI,MAAAA,MAAM,EAAA,UAGL;AACDC,MAAAA,QAAQ,EAAA;KAIX;AACDR,IAAAA,IAAI,EAAE;AACFS,MAAAA,EAAE,EAAA,SAuED;AACDC,MAAAA,CAAC,EAAA,SAuEA;AACDC,MAAAA,CAAC,EAAA,UAuEA;AACDC,MAAAA,CAAC,EAAA,UAuEA;AACDC,MAAAA,EAAE,EAAA;KAwEL;AACDC,IAAAA,QAAQ,EAAE;MACNX,SAAAA,EAAO;KAMV;AACDY,IAAAA,QAAQ,EAAE;AACNJ,MAAAA,CAAC,EAAA,SAuBA;AACDC,MAAAA,CAAC,EAAA;KAwBJ;AACDI,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAAA,EAAI;AAWR;AACJ;AACJ;;;;"}
|