@salutejs/sdds-finportal 0.148.0-canary.1452.11549482324.0 → 0.148.0-canary.1504.11549657359.0

package/api/sdds-finportal.api.md

@@ -3436,115 +3436,37 @@ onChange?: ((event: FormTypeNumber) => void) | undefined;
 name: string;
 value?: undefined;
 defaultValue?: number | undefined;
-} & {
-orientation?: "horizontal" | undefined;
-labelPlacement?: "none" | "top" | "left" | undefined;
-scaleAlign?: "none" | "bottom" | "side" | undefined;
-sliderAlign?: "none" | undefined;
-reversed?: undefined;
-labelReversed?: undefined;
-} & Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> & {
-onChangeCommitted?: ((value: number) => void) | undefined;
-ariaLabel?: string | undefined;
-showCurrentValue?: boolean | undefined;
-showRangeValues?: boolean | undefined;
-rangeValuesPlacement?: string | undefined;
-showScale?: boolean | undefined;
-hideMinValueDiff?: number | undefined;
-hideMaxValueDiff?: number | undefined;
-labelPlacement?: "outer" | "inner" | undefined;
-labelContentLeft?: ReactNode;
-labelContent?: ReactNode;
-multipleStepSize?: number | undefined;
-view?: string | undefined;
-size?: "s" | "m" | "l" | undefined;
-type?: "single" | undefined;
-pointerSize?: "none" | "small" | "large" | undefined;
-} & RefAttributes<HTMLDivElement>) | (SliderBaseProps & SliderInternalProps & {
-onChange?: ((event: FormTypeNumber) => void) | undefined;
-name: string;
-value?: undefined;
-defaultValue?: number | undefined;
-} & {
-orientation: "vertical";
-sliderAlign?: "none" | "center" | "right" | "left" | undefined;
-scaleAlign?: undefined;
-reversed?: boolean | undefined;
-labelReversed?: boolean | undefined;
 } & Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> & {
 onChangeCommitted?: ((value: number) => void) | undefined;
 ariaLabel?: string | undefined;
 showCurrentValue?: boolean | undefined;
 showRangeValues?: boolean | undefined;
-rangeValuesPlacement?: string | undefined;
-showScale?: boolean | undefined;
 hideMinValueDiff?: number | undefined;
 hideMaxValueDiff?: number | undefined;
+rangeValuesPlacement?: "outer" | "inner" | undefined;
 labelPlacement?: "outer" | "inner" | undefined;
-labelContentLeft?: ReactNode;
-labelContent?: ReactNode;
 multipleStepSize?: number | undefined;
 view?: string | undefined;
 size?: "s" | "m" | "l" | undefined;
 type?: "single" | undefined;
-pointerSize?: "none" | "small" | "large" | undefined;
 } & RefAttributes<HTMLDivElement>) | (SliderBaseProps & SliderInternalProps & {
 onChange?: ((value: number) => void) | undefined;
 value: number;
 name?: undefined;
 defaultValue?: undefined;
-} & {
-orientation?: "horizontal" | undefined;
-labelPlacement?: "none" | "top" | "left" | undefined;
-scaleAlign?: "none" | "bottom" | "side" | undefined;
-sliderAlign?: "none" | undefined;
-reversed?: undefined;
-labelReversed?: undefined;
-} & Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> & {
-onChangeCommitted?: ((value: number) => void) | undefined;
-ariaLabel?: string | undefined;
-showCurrentValue?: boolean | undefined;
-showRangeValues?: boolean | undefined;
-rangeValuesPlacement?: string | undefined;
-showScale?: boolean | undefined;
-hideMinValueDiff?: number | undefined;
-hideMaxValueDiff?: number | undefined;
-labelPlacement?: "outer" | "inner" | undefined;
-labelContentLeft?: ReactNode;
-labelContent?: ReactNode;
-multipleStepSize?: number | undefined;
-view?: string | undefined;
-size?: "s" | "m" | "l" | undefined;
-type?: "single" | undefined;
-pointerSize?: "none" | "small" | "large" | undefined;
-} & RefAttributes<HTMLDivElement>) | (SliderBaseProps & SliderInternalProps & {
-onChange?: ((value: number) => void) | undefined;
-value: number;
-name?: undefined;
-defaultValue?: undefined;
-} & {
-orientation: "vertical";
-sliderAlign?: "none" | "center" | "right" | "left" | undefined;
-scaleAlign?: undefined;
-reversed?: boolean | undefined;
-labelReversed?: boolean | undefined;
 } & Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> & {
 onChangeCommitted?: ((value: number) => void) | undefined;
 ariaLabel?: string | undefined;
 showCurrentValue?: boolean | undefined;
 showRangeValues?: boolean | undefined;
-rangeValuesPlacement?: string | undefined;
-showScale?: boolean | undefined;
 hideMinValueDiff?: number | undefined;
 hideMaxValueDiff?: number | undefined;
+rangeValuesPlacement?: "outer" | "inner" | undefined;
 labelPlacement?: "outer" | "inner" | undefined;
-labelContentLeft?: ReactNode;
-labelContent?: ReactNode;
 multipleStepSize?: number | undefined;
 view?: string | undefined;
 size?: "s" | "m" | "l" | undefined;
 type?: "single" | undefined;
-pointerSize?: "none" | "small" | "large" | undefined;
 } & RefAttributes<HTMLDivElement>) | (Omit<DoubleSliderProps, "onChange" | "defaultValue" | "value"> & {
 onChange?: ((event: FormTypeString) => void) | undefined;
 name?: string | undefined;

package/components/Select/Select.config.js

@@ -15,22 +15,22 @@ var config = exports.config = {
   },
   variations: {
     size: {
-      xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.125rem;\n                ", ": 0.5rem;\n                ", ": 0.125rem;\n\n                ", ": 1rem;\n                ", ": 0.5rem 0.5rem 0.5rem 0.375rem;\n                ", ": 0.25rem 0.5rem 0.25rem 0.375rem;\n                ", ": 0.375rem;\n                ", ": 1rem;\n                ", ": 1rem;\n                ", ": 0 0.25rem 0 0;\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0.875rem;\n                ", ": 0.875rem;\n                ", ": 0.25rem;\n                ", ": 0.25rem;\n                ", ": var(--text-accent);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--text-secondary);\n\n                ", ": 0.375rem;\n\n                ", ": 0.25rem;\n                ", ": 0.125rem;\n                ", ": 1.25rem;\n                ", ": 0.375rem;\n                ", ": 0.625rem;\n                ", ": 0.25rem;\n                ", ": 0rem;\n                ", ": 0.75rem;\n\n                ", ": 0 -0.125rem 0 0.25rem;\n                ", ": 0 0 0 0.375rem;\n                ", ": 2rem;\n                ", ": 0.75rem 0 0.75rem;\n                ", ": 0.5rem 0 0.625rem;\n                ", ": 0.5rem 0 0.25rem;\n\n                ", ": 0.375rem;\n\n                ", ": 0;\n\n                ", ": 0.25rem;\n\n                ", ": 1rem;\n                ", ": 1rem;\n            "])), _styledComponents.selectTokens.padding, _styledComponents.selectTokens.borderRadius, _styledComponents.selectTokens.focusOffset, _styledComponents.selectTokens.itemHeight, _styledComponents.selectTokens.itemPadding, _styledComponents.selectTokens.itemPaddingTight, _styledComponents.selectTokens.itemBorderRadius, _styledComponents.selectTokens.itemIconSize, _styledComponents.selectTokens.itemIconSizeTight, _styledComponents.selectTokens.itemIconMargin, _styledComponents.selectTokens.fontFamily, _styledComponents.selectTokens.fontSize, _styledComponents.selectTokens.fontStyle, _styledComponents.selectTokens.fontWeight, _styledComponents.selectTokens.fontLetterSpacing, _styledComponents.selectTokens.fontLineHeight, _styledComponents.selectTokens.checkboxTriggerSize, _styledComponents.selectTokens.checkboxTriggerSizeTight, _styledComponents.selectTokens.checkboxTriggerBorderRadius, _styledComponents.selectTokens.checkboxTriggerBorderRadiusTight, _styledComponents.selectTokens.checkboxFillColor, _styledComponents.selectTokens.checkboxIconColor, _styledComponents.selectTokens.checkboxTriggerBorderColor, _styledComponents.selectTokens.indicatorSize, _styledComponents.selectTokens.chipGap, _styledComponents.selectTokens.chipBorderRadius, _styledComponents.selectTokens.chipHeight, _styledComponents.selectTokens.chipPaddingRight, _styledComponents.selectTokens.chipPaddingLeft, _styledComponents.selectTokens.chipClearContentMarginLeft, _styledComponents.selectTokens.chipClearContentMarginRight, _styledComponents.selectTokens.chipCloseIconSize, _styledComponents.selectTokens.targetButtonArrowMargin, _styledComponents.selectTokens.targetTextfieldArrowMargin, _styledComponents.selectTokens.targetHeight, _styledComponents.selectTokens.targetButtonPadding, _styledComponents.selectTokens.targetTextfieldPadding, _styledComponents.selectTokens.targetTextfieldChipPadding, _styledComponents.selectTokens.labelOffset, _styledComponents.selectTokens.innerLabelGap, _styledComponents.selectTokens.helperTextOffset, _styledComponents.selectTokens.spinnerSize, _styledComponents.selectTokens.spinnerSizeTight),
-      s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.125rem;\n                ", ": 0.625rem;\n                ", ": 0.125rem;\n\n                ", ": 1.5rem;\n                ", ": 0.5rem 0.75rem 0.5rem 0.675rem;\n                ", ": 0.25rem 0.75rem 0.25rem 0.675rem;\n                ", ": 0.5rem;\n                ", ": 1.5rem;\n                ", ": 1rem;\n                ", ": 0 0.375rem 0 0;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": 1.25rem;\n                ", ": 0.875rem;\n                ", ": 0.375rem;\n                ", ": 0.25rem;\n                ", ": var(--text-accent);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--text-secondary);\n\n                ", ": 0.375rem;\n\n                ", ": 0.25rem;\n                ", ": 0.25rem;\n                ", ": 1.75rem;\n                ", ": 0.5rem;\n                ", ": 0.75rem;\n                ", ": 0.375rem;\n                ", ": 0rem;\n                ", ": 0.75rem;\n\n                ", ": 0 -0.125rem 0 0.25rem;\n                ", ": 0 0 0 0.375rem;\n                ", ": 2.5rem;\n                ", ": 1rem 0 1rem;\n                ", ": 0.75rem 0 0.875rem;\n                ", ": 0.75rem 0 0.25rem;\n\n                ", ": 0.5rem;\n\n                ", ": 0;\n\n                ", ": 0.25rem;\n\n                ", ": 1.5rem;\n                ", ": 1rem;\n            "])), _styledComponents.selectTokens.padding, _styledComponents.selectTokens.borderRadius, _styledComponents.selectTokens.focusOffset, _styledComponents.selectTokens.itemHeight, _styledComponents.selectTokens.itemPadding, _styledComponents.selectTokens.itemPaddingTight, _styledComponents.selectTokens.itemBorderRadius, _styledComponents.selectTokens.itemIconSize, _styledComponents.selectTokens.itemIconSizeTight, _styledComponents.selectTokens.itemIconMargin, _styledComponents.selectTokens.fontFamily, _styledComponents.selectTokens.fontSize, _styledComponents.selectTokens.fontStyle, _styledComponents.selectTokens.fontWeight, _styledComponents.selectTokens.fontLetterSpacing, _styledComponents.selectTokens.fontLineHeight, _styledComponents.selectTokens.checkboxTriggerSize, _styledComponents.selectTokens.checkboxTriggerSizeTight, _styledComponents.selectTokens.checkboxTriggerBorderRadius, _styledComponents.selectTokens.checkboxTriggerBorderRadiusTight, _styledComponents.selectTokens.checkboxFillColor, _styledComponents.selectTokens.checkboxIconColor, _styledComponents.selectTokens.checkboxTriggerBorderColor, _styledComponents.selectTokens.indicatorSize, _styledComponents.selectTokens.chipGap, _styledComponents.selectTokens.chipBorderRadius, _styledComponents.selectTokens.chipHeight, _styledComponents.selectTokens.chipPaddingRight, _styledComponents.selectTokens.chipPaddingLeft, _styledComponents.selectTokens.chipClearContentMarginLeft, _styledComponents.selectTokens.chipClearContentMarginRight, _styledComponents.selectTokens.chipCloseIconSize, _styledComponents.selectTokens.targetButtonArrowMargin, _styledComponents.selectTokens.targetTextfieldArrowMargin, _styledComponents.selectTokens.targetHeight, _styledComponents.selectTokens.targetButtonPadding, _styledComponents.selectTokens.targetTextfieldPadding, _styledComponents.selectTokens.targetTextfieldChipPadding, _styledComponents.selectTokens.labelOffset, _styledComponents.selectTokens.innerLabelGap, _styledComponents.selectTokens.helperTextOffset, _styledComponents.selectTokens.spinnerSize, _styledComponents.selectTokens.spinnerSizeTight),
-      m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.125rem;\n                ", ": 0.75rem;\n                ", ": 0.125rem;\n\n                ", ": 1.5rem;\n                ", ": 0.75rem 0.75rem 0.75rem 0.75rem;\n                ", ": 0.5rem 0.75rem 0.5rem 0.75rem;\n                ", ": 0.625rem;\n                ", ": 0 0.375rem 0 0;\n                ", ": 1.5rem;\n                ", ": 1.5rem;\n\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": 1.25rem;\n                ", ": 1.25rem;\n                ", ": 0.375rem;\n                ", ": 0.375rem;\n                ", ": var(--text-accent);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--text-secondary);\n\n                ", ": 0.375rem;\n\n                ", ": 0.25rem;\n                ", ": 0.375rem;\n                ", ": 2.25rem;\n                ", ": 0.875rem;\n                ", ": 0.625rem;\n                ", ": 0.5rem;\n                ", ": 0rem;\n                ", ": 1rem;\n\n                ", ": 0 -0.125rem 0 0.375rem;\n                ", ": 0 0 0 0.625rem;\n                ", ": 3rem;\n                ", ": 1.25rem 0 1.25rem;\n                ", ": 0.875rem 0 1rem;\n                ", ": 0.875rem 0 0.25rem;\n\n                ", ": 0.625rem;\n\n                ", ": 0.125rem;\n\n                ", ": 0.25rem;\n\n                ", ": 1.5rem;\n                ", ": 1.5rem;\n            "])), _styledComponents.selectTokens.padding, _styledComponents.selectTokens.borderRadius, _styledComponents.selectTokens.focusOffset, _styledComponents.selectTokens.itemHeight, _styledComponents.selectTokens.itemPadding, _styledComponents.selectTokens.itemPaddingTight, _styledComponents.selectTokens.itemBorderRadius, _styledComponents.selectTokens.itemIconMargin, _styledComponents.selectTokens.itemIconSize, _styledComponents.selectTokens.itemIconSizeTight, _styledComponents.selectTokens.fontFamily, _styledComponents.selectTokens.fontSize, _styledComponents.selectTokens.fontStyle, _styledComponents.selectTokens.fontWeight, _styledComponents.selectTokens.fontLetterSpacing, _styledComponents.selectTokens.fontLineHeight, _styledComponents.selectTokens.checkboxTriggerSize, _styledComponents.selectTokens.checkboxTriggerSizeTight, _styledComponents.selectTokens.checkboxTriggerBorderRadius, _styledComponents.selectTokens.checkboxTriggerBorderRadiusTight, _styledComponents.selectTokens.checkboxFillColor, _styledComponents.selectTokens.checkboxIconColor, _styledComponents.selectTokens.checkboxTriggerBorderColor, _styledComponents.selectTokens.indicatorSize, _styledComponents.selectTokens.chipGap, _styledComponents.selectTokens.chipBorderRadius, _styledComponents.selectTokens.chipHeight, _styledComponents.selectTokens.chipPaddingRight, _styledComponents.selectTokens.chipPaddingLeft, _styledComponents.selectTokens.chipClearContentMarginLeft, _styledComponents.selectTokens.chipClearContentMarginRight, _styledComponents.selectTokens.chipCloseIconSize, _styledComponents.selectTokens.targetButtonArrowMargin, _styledComponents.selectTokens.targetTextfieldArrowMargin, _styledComponents.selectTokens.targetHeight, _styledComponents.selectTokens.targetButtonPadding, _styledComponents.selectTokens.targetTextfieldPadding, _styledComponents.selectTokens.targetTextfieldChipPadding, _styledComponents.selectTokens.labelOffset, _styledComponents.selectTokens.innerLabelGap, _styledComponents.selectTokens.helperTextOffset, _styledComponents.selectTokens.spinnerSize, _styledComponents.selectTokens.spinnerSizeTight),
-      l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.125rem;\n                ", ": 0.875rem;\n                ", ": 0.125rem;\n\n                ", ": 1.5rem;\n                ", ": 1rem 1rem 1rem 0.875rem;\n                ", ": 0.75rem 1rem 0.75rem 0.875rem;\n                ", ": 0.75rem;\n                ", ": 0 0.5rem 0 0;\n                ", ": 1.5rem;\n                ", ": 1.5rem;\n\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": 1.25rem;\n                ", ": 1.25rem;\n                ", ": 0.375rem;\n                ", ": 0.375rem;\n                ", ": var(--text-accent);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--text-secondary);\n\n                ", ": 0.375rem;\n\n                ", ": 0.25rem;\n                ", ": 0.5rem;\n                ", ": 2.75rem;\n                ", ": 0.75rem;\n                ", ": 1rem;\n                ", ": 0.625rem;\n                ", ": 0rem;\n                ", ": 1rem;\n\n                ", ": 0 -0.125rem 0 0.5rem;\n                ", ": 0 0 0 0.75rem;\n                ", ": 3.5rem;\n                ", ": 1.5rem 0 1.5rem;\n                ", ": 1rem 0 1.125rem;\n                ", ": 1rem 0 0.25rem;\n\n                ", ": 0.75rem;\n\n                ", ": 0.125rem;\n\n                ", ": 0.25rem;\n\n                ", ": 1.5rem;\n                ", ": 1.5rem;\n            "])), _styledComponents.selectTokens.padding, _styledComponents.selectTokens.borderRadius, _styledComponents.selectTokens.focusOffset, _styledComponents.selectTokens.itemHeight, _styledComponents.selectTokens.itemPadding, _styledComponents.selectTokens.itemPaddingTight, _styledComponents.selectTokens.itemBorderRadius, _styledComponents.selectTokens.itemIconMargin, _styledComponents.selectTokens.itemIconSize, _styledComponents.selectTokens.itemIconSizeTight, _styledComponents.selectTokens.fontFamily, _styledComponents.selectTokens.fontSize, _styledComponents.selectTokens.fontStyle, _styledComponents.selectTokens.fontWeight, _styledComponents.selectTokens.fontLetterSpacing, _styledComponents.selectTokens.fontLineHeight, _styledComponents.selectTokens.checkboxTriggerSize, _styledComponents.selectTokens.checkboxTriggerSizeTight, _styledComponents.selectTokens.checkboxTriggerBorderRadius, _styledComponents.selectTokens.checkboxTriggerBorderRadiusTight, _styledComponents.selectTokens.checkboxFillColor, _styledComponents.selectTokens.checkboxIconColor, _styledComponents.selectTokens.checkboxTriggerBorderColor, _styledComponents.selectTokens.indicatorSize, _styledComponents.selectTokens.chipGap, _styledComponents.selectTokens.chipBorderRadius, _styledComponents.selectTokens.chipHeight, _styledComponents.selectTokens.chipPaddingRight, _styledComponents.selectTokens.chipPaddingLeft, _styledComponents.selectTokens.chipClearContentMarginLeft, _styledComponents.selectTokens.chipClearContentMarginRight, _styledComponents.selectTokens.chipCloseIconSize, _styledComponents.selectTokens.targetButtonArrowMargin, _styledComponents.selectTokens.targetTextfieldArrowMargin, _styledComponents.selectTokens.targetHeight, _styledComponents.selectTokens.targetButtonPadding, _styledComponents.selectTokens.targetTextfieldPadding, _styledComponents.selectTokens.targetTextfieldChipPadding, _styledComponents.selectTokens.labelOffset, _styledComponents.selectTokens.innerLabelGap, _styledComponents.selectTokens.helperTextOffset, _styledComponents.selectTokens.spinnerSize, _styledComponents.selectTokens.spinnerSizeTight)
+      xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.125rem;\n                ", ": 0.5rem;\n                ", ": 0.125rem;\n\n                ", ": 1rem;\n                ", ": 0.5rem 0.5rem 0.5rem 0.375rem;\n                ", ": 0.25rem 0.5rem 0.25rem 0.375rem;\n                ", ": 0.375rem;\n                ", ": 1rem;\n                ", ": 1rem;\n                ", ": 0 0.25rem 0 0;\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0.875rem;\n                ", ": 0.875rem;\n                ", ": 0.25rem;\n                ", ": 0.25rem;\n                ", ": var(--text-accent);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--text-secondary);\n\n                ", ": 0.375rem;\n\n                ", ": 0.25rem;\n                ", ": 0.125rem;\n                ", ": 1.25rem;\n                ", ": 0.375rem;\n                ", ": 0.625rem;\n                ", ": 0.25rem;\n                ", ": 0rem;\n                ", ": 0.75rem;\n\n                ", ": 0 -0.125rem 0 0.25rem;\n                ", ": 0 0 0 0.375rem;\n                ", ": 2rem;\n                ", ": 0.75rem 0 0.75rem;\n                ", ": 0.5rem 0 0.625rem;\n                ", ": 0.5rem 0 0.25rem;\n\n                ", ": 0.375rem;\n\n                ", ": 0;\n\n                ", ": 0.25rem;\n\n                ", ": 1rem;\n                ", ": 1rem;\n            "])), _styledComponents.selectTokens.padding, _styledComponents.selectTokens.borderRadius, _styledComponents.selectTokens.focusOffset, _styledComponents.selectTokens.itemHeight, _styledComponents.selectTokens.itemPadding, _styledComponents.selectTokens.itemPaddingTight, _styledComponents.selectTokens.itemBorderRadius, _styledComponents.selectTokens.itemIconSize, _styledComponents.selectTokens.itemIconSizeTight, _styledComponents.selectTokens.itemIconMargin, _styledComponents.selectTokens.fontFamily, _styledComponents.selectTokens.fontSize, _styledComponents.selectTokens.fontStyle, _styledComponents.selectTokens.fontWeight, _styledComponents.selectTokens.fontLetterSpacing, _styledComponents.selectTokens.fontLineHeight, _styledComponents.selectTokens.labelFontFamily, _styledComponents.selectTokens.labelFontSize, _styledComponents.selectTokens.labelFontStyle, _styledComponents.selectTokens.labelFontWeight, _styledComponents.selectTokens.labelFontLetterSpacing, _styledComponents.selectTokens.labelFontLineHeight, _styledComponents.selectTokens.helperTextFontFamily, _styledComponents.selectTokens.helperTextFontSize, _styledComponents.selectTokens.helperTextFontStyle, _styledComponents.selectTokens.helperTextFontWeight, _styledComponents.selectTokens.helperTextFontLetterSpacing, _styledComponents.selectTokens.helperTextFontLineHeight, _styledComponents.selectTokens.checkboxTriggerSize, _styledComponents.selectTokens.checkboxTriggerSizeTight, _styledComponents.selectTokens.checkboxTriggerBorderRadius, _styledComponents.selectTokens.checkboxTriggerBorderRadiusTight, _styledComponents.selectTokens.checkboxFillColor, _styledComponents.selectTokens.checkboxIconColor, _styledComponents.selectTokens.checkboxTriggerBorderColor, _styledComponents.selectTokens.indicatorSize, _styledComponents.selectTokens.chipGap, _styledComponents.selectTokens.chipBorderRadius, _styledComponents.selectTokens.chipHeight, _styledComponents.selectTokens.chipPaddingRight, _styledComponents.selectTokens.chipPaddingLeft, _styledComponents.selectTokens.chipClearContentMarginLeft, _styledComponents.selectTokens.chipClearContentMarginRight, _styledComponents.selectTokens.chipCloseIconSize, _styledComponents.selectTokens.targetButtonArrowMargin, _styledComponents.selectTokens.targetTextfieldArrowMargin, _styledComponents.selectTokens.targetHeight, _styledComponents.selectTokens.targetButtonPadding, _styledComponents.selectTokens.targetTextfieldPadding, _styledComponents.selectTokens.targetTextfieldChipPadding, _styledComponents.selectTokens.labelOffset, _styledComponents.selectTokens.innerLabelGap, _styledComponents.selectTokens.helperTextOffset, _styledComponents.selectTokens.spinnerSize, _styledComponents.selectTokens.spinnerSizeTight),
+      s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.125rem;\n                ", ": 0.625rem;\n                ", ": 0.125rem;\n\n                ", ": 1.5rem;\n                ", ": 0.5rem 0.75rem 0.5rem 0.675rem;\n                ", ": 0.25rem 0.75rem 0.25rem 0.675rem;\n                ", ": 0.5rem;\n                ", ": 1.5rem;\n                ", ": 1rem;\n                ", ": 0 0.375rem 0 0;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 1.25rem;\n                ", ": 0.875rem;\n                ", ": 0.375rem;\n                ", ": 0.25rem;\n                ", ": var(--text-accent);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--text-secondary);\n\n                ", ": 0.375rem;\n\n                ", ": 0.25rem;\n                ", ": 0.25rem;\n                ", ": 1.75rem;\n                ", ": 0.5rem;\n                ", ": 0.75rem;\n                ", ": 0.375rem;\n                ", ": 0rem;\n                ", ": 0.75rem;\n\n                ", ": 0 -0.125rem 0 0.25rem;\n                ", ": 0 0 0 0.375rem;\n                ", ": 2.5rem;\n                ", ": 1rem 0 1rem;\n                ", ": 0.75rem 0 0.875rem;\n                ", ": 0.75rem 0 0.25rem;\n\n                ", ": 0.5rem;\n\n                ", ": 0;\n\n                ", ": 0.25rem;\n\n                ", ": 1.5rem;\n                ", ": 1rem;\n            "])), _styledComponents.selectTokens.padding, _styledComponents.selectTokens.borderRadius, _styledComponents.selectTokens.focusOffset, _styledComponents.selectTokens.itemHeight, _styledComponents.selectTokens.itemPadding, _styledComponents.selectTokens.itemPaddingTight, _styledComponents.selectTokens.itemBorderRadius, _styledComponents.selectTokens.itemIconSize, _styledComponents.selectTokens.itemIconSizeTight, _styledComponents.selectTokens.itemIconMargin, _styledComponents.selectTokens.fontFamily, _styledComponents.selectTokens.fontSize, _styledComponents.selectTokens.fontStyle, _styledComponents.selectTokens.fontWeight, _styledComponents.selectTokens.fontLetterSpacing, _styledComponents.selectTokens.fontLineHeight, _styledComponents.selectTokens.labelFontFamily, _styledComponents.selectTokens.labelFontSize, _styledComponents.selectTokens.labelFontStyle, _styledComponents.selectTokens.labelFontWeight, _styledComponents.selectTokens.labelFontLetterSpacing, _styledComponents.selectTokens.labelFontLineHeight, _styledComponents.selectTokens.helperTextFontFamily, _styledComponents.selectTokens.helperTextFontSize, _styledComponents.selectTokens.helperTextFontStyle, _styledComponents.selectTokens.helperTextFontWeight, _styledComponents.selectTokens.helperTextFontLetterSpacing, _styledComponents.selectTokens.helperTextFontLineHeight, _styledComponents.selectTokens.checkboxTriggerSize, _styledComponents.selectTokens.checkboxTriggerSizeTight, _styledComponents.selectTokens.checkboxTriggerBorderRadius, _styledComponents.selectTokens.checkboxTriggerBorderRadiusTight, _styledComponents.selectTokens.checkboxFillColor, _styledComponents.selectTokens.checkboxIconColor, _styledComponents.selectTokens.checkboxTriggerBorderColor, _styledComponents.selectTokens.indicatorSize, _styledComponents.selectTokens.chipGap, _styledComponents.selectTokens.chipBorderRadius, _styledComponents.selectTokens.chipHeight, _styledComponents.selectTokens.chipPaddingRight, _styledComponents.selectTokens.chipPaddingLeft, _styledComponents.selectTokens.chipClearContentMarginLeft, _styledComponents.selectTokens.chipClearContentMarginRight, _styledComponents.selectTokens.chipCloseIconSize, _styledComponents.selectTokens.targetButtonArrowMargin, _styledComponents.selectTokens.targetTextfieldArrowMargin, _styledComponents.selectTokens.targetHeight, _styledComponents.selectTokens.targetButtonPadding, _styledComponents.selectTokens.targetTextfieldPadding, _styledComponents.selectTokens.targetTextfieldChipPadding, _styledComponents.selectTokens.labelOffset, _styledComponents.selectTokens.innerLabelGap, _styledComponents.selectTokens.helperTextOffset, _styledComponents.selectTokens.spinnerSize, _styledComponents.selectTokens.spinnerSizeTight),
+      m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.125rem;\n                ", ": 0.75rem;\n                ", ": 0.125rem;\n\n                ", ": 1.5rem;\n                ", ": 0.75rem 0.75rem 0.75rem 0.75rem;\n                ", ": 0.5rem 0.75rem 0.5rem 0.75rem;\n                ", ": 0.625rem;\n                ", ": 0 0.375rem 0 0;\n                ", ": 1.5rem;\n                ", ": 1.5rem;\n\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 1.25rem;\n                ", ": 1.25rem;\n                ", ": 0.375rem;\n                ", ": 0.375rem;\n                ", ": var(--text-accent);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--text-secondary);\n\n                ", ": 0.375rem;\n\n                ", ": 0.25rem;\n                ", ": 0.375rem;\n                ", ": 2.25rem;\n                ", ": 0.875rem;\n                ", ": 0.625rem;\n                ", ": 0.5rem;\n                ", ": 0rem;\n                ", ": 1rem;\n\n                ", ": 0 -0.125rem 0 0.375rem;\n                ", ": 0 0 0 0.625rem;\n                ", ": 3rem;\n                ", ": 1.25rem 0 1.25rem;\n                ", ": 0.875rem 0 1rem;\n                ", ": 0.875rem 0 0.25rem;\n\n                ", ": 0.625rem;\n\n                ", ": 0.125rem;\n\n                ", ": 0.25rem;\n\n                ", ": 1.5rem;\n                ", ": 1.5rem;\n            "])), _styledComponents.selectTokens.padding, _styledComponents.selectTokens.borderRadius, _styledComponents.selectTokens.focusOffset, _styledComponents.selectTokens.itemHeight, _styledComponents.selectTokens.itemPadding, _styledComponents.selectTokens.itemPaddingTight, _styledComponents.selectTokens.itemBorderRadius, _styledComponents.selectTokens.itemIconMargin, _styledComponents.selectTokens.itemIconSize, _styledComponents.selectTokens.itemIconSizeTight, _styledComponents.selectTokens.fontFamily, _styledComponents.selectTokens.fontSize, _styledComponents.selectTokens.fontStyle, _styledComponents.selectTokens.fontWeight, _styledComponents.selectTokens.fontLetterSpacing, _styledComponents.selectTokens.fontLineHeight, _styledComponents.selectTokens.labelFontFamily, _styledComponents.selectTokens.labelFontSize, _styledComponents.selectTokens.labelFontStyle, _styledComponents.selectTokens.labelFontWeight, _styledComponents.selectTokens.labelFontLetterSpacing, _styledComponents.selectTokens.labelFontLineHeight, _styledComponents.selectTokens.helperTextFontFamily, _styledComponents.selectTokens.helperTextFontSize, _styledComponents.selectTokens.helperTextFontStyle, _styledComponents.selectTokens.helperTextFontWeight, _styledComponents.selectTokens.helperTextFontLetterSpacing, _styledComponents.selectTokens.helperTextFontLineHeight, _styledComponents.selectTokens.checkboxTriggerSize, _styledComponents.selectTokens.checkboxTriggerSizeTight, _styledComponents.selectTokens.checkboxTriggerBorderRadius, _styledComponents.selectTokens.checkboxTriggerBorderRadiusTight, _styledComponents.selectTokens.checkboxFillColor, _styledComponents.selectTokens.checkboxIconColor, _styledComponents.selectTokens.checkboxTriggerBorderColor, _styledComponents.selectTokens.indicatorSize, _styledComponents.selectTokens.chipGap, _styledComponents.selectTokens.chipBorderRadius, _styledComponents.selectTokens.chipHeight, _styledComponents.selectTokens.chipPaddingRight, _styledComponents.selectTokens.chipPaddingLeft, _styledComponents.selectTokens.chipClearContentMarginLeft, _styledComponents.selectTokens.chipClearContentMarginRight, _styledComponents.selectTokens.chipCloseIconSize, _styledComponents.selectTokens.targetButtonArrowMargin, _styledComponents.selectTokens.targetTextfieldArrowMargin, _styledComponents.selectTokens.targetHeight, _styledComponents.selectTokens.targetButtonPadding, _styledComponents.selectTokens.targetTextfieldPadding, _styledComponents.selectTokens.targetTextfieldChipPadding, _styledComponents.selectTokens.labelOffset, _styledComponents.selectTokens.innerLabelGap, _styledComponents.selectTokens.helperTextOffset, _styledComponents.selectTokens.spinnerSize, _styledComponents.selectTokens.spinnerSizeTight),
+      l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.125rem;\n                ", ": 0.875rem;\n                ", ": 0.125rem;\n\n                ", ": 1.5rem;\n                ", ": 1rem 1rem 1rem 0.875rem;\n                ", ": 0.75rem 1rem 0.75rem 0.875rem;\n                ", ": 0.75rem;\n                ", ": 0 0.5rem 0 0;\n                ", ": 1.5rem;\n                ", ": 1.5rem;\n\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 1.25rem;\n                ", ": 1.25rem;\n                ", ": 0.375rem;\n                ", ": 0.375rem;\n                ", ": var(--text-accent);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--text-secondary);\n\n                ", ": 0.375rem;\n\n                ", ": 0.25rem;\n                ", ": 0.5rem;\n                ", ": 2.75rem;\n                ", ": 0.75rem;\n                ", ": 1rem;\n                ", ": 0.625rem;\n                ", ": 0rem;\n                ", ": 1rem;\n\n                ", ": 0 -0.125rem 0 0.5rem;\n                ", ": 0 0 0 0.75rem;\n                ", ": 3.5rem;\n                ", ": 1.5rem 0 1.5rem;\n                ", ": 1rem 0 1.125rem;\n                ", ": 1rem 0 0.25rem;\n\n                ", ": 0.75rem;\n\n                ", ": 0.125rem;\n\n                ", ": 0.25rem;\n\n                ", ": 1.5rem;\n                ", ": 1.5rem;\n            "])), _styledComponents.selectTokens.padding, _styledComponents.selectTokens.borderRadius, _styledComponents.selectTokens.focusOffset, _styledComponents.selectTokens.itemHeight, _styledComponents.selectTokens.itemPadding, _styledComponents.selectTokens.itemPaddingTight, _styledComponents.selectTokens.itemBorderRadius, _styledComponents.selectTokens.itemIconMargin, _styledComponents.selectTokens.itemIconSize, _styledComponents.selectTokens.itemIconSizeTight, _styledComponents.selectTokens.fontFamily, _styledComponents.selectTokens.fontSize, _styledComponents.selectTokens.fontStyle, _styledComponents.selectTokens.fontWeight, _styledComponents.selectTokens.fontLetterSpacing, _styledComponents.selectTokens.fontLineHeight, _styledComponents.selectTokens.labelFontFamily, _styledComponents.selectTokens.labelFontSize, _styledComponents.selectTokens.labelFontStyle, _styledComponents.selectTokens.labelFontWeight, _styledComponents.selectTokens.labelFontLetterSpacing, _styledComponents.selectTokens.labelFontLineHeight, _styledComponents.selectTokens.helperTextFontFamily, _styledComponents.selectTokens.helperTextFontSize, _styledComponents.selectTokens.helperTextFontStyle, _styledComponents.selectTokens.helperTextFontWeight, _styledComponents.selectTokens.helperTextFontLetterSpacing, _styledComponents.selectTokens.helperTextFontLineHeight, _styledComponents.selectTokens.checkboxTriggerSize, _styledComponents.selectTokens.checkboxTriggerSizeTight, _styledComponents.selectTokens.checkboxTriggerBorderRadius, _styledComponents.selectTokens.checkboxTriggerBorderRadiusTight, _styledComponents.selectTokens.checkboxFillColor, _styledComponents.selectTokens.checkboxIconColor, _styledComponents.selectTokens.checkboxTriggerBorderColor, _styledComponents.selectTokens.indicatorSize, _styledComponents.selectTokens.chipGap, _styledComponents.selectTokens.chipBorderRadius, _styledComponents.selectTokens.chipHeight, _styledComponents.selectTokens.chipPaddingRight, _styledComponents.selectTokens.chipPaddingLeft, _styledComponents.selectTokens.chipClearContentMarginLeft, _styledComponents.selectTokens.chipClearContentMarginRight, _styledComponents.selectTokens.chipCloseIconSize, _styledComponents.selectTokens.targetButtonArrowMargin, _styledComponents.selectTokens.targetTextfieldArrowMargin, _styledComponents.selectTokens.targetHeight, _styledComponents.selectTokens.targetButtonPadding, _styledComponents.selectTokens.targetTextfieldPadding, _styledComponents.selectTokens.targetTextfieldChipPadding, _styledComponents.selectTokens.labelOffset, _styledComponents.selectTokens.innerLabelGap, _styledComponents.selectTokens.helperTextOffset, _styledComponents.selectTokens.spinnerSize, _styledComponents.selectTokens.spinnerSizeTight)
     },
     view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-secondary);\n                ", ": var(--inverse-text-primary);\n                ", ": var(--inverse-text-primary-hover);\n                ", ": var(--inverse-text-primary-active);\n                ", ": var(--inverse-text-secondary);\n                ", ": var(--inverse-text-secondary-hover);\n                ", ": var(--inverse-text-secondary-hover);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--surface-solid-default);\n                ", ": var(--surface-solid-default-hover);\n                ", ": var(--surface-solid-default-hover);\n                ", ": var(--surface-transparent-primary);\n                ", ": var(--surface-transparent-secondary);\n            "])), _styledComponents.selectTokens.helperTextColor, _styledComponents.selectTokens.targetButtonColor, _styledComponents.selectTokens.targetButtonColorHover, _styledComponents.selectTokens.targetButtonColorActive, _styledComponents.selectTokens.targetButtonArrowColor, _styledComponents.selectTokens.targetButtonArrowColorHover, _styledComponents.selectTokens.targetButtonArrowColorActive, _styledComponents.selectTokens.targetTextfieldArrowColor, _styledComponents.selectTokens.targetTextfieldArrowColorHover, _styledComponents.selectTokens.targetTextfieldArrowColorActive, _styledComponents.selectTokens.targetButtonBackgroundColor, _styledComponents.selectTokens.targetButtonBackgroundColorHover, _styledComponents.selectTokens.targetButtonBackgroundColorActive, _styledComponents.selectTokens.targetTextfieldBackgroundColor, _styledComponents.selectTokens.targetTextfieldBackgroundColorOpened),
-      positive: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-positive);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-text-primary-hover);\n                ", ": var(--on-dark-text-primary-active);\n                ", ": var(--on-dark-text-secondary);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-hover);\n                ", ":var(--surface-positive);\n                ", ":var(--surface-positive-hover);\n                ", ":var(--surface-positive-active);\n                ", ": var(--surface-transparent-positive);\n                ", ": var(--surface-transparent-positive-active);\n            "])), _styledComponents.selectTokens.helperTextColor, _styledComponents.selectTokens.targetButtonColor, _styledComponents.selectTokens.targetButtonColorHover, _styledComponents.selectTokens.targetButtonColorActive, _styledComponents.selectTokens.targetButtonArrowColor, _styledComponents.selectTokens.targetButtonArrowColorHover, _styledComponents.selectTokens.targetButtonArrowColorActive, _styledComponents.selectTokens.targetTextfieldArrowColor, _styledComponents.selectTokens.targetTextfieldArrowColorHover, _styledComponents.selectTokens.targetTextfieldArrowColorActive, _styledComponents.selectTokens.targetButtonBackgroundColor, _styledComponents.selectTokens.targetButtonBackgroundColorHover, _styledComponents.selectTokens.targetButtonBackgroundColorActive, _styledComponents.selectTokens.targetTextfieldBackgroundColor, _styledComponents.selectTokens.targetTextfieldBackgroundColorOpened),
-      warning: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-warning);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-text-primary-hover);\n                ", ": var(--on-dark-text-primary-active);\n                ", ": var(--on-dark-text-secondary);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-hover);\n                ", ":var(--surface-warning);\n                ", ":var(--surface-warning-hover);\n                ", ":var(--surface-warning-active);\n                ", ": var(--surface-transparent-warning);\n                ", ": var(--surface-transparent-warning-active);\n            "])), _styledComponents.selectTokens.helperTextColor, _styledComponents.selectTokens.targetButtonColor, _styledComponents.selectTokens.targetButtonColorHover, _styledComponents.selectTokens.targetButtonColorActive, _styledComponents.selectTokens.targetButtonArrowColor, _styledComponents.selectTokens.targetButtonArrowColorHover, _styledComponents.selectTokens.targetButtonArrowColorActive, _styledComponents.selectTokens.targetTextfieldArrowColor, _styledComponents.selectTokens.targetTextfieldArrowColorHover, _styledComponents.selectTokens.targetTextfieldArrowColorActive, _styledComponents.selectTokens.targetButtonBackgroundColor, _styledComponents.selectTokens.targetButtonBackgroundColorHover, _styledComponents.selectTokens.targetButtonBackgroundColorActive, _styledComponents.selectTokens.targetTextfieldBackgroundColor, _styledComponents.selectTokens.targetTextfieldBackgroundColorOpened),
-      negative: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-negative);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-text-primary-hover);\n                ", ": var(--on-dark-text-primary-active);\n                ", ": var(--on-dark-text-secondary);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-hover);\n                ", ":var(--surface-negative);\n                ", ": var(--surface-negative-hover);\n                ", ":var(--surface-negative-active);\n                ", ": var(--surface-transparent-negative);\n                ", ": var(--surface-transparent-negative-active);\n            "])), _styledComponents.selectTokens.helperTextColor, _styledComponents.selectTokens.targetButtonColor, _styledComponents.selectTokens.targetButtonColorHover, _styledComponents.selectTokens.targetButtonColorActive, _styledComponents.selectTokens.targetButtonArrowColor, _styledComponents.selectTokens.targetButtonArrowColorHover, _styledComponents.selectTokens.targetButtonArrowColorActive, _styledComponents.selectTokens.targetTextfieldArrowColor, _styledComponents.selectTokens.targetTextfieldArrowColorHover, _styledComponents.selectTokens.targetTextfieldArrowColorActive, _styledComponents.selectTokens.targetButtonBackgroundColor, _styledComponents.selectTokens.targetButtonBackgroundColorHover, _styledComponents.selectTokens.targetButtonBackgroundColorActive, _styledComponents.selectTokens.targetTextfieldBackgroundColor, _styledComponents.selectTokens.targetTextfieldBackgroundColorOpened),
-      accent: /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-text-primary-hover);\n                ", ": var(--on-dark-text-primary-active);\n                ", ": var(--on-dark-text-secondary);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--surface-accent);\n                ", ": var(--surface-accent-hover);\n                ", ": var(--surface-accent-active);\n            "])), _styledComponents.selectTokens.targetButtonColor, _styledComponents.selectTokens.targetButtonColorHover, _styledComponents.selectTokens.targetButtonColorActive, _styledComponents.selectTokens.targetButtonArrowColor, _styledComponents.selectTokens.targetButtonArrowColorHover, _styledComponents.selectTokens.targetButtonArrowColorActive, _styledComponents.selectTokens.targetButtonBackgroundColor, _styledComponents.selectTokens.targetButtonBackgroundColorHover, _styledComponents.selectTokens.targetButtonBackgroundColorActive),
-      secondary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--text-primary-hover);\n                ", ": var(--text-primary-active);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--surface-transparent-secondary-hover);\n                ", ": var(--surface-transparent-secondary-active);\n            "])), _styledComponents.selectTokens.targetButtonColor, _styledComponents.selectTokens.targetButtonColorHover, _styledComponents.selectTokens.targetButtonColorActive, _styledComponents.selectTokens.targetButtonArrowColor, _styledComponents.selectTokens.targetButtonArrowColorHover, _styledComponents.selectTokens.targetButtonArrowColorActive, _styledComponents.selectTokens.targetButtonBackgroundColor, _styledComponents.selectTokens.targetButtonBackgroundColorHover, _styledComponents.selectTokens.targetButtonBackgroundColorActive),
-      clear: /*#__PURE__*/(0, _styledComponents.css)(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--text-primary-hover);\n                ", ": var(--text-primary-active);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-active);\n                ", ": var(--surface-clear);\n                ", ": var(--surface-clear);\n                ", ": var(--surface-clear);\n            "])), _styledComponents.selectTokens.targetButtonColor, _styledComponents.selectTokens.targetButtonColorHover, _styledComponents.selectTokens.targetButtonColorActive, _styledComponents.selectTokens.targetButtonArrowColor, _styledComponents.selectTokens.targetButtonArrowColorHover, _styledComponents.selectTokens.targetButtonArrowColorActive, _styledComponents.selectTokens.targetButtonBackgroundColor, _styledComponents.selectTokens.targetButtonBackgroundColorHover, _styledComponents.selectTokens.targetButtonBackgroundColorActive),
-      dark: /*#__PURE__*/(0, _styledComponents.css)(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-text-primary-hover);\n                ", ": var(--on-dark-text-primary-active);\n                ", ": var(--on-dark-text-secondary);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--on-dark-text-secondary-active);\n                ", ":var(--on-light-surface-transparent-deep);\n                ", ":var(--on-light-surface-transparent-deep-hover);\n                ", ":var(--on-light-surface-transparent-deep-active);\n            "])), _styledComponents.selectTokens.targetButtonColor, _styledComponents.selectTokens.targetButtonColorHover, _styledComponents.selectTokens.targetButtonColorActive, _styledComponents.selectTokens.targetButtonArrowColor, _styledComponents.selectTokens.targetButtonArrowColorHover, _styledComponents.selectTokens.targetButtonArrowColorActive, _styledComponents.selectTokens.targetButtonBackgroundColor, _styledComponents.selectTokens.targetButtonBackgroundColorHover, _styledComponents.selectTokens.targetButtonBackgroundColorActive),
-      black: /*#__PURE__*/(0, _styledComponents.css)(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-text-primary-hover);\n                ", ": var(--on-dark-text-primary-active);\n                ", ": var(--on-dark-text-secondary);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--on-dark-text-secondary-active);\n                ", ":var(--on-light-surface-solid-default);\n                ", ":var(--on-light-surface-solid-default-hover);\n                ", ": var(--on-light-surface-solid-default-active);\n            "])), _styledComponents.selectTokens.targetButtonColor, _styledComponents.selectTokens.targetButtonColorHover, _styledComponents.selectTokens.targetButtonColorActive, _styledComponents.selectTokens.targetButtonArrowColor, _styledComponents.selectTokens.targetButtonArrowColorHover, _styledComponents.selectTokens.targetButtonArrowColorActive, _styledComponents.selectTokens.targetButtonBackgroundColor, _styledComponents.selectTokens.targetButtonBackgroundColorHover, _styledComponents.selectTokens.targetButtonBackgroundColorActive),
-      white: /*#__PURE__*/(0, _styledComponents.css)(_templateObject14 || (_templateObject14 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-light-text-primary);\n                ", ": var(--on-light-text-primary-hover);\n                ", ": var(--on-light-text-primary-active);\n                ", ": var(--on-light-text-secondary);\n                ", ": var(--on-light-text-secondary-hover);\n                ", ": var(--on-light-text-secondary-active);\n                ", ":var(--on-dark-surface-solid-default);\n                ", ":var(--on-dark-surface-solid-default-hover);\n                ", ":var(--on-dark-surface-solid-default-active);\n            "])), _styledComponents.selectTokens.targetButtonColor, _styledComponents.selectTokens.targetButtonColorHover, _styledComponents.selectTokens.targetButtonColorActive, _styledComponents.selectTokens.targetButtonArrowColor, _styledComponents.selectTokens.targetButtonArrowColorHover, _styledComponents.selectTokens.targetButtonArrowColorActive, _styledComponents.selectTokens.targetButtonBackgroundColor, _styledComponents.selectTokens.targetButtonBackgroundColorHover, _styledComponents.selectTokens.targetButtonBackgroundColorActive)
+      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-secondary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--inverse-text-primary);\n                ", ": var(--inverse-text-primary-hover);\n                ", ": var(--inverse-text-primary-active);\n                ", ": var(--inverse-text-secondary);\n                ", ": var(--inverse-text-secondary-hover);\n                ", ": var(--inverse-text-secondary-hover);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--surface-solid-default);\n                ", ": var(--surface-solid-default-hover);\n                ", ": var(--surface-solid-default-hover);\n                ", ": var(--surface-transparent-primary);\n                ", ": var(--surface-transparent-secondary);\n            "])), _styledComponents.selectTokens.helperTextColor, _styledComponents.selectTokens.itemBackgroundHover, _styledComponents.selectTokens.disclosureIconColor, _styledComponents.selectTokens.disclosureIconColorHover, _styledComponents.selectTokens.targetButtonColor, _styledComponents.selectTokens.targetButtonColorHover, _styledComponents.selectTokens.targetButtonColorActive, _styledComponents.selectTokens.targetButtonArrowColor, _styledComponents.selectTokens.targetButtonArrowColorHover, _styledComponents.selectTokens.targetButtonArrowColorActive, _styledComponents.selectTokens.targetTextfieldArrowColor, _styledComponents.selectTokens.targetTextfieldArrowColorHover, _styledComponents.selectTokens.targetTextfieldArrowColorActive, _styledComponents.selectTokens.targetButtonBackgroundColor, _styledComponents.selectTokens.targetButtonBackgroundColorHover, _styledComponents.selectTokens.targetButtonBackgroundColorActive, _styledComponents.selectTokens.targetTextfieldBackgroundColor, _styledComponents.selectTokens.targetTextfieldBackgroundColorOpened),
+      positive: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-positive);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-text-primary-hover);\n                ", ": var(--on-dark-text-primary-active);\n                ", ": var(--on-dark-text-secondary);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-hover);\n                ", ":var(--surface-positive);\n                ", ":var(--surface-positive-hover);\n                ", ":var(--surface-positive-active);\n                ", ": var(--surface-transparent-positive);\n                ", ": var(--surface-transparent-positive-active);\n            "])), _styledComponents.selectTokens.helperTextColor, _styledComponents.selectTokens.itemBackgroundHover, _styledComponents.selectTokens.disclosureIconColor, _styledComponents.selectTokens.disclosureIconColorHover, _styledComponents.selectTokens.targetButtonColor, _styledComponents.selectTokens.targetButtonColorHover, _styledComponents.selectTokens.targetButtonColorActive, _styledComponents.selectTokens.targetButtonArrowColor, _styledComponents.selectTokens.targetButtonArrowColorHover, _styledComponents.selectTokens.targetButtonArrowColorActive, _styledComponents.selectTokens.targetTextfieldArrowColor, _styledComponents.selectTokens.targetTextfieldArrowColorHover, _styledComponents.selectTokens.targetTextfieldArrowColorActive, _styledComponents.selectTokens.targetButtonBackgroundColor, _styledComponents.selectTokens.targetButtonBackgroundColorHover, _styledComponents.selectTokens.targetButtonBackgroundColorActive, _styledComponents.selectTokens.targetTextfieldBackgroundColor, _styledComponents.selectTokens.targetTextfieldBackgroundColorOpened),
+      warning: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-warning);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-text-primary-hover);\n                ", ": var(--on-dark-text-primary-active);\n                ", ": var(--on-dark-text-secondary);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-hover);\n                ", ":var(--surface-warning);\n                ", ":var(--surface-warning-hover);\n                ", ":var(--surface-warning-active);\n                ", ": var(--surface-transparent-warning);\n                ", ": var(--surface-transparent-warning-active);\n            "])), _styledComponents.selectTokens.helperTextColor, _styledComponents.selectTokens.itemBackgroundHover, _styledComponents.selectTokens.disclosureIconColor, _styledComponents.selectTokens.disclosureIconColorHover, _styledComponents.selectTokens.targetButtonColor, _styledComponents.selectTokens.targetButtonColorHover, _styledComponents.selectTokens.targetButtonColorActive, _styledComponents.selectTokens.targetButtonArrowColor, _styledComponents.selectTokens.targetButtonArrowColorHover, _styledComponents.selectTokens.targetButtonArrowColorActive, _styledComponents.selectTokens.targetTextfieldArrowColor, _styledComponents.selectTokens.targetTextfieldArrowColorHover, _styledComponents.selectTokens.targetTextfieldArrowColorActive, _styledComponents.selectTokens.targetButtonBackgroundColor, _styledComponents.selectTokens.targetButtonBackgroundColorHover, _styledComponents.selectTokens.targetButtonBackgroundColorActive, _styledComponents.selectTokens.targetTextfieldBackgroundColor, _styledComponents.selectTokens.targetTextfieldBackgroundColorOpened),
+      negative: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-negative);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-text-primary-hover);\n                ", ": var(--on-dark-text-primary-active);\n                ", ": var(--on-dark-text-secondary);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-hover);\n                ", ":var(--surface-negative);\n                ", ": var(--surface-negative-hover);\n                ", ":var(--surface-negative-active);\n                ", ": var(--surface-transparent-negative);\n                ", ": var(--surface-transparent-negative-active);\n            "])), _styledComponents.selectTokens.helperTextColor, _styledComponents.selectTokens.itemBackgroundHover, _styledComponents.selectTokens.disclosureIconColor, _styledComponents.selectTokens.disclosureIconColorHover, _styledComponents.selectTokens.targetButtonColor, _styledComponents.selectTokens.targetButtonColorHover, _styledComponents.selectTokens.targetButtonColorActive, _styledComponents.selectTokens.targetButtonArrowColor, _styledComponents.selectTokens.targetButtonArrowColorHover, _styledComponents.selectTokens.targetButtonArrowColorActive, _styledComponents.selectTokens.targetTextfieldArrowColor, _styledComponents.selectTokens.targetTextfieldArrowColorHover, _styledComponents.selectTokens.targetTextfieldArrowColorActive, _styledComponents.selectTokens.targetButtonBackgroundColor, _styledComponents.selectTokens.targetButtonBackgroundColorHover, _styledComponents.selectTokens.targetButtonBackgroundColorActive, _styledComponents.selectTokens.targetTextfieldBackgroundColor, _styledComponents.selectTokens.targetTextfieldBackgroundColorOpened),
+      accent: /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-text-primary-hover);\n                ", ": var(--on-dark-text-primary-active);\n                ", ": var(--on-dark-text-secondary);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--surface-accent);\n                ", ": var(--surface-accent-hover);\n                ", ": var(--surface-accent-active);\n            "])), _styledComponents.selectTokens.itemBackgroundHover, _styledComponents.selectTokens.disclosureIconColor, _styledComponents.selectTokens.disclosureIconColorHover, _styledComponents.selectTokens.targetButtonColor, _styledComponents.selectTokens.targetButtonColorHover, _styledComponents.selectTokens.targetButtonColorActive, _styledComponents.selectTokens.targetButtonArrowColor, _styledComponents.selectTokens.targetButtonArrowColorHover, _styledComponents.selectTokens.targetButtonArrowColorActive, _styledComponents.selectTokens.targetButtonBackgroundColor, _styledComponents.selectTokens.targetButtonBackgroundColorHover, _styledComponents.selectTokens.targetButtonBackgroundColorActive),
+      secondary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-primary);\n                ", ": var(--text-primary-hover);\n                ", ": var(--text-primary-active);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--surface-transparent-secondary-hover);\n                ", ": var(--surface-transparent-secondary-active);\n            "])), _styledComponents.selectTokens.itemBackgroundHover, _styledComponents.selectTokens.disclosureIconColor, _styledComponents.selectTokens.disclosureIconColorHover, _styledComponents.selectTokens.targetButtonColor, _styledComponents.selectTokens.targetButtonColorHover, _styledComponents.selectTokens.targetButtonColorActive, _styledComponents.selectTokens.targetButtonArrowColor, _styledComponents.selectTokens.targetButtonArrowColorHover, _styledComponents.selectTokens.targetButtonArrowColorActive, _styledComponents.selectTokens.targetButtonBackgroundColor, _styledComponents.selectTokens.targetButtonBackgroundColorHover, _styledComponents.selectTokens.targetButtonBackgroundColorActive),
+      clear: /*#__PURE__*/(0, _styledComponents.css)(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-primary);\n                ", ": var(--text-primary-hover);\n                ", ": var(--text-primary-active);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-active);\n                ", ": var(--surface-clear);\n                ", ": var(--surface-clear);\n                ", ": var(--surface-clear);\n            "])), _styledComponents.selectTokens.itemBackgroundHover, _styledComponents.selectTokens.disclosureIconColor, _styledComponents.selectTokens.disclosureIconColorHover, _styledComponents.selectTokens.targetButtonColor, _styledComponents.selectTokens.targetButtonColorHover, _styledComponents.selectTokens.targetButtonColorActive, _styledComponents.selectTokens.targetButtonArrowColor, _styledComponents.selectTokens.targetButtonArrowColorHover, _styledComponents.selectTokens.targetButtonArrowColorActive, _styledComponents.selectTokens.targetButtonBackgroundColor, _styledComponents.selectTokens.targetButtonBackgroundColorHover, _styledComponents.selectTokens.targetButtonBackgroundColorActive),
+      dark: /*#__PURE__*/(0, _styledComponents.css)(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-text-primary-hover);\n                ", ": var(--on-dark-text-primary-active);\n                ", ": var(--on-dark-text-secondary);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--on-dark-text-secondary-active);\n                ", ":var(--on-light-surface-transparent-deep);\n                ", ":var(--on-light-surface-transparent-deep-hover);\n                ", ":var(--on-light-surface-transparent-deep-active);\n            "])), _styledComponents.selectTokens.itemBackgroundHover, _styledComponents.selectTokens.disclosureIconColor, _styledComponents.selectTokens.disclosureIconColorHover, _styledComponents.selectTokens.targetButtonColor, _styledComponents.selectTokens.targetButtonColorHover, _styledComponents.selectTokens.targetButtonColorActive, _styledComponents.selectTokens.targetButtonArrowColor, _styledComponents.selectTokens.targetButtonArrowColorHover, _styledComponents.selectTokens.targetButtonArrowColorActive, _styledComponents.selectTokens.targetButtonBackgroundColor, _styledComponents.selectTokens.targetButtonBackgroundColorHover, _styledComponents.selectTokens.targetButtonBackgroundColorActive),
+      black: /*#__PURE__*/(0, _styledComponents.css)(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-text-primary-hover);\n                ", ": var(--on-dark-text-primary-active);\n                ", ": var(--on-dark-text-secondary);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--on-dark-text-secondary-active);\n                ", ":var(--on-light-surface-solid-default);\n                ", ":var(--on-light-surface-solid-default-hover);\n                ", ": var(--on-light-surface-solid-default-active);\n            "])), _styledComponents.selectTokens.itemBackgroundHover, _styledComponents.selectTokens.disclosureIconColor, _styledComponents.selectTokens.disclosureIconColorHover, _styledComponents.selectTokens.targetButtonColor, _styledComponents.selectTokens.targetButtonColorHover, _styledComponents.selectTokens.targetButtonColorActive, _styledComponents.selectTokens.targetButtonArrowColor, _styledComponents.selectTokens.targetButtonArrowColorHover, _styledComponents.selectTokens.targetButtonArrowColorActive, _styledComponents.selectTokens.targetButtonBackgroundColor, _styledComponents.selectTokens.targetButtonBackgroundColorHover, _styledComponents.selectTokens.targetButtonBackgroundColorActive),
+      white: /*#__PURE__*/(0, _styledComponents.css)(_templateObject14 || (_templateObject14 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--on-light-text-primary);\n                ", ": var(--on-light-text-primary-hover);\n                ", ": var(--on-light-text-primary-active);\n                ", ": var(--on-light-text-secondary);\n                ", ": var(--on-light-text-secondary-hover);\n                ", ": var(--on-light-text-secondary-active);\n                ", ":var(--on-dark-surface-solid-default);\n                ", ":var(--on-dark-surface-solid-default-hover);\n                ", ":var(--on-dark-surface-solid-default-active);\n            "])), _styledComponents.selectTokens.itemBackgroundHover, _styledComponents.selectTokens.disclosureIconColor, _styledComponents.selectTokens.disclosureIconColorHover, _styledComponents.selectTokens.targetButtonColor, _styledComponents.selectTokens.targetButtonColorHover, _styledComponents.selectTokens.targetButtonColorActive, _styledComponents.selectTokens.targetButtonArrowColor, _styledComponents.selectTokens.targetButtonArrowColorHover, _styledComponents.selectTokens.targetButtonArrowColorActive, _styledComponents.selectTokens.targetButtonBackgroundColor, _styledComponents.selectTokens.targetButtonBackgroundColorHover, _styledComponents.selectTokens.targetButtonBackgroundColorActive)
     },
     chipView: {
       "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject15 || (_templateObject15 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--inverse-text-primary);\n                ", ": var(--surface-solid-default);\n                ", ": var(--surface-solid-default-hover);\n                ", ": var(--surface-solid-default-active);\n            "])), _styledComponents.selectTokens.chipColor, _styledComponents.selectTokens.chipBackground, _styledComponents.selectTokens.chipBackgroundHover, _styledComponents.selectTokens.chipBackgroundActive),

package/components/Slider/Slider.config.js

@@ -19,9 +19,9 @@ var config = exports.config = {
       gradient: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n\n                ", ": var(--text-secondary);\n\n                ", ": var(--surface-solid-tertiary);\n                ", ": var(--on-light-surface-solid-card);\n                ", ": var(--surface-accent-gradient);\n\n                ", ": var(--surface-solid-tertiary);\n\n                ", ": var(--surface-accent-gradient);\n\n                ", ": var(--text-secondary);\n                ", ": var(--surface-transparent-primary);\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--text-primary);\n            "])), _styledComponents.sliderTokens.labelColor, _styledComponents.sliderTokens.rangeValueColor, _styledComponents.sliderTokens.thumbBorderColor, _styledComponents.sliderTokens.thumbBackgroundColor, _styledComponents.sliderTokens.thumbFocusBorderColor, _styledComponents.sliderTokens.railBackgroundColor, _styledComponents.sliderTokens.fillColor, _styledComponents.sliderTokens.textFieldColor, _styledComponents.sliderTokens.textFieldBackgroundColor, _styledComponents.sliderTokens.textFieldCaretColor, _styledComponents.sliderTokens.textFieldPlaceholderColor, _styledComponents.sliderTokens.textFiledFocusColor, _styledComponents.sliderTokens.textFieldActiveColor)
     },
     size: {
-      l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1.5rem;\n                ", ": 0.375rem;\n\n                ", ": 0.25rem;\n                ", ": 0.25rem;\n                ", ": 0.875rem;\n                ", ": 1rem;\n\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": 0.75rem;\n                ", ": 0.875rem;\n                ", ": 0.875rem;\n                ", ": 0.75rem;\n\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": 1rem;\n                ", ": 1.25rem;\n                ", ": 0.0625rem solid;\n\n                ", ": 1.625rem;\n\n                ", ": 0.25rem;\n                ", ": 0.125rem;\n                ", ": 0.75rem;\n\n                ", ": 0.125rem;\n\n                ", ": 3.5rem;\n                ", ": 1.25rem 1rem 1.25rem 1rem;\n                ", ": 0.75rem;\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n            "])), _styledComponents.sliderTokens.size, _styledComponents.sliderTokens.doubleWrapperGap, _styledComponents.sliderTokens.labelWrapperGap, _styledComponents.sliderTokens.labelWrapperMarginBottom, _styledComponents.sliderTokens.labelWrapperMarginRight, _styledComponents.sliderTokens.labelWrapperVerticalMargin, _styledComponents.sliderTokens.labelFontFamily, _styledComponents.sliderTokens.labelFontSize, _styledComponents.sliderTokens.labelFontStyle, _styledComponents.sliderTokens.labelFontWeight, _styledComponents.sliderTokens.labelLetterSpacing, _styledComponents.sliderTokens.labelLineHeight, _styledComponents.sliderTokens.rangeValueHorizontalMargin, _styledComponents.sliderTokens.rangeValueBottomOffset, _styledComponents.sliderTokens.rangeValueHorizontalOffset, _styledComponents.sliderTokens.rangeValueVerticalMargin, _styledComponents.sliderTokens.valueFontFamily, _styledComponents.sliderTokens.valueFontSize, _styledComponents.sliderTokens.valueFontStyle, _styledComponents.sliderTokens.valueFontWeight, _styledComponents.sliderTokens.valueLetterSpacing, _styledComponents.sliderTokens.valueLineHeight, _styledComponents.sliderTokens.thumbSize, _styledComponents.sliderTokens.thumbSizeLarge, _styledComponents.sliderTokens.thumbBorder, _styledComponents.sliderTokens.currentValueTopOffset, _styledComponents.sliderTokens.railThickness, _styledComponents.sliderTokens.railBorderRadius, _styledComponents.sliderTokens.railIndent, _styledComponents.sliderTokens.textFieldWrapperGap, _styledComponents.sliderTokens.textFieldHeight, _styledComponents.sliderTokens.textFieldPadding, _styledComponents.sliderTokens.textFieldBorderRadius, _styledComponents.sliderTokens.textFieldFontFamily, _styledComponents.sliderTokens.textFieldFontSize, _styledComponents.sliderTokens.textFieldFontStyle, _styledComponents.sliderTokens.textFieldFontWeight, _styledComponents.sliderTokens.textFieldLetterSpacing, _styledComponents.sliderTokens.textFieldLineHeight),
-      m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1.5rem;\n                ", ": 0.375rem;\n\n                ", ": 0.25rem;\n                ", ": 0.25rem;\n                ", ": 0.875rem;\n                ", ": 0.75rem;\n\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": 0.75rem;\n                ", ": 0.75rem;\n                ", ": 0.875rem;\n                ", ": 0.625rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": 1rem;\n                ", ": 1.25rem;\n                ", ": 0.0625rem solid;\n\n                ", ": 1.75rem;\n\n                ", ": 0.25rem;\n                ", ": 0.125rem;\n                ", ": 0.75rem;\n\n                ", ": 0.125rem;\n\n                ", ": 3rem;\n                ", ": 0.875rem 1rem 0.875rem 1rem;\n                ", ": 0.75rem;\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n            "])), _styledComponents.sliderTokens.size, _styledComponents.sliderTokens.doubleWrapperGap, _styledComponents.sliderTokens.labelWrapperGap, _styledComponents.sliderTokens.labelWrapperMarginBottom, _styledComponents.sliderTokens.labelWrapperMarginRight, _styledComponents.sliderTokens.labelWrapperVerticalMargin, _styledComponents.sliderTokens.labelFontFamily, _styledComponents.sliderTokens.labelFontSize, _styledComponents.sliderTokens.labelFontStyle, _styledComponents.sliderTokens.labelFontWeight, _styledComponents.sliderTokens.labelLetterSpacing, _styledComponents.sliderTokens.labelLineHeight, _styledComponents.sliderTokens.rangeValueHorizontalMargin, _styledComponents.sliderTokens.rangeValueBottomOffset, _styledComponents.sliderTokens.rangeValueHorizontalOffset, _styledComponents.sliderTokens.rangeValueVerticalMargin, _styledComponents.sliderTokens.valueFontFamily, _styledComponents.sliderTokens.valueFontSize, _styledComponents.sliderTokens.valueFontStyle, _styledComponents.sliderTokens.valueFontWeight, _styledComponents.sliderTokens.valueLetterSpacing, _styledComponents.sliderTokens.valueLineHeight, _styledComponents.sliderTokens.thumbSize, _styledComponents.sliderTokens.thumbSizeLarge, _styledComponents.sliderTokens.thumbBorder, _styledComponents.sliderTokens.currentValueTopOffset, _styledComponents.sliderTokens.railThickness, _styledComponents.sliderTokens.railBorderRadius, _styledComponents.sliderTokens.railIndent, _styledComponents.sliderTokens.textFieldWrapperGap, _styledComponents.sliderTokens.textFieldHeight, _styledComponents.sliderTokens.textFieldPadding, _styledComponents.sliderTokens.textFieldBorderRadius, _styledComponents.sliderTokens.textFieldFontFamily, _styledComponents.sliderTokens.textFieldFontSize, _styledComponents.sliderTokens.textFieldFontStyle, _styledComponents.sliderTokens.textFieldFontWeight, _styledComponents.sliderTokens.textFieldLetterSpacing, _styledComponents.sliderTokens.textFieldLineHeight),
-      s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1rem;\n                ", ": 0.375rem;\n\n                ", ": 0.25rem;\n                ", ": 0.25rem;\n                ", ": 0.875rem;\n                ", ": 0.625rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": 0.5rem;\n                ", ": 0.625rem;\n                ", ": 0.625rem;\n                ", ": 0.5rem;\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 1rem;\n                ", ": 1.25rem;\n                ", ": 0.0625rem solid;\n\n                ", ": 1.25rem;\n\n                ", ": 0.25rem;\n                ", ": 0.125rem;\n                ", ": 0.75rem;\n\n                ", ": 0.125rem;\n\n                ", ": 2.5rem;\n                ", ": 0.5rem 1rem 0.5rem 1rem;\n                ", ": 0.625rem;\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n            "])), _styledComponents.sliderTokens.size, _styledComponents.sliderTokens.doubleWrapperGap, _styledComponents.sliderTokens.labelWrapperGap, _styledComponents.sliderTokens.labelWrapperMarginBottom, _styledComponents.sliderTokens.labelWrapperMarginRight, _styledComponents.sliderTokens.labelWrapperVerticalMargin, _styledComponents.sliderTokens.labelFontFamily, _styledComponents.sliderTokens.labelFontSize, _styledComponents.sliderTokens.labelFontStyle, _styledComponents.sliderTokens.labelFontWeight, _styledComponents.sliderTokens.labelLetterSpacing, _styledComponents.sliderTokens.labelLineHeight, _styledComponents.sliderTokens.rangeValueHorizontalMargin, _styledComponents.sliderTokens.rangeValueBottomOffset, _styledComponents.sliderTokens.rangeValueHorizontalOffset, _styledComponents.sliderTokens.rangeValueVerticalMargin, _styledComponents.sliderTokens.valueFontFamily, _styledComponents.sliderTokens.valueFontSize, _styledComponents.sliderTokens.valueFontStyle, _styledComponents.sliderTokens.valueFontWeight, _styledComponents.sliderTokens.valueLetterSpacing, _styledComponents.sliderTokens.valueLineHeight, _styledComponents.sliderTokens.thumbSize, _styledComponents.sliderTokens.thumbSizeLarge, _styledComponents.sliderTokens.thumbBorder, _styledComponents.sliderTokens.currentValueTopOffset, _styledComponents.sliderTokens.railThickness, _styledComponents.sliderTokens.railBorderRadius, _styledComponents.sliderTokens.railIndent, _styledComponents.sliderTokens.textFieldWrapperGap, _styledComponents.sliderTokens.textFieldHeight, _styledComponents.sliderTokens.textFieldPadding, _styledComponents.sliderTokens.textFieldBorderRadius, _styledComponents.sliderTokens.textFieldFontFamily, _styledComponents.sliderTokens.textFieldFontSize, _styledComponents.sliderTokens.textFieldFontStyle, _styledComponents.sliderTokens.textFieldFontWeight, _styledComponents.sliderTokens.textFieldLetterSpacing, _styledComponents.sliderTokens.textFieldLineHeight)
+      l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1.5rem;\n                ", ": 0.375rem;\n\n                ", ": 0.25rem;\n                ", ": 0.25rem;\n                ", ": 0.875rem;\n\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": 0.75rem;\n                ", ": 0.75rem;\n                ", ": -1.25rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": 1.5rem;\n                ", ": 0.125rem solid;\n\n                ", ": 1.625rem;\n\n                ", ": var(--plasma-typo-text-s-font-family);\n                ", ": var(--plasma-typo-text-s-font-size);\n                ", ": var(--plasma-typo-text-s-font-style);\n                ", ": var(--plasma-typo-text-s-font-weight);\n                ", ": var(--plasma-typo-text-s-letter-spacing);\n                ", ": var(--plasma-typo-text-s-line-height);\n\n                ", ": 0.25rem;\n                ", ": 0.125rem;\n                ", ": 0.75rem;\n\n                ", ": 0.125rem;\n\n                ", ": 3.5rem;\n                ", ": 1.25rem 1rem 1.25rem 1rem;\n                ", ": 0.75rem;\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n            "])), _styledComponents.sliderTokens.height, _styledComponents.sliderTokens.doubleWrapperGap, _styledComponents.sliderTokens.labelWrapperGap, _styledComponents.sliderTokens.labelWrapperMarginBottom, _styledComponents.sliderTokens.labelWrapperMarginRight, _styledComponents.sliderTokens.labelFontFamily, _styledComponents.sliderTokens.labelFontSize, _styledComponents.sliderTokens.labelFontStyle, _styledComponents.sliderTokens.labelFontWeight, _styledComponents.sliderTokens.labelLetterSpacing, _styledComponents.sliderTokens.labelLineHeight, _styledComponents.sliderTokens.rangeMinValueMargin, _styledComponents.sliderTokens.rangeMaxValueMargin, _styledComponents.sliderTokens.rangeValueBottomOffset, _styledComponents.sliderTokens.rangeValueFontFamily, _styledComponents.sliderTokens.rangeValueFontSize, _styledComponents.sliderTokens.rangeValueFontStyle, _styledComponents.sliderTokens.rangeValueFontWeight, _styledComponents.sliderTokens.rangeValueLetterSpacing, _styledComponents.sliderTokens.rangeValueLineHeight, _styledComponents.sliderTokens.thumbSize, _styledComponents.sliderTokens.thumbBorder, _styledComponents.sliderTokens.currentValueTopOffset, _styledComponents.sliderTokens.currentValueFontFamily, _styledComponents.sliderTokens.currentValueFontSize, _styledComponents.sliderTokens.currentValueFontStyle, _styledComponents.sliderTokens.currentValueFontWeight, _styledComponents.sliderTokens.currentValueLetterSpacing, _styledComponents.sliderTokens.currentValueLineHeight, _styledComponents.sliderTokens.railHeight, _styledComponents.sliderTokens.railBorderRadius, _styledComponents.sliderTokens.railIndent, _styledComponents.sliderTokens.textFieldWrapperGap, _styledComponents.sliderTokens.textFieldHeight, _styledComponents.sliderTokens.textFieldPadding, _styledComponents.sliderTokens.textFieldBorderRadius, _styledComponents.sliderTokens.textFieldFontFamily, _styledComponents.sliderTokens.textFieldFontSize, _styledComponents.sliderTokens.textFieldFontStyle, _styledComponents.sliderTokens.textFieldFontWeight, _styledComponents.sliderTokens.textFieldLetterSpacing, _styledComponents.sliderTokens.textFieldLineHeight),
+      m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1.5rem;\n                ", ": 0.375rem;\n\n                ", ": 0.25rem;\n                ", ": 0.25rem;\n                ", ": 0.875rem;\n\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": 0.75rem;\n                ", ": 0.75rem;\n                ", ": -1.25rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": 1.5rem;\n                ", ": 0.125rem solid;\n\n                ", ": 1.75rem;\n\n                ", ": var(--plasma-typo-text-xs-font-family);\n                ", ": var(--plasma-typo-text-xs-font-size);\n                ", ": var(--plasma-typo-text-xs-font-style);\n                ", ": var(--plasma-typo-text-xs-font-weight);\n                ", ": var(--plasma-typo-text-xs-letter-spacing);\n                ", ": var(--plasma-typo-text-xs-line-height);\n\n                ", ": 0.25rem;\n                ", ": 0.125rem;\n                ", ": 0.75rem;\n\n                ", ": 0.125rem;\n\n                ", ": 3rem;\n                ", ": 0.875rem 1rem 0.875rem 1rem;\n                ", ": 0.75rem;\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n            "])), _styledComponents.sliderTokens.height, _styledComponents.sliderTokens.doubleWrapperGap, _styledComponents.sliderTokens.labelWrapperGap, _styledComponents.sliderTokens.labelWrapperMarginBottom, _styledComponents.sliderTokens.labelWrapperMarginRight, _styledComponents.sliderTokens.labelFontFamily, _styledComponents.sliderTokens.labelFontSize, _styledComponents.sliderTokens.labelFontStyle, _styledComponents.sliderTokens.labelFontWeight, _styledComponents.sliderTokens.labelLetterSpacing, _styledComponents.sliderTokens.labelLineHeight, _styledComponents.sliderTokens.rangeMinValueMargin, _styledComponents.sliderTokens.rangeMaxValueMargin, _styledComponents.sliderTokens.rangeValueBottomOffset, _styledComponents.sliderTokens.rangeValueFontFamily, _styledComponents.sliderTokens.rangeValueFontSize, _styledComponents.sliderTokens.rangeValueFontStyle, _styledComponents.sliderTokens.rangeValueFontWeight, _styledComponents.sliderTokens.rangeValueLetterSpacing, _styledComponents.sliderTokens.rangeValueLineHeight, _styledComponents.sliderTokens.thumbSize, _styledComponents.sliderTokens.thumbBorder, _styledComponents.sliderTokens.currentValueTopOffset, _styledComponents.sliderTokens.currentValueFontFamily, _styledComponents.sliderTokens.currentValueFontSize, _styledComponents.sliderTokens.currentValueFontStyle, _styledComponents.sliderTokens.currentValueFontWeight, _styledComponents.sliderTokens.currentValueLetterSpacing, _styledComponents.sliderTokens.currentValueLineHeight, _styledComponents.sliderTokens.railHeight, _styledComponents.sliderTokens.railBorderRadius, _styledComponents.sliderTokens.railIndent, _styledComponents.sliderTokens.textFieldWrapperGap, _styledComponents.sliderTokens.textFieldHeight, _styledComponents.sliderTokens.textFieldPadding, _styledComponents.sliderTokens.textFieldBorderRadius, _styledComponents.sliderTokens.textFieldFontFamily, _styledComponents.sliderTokens.textFieldFontSize, _styledComponents.sliderTokens.textFieldFontStyle, _styledComponents.sliderTokens.textFieldFontWeight, _styledComponents.sliderTokens.textFieldLetterSpacing, _styledComponents.sliderTokens.textFieldLineHeight),
+      s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1rem;\n                ", ": 0.375rem;\n\n                ", ": 0.25rem;\n                ", ": 0.25rem;\n                ", ": 0.875rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": 0.5rem;\n                ", ": 0.5rem;\n                ", ": -1.25rem;\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 1rem;\n                ", ": 0.125rem solid;\n\n                ", ": 1.25rem;\n\n                ", ": var(--plasma-typo-text-xs-font-family);\n                ", ": var(--plasma-typo-text-xs-font-size);\n                ", ": var(--plasma-typo-text-xs-font-style);\n                ", ": var(--plasma-typo-text-xs-font-weight);\n                ", ": var(--plasma-typo-text-xs-letter-spacing);\n                ", ": var(--plasma-typo-text-xs-line-height);\n\n                ", ": 0.25rem;\n                ", ": 0.125rem;\n                ", ": 0.75rem;\n\n                ", ": 0.125rem;\n\n                ", ": 2.5rem;\n                ", ": 0.5rem 1rem 0.5rem 1rem;\n                ", ": 0.625rem;\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n            "])), _styledComponents.sliderTokens.height, _styledComponents.sliderTokens.doubleWrapperGap, _styledComponents.sliderTokens.labelWrapperGap, _styledComponents.sliderTokens.labelWrapperMarginBottom, _styledComponents.sliderTokens.labelWrapperMarginRight, _styledComponents.sliderTokens.labelFontFamily, _styledComponents.sliderTokens.labelFontSize, _styledComponents.sliderTokens.labelFontStyle, _styledComponents.sliderTokens.labelFontWeight, _styledComponents.sliderTokens.labelLetterSpacing, _styledComponents.sliderTokens.labelLineHeight, _styledComponents.sliderTokens.rangeMinValueMargin, _styledComponents.sliderTokens.rangeMaxValueMargin, _styledComponents.sliderTokens.rangeValueBottomOffset, _styledComponents.sliderTokens.rangeValueFontFamily, _styledComponents.sliderTokens.rangeValueFontSize, _styledComponents.sliderTokens.rangeValueFontStyle, _styledComponents.sliderTokens.rangeValueFontWeight, _styledComponents.sliderTokens.rangeValueLetterSpacing, _styledComponents.sliderTokens.rangeValueLineHeight, _styledComponents.sliderTokens.thumbSize, _styledComponents.sliderTokens.thumbBorder, _styledComponents.sliderTokens.currentValueTopOffset, _styledComponents.sliderTokens.currentValueFontFamily, _styledComponents.sliderTokens.currentValueFontSize, _styledComponents.sliderTokens.currentValueFontStyle, _styledComponents.sliderTokens.currentValueFontWeight, _styledComponents.sliderTokens.currentValueLetterSpacing, _styledComponents.sliderTokens.currentValueLineHeight, _styledComponents.sliderTokens.railHeight, _styledComponents.sliderTokens.railBorderRadius, _styledComponents.sliderTokens.railIndent, _styledComponents.sliderTokens.textFieldWrapperGap, _styledComponents.sliderTokens.textFieldHeight, _styledComponents.sliderTokens.textFieldPadding, _styledComponents.sliderTokens.textFieldBorderRadius, _styledComponents.sliderTokens.textFieldFontFamily, _styledComponents.sliderTokens.textFieldFontSize, _styledComponents.sliderTokens.textFieldFontStyle, _styledComponents.sliderTokens.textFieldFontWeight, _styledComponents.sliderTokens.textFieldLetterSpacing, _styledComponents.sliderTokens.textFieldLineHeight)
     },
     disabled: {
       "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.4;\n            "])), _styledComponents.sliderTokens.disabledOpacity)

package/components/Slider/Slider.d.ts

@@ -18,127 +18,41 @@ export declare const Slider: import("react").FunctionComponent<import("@salutejs
         true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
 }> & ((import("@salutejs/plasma-new-hope/types/components/Slider/components/SliderBase/SliderBase.types").SliderBaseProps & import("@salutejs/plasma-new-hope/types/components/Slider/components").SliderInternalProps & {
-    /**
-     * Слайдер позволяет определить числовое значение в пределах указанного промежутка.
-     * Можно указать два значения.
-     */
     onChange?: ((event: import("@salutejs/plasma-new-hope/types/types/FormType").FormTypeNumber) => void) | undefined;
     name: string;
     value?: undefined;
     defaultValue?: number | undefined;
-} & {
-    orientation?: "horizontal" | undefined;
-    labelPlacement?: "none" | "top" | "left" | undefined;
-    scaleAlign?: "none" | "bottom" | "side" | undefined;
-    sliderAlign?: "none" | undefined;
-    reversed?: undefined;
-    labelReversed?: undefined;
 } & Omit<import("react").HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> & {
     onChangeCommitted?: ((value: number) => void) | undefined;
     ariaLabel?: string | undefined;
     showCurrentValue?: boolean | undefined;
     showRangeValues?: boolean | undefined;
-    rangeValuesPlacement?: string | undefined;
-    showScale?: boolean | undefined;
     hideMinValueDiff?: number | undefined;
     hideMaxValueDiff?: number | undefined;
+    rangeValuesPlacement?: "outer" | "inner" | undefined;
     labelPlacement?: "outer" | "inner" | undefined;
-    labelContentLeft?: import("react").ReactNode;
-    labelContent?: import("react").ReactNode;
     multipleStepSize?: number | undefined;
     view?: string | undefined;
     size?: "s" | "m" | "l" | undefined;
     type?: "single" | undefined;
-    pointerSize?: "none" | "small" | "large" | undefined;
-} & import("react").RefAttributes<HTMLDivElement>) | (import("@salutejs/plasma-new-hope/types/components/Slider/components/SliderBase/SliderBase.types").SliderBaseProps & import("@salutejs/plasma-new-hope/types/components/Slider/components").SliderInternalProps & {
-    /**
-     * Слайдер позволяет определить числовое значение в пределах указанного промежутка.
-     * Можно указать два значения.
-     */
-    onChange?: ((event: import("@salutejs/plasma-new-hope/types/types/FormType").FormTypeNumber) => void) | undefined;
-    name: string;
-    value?: undefined;
-    defaultValue?: number | undefined;
-} & {
-    orientation: "vertical";
-    sliderAlign?: "none" | "center" | "right" | "left" | undefined;
-    scaleAlign?: undefined;
-    reversed?: boolean | undefined;
-    labelReversed?: boolean | undefined;
-} & Omit<import("react").HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> & {
-    onChangeCommitted?: ((value: number) => void) | undefined;
-    ariaLabel?: string | undefined;
-    showCurrentValue?: boolean | undefined;
-    showRangeValues?: boolean | undefined;
-    rangeValuesPlacement?: string | undefined;
-    showScale?: boolean | undefined;
-    hideMinValueDiff?: number | undefined;
-    hideMaxValueDiff?: number | undefined;
-    labelPlacement?: "outer" | "inner" | undefined;
-    labelContentLeft?: import("react").ReactNode;
-    labelContent?: import("react").ReactNode;
-    multipleStepSize?: number | undefined;
-    view?: string | undefined;
-    size?: "s" | "m" | "l" | undefined;
-    type?: "single" | undefined;
-    pointerSize?: "none" | "small" | "large" | undefined;
-} & import("react").RefAttributes<HTMLDivElement>) | (import("@salutejs/plasma-new-hope/types/components/Slider/components/SliderBase/SliderBase.types").SliderBaseProps & import("@salutejs/plasma-new-hope/types/components/Slider/components").SliderInternalProps & {
-    onChange?: ((value: number) => void) | undefined;
-    value: number;
-    name?: undefined;
-    defaultValue?: undefined;
-} & {
-    orientation?: "horizontal" | undefined;
-    labelPlacement?: "none" | "top" | "left" | undefined;
-    scaleAlign?: "none" | "bottom" | "side" | undefined;
-    sliderAlign?: "none" | undefined;
-    reversed?: undefined;
-    labelReversed?: undefined;
-} & Omit<import("react").HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> & {
-    onChangeCommitted?: ((value: number) => void) | undefined;
-    ariaLabel?: string | undefined;
-    showCurrentValue?: boolean | undefined;
-    showRangeValues?: boolean | undefined;
-    rangeValuesPlacement?: string | undefined;
-    showScale?: boolean | undefined;
-    hideMinValueDiff?: number | undefined;
-    hideMaxValueDiff?: number | undefined;
-    labelPlacement?: "outer" | "inner" | undefined;
-    labelContentLeft?: import("react").ReactNode;
-    labelContent?: import("react").ReactNode;
-    multipleStepSize?: number | undefined;
-    view?: string | undefined;
-    size?: "s" | "m" | "l" | undefined;
-    type?: "single" | undefined;
-    pointerSize?: "none" | "small" | "large" | undefined;
 } & import("react").RefAttributes<HTMLDivElement>) | (import("@salutejs/plasma-new-hope/types/components/Slider/components/SliderBase/SliderBase.types").SliderBaseProps & import("@salutejs/plasma-new-hope/types/components/Slider/components").SliderInternalProps & {
     onChange?: ((value: number) => void) | undefined;
     value: number;
     name?: undefined;
     defaultValue?: undefined;
-} & {
-    orientation: "vertical";
-    sliderAlign?: "none" | "center" | "right" | "left" | undefined;
-    scaleAlign?: undefined;
-    reversed?: boolean | undefined;
-    labelReversed?: boolean | undefined;
 } & Omit<import("react").HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> & {
     onChangeCommitted?: ((value: number) => void) | undefined;
     ariaLabel?: string | undefined;
     showCurrentValue?: boolean | undefined;
     showRangeValues?: boolean | undefined;
-    rangeValuesPlacement?: string | undefined;
-    showScale?: boolean | undefined;
     hideMinValueDiff?: number | undefined;
     hideMaxValueDiff?: number | undefined;
+    rangeValuesPlacement?: "outer" | "inner" | undefined;
     labelPlacement?: "outer" | "inner" | undefined;
-    labelContentLeft?: import("react").ReactNode;
-    labelContent?: import("react").ReactNode;
     multipleStepSize?: number | undefined;
     view?: string | undefined;
     size?: "s" | "m" | "l" | undefined;
     type?: "single" | undefined;
-    pointerSize?: "none" | "small" | "large" | undefined;
 } & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("@salutejs/plasma-new-hope/styled-components").DoubleSliderProps, "onChange" | "defaultValue" | "value"> & {
     onChange?: ((event: import("@salutejs/plasma-new-hope/types/types/FormType").FormTypeString) => void) | undefined;
     name?: string | undefined;

package/es/components/Select/Select.config.js

@@ -9,22 +9,22 @@ export var config = {
   },
   variations: {
     size: {
-      xs: /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.125rem;\n                ", ": 0.5rem;\n                ", ": 0.125rem;\n\n                ", ": 1rem;\n                ", ": 0.5rem 0.5rem 0.5rem 0.375rem;\n                ", ": 0.25rem 0.5rem 0.25rem 0.375rem;\n                ", ": 0.375rem;\n                ", ": 1rem;\n                ", ": 1rem;\n                ", ": 0 0.25rem 0 0;\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0.875rem;\n                ", ": 0.875rem;\n                ", ": 0.25rem;\n                ", ": 0.25rem;\n                ", ": var(--text-accent);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--text-secondary);\n\n                ", ": 0.375rem;\n\n                ", ": 0.25rem;\n                ", ": 0.125rem;\n                ", ": 1.25rem;\n                ", ": 0.375rem;\n                ", ": 0.625rem;\n                ", ": 0.25rem;\n                ", ": 0rem;\n                ", ": 0.75rem;\n\n                ", ": 0 -0.125rem 0 0.25rem;\n                ", ": 0 0 0 0.375rem;\n                ", ": 2rem;\n                ", ": 0.75rem 0 0.75rem;\n                ", ": 0.5rem 0 0.625rem;\n                ", ": 0.5rem 0 0.25rem;\n\n                ", ": 0.375rem;\n\n                ", ": 0;\n\n                ", ": 0.25rem;\n\n                ", ": 1rem;\n                ", ": 1rem;\n            "])), selectTokens.padding, selectTokens.borderRadius, selectTokens.focusOffset, selectTokens.itemHeight, selectTokens.itemPadding, selectTokens.itemPaddingTight, selectTokens.itemBorderRadius, selectTokens.itemIconSize, selectTokens.itemIconSizeTight, selectTokens.itemIconMargin, selectTokens.fontFamily, selectTokens.fontSize, selectTokens.fontStyle, selectTokens.fontWeight, selectTokens.fontLetterSpacing, selectTokens.fontLineHeight, selectTokens.checkboxTriggerSize, selectTokens.checkboxTriggerSizeTight, selectTokens.checkboxTriggerBorderRadius, selectTokens.checkboxTriggerBorderRadiusTight, selectTokens.checkboxFillColor, selectTokens.checkboxIconColor, selectTokens.checkboxTriggerBorderColor, selectTokens.indicatorSize, selectTokens.chipGap, selectTokens.chipBorderRadius, selectTokens.chipHeight, selectTokens.chipPaddingRight, selectTokens.chipPaddingLeft, selectTokens.chipClearContentMarginLeft, selectTokens.chipClearContentMarginRight, selectTokens.chipCloseIconSize, selectTokens.targetButtonArrowMargin, selectTokens.targetTextfieldArrowMargin, selectTokens.targetHeight, selectTokens.targetButtonPadding, selectTokens.targetTextfieldPadding, selectTokens.targetTextfieldChipPadding, selectTokens.labelOffset, selectTokens.innerLabelGap, selectTokens.helperTextOffset, selectTokens.spinnerSize, selectTokens.spinnerSizeTight),
-      s: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.125rem;\n                ", ": 0.625rem;\n                ", ": 0.125rem;\n\n                ", ": 1.5rem;\n                ", ": 0.5rem 0.75rem 0.5rem 0.675rem;\n                ", ": 0.25rem 0.75rem 0.25rem 0.675rem;\n                ", ": 0.5rem;\n                ", ": 1.5rem;\n                ", ": 1rem;\n                ", ": 0 0.375rem 0 0;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": 1.25rem;\n                ", ": 0.875rem;\n                ", ": 0.375rem;\n                ", ": 0.25rem;\n                ", ": var(--text-accent);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--text-secondary);\n\n                ", ": 0.375rem;\n\n                ", ": 0.25rem;\n                ", ": 0.25rem;\n                ", ": 1.75rem;\n                ", ": 0.5rem;\n                ", ": 0.75rem;\n                ", ": 0.375rem;\n                ", ": 0rem;\n                ", ": 0.75rem;\n\n                ", ": 0 -0.125rem 0 0.25rem;\n                ", ": 0 0 0 0.375rem;\n                ", ": 2.5rem;\n                ", ": 1rem 0 1rem;\n                ", ": 0.75rem 0 0.875rem;\n                ", ": 0.75rem 0 0.25rem;\n\n                ", ": 0.5rem;\n\n                ", ": 0;\n\n                ", ": 0.25rem;\n\n                ", ": 1.5rem;\n                ", ": 1rem;\n            "])), selectTokens.padding, selectTokens.borderRadius, selectTokens.focusOffset, selectTokens.itemHeight, selectTokens.itemPadding, selectTokens.itemPaddingTight, selectTokens.itemBorderRadius, selectTokens.itemIconSize, selectTokens.itemIconSizeTight, selectTokens.itemIconMargin, selectTokens.fontFamily, selectTokens.fontSize, selectTokens.fontStyle, selectTokens.fontWeight, selectTokens.fontLetterSpacing, selectTokens.fontLineHeight, selectTokens.checkboxTriggerSize, selectTokens.checkboxTriggerSizeTight, selectTokens.checkboxTriggerBorderRadius, selectTokens.checkboxTriggerBorderRadiusTight, selectTokens.checkboxFillColor, selectTokens.checkboxIconColor, selectTokens.checkboxTriggerBorderColor, selectTokens.indicatorSize, selectTokens.chipGap, selectTokens.chipBorderRadius, selectTokens.chipHeight, selectTokens.chipPaddingRight, selectTokens.chipPaddingLeft, selectTokens.chipClearContentMarginLeft, selectTokens.chipClearContentMarginRight, selectTokens.chipCloseIconSize, selectTokens.targetButtonArrowMargin, selectTokens.targetTextfieldArrowMargin, selectTokens.targetHeight, selectTokens.targetButtonPadding, selectTokens.targetTextfieldPadding, selectTokens.targetTextfieldChipPadding, selectTokens.labelOffset, selectTokens.innerLabelGap, selectTokens.helperTextOffset, selectTokens.spinnerSize, selectTokens.spinnerSizeTight),
-      m: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.125rem;\n                ", ": 0.75rem;\n                ", ": 0.125rem;\n\n                ", ": 1.5rem;\n                ", ": 0.75rem 0.75rem 0.75rem 0.75rem;\n                ", ": 0.5rem 0.75rem 0.5rem 0.75rem;\n                ", ": 0.625rem;\n                ", ": 0 0.375rem 0 0;\n                ", ": 1.5rem;\n                ", ": 1.5rem;\n\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": 1.25rem;\n                ", ": 1.25rem;\n                ", ": 0.375rem;\n                ", ": 0.375rem;\n                ", ": var(--text-accent);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--text-secondary);\n\n                ", ": 0.375rem;\n\n                ", ": 0.25rem;\n                ", ": 0.375rem;\n                ", ": 2.25rem;\n                ", ": 0.875rem;\n                ", ": 0.625rem;\n                ", ": 0.5rem;\n                ", ": 0rem;\n                ", ": 1rem;\n\n                ", ": 0 -0.125rem 0 0.375rem;\n                ", ": 0 0 0 0.625rem;\n                ", ": 3rem;\n                ", ": 1.25rem 0 1.25rem;\n                ", ": 0.875rem 0 1rem;\n                ", ": 0.875rem 0 0.25rem;\n\n                ", ": 0.625rem;\n\n                ", ": 0.125rem;\n\n                ", ": 0.25rem;\n\n                ", ": 1.5rem;\n                ", ": 1.5rem;\n            "])), selectTokens.padding, selectTokens.borderRadius, selectTokens.focusOffset, selectTokens.itemHeight, selectTokens.itemPadding, selectTokens.itemPaddingTight, selectTokens.itemBorderRadius, selectTokens.itemIconMargin, selectTokens.itemIconSize, selectTokens.itemIconSizeTight, selectTokens.fontFamily, selectTokens.fontSize, selectTokens.fontStyle, selectTokens.fontWeight, selectTokens.fontLetterSpacing, selectTokens.fontLineHeight, selectTokens.checkboxTriggerSize, selectTokens.checkboxTriggerSizeTight, selectTokens.checkboxTriggerBorderRadius, selectTokens.checkboxTriggerBorderRadiusTight, selectTokens.checkboxFillColor, selectTokens.checkboxIconColor, selectTokens.checkboxTriggerBorderColor, selectTokens.indicatorSize, selectTokens.chipGap, selectTokens.chipBorderRadius, selectTokens.chipHeight, selectTokens.chipPaddingRight, selectTokens.chipPaddingLeft, selectTokens.chipClearContentMarginLeft, selectTokens.chipClearContentMarginRight, selectTokens.chipCloseIconSize, selectTokens.targetButtonArrowMargin, selectTokens.targetTextfieldArrowMargin, selectTokens.targetHeight, selectTokens.targetButtonPadding, selectTokens.targetTextfieldPadding, selectTokens.targetTextfieldChipPadding, selectTokens.labelOffset, selectTokens.innerLabelGap, selectTokens.helperTextOffset, selectTokens.spinnerSize, selectTokens.spinnerSizeTight),
-      l: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.125rem;\n                ", ": 0.875rem;\n                ", ": 0.125rem;\n\n                ", ": 1.5rem;\n                ", ": 1rem 1rem 1rem 0.875rem;\n                ", ": 0.75rem 1rem 0.75rem 0.875rem;\n                ", ": 0.75rem;\n                ", ": 0 0.5rem 0 0;\n                ", ": 1.5rem;\n                ", ": 1.5rem;\n\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": 1.25rem;\n                ", ": 1.25rem;\n                ", ": 0.375rem;\n                ", ": 0.375rem;\n                ", ": var(--text-accent);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--text-secondary);\n\n                ", ": 0.375rem;\n\n                ", ": 0.25rem;\n                ", ": 0.5rem;\n                ", ": 2.75rem;\n                ", ": 0.75rem;\n                ", ": 1rem;\n                ", ": 0.625rem;\n                ", ": 0rem;\n                ", ": 1rem;\n\n                ", ": 0 -0.125rem 0 0.5rem;\n                ", ": 0 0 0 0.75rem;\n                ", ": 3.5rem;\n                ", ": 1.5rem 0 1.5rem;\n                ", ": 1rem 0 1.125rem;\n                ", ": 1rem 0 0.25rem;\n\n                ", ": 0.75rem;\n\n                ", ": 0.125rem;\n\n                ", ": 0.25rem;\n\n                ", ": 1.5rem;\n                ", ": 1.5rem;\n            "])), selectTokens.padding, selectTokens.borderRadius, selectTokens.focusOffset, selectTokens.itemHeight, selectTokens.itemPadding, selectTokens.itemPaddingTight, selectTokens.itemBorderRadius, selectTokens.itemIconMargin, selectTokens.itemIconSize, selectTokens.itemIconSizeTight, selectTokens.fontFamily, selectTokens.fontSize, selectTokens.fontStyle, selectTokens.fontWeight, selectTokens.fontLetterSpacing, selectTokens.fontLineHeight, selectTokens.checkboxTriggerSize, selectTokens.checkboxTriggerSizeTight, selectTokens.checkboxTriggerBorderRadius, selectTokens.checkboxTriggerBorderRadiusTight, selectTokens.checkboxFillColor, selectTokens.checkboxIconColor, selectTokens.checkboxTriggerBorderColor, selectTokens.indicatorSize, selectTokens.chipGap, selectTokens.chipBorderRadius, selectTokens.chipHeight, selectTokens.chipPaddingRight, selectTokens.chipPaddingLeft, selectTokens.chipClearContentMarginLeft, selectTokens.chipClearContentMarginRight, selectTokens.chipCloseIconSize, selectTokens.targetButtonArrowMargin, selectTokens.targetTextfieldArrowMargin, selectTokens.targetHeight, selectTokens.targetButtonPadding, selectTokens.targetTextfieldPadding, selectTokens.targetTextfieldChipPadding, selectTokens.labelOffset, selectTokens.innerLabelGap, selectTokens.helperTextOffset, selectTokens.spinnerSize, selectTokens.spinnerSizeTight)
+      xs: /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.125rem;\n                ", ": 0.5rem;\n                ", ": 0.125rem;\n\n                ", ": 1rem;\n                ", ": 0.5rem 0.5rem 0.5rem 0.375rem;\n                ", ": 0.25rem 0.5rem 0.25rem 0.375rem;\n                ", ": 0.375rem;\n                ", ": 1rem;\n                ", ": 1rem;\n                ", ": 0 0.25rem 0 0;\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0.875rem;\n                ", ": 0.875rem;\n                ", ": 0.25rem;\n                ", ": 0.25rem;\n                ", ": var(--text-accent);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--text-secondary);\n\n                ", ": 0.375rem;\n\n                ", ": 0.25rem;\n                ", ": 0.125rem;\n                ", ": 1.25rem;\n                ", ": 0.375rem;\n                ", ": 0.625rem;\n                ", ": 0.25rem;\n                ", ": 0rem;\n                ", ": 0.75rem;\n\n                ", ": 0 -0.125rem 0 0.25rem;\n                ", ": 0 0 0 0.375rem;\n                ", ": 2rem;\n                ", ": 0.75rem 0 0.75rem;\n                ", ": 0.5rem 0 0.625rem;\n                ", ": 0.5rem 0 0.25rem;\n\n                ", ": 0.375rem;\n\n                ", ": 0;\n\n                ", ": 0.25rem;\n\n                ", ": 1rem;\n                ", ": 1rem;\n            "])), selectTokens.padding, selectTokens.borderRadius, selectTokens.focusOffset, selectTokens.itemHeight, selectTokens.itemPadding, selectTokens.itemPaddingTight, selectTokens.itemBorderRadius, selectTokens.itemIconSize, selectTokens.itemIconSizeTight, selectTokens.itemIconMargin, selectTokens.fontFamily, selectTokens.fontSize, selectTokens.fontStyle, selectTokens.fontWeight, selectTokens.fontLetterSpacing, selectTokens.fontLineHeight, selectTokens.labelFontFamily, selectTokens.labelFontSize, selectTokens.labelFontStyle, selectTokens.labelFontWeight, selectTokens.labelFontLetterSpacing, selectTokens.labelFontLineHeight, selectTokens.helperTextFontFamily, selectTokens.helperTextFontSize, selectTokens.helperTextFontStyle, selectTokens.helperTextFontWeight, selectTokens.helperTextFontLetterSpacing, selectTokens.helperTextFontLineHeight, selectTokens.checkboxTriggerSize, selectTokens.checkboxTriggerSizeTight, selectTokens.checkboxTriggerBorderRadius, selectTokens.checkboxTriggerBorderRadiusTight, selectTokens.checkboxFillColor, selectTokens.checkboxIconColor, selectTokens.checkboxTriggerBorderColor, selectTokens.indicatorSize, selectTokens.chipGap, selectTokens.chipBorderRadius, selectTokens.chipHeight, selectTokens.chipPaddingRight, selectTokens.chipPaddingLeft, selectTokens.chipClearContentMarginLeft, selectTokens.chipClearContentMarginRight, selectTokens.chipCloseIconSize, selectTokens.targetButtonArrowMargin, selectTokens.targetTextfieldArrowMargin, selectTokens.targetHeight, selectTokens.targetButtonPadding, selectTokens.targetTextfieldPadding, selectTokens.targetTextfieldChipPadding, selectTokens.labelOffset, selectTokens.innerLabelGap, selectTokens.helperTextOffset, selectTokens.spinnerSize, selectTokens.spinnerSizeTight),
+      s: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.125rem;\n                ", ": 0.625rem;\n                ", ": 0.125rem;\n\n                ", ": 1.5rem;\n                ", ": 0.5rem 0.75rem 0.5rem 0.675rem;\n                ", ": 0.25rem 0.75rem 0.25rem 0.675rem;\n                ", ": 0.5rem;\n                ", ": 1.5rem;\n                ", ": 1rem;\n                ", ": 0 0.375rem 0 0;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 1.25rem;\n                ", ": 0.875rem;\n                ", ": 0.375rem;\n                ", ": 0.25rem;\n                ", ": var(--text-accent);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--text-secondary);\n\n                ", ": 0.375rem;\n\n                ", ": 0.25rem;\n                ", ": 0.25rem;\n                ", ": 1.75rem;\n                ", ": 0.5rem;\n                ", ": 0.75rem;\n                ", ": 0.375rem;\n                ", ": 0rem;\n                ", ": 0.75rem;\n\n                ", ": 0 -0.125rem 0 0.25rem;\n                ", ": 0 0 0 0.375rem;\n                ", ": 2.5rem;\n                ", ": 1rem 0 1rem;\n                ", ": 0.75rem 0 0.875rem;\n                ", ": 0.75rem 0 0.25rem;\n\n                ", ": 0.5rem;\n\n                ", ": 0;\n\n                ", ": 0.25rem;\n\n                ", ": 1.5rem;\n                ", ": 1rem;\n            "])), selectTokens.padding, selectTokens.borderRadius, selectTokens.focusOffset, selectTokens.itemHeight, selectTokens.itemPadding, selectTokens.itemPaddingTight, selectTokens.itemBorderRadius, selectTokens.itemIconSize, selectTokens.itemIconSizeTight, selectTokens.itemIconMargin, selectTokens.fontFamily, selectTokens.fontSize, selectTokens.fontStyle, selectTokens.fontWeight, selectTokens.fontLetterSpacing, selectTokens.fontLineHeight, selectTokens.labelFontFamily, selectTokens.labelFontSize, selectTokens.labelFontStyle, selectTokens.labelFontWeight, selectTokens.labelFontLetterSpacing, selectTokens.labelFontLineHeight, selectTokens.helperTextFontFamily, selectTokens.helperTextFontSize, selectTokens.helperTextFontStyle, selectTokens.helperTextFontWeight, selectTokens.helperTextFontLetterSpacing, selectTokens.helperTextFontLineHeight, selectTokens.checkboxTriggerSize, selectTokens.checkboxTriggerSizeTight, selectTokens.checkboxTriggerBorderRadius, selectTokens.checkboxTriggerBorderRadiusTight, selectTokens.checkboxFillColor, selectTokens.checkboxIconColor, selectTokens.checkboxTriggerBorderColor, selectTokens.indicatorSize, selectTokens.chipGap, selectTokens.chipBorderRadius, selectTokens.chipHeight, selectTokens.chipPaddingRight, selectTokens.chipPaddingLeft, selectTokens.chipClearContentMarginLeft, selectTokens.chipClearContentMarginRight, selectTokens.chipCloseIconSize, selectTokens.targetButtonArrowMargin, selectTokens.targetTextfieldArrowMargin, selectTokens.targetHeight, selectTokens.targetButtonPadding, selectTokens.targetTextfieldPadding, selectTokens.targetTextfieldChipPadding, selectTokens.labelOffset, selectTokens.innerLabelGap, selectTokens.helperTextOffset, selectTokens.spinnerSize, selectTokens.spinnerSizeTight),
+      m: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.125rem;\n                ", ": 0.75rem;\n                ", ": 0.125rem;\n\n                ", ": 1.5rem;\n                ", ": 0.75rem 0.75rem 0.75rem 0.75rem;\n                ", ": 0.5rem 0.75rem 0.5rem 0.75rem;\n                ", ": 0.625rem;\n                ", ": 0 0.375rem 0 0;\n                ", ": 1.5rem;\n                ", ": 1.5rem;\n\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 1.25rem;\n                ", ": 1.25rem;\n                ", ": 0.375rem;\n                ", ": 0.375rem;\n                ", ": var(--text-accent);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--text-secondary);\n\n                ", ": 0.375rem;\n\n                ", ": 0.25rem;\n                ", ": 0.375rem;\n                ", ": 2.25rem;\n                ", ": 0.875rem;\n                ", ": 0.625rem;\n                ", ": 0.5rem;\n                ", ": 0rem;\n                ", ": 1rem;\n\n                ", ": 0 -0.125rem 0 0.375rem;\n                ", ": 0 0 0 0.625rem;\n                ", ": 3rem;\n                ", ": 1.25rem 0 1.25rem;\n                ", ": 0.875rem 0 1rem;\n                ", ": 0.875rem 0 0.25rem;\n\n                ", ": 0.625rem;\n\n                ", ": 0.125rem;\n\n                ", ": 0.25rem;\n\n                ", ": 1.5rem;\n                ", ": 1.5rem;\n            "])), selectTokens.padding, selectTokens.borderRadius, selectTokens.focusOffset, selectTokens.itemHeight, selectTokens.itemPadding, selectTokens.itemPaddingTight, selectTokens.itemBorderRadius, selectTokens.itemIconMargin, selectTokens.itemIconSize, selectTokens.itemIconSizeTight, selectTokens.fontFamily, selectTokens.fontSize, selectTokens.fontStyle, selectTokens.fontWeight, selectTokens.fontLetterSpacing, selectTokens.fontLineHeight, selectTokens.labelFontFamily, selectTokens.labelFontSize, selectTokens.labelFontStyle, selectTokens.labelFontWeight, selectTokens.labelFontLetterSpacing, selectTokens.labelFontLineHeight, selectTokens.helperTextFontFamily, selectTokens.helperTextFontSize, selectTokens.helperTextFontStyle, selectTokens.helperTextFontWeight, selectTokens.helperTextFontLetterSpacing, selectTokens.helperTextFontLineHeight, selectTokens.checkboxTriggerSize, selectTokens.checkboxTriggerSizeTight, selectTokens.checkboxTriggerBorderRadius, selectTokens.checkboxTriggerBorderRadiusTight, selectTokens.checkboxFillColor, selectTokens.checkboxIconColor, selectTokens.checkboxTriggerBorderColor, selectTokens.indicatorSize, selectTokens.chipGap, selectTokens.chipBorderRadius, selectTokens.chipHeight, selectTokens.chipPaddingRight, selectTokens.chipPaddingLeft, selectTokens.chipClearContentMarginLeft, selectTokens.chipClearContentMarginRight, selectTokens.chipCloseIconSize, selectTokens.targetButtonArrowMargin, selectTokens.targetTextfieldArrowMargin, selectTokens.targetHeight, selectTokens.targetButtonPadding, selectTokens.targetTextfieldPadding, selectTokens.targetTextfieldChipPadding, selectTokens.labelOffset, selectTokens.innerLabelGap, selectTokens.helperTextOffset, selectTokens.spinnerSize, selectTokens.spinnerSizeTight),
+      l: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.125rem;\n                ", ": 0.875rem;\n                ", ": 0.125rem;\n\n                ", ": 1.5rem;\n                ", ": 1rem 1rem 1rem 0.875rem;\n                ", ": 0.75rem 1rem 0.75rem 0.875rem;\n                ", ": 0.75rem;\n                ", ": 0 0.5rem 0 0;\n                ", ": 1.5rem;\n                ", ": 1.5rem;\n\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 1.25rem;\n                ", ": 1.25rem;\n                ", ": 0.375rem;\n                ", ": 0.375rem;\n                ", ": var(--text-accent);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--text-secondary);\n\n                ", ": 0.375rem;\n\n                ", ": 0.25rem;\n                ", ": 0.5rem;\n                ", ": 2.75rem;\n                ", ": 0.75rem;\n                ", ": 1rem;\n                ", ": 0.625rem;\n                ", ": 0rem;\n                ", ": 1rem;\n\n                ", ": 0 -0.125rem 0 0.5rem;\n                ", ": 0 0 0 0.75rem;\n                ", ": 3.5rem;\n                ", ": 1.5rem 0 1.5rem;\n                ", ": 1rem 0 1.125rem;\n                ", ": 1rem 0 0.25rem;\n\n                ", ": 0.75rem;\n\n                ", ": 0.125rem;\n\n                ", ": 0.25rem;\n\n                ", ": 1.5rem;\n                ", ": 1.5rem;\n            "])), selectTokens.padding, selectTokens.borderRadius, selectTokens.focusOffset, selectTokens.itemHeight, selectTokens.itemPadding, selectTokens.itemPaddingTight, selectTokens.itemBorderRadius, selectTokens.itemIconMargin, selectTokens.itemIconSize, selectTokens.itemIconSizeTight, selectTokens.fontFamily, selectTokens.fontSize, selectTokens.fontStyle, selectTokens.fontWeight, selectTokens.fontLetterSpacing, selectTokens.fontLineHeight, selectTokens.labelFontFamily, selectTokens.labelFontSize, selectTokens.labelFontStyle, selectTokens.labelFontWeight, selectTokens.labelFontLetterSpacing, selectTokens.labelFontLineHeight, selectTokens.helperTextFontFamily, selectTokens.helperTextFontSize, selectTokens.helperTextFontStyle, selectTokens.helperTextFontWeight, selectTokens.helperTextFontLetterSpacing, selectTokens.helperTextFontLineHeight, selectTokens.checkboxTriggerSize, selectTokens.checkboxTriggerSizeTight, selectTokens.checkboxTriggerBorderRadius, selectTokens.checkboxTriggerBorderRadiusTight, selectTokens.checkboxFillColor, selectTokens.checkboxIconColor, selectTokens.checkboxTriggerBorderColor, selectTokens.indicatorSize, selectTokens.chipGap, selectTokens.chipBorderRadius, selectTokens.chipHeight, selectTokens.chipPaddingRight, selectTokens.chipPaddingLeft, selectTokens.chipClearContentMarginLeft, selectTokens.chipClearContentMarginRight, selectTokens.chipCloseIconSize, selectTokens.targetButtonArrowMargin, selectTokens.targetTextfieldArrowMargin, selectTokens.targetHeight, selectTokens.targetButtonPadding, selectTokens.targetTextfieldPadding, selectTokens.targetTextfieldChipPadding, selectTokens.labelOffset, selectTokens.innerLabelGap, selectTokens.helperTextOffset, selectTokens.spinnerSize, selectTokens.spinnerSizeTight)
     },
     view: {
-      "default": /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-secondary);\n                ", ": var(--inverse-text-primary);\n                ", ": var(--inverse-text-primary-hover);\n                ", ": var(--inverse-text-primary-active);\n                ", ": var(--inverse-text-secondary);\n                ", ": var(--inverse-text-secondary-hover);\n                ", ": var(--inverse-text-secondary-hover);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--surface-solid-default);\n                ", ": var(--surface-solid-default-hover);\n                ", ": var(--surface-solid-default-hover);\n                ", ": var(--surface-transparent-primary);\n                ", ": var(--surface-transparent-secondary);\n            "])), selectTokens.helperTextColor, selectTokens.targetButtonColor, selectTokens.targetButtonColorHover, selectTokens.targetButtonColorActive, selectTokens.targetButtonArrowColor, selectTokens.targetButtonArrowColorHover, selectTokens.targetButtonArrowColorActive, selectTokens.targetTextfieldArrowColor, selectTokens.targetTextfieldArrowColorHover, selectTokens.targetTextfieldArrowColorActive, selectTokens.targetButtonBackgroundColor, selectTokens.targetButtonBackgroundColorHover, selectTokens.targetButtonBackgroundColorActive, selectTokens.targetTextfieldBackgroundColor, selectTokens.targetTextfieldBackgroundColorOpened),
-      positive: /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-positive);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-text-primary-hover);\n                ", ": var(--on-dark-text-primary-active);\n                ", ": var(--on-dark-text-secondary);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-hover);\n                ", ":var(--surface-positive);\n                ", ":var(--surface-positive-hover);\n                ", ":var(--surface-positive-active);\n                ", ": var(--surface-transparent-positive);\n                ", ": var(--surface-transparent-positive-active);\n            "])), selectTokens.helperTextColor, selectTokens.targetButtonColor, selectTokens.targetButtonColorHover, selectTokens.targetButtonColorActive, selectTokens.targetButtonArrowColor, selectTokens.targetButtonArrowColorHover, selectTokens.targetButtonArrowColorActive, selectTokens.targetTextfieldArrowColor, selectTokens.targetTextfieldArrowColorHover, selectTokens.targetTextfieldArrowColorActive, selectTokens.targetButtonBackgroundColor, selectTokens.targetButtonBackgroundColorHover, selectTokens.targetButtonBackgroundColorActive, selectTokens.targetTextfieldBackgroundColor, selectTokens.targetTextfieldBackgroundColorOpened),
-      warning: /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-warning);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-text-primary-hover);\n                ", ": var(--on-dark-text-primary-active);\n                ", ": var(--on-dark-text-secondary);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-hover);\n                ", ":var(--surface-warning);\n                ", ":var(--surface-warning-hover);\n                ", ":var(--surface-warning-active);\n                ", ": var(--surface-transparent-warning);\n                ", ": var(--surface-transparent-warning-active);\n            "])), selectTokens.helperTextColor, selectTokens.targetButtonColor, selectTokens.targetButtonColorHover, selectTokens.targetButtonColorActive, selectTokens.targetButtonArrowColor, selectTokens.targetButtonArrowColorHover, selectTokens.targetButtonArrowColorActive, selectTokens.targetTextfieldArrowColor, selectTokens.targetTextfieldArrowColorHover, selectTokens.targetTextfieldArrowColorActive, selectTokens.targetButtonBackgroundColor, selectTokens.targetButtonBackgroundColorHover, selectTokens.targetButtonBackgroundColorActive, selectTokens.targetTextfieldBackgroundColor, selectTokens.targetTextfieldBackgroundColorOpened),
-      negative: /*#__PURE__*/css(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-negative);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-text-primary-hover);\n                ", ": var(--on-dark-text-primary-active);\n                ", ": var(--on-dark-text-secondary);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-hover);\n                ", ":var(--surface-negative);\n                ", ": var(--surface-negative-hover);\n                ", ":var(--surface-negative-active);\n                ", ": var(--surface-transparent-negative);\n                ", ": var(--surface-transparent-negative-active);\n            "])), selectTokens.helperTextColor, selectTokens.targetButtonColor, selectTokens.targetButtonColorHover, selectTokens.targetButtonColorActive, selectTokens.targetButtonArrowColor, selectTokens.targetButtonArrowColorHover, selectTokens.targetButtonArrowColorActive, selectTokens.targetTextfieldArrowColor, selectTokens.targetTextfieldArrowColorHover, selectTokens.targetTextfieldArrowColorActive, selectTokens.targetButtonBackgroundColor, selectTokens.targetButtonBackgroundColorHover, selectTokens.targetButtonBackgroundColorActive, selectTokens.targetTextfieldBackgroundColor, selectTokens.targetTextfieldBackgroundColorOpened),
-      accent: /*#__PURE__*/css(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-text-primary-hover);\n                ", ": var(--on-dark-text-primary-active);\n                ", ": var(--on-dark-text-secondary);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--surface-accent);\n                ", ": var(--surface-accent-hover);\n                ", ": var(--surface-accent-active);\n            "])), selectTokens.targetButtonColor, selectTokens.targetButtonColorHover, selectTokens.targetButtonColorActive, selectTokens.targetButtonArrowColor, selectTokens.targetButtonArrowColorHover, selectTokens.targetButtonArrowColorActive, selectTokens.targetButtonBackgroundColor, selectTokens.targetButtonBackgroundColorHover, selectTokens.targetButtonBackgroundColorActive),
-      secondary: /*#__PURE__*/css(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--text-primary-hover);\n                ", ": var(--text-primary-active);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--surface-transparent-secondary-hover);\n                ", ": var(--surface-transparent-secondary-active);\n            "])), selectTokens.targetButtonColor, selectTokens.targetButtonColorHover, selectTokens.targetButtonColorActive, selectTokens.targetButtonArrowColor, selectTokens.targetButtonArrowColorHover, selectTokens.targetButtonArrowColorActive, selectTokens.targetButtonBackgroundColor, selectTokens.targetButtonBackgroundColorHover, selectTokens.targetButtonBackgroundColorActive),
-      clear: /*#__PURE__*/css(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--text-primary-hover);\n                ", ": var(--text-primary-active);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-active);\n                ", ": var(--surface-clear);\n                ", ": var(--surface-clear);\n                ", ": var(--surface-clear);\n            "])), selectTokens.targetButtonColor, selectTokens.targetButtonColorHover, selectTokens.targetButtonColorActive, selectTokens.targetButtonArrowColor, selectTokens.targetButtonArrowColorHover, selectTokens.targetButtonArrowColorActive, selectTokens.targetButtonBackgroundColor, selectTokens.targetButtonBackgroundColorHover, selectTokens.targetButtonBackgroundColorActive),
-      dark: /*#__PURE__*/css(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-text-primary-hover);\n                ", ": var(--on-dark-text-primary-active);\n                ", ": var(--on-dark-text-secondary);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--on-dark-text-secondary-active);\n                ", ":var(--on-light-surface-transparent-deep);\n                ", ":var(--on-light-surface-transparent-deep-hover);\n                ", ":var(--on-light-surface-transparent-deep-active);\n            "])), selectTokens.targetButtonColor, selectTokens.targetButtonColorHover, selectTokens.targetButtonColorActive, selectTokens.targetButtonArrowColor, selectTokens.targetButtonArrowColorHover, selectTokens.targetButtonArrowColorActive, selectTokens.targetButtonBackgroundColor, selectTokens.targetButtonBackgroundColorHover, selectTokens.targetButtonBackgroundColorActive),
-      black: /*#__PURE__*/css(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-text-primary-hover);\n                ", ": var(--on-dark-text-primary-active);\n                ", ": var(--on-dark-text-secondary);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--on-dark-text-secondary-active);\n                ", ":var(--on-light-surface-solid-default);\n                ", ":var(--on-light-surface-solid-default-hover);\n                ", ": var(--on-light-surface-solid-default-active);\n            "])), selectTokens.targetButtonColor, selectTokens.targetButtonColorHover, selectTokens.targetButtonColorActive, selectTokens.targetButtonArrowColor, selectTokens.targetButtonArrowColorHover, selectTokens.targetButtonArrowColorActive, selectTokens.targetButtonBackgroundColor, selectTokens.targetButtonBackgroundColorHover, selectTokens.targetButtonBackgroundColorActive),
-      white: /*#__PURE__*/css(_templateObject14 || (_templateObject14 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-light-text-primary);\n                ", ": var(--on-light-text-primary-hover);\n                ", ": var(--on-light-text-primary-active);\n                ", ": var(--on-light-text-secondary);\n                ", ": var(--on-light-text-secondary-hover);\n                ", ": var(--on-light-text-secondary-active);\n                ", ":var(--on-dark-surface-solid-default);\n                ", ":var(--on-dark-surface-solid-default-hover);\n                ", ":var(--on-dark-surface-solid-default-active);\n            "])), selectTokens.targetButtonColor, selectTokens.targetButtonColorHover, selectTokens.targetButtonColorActive, selectTokens.targetButtonArrowColor, selectTokens.targetButtonArrowColorHover, selectTokens.targetButtonArrowColorActive, selectTokens.targetButtonBackgroundColor, selectTokens.targetButtonBackgroundColorHover, selectTokens.targetButtonBackgroundColorActive)
+      "default": /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-secondary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--inverse-text-primary);\n                ", ": var(--inverse-text-primary-hover);\n                ", ": var(--inverse-text-primary-active);\n                ", ": var(--inverse-text-secondary);\n                ", ": var(--inverse-text-secondary-hover);\n                ", ": var(--inverse-text-secondary-hover);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--surface-solid-default);\n                ", ": var(--surface-solid-default-hover);\n                ", ": var(--surface-solid-default-hover);\n                ", ": var(--surface-transparent-primary);\n                ", ": var(--surface-transparent-secondary);\n            "])), selectTokens.helperTextColor, selectTokens.itemBackgroundHover, selectTokens.disclosureIconColor, selectTokens.disclosureIconColorHover, selectTokens.targetButtonColor, selectTokens.targetButtonColorHover, selectTokens.targetButtonColorActive, selectTokens.targetButtonArrowColor, selectTokens.targetButtonArrowColorHover, selectTokens.targetButtonArrowColorActive, selectTokens.targetTextfieldArrowColor, selectTokens.targetTextfieldArrowColorHover, selectTokens.targetTextfieldArrowColorActive, selectTokens.targetButtonBackgroundColor, selectTokens.targetButtonBackgroundColorHover, selectTokens.targetButtonBackgroundColorActive, selectTokens.targetTextfieldBackgroundColor, selectTokens.targetTextfieldBackgroundColorOpened),
+      positive: /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-positive);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-text-primary-hover);\n                ", ": var(--on-dark-text-primary-active);\n                ", ": var(--on-dark-text-secondary);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-hover);\n                ", ":var(--surface-positive);\n                ", ":var(--surface-positive-hover);\n                ", ":var(--surface-positive-active);\n                ", ": var(--surface-transparent-positive);\n                ", ": var(--surface-transparent-positive-active);\n            "])), selectTokens.helperTextColor, selectTokens.itemBackgroundHover, selectTokens.disclosureIconColor, selectTokens.disclosureIconColorHover, selectTokens.targetButtonColor, selectTokens.targetButtonColorHover, selectTokens.targetButtonColorActive, selectTokens.targetButtonArrowColor, selectTokens.targetButtonArrowColorHover, selectTokens.targetButtonArrowColorActive, selectTokens.targetTextfieldArrowColor, selectTokens.targetTextfieldArrowColorHover, selectTokens.targetTextfieldArrowColorActive, selectTokens.targetButtonBackgroundColor, selectTokens.targetButtonBackgroundColorHover, selectTokens.targetButtonBackgroundColorActive, selectTokens.targetTextfieldBackgroundColor, selectTokens.targetTextfieldBackgroundColorOpened),
+      warning: /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-warning);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-text-primary-hover);\n                ", ": var(--on-dark-text-primary-active);\n                ", ": var(--on-dark-text-secondary);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-hover);\n                ", ":var(--surface-warning);\n                ", ":var(--surface-warning-hover);\n                ", ":var(--surface-warning-active);\n                ", ": var(--surface-transparent-warning);\n                ", ": var(--surface-transparent-warning-active);\n            "])), selectTokens.helperTextColor, selectTokens.itemBackgroundHover, selectTokens.disclosureIconColor, selectTokens.disclosureIconColorHover, selectTokens.targetButtonColor, selectTokens.targetButtonColorHover, selectTokens.targetButtonColorActive, selectTokens.targetButtonArrowColor, selectTokens.targetButtonArrowColorHover, selectTokens.targetButtonArrowColorActive, selectTokens.targetTextfieldArrowColor, selectTokens.targetTextfieldArrowColorHover, selectTokens.targetTextfieldArrowColorActive, selectTokens.targetButtonBackgroundColor, selectTokens.targetButtonBackgroundColorHover, selectTokens.targetButtonBackgroundColorActive, selectTokens.targetTextfieldBackgroundColor, selectTokens.targetTextfieldBackgroundColorOpened),
+      negative: /*#__PURE__*/css(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-negative);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-text-primary-hover);\n                ", ": var(--on-dark-text-primary-active);\n                ", ": var(--on-dark-text-secondary);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-hover);\n                ", ":var(--surface-negative);\n                ", ": var(--surface-negative-hover);\n                ", ":var(--surface-negative-active);\n                ", ": var(--surface-transparent-negative);\n                ", ": var(--surface-transparent-negative-active);\n            "])), selectTokens.helperTextColor, selectTokens.itemBackgroundHover, selectTokens.disclosureIconColor, selectTokens.disclosureIconColorHover, selectTokens.targetButtonColor, selectTokens.targetButtonColorHover, selectTokens.targetButtonColorActive, selectTokens.targetButtonArrowColor, selectTokens.targetButtonArrowColorHover, selectTokens.targetButtonArrowColorActive, selectTokens.targetTextfieldArrowColor, selectTokens.targetTextfieldArrowColorHover, selectTokens.targetTextfieldArrowColorActive, selectTokens.targetButtonBackgroundColor, selectTokens.targetButtonBackgroundColorHover, selectTokens.targetButtonBackgroundColorActive, selectTokens.targetTextfieldBackgroundColor, selectTokens.targetTextfieldBackgroundColorOpened),
+      accent: /*#__PURE__*/css(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-text-primary-hover);\n                ", ": var(--on-dark-text-primary-active);\n                ", ": var(--on-dark-text-secondary);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--surface-accent);\n                ", ": var(--surface-accent-hover);\n                ", ": var(--surface-accent-active);\n            "])), selectTokens.itemBackgroundHover, selectTokens.disclosureIconColor, selectTokens.disclosureIconColorHover, selectTokens.targetButtonColor, selectTokens.targetButtonColorHover, selectTokens.targetButtonColorActive, selectTokens.targetButtonArrowColor, selectTokens.targetButtonArrowColorHover, selectTokens.targetButtonArrowColorActive, selectTokens.targetButtonBackgroundColor, selectTokens.targetButtonBackgroundColorHover, selectTokens.targetButtonBackgroundColorActive),
+      secondary: /*#__PURE__*/css(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-primary);\n                ", ": var(--text-primary-hover);\n                ", ": var(--text-primary-active);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--surface-transparent-secondary-hover);\n                ", ": var(--surface-transparent-secondary-active);\n            "])), selectTokens.itemBackgroundHover, selectTokens.disclosureIconColor, selectTokens.disclosureIconColorHover, selectTokens.targetButtonColor, selectTokens.targetButtonColorHover, selectTokens.targetButtonColorActive, selectTokens.targetButtonArrowColor, selectTokens.targetButtonArrowColorHover, selectTokens.targetButtonArrowColorActive, selectTokens.targetButtonBackgroundColor, selectTokens.targetButtonBackgroundColorHover, selectTokens.targetButtonBackgroundColorActive),
+      clear: /*#__PURE__*/css(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-primary);\n                ", ": var(--text-primary-hover);\n                ", ": var(--text-primary-active);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-active);\n                ", ": var(--surface-clear);\n                ", ": var(--surface-clear);\n                ", ": var(--surface-clear);\n            "])), selectTokens.itemBackgroundHover, selectTokens.disclosureIconColor, selectTokens.disclosureIconColorHover, selectTokens.targetButtonColor, selectTokens.targetButtonColorHover, selectTokens.targetButtonColorActive, selectTokens.targetButtonArrowColor, selectTokens.targetButtonArrowColorHover, selectTokens.targetButtonArrowColorActive, selectTokens.targetButtonBackgroundColor, selectTokens.targetButtonBackgroundColorHover, selectTokens.targetButtonBackgroundColorActive),
+      dark: /*#__PURE__*/css(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-text-primary-hover);\n                ", ": var(--on-dark-text-primary-active);\n                ", ": var(--on-dark-text-secondary);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--on-dark-text-secondary-active);\n                ", ":var(--on-light-surface-transparent-deep);\n                ", ":var(--on-light-surface-transparent-deep-hover);\n                ", ":var(--on-light-surface-transparent-deep-active);\n            "])), selectTokens.itemBackgroundHover, selectTokens.disclosureIconColor, selectTokens.disclosureIconColorHover, selectTokens.targetButtonColor, selectTokens.targetButtonColorHover, selectTokens.targetButtonColorActive, selectTokens.targetButtonArrowColor, selectTokens.targetButtonArrowColorHover, selectTokens.targetButtonArrowColorActive, selectTokens.targetButtonBackgroundColor, selectTokens.targetButtonBackgroundColorHover, selectTokens.targetButtonBackgroundColorActive),
+      black: /*#__PURE__*/css(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-text-primary-hover);\n                ", ": var(--on-dark-text-primary-active);\n                ", ": var(--on-dark-text-secondary);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--on-dark-text-secondary-active);\n                ", ":var(--on-light-surface-solid-default);\n                ", ":var(--on-light-surface-solid-default-hover);\n                ", ": var(--on-light-surface-solid-default-active);\n            "])), selectTokens.itemBackgroundHover, selectTokens.disclosureIconColor, selectTokens.disclosureIconColorHover, selectTokens.targetButtonColor, selectTokens.targetButtonColorHover, selectTokens.targetButtonColorActive, selectTokens.targetButtonArrowColor, selectTokens.targetButtonArrowColorHover, selectTokens.targetButtonArrowColorActive, selectTokens.targetButtonBackgroundColor, selectTokens.targetButtonBackgroundColorHover, selectTokens.targetButtonBackgroundColorActive),
+      white: /*#__PURE__*/css(_templateObject14 || (_templateObject14 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--on-light-text-primary);\n                ", ": var(--on-light-text-primary-hover);\n                ", ": var(--on-light-text-primary-active);\n                ", ": var(--on-light-text-secondary);\n                ", ": var(--on-light-text-secondary-hover);\n                ", ": var(--on-light-text-secondary-active);\n                ", ":var(--on-dark-surface-solid-default);\n                ", ":var(--on-dark-surface-solid-default-hover);\n                ", ":var(--on-dark-surface-solid-default-active);\n            "])), selectTokens.itemBackgroundHover, selectTokens.disclosureIconColor, selectTokens.disclosureIconColorHover, selectTokens.targetButtonColor, selectTokens.targetButtonColorHover, selectTokens.targetButtonColorActive, selectTokens.targetButtonArrowColor, selectTokens.targetButtonArrowColorHover, selectTokens.targetButtonArrowColorActive, selectTokens.targetButtonBackgroundColor, selectTokens.targetButtonBackgroundColorHover, selectTokens.targetButtonBackgroundColorActive)
     },
     chipView: {
       "default": /*#__PURE__*/css(_templateObject15 || (_templateObject15 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--inverse-text-primary);\n                ", ": var(--surface-solid-default);\n                ", ": var(--surface-solid-default-hover);\n                ", ": var(--surface-solid-default-active);\n            "])), selectTokens.chipColor, selectTokens.chipBackground, selectTokens.chipBackgroundHover, selectTokens.chipBackgroundActive),

package/es/components/Slider/Slider.config.js

@@ -13,9 +13,9 @@ export var config = {
       gradient: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n\n                ", ": var(--text-secondary);\n\n                ", ": var(--surface-solid-tertiary);\n                ", ": var(--on-light-surface-solid-card);\n                ", ": var(--surface-accent-gradient);\n\n                ", ": var(--surface-solid-tertiary);\n\n                ", ": var(--surface-accent-gradient);\n\n                ", ": var(--text-secondary);\n                ", ": var(--surface-transparent-primary);\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--text-primary);\n            "])), sliderTokens.labelColor, sliderTokens.rangeValueColor, sliderTokens.thumbBorderColor, sliderTokens.thumbBackgroundColor, sliderTokens.thumbFocusBorderColor, sliderTokens.railBackgroundColor, sliderTokens.fillColor, sliderTokens.textFieldColor, sliderTokens.textFieldBackgroundColor, sliderTokens.textFieldCaretColor, sliderTokens.textFieldPlaceholderColor, sliderTokens.textFiledFocusColor, sliderTokens.textFieldActiveColor)
     },
     size: {
-      l: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1.5rem;\n                ", ": 0.375rem;\n\n                ", ": 0.25rem;\n                ", ": 0.25rem;\n                ", ": 0.875rem;\n                ", ": 1rem;\n\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": 0.75rem;\n                ", ": 0.875rem;\n                ", ": 0.875rem;\n                ", ": 0.75rem;\n\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": 1rem;\n                ", ": 1.25rem;\n                ", ": 0.0625rem solid;\n\n                ", ": 1.625rem;\n\n                ", ": 0.25rem;\n                ", ": 0.125rem;\n                ", ": 0.75rem;\n\n                ", ": 0.125rem;\n\n                ", ": 3.5rem;\n                ", ": 1.25rem 1rem 1.25rem 1rem;\n                ", ": 0.75rem;\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n            "])), sliderTokens.size, sliderTokens.doubleWrapperGap, sliderTokens.labelWrapperGap, sliderTokens.labelWrapperMarginBottom, sliderTokens.labelWrapperMarginRight, sliderTokens.labelWrapperVerticalMargin, sliderTokens.labelFontFamily, sliderTokens.labelFontSize, sliderTokens.labelFontStyle, sliderTokens.labelFontWeight, sliderTokens.labelLetterSpacing, sliderTokens.labelLineHeight, sliderTokens.rangeValueHorizontalMargin, sliderTokens.rangeValueBottomOffset, sliderTokens.rangeValueHorizontalOffset, sliderTokens.rangeValueVerticalMargin, sliderTokens.valueFontFamily, sliderTokens.valueFontSize, sliderTokens.valueFontStyle, sliderTokens.valueFontWeight, sliderTokens.valueLetterSpacing, sliderTokens.valueLineHeight, sliderTokens.thumbSize, sliderTokens.thumbSizeLarge, sliderTokens.thumbBorder, sliderTokens.currentValueTopOffset, sliderTokens.railThickness, sliderTokens.railBorderRadius, sliderTokens.railIndent, sliderTokens.textFieldWrapperGap, sliderTokens.textFieldHeight, sliderTokens.textFieldPadding, sliderTokens.textFieldBorderRadius, sliderTokens.textFieldFontFamily, sliderTokens.textFieldFontSize, sliderTokens.textFieldFontStyle, sliderTokens.textFieldFontWeight, sliderTokens.textFieldLetterSpacing, sliderTokens.textFieldLineHeight),
-      m: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1.5rem;\n                ", ": 0.375rem;\n\n                ", ": 0.25rem;\n                ", ": 0.25rem;\n                ", ": 0.875rem;\n                ", ": 0.75rem;\n\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": 0.75rem;\n                ", ": 0.75rem;\n                ", ": 0.875rem;\n                ", ": 0.625rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": 1rem;\n                ", ": 1.25rem;\n                ", ": 0.0625rem solid;\n\n                ", ": 1.75rem;\n\n                ", ": 0.25rem;\n                ", ": 0.125rem;\n                ", ": 0.75rem;\n\n                ", ": 0.125rem;\n\n                ", ": 3rem;\n                ", ": 0.875rem 1rem 0.875rem 1rem;\n                ", ": 0.75rem;\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n            "])), sliderTokens.size, sliderTokens.doubleWrapperGap, sliderTokens.labelWrapperGap, sliderTokens.labelWrapperMarginBottom, sliderTokens.labelWrapperMarginRight, sliderTokens.labelWrapperVerticalMargin, sliderTokens.labelFontFamily, sliderTokens.labelFontSize, sliderTokens.labelFontStyle, sliderTokens.labelFontWeight, sliderTokens.labelLetterSpacing, sliderTokens.labelLineHeight, sliderTokens.rangeValueHorizontalMargin, sliderTokens.rangeValueBottomOffset, sliderTokens.rangeValueHorizontalOffset, sliderTokens.rangeValueVerticalMargin, sliderTokens.valueFontFamily, sliderTokens.valueFontSize, sliderTokens.valueFontStyle, sliderTokens.valueFontWeight, sliderTokens.valueLetterSpacing, sliderTokens.valueLineHeight, sliderTokens.thumbSize, sliderTokens.thumbSizeLarge, sliderTokens.thumbBorder, sliderTokens.currentValueTopOffset, sliderTokens.railThickness, sliderTokens.railBorderRadius, sliderTokens.railIndent, sliderTokens.textFieldWrapperGap, sliderTokens.textFieldHeight, sliderTokens.textFieldPadding, sliderTokens.textFieldBorderRadius, sliderTokens.textFieldFontFamily, sliderTokens.textFieldFontSize, sliderTokens.textFieldFontStyle, sliderTokens.textFieldFontWeight, sliderTokens.textFieldLetterSpacing, sliderTokens.textFieldLineHeight),
-      s: /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1rem;\n                ", ": 0.375rem;\n\n                ", ": 0.25rem;\n                ", ": 0.25rem;\n                ", ": 0.875rem;\n                ", ": 0.625rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": 0.5rem;\n                ", ": 0.625rem;\n                ", ": 0.625rem;\n                ", ": 0.5rem;\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 1rem;\n                ", ": 1.25rem;\n                ", ": 0.0625rem solid;\n\n                ", ": 1.25rem;\n\n                ", ": 0.25rem;\n                ", ": 0.125rem;\n                ", ": 0.75rem;\n\n                ", ": 0.125rem;\n\n                ", ": 2.5rem;\n                ", ": 0.5rem 1rem 0.5rem 1rem;\n                ", ": 0.625rem;\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n            "])), sliderTokens.size, sliderTokens.doubleWrapperGap, sliderTokens.labelWrapperGap, sliderTokens.labelWrapperMarginBottom, sliderTokens.labelWrapperMarginRight, sliderTokens.labelWrapperVerticalMargin, sliderTokens.labelFontFamily, sliderTokens.labelFontSize, sliderTokens.labelFontStyle, sliderTokens.labelFontWeight, sliderTokens.labelLetterSpacing, sliderTokens.labelLineHeight, sliderTokens.rangeValueHorizontalMargin, sliderTokens.rangeValueBottomOffset, sliderTokens.rangeValueHorizontalOffset, sliderTokens.rangeValueVerticalMargin, sliderTokens.valueFontFamily, sliderTokens.valueFontSize, sliderTokens.valueFontStyle, sliderTokens.valueFontWeight, sliderTokens.valueLetterSpacing, sliderTokens.valueLineHeight, sliderTokens.thumbSize, sliderTokens.thumbSizeLarge, sliderTokens.thumbBorder, sliderTokens.currentValueTopOffset, sliderTokens.railThickness, sliderTokens.railBorderRadius, sliderTokens.railIndent, sliderTokens.textFieldWrapperGap, sliderTokens.textFieldHeight, sliderTokens.textFieldPadding, sliderTokens.textFieldBorderRadius, sliderTokens.textFieldFontFamily, sliderTokens.textFieldFontSize, sliderTokens.textFieldFontStyle, sliderTokens.textFieldFontWeight, sliderTokens.textFieldLetterSpacing, sliderTokens.textFieldLineHeight)
+      l: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1.5rem;\n                ", ": 0.375rem;\n\n                ", ": 0.25rem;\n                ", ": 0.25rem;\n                ", ": 0.875rem;\n\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": 0.75rem;\n                ", ": 0.75rem;\n                ", ": -1.25rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": 1.5rem;\n                ", ": 0.125rem solid;\n\n                ", ": 1.625rem;\n\n                ", ": var(--plasma-typo-text-s-font-family);\n                ", ": var(--plasma-typo-text-s-font-size);\n                ", ": var(--plasma-typo-text-s-font-style);\n                ", ": var(--plasma-typo-text-s-font-weight);\n                ", ": var(--plasma-typo-text-s-letter-spacing);\n                ", ": var(--plasma-typo-text-s-line-height);\n\n                ", ": 0.25rem;\n                ", ": 0.125rem;\n                ", ": 0.75rem;\n\n                ", ": 0.125rem;\n\n                ", ": 3.5rem;\n                ", ": 1.25rem 1rem 1.25rem 1rem;\n                ", ": 0.75rem;\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n            "])), sliderTokens.height, sliderTokens.doubleWrapperGap, sliderTokens.labelWrapperGap, sliderTokens.labelWrapperMarginBottom, sliderTokens.labelWrapperMarginRight, sliderTokens.labelFontFamily, sliderTokens.labelFontSize, sliderTokens.labelFontStyle, sliderTokens.labelFontWeight, sliderTokens.labelLetterSpacing, sliderTokens.labelLineHeight, sliderTokens.rangeMinValueMargin, sliderTokens.rangeMaxValueMargin, sliderTokens.rangeValueBottomOffset, sliderTokens.rangeValueFontFamily, sliderTokens.rangeValueFontSize, sliderTokens.rangeValueFontStyle, sliderTokens.rangeValueFontWeight, sliderTokens.rangeValueLetterSpacing, sliderTokens.rangeValueLineHeight, sliderTokens.thumbSize, sliderTokens.thumbBorder, sliderTokens.currentValueTopOffset, sliderTokens.currentValueFontFamily, sliderTokens.currentValueFontSize, sliderTokens.currentValueFontStyle, sliderTokens.currentValueFontWeight, sliderTokens.currentValueLetterSpacing, sliderTokens.currentValueLineHeight, sliderTokens.railHeight, sliderTokens.railBorderRadius, sliderTokens.railIndent, sliderTokens.textFieldWrapperGap, sliderTokens.textFieldHeight, sliderTokens.textFieldPadding, sliderTokens.textFieldBorderRadius, sliderTokens.textFieldFontFamily, sliderTokens.textFieldFontSize, sliderTokens.textFieldFontStyle, sliderTokens.textFieldFontWeight, sliderTokens.textFieldLetterSpacing, sliderTokens.textFieldLineHeight),
+      m: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1.5rem;\n                ", ": 0.375rem;\n\n                ", ": 0.25rem;\n                ", ": 0.25rem;\n                ", ": 0.875rem;\n\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": 0.75rem;\n                ", ": 0.75rem;\n                ", ": -1.25rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": 1.5rem;\n                ", ": 0.125rem solid;\n\n                ", ": 1.75rem;\n\n                ", ": var(--plasma-typo-text-xs-font-family);\n                ", ": var(--plasma-typo-text-xs-font-size);\n                ", ": var(--plasma-typo-text-xs-font-style);\n                ", ": var(--plasma-typo-text-xs-font-weight);\n                ", ": var(--plasma-typo-text-xs-letter-spacing);\n                ", ": var(--plasma-typo-text-xs-line-height);\n\n                ", ": 0.25rem;\n                ", ": 0.125rem;\n                ", ": 0.75rem;\n\n                ", ": 0.125rem;\n\n                ", ": 3rem;\n                ", ": 0.875rem 1rem 0.875rem 1rem;\n                ", ": 0.75rem;\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n            "])), sliderTokens.height, sliderTokens.doubleWrapperGap, sliderTokens.labelWrapperGap, sliderTokens.labelWrapperMarginBottom, sliderTokens.labelWrapperMarginRight, sliderTokens.labelFontFamily, sliderTokens.labelFontSize, sliderTokens.labelFontStyle, sliderTokens.labelFontWeight, sliderTokens.labelLetterSpacing, sliderTokens.labelLineHeight, sliderTokens.rangeMinValueMargin, sliderTokens.rangeMaxValueMargin, sliderTokens.rangeValueBottomOffset, sliderTokens.rangeValueFontFamily, sliderTokens.rangeValueFontSize, sliderTokens.rangeValueFontStyle, sliderTokens.rangeValueFontWeight, sliderTokens.rangeValueLetterSpacing, sliderTokens.rangeValueLineHeight, sliderTokens.thumbSize, sliderTokens.thumbBorder, sliderTokens.currentValueTopOffset, sliderTokens.currentValueFontFamily, sliderTokens.currentValueFontSize, sliderTokens.currentValueFontStyle, sliderTokens.currentValueFontWeight, sliderTokens.currentValueLetterSpacing, sliderTokens.currentValueLineHeight, sliderTokens.railHeight, sliderTokens.railBorderRadius, sliderTokens.railIndent, sliderTokens.textFieldWrapperGap, sliderTokens.textFieldHeight, sliderTokens.textFieldPadding, sliderTokens.textFieldBorderRadius, sliderTokens.textFieldFontFamily, sliderTokens.textFieldFontSize, sliderTokens.textFieldFontStyle, sliderTokens.textFieldFontWeight, sliderTokens.textFieldLetterSpacing, sliderTokens.textFieldLineHeight),
+      s: /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1rem;\n                ", ": 0.375rem;\n\n                ", ": 0.25rem;\n                ", ": 0.25rem;\n                ", ": 0.875rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": 0.5rem;\n                ", ": 0.5rem;\n                ", ": -1.25rem;\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 1rem;\n                ", ": 0.125rem solid;\n\n                ", ": 1.25rem;\n\n                ", ": var(--plasma-typo-text-xs-font-family);\n                ", ": var(--plasma-typo-text-xs-font-size);\n                ", ": var(--plasma-typo-text-xs-font-style);\n                ", ": var(--plasma-typo-text-xs-font-weight);\n                ", ": var(--plasma-typo-text-xs-letter-spacing);\n                ", ": var(--plasma-typo-text-xs-line-height);\n\n                ", ": 0.25rem;\n                ", ": 0.125rem;\n                ", ": 0.75rem;\n\n                ", ": 0.125rem;\n\n                ", ": 2.5rem;\n                ", ": 0.5rem 1rem 0.5rem 1rem;\n                ", ": 0.625rem;\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n            "])), sliderTokens.height, sliderTokens.doubleWrapperGap, sliderTokens.labelWrapperGap, sliderTokens.labelWrapperMarginBottom, sliderTokens.labelWrapperMarginRight, sliderTokens.labelFontFamily, sliderTokens.labelFontSize, sliderTokens.labelFontStyle, sliderTokens.labelFontWeight, sliderTokens.labelLetterSpacing, sliderTokens.labelLineHeight, sliderTokens.rangeMinValueMargin, sliderTokens.rangeMaxValueMargin, sliderTokens.rangeValueBottomOffset, sliderTokens.rangeValueFontFamily, sliderTokens.rangeValueFontSize, sliderTokens.rangeValueFontStyle, sliderTokens.rangeValueFontWeight, sliderTokens.rangeValueLetterSpacing, sliderTokens.rangeValueLineHeight, sliderTokens.thumbSize, sliderTokens.thumbBorder, sliderTokens.currentValueTopOffset, sliderTokens.currentValueFontFamily, sliderTokens.currentValueFontSize, sliderTokens.currentValueFontStyle, sliderTokens.currentValueFontWeight, sliderTokens.currentValueLetterSpacing, sliderTokens.currentValueLineHeight, sliderTokens.railHeight, sliderTokens.railBorderRadius, sliderTokens.railIndent, sliderTokens.textFieldWrapperGap, sliderTokens.textFieldHeight, sliderTokens.textFieldPadding, sliderTokens.textFieldBorderRadius, sliderTokens.textFieldFontFamily, sliderTokens.textFieldFontSize, sliderTokens.textFieldFontStyle, sliderTokens.textFieldFontWeight, sliderTokens.textFieldLetterSpacing, sliderTokens.textFieldLineHeight)
     },
     disabled: {
       "true": /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.4;\n            "])), sliderTokens.disabledOpacity)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/sdds-finportal",
-  "version": "0.148.0-canary.1452.11549482324.0",
+  "version": "0.148.0-canary.1504.11549657359.0",
   "description": "Salute Design System / React UI kit for SDDS FinPortal web applications",
   "author": "Salute Frontend Team <salute.developers@gmail.com>",
   "license": "MIT",
@@ -19,7 +19,7 @@
     "directory": "packages/sdds-finportal"
   },
   "dependencies": {
-    "@salutejs/plasma-new-hope": "0.175.0-canary.1452.11549482324.0",
+    "@salutejs/plasma-new-hope": "0.175.0-canary.1504.11549657359.0",
     "@salutejs/sdds-themes": "0.25.0-dev.0"
   },
   "peerDependencies": {
@@ -94,5 +94,5 @@
     "Vasiliy Loginevskiy"
   ],
   "sideEffects": false,
-  "gitHead": "9eaeabc730dc7b75ee7598a84f7df4af478df2b3"
+  "gitHead": "4263b360d65c45822bc7e161ad675f54e181ecb4"
 }

package/temp/sdds-finportal.api.md

@@ -3436,115 +3436,37 @@ onChange?: ((event: FormTypeNumber) => void) | undefined;
 name: string;
 value?: undefined;
 defaultValue?: number | undefined;
-} & {
-orientation?: "horizontal" | undefined;
-labelPlacement?: "none" | "top" | "left" | undefined;
-scaleAlign?: "none" | "bottom" | "side" | undefined;
-sliderAlign?: "none" | undefined;
-reversed?: undefined;
-labelReversed?: undefined;
-} & Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> & {
-onChangeCommitted?: ((value: number) => void) | undefined;
-ariaLabel?: string | undefined;
-showCurrentValue?: boolean | undefined;
-showRangeValues?: boolean | undefined;
-rangeValuesPlacement?: string | undefined;
-showScale?: boolean | undefined;
-hideMinValueDiff?: number | undefined;
-hideMaxValueDiff?: number | undefined;
-labelPlacement?: "outer" | "inner" | undefined;
-labelContentLeft?: ReactNode;
-labelContent?: ReactNode;
-multipleStepSize?: number | undefined;
-view?: string | undefined;
-size?: "s" | "m" | "l" | undefined;
-type?: "single" | undefined;
-pointerSize?: "none" | "small" | "large" | undefined;
-} & RefAttributes<HTMLDivElement>) | (SliderBaseProps & SliderInternalProps & {
-onChange?: ((event: FormTypeNumber) => void) | undefined;
-name: string;
-value?: undefined;
-defaultValue?: number | undefined;
-} & {
-orientation: "vertical";
-sliderAlign?: "none" | "center" | "right" | "left" | undefined;
-scaleAlign?: undefined;
-reversed?: boolean | undefined;
-labelReversed?: boolean | undefined;
 } & Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> & {
 onChangeCommitted?: ((value: number) => void) | undefined;
 ariaLabel?: string | undefined;
 showCurrentValue?: boolean | undefined;
 showRangeValues?: boolean | undefined;
-rangeValuesPlacement?: string | undefined;
-showScale?: boolean | undefined;
 hideMinValueDiff?: number | undefined;
 hideMaxValueDiff?: number | undefined;
+rangeValuesPlacement?: "outer" | "inner" | undefined;
 labelPlacement?: "outer" | "inner" | undefined;
-labelContentLeft?: ReactNode;
-labelContent?: ReactNode;
 multipleStepSize?: number | undefined;
 view?: string | undefined;
 size?: "s" | "m" | "l" | undefined;
 type?: "single" | undefined;
-pointerSize?: "none" | "small" | "large" | undefined;
 } & RefAttributes<HTMLDivElement>) | (SliderBaseProps & SliderInternalProps & {
 onChange?: ((value: number) => void) | undefined;
 value: number;
 name?: undefined;
 defaultValue?: undefined;
-} & {
-orientation?: "horizontal" | undefined;
-labelPlacement?: "none" | "top" | "left" | undefined;
-scaleAlign?: "none" | "bottom" | "side" | undefined;
-sliderAlign?: "none" | undefined;
-reversed?: undefined;
-labelReversed?: undefined;
-} & Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> & {
-onChangeCommitted?: ((value: number) => void) | undefined;
-ariaLabel?: string | undefined;
-showCurrentValue?: boolean | undefined;
-showRangeValues?: boolean | undefined;
-rangeValuesPlacement?: string | undefined;
-showScale?: boolean | undefined;
-hideMinValueDiff?: number | undefined;
-hideMaxValueDiff?: number | undefined;
-labelPlacement?: "outer" | "inner" | undefined;
-labelContentLeft?: ReactNode;
-labelContent?: ReactNode;
-multipleStepSize?: number | undefined;
-view?: string | undefined;
-size?: "s" | "m" | "l" | undefined;
-type?: "single" | undefined;
-pointerSize?: "none" | "small" | "large" | undefined;
-} & RefAttributes<HTMLDivElement>) | (SliderBaseProps & SliderInternalProps & {
-onChange?: ((value: number) => void) | undefined;
-value: number;
-name?: undefined;
-defaultValue?: undefined;
-} & {
-orientation: "vertical";
-sliderAlign?: "none" | "center" | "right" | "left" | undefined;
-scaleAlign?: undefined;
-reversed?: boolean | undefined;
-labelReversed?: boolean | undefined;
 } & Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> & {
 onChangeCommitted?: ((value: number) => void) | undefined;
 ariaLabel?: string | undefined;
 showCurrentValue?: boolean | undefined;
 showRangeValues?: boolean | undefined;
-rangeValuesPlacement?: string | undefined;
-showScale?: boolean | undefined;
 hideMinValueDiff?: number | undefined;
 hideMaxValueDiff?: number | undefined;
+rangeValuesPlacement?: "outer" | "inner" | undefined;
 labelPlacement?: "outer" | "inner" | undefined;
-labelContentLeft?: ReactNode;
-labelContent?: ReactNode;
 multipleStepSize?: number | undefined;
 view?: string | undefined;
 size?: "s" | "m" | "l" | undefined;
 type?: "single" | undefined;
-pointerSize?: "none" | "small" | "large" | undefined;
 } & RefAttributes<HTMLDivElement>) | (Omit<DoubleSliderProps, "onChange" | "defaultValue" | "value"> & {
 onChange?: ((event: FormTypeString) => void) | undefined;
 name?: string | undefined;