@salutejs/plasma-web 1.409.0-canary.1421.11106899244.0 → 1.409.0-canary.1449.11106585917.0

package/components/Mask/Mask.d.ts

@@ -16,6 +16,115 @@ export declare const Mask: import("react").ForwardRefExoticComponent<(Omit<impor
         inner: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         outer: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
+    clear: {
+        true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+    disabled: {
+        true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+    readOnly: {
+        true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+}> & {
+    size?: string | undefined;
+    view?: string | undefined;
+    readOnly?: boolean | undefined;
+    disabled?: boolean | undefined;
+} & {
+    label?: string | undefined;
+    labelPlacement?: "outer" | "inner" | undefined;
+    leftHelper?: string | undefined;
+    contentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    contentRight?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
+} & {
+    requiredPlacement?: "right" | "left" | undefined;
+} & {
+    required: true;
+    optional?: false | undefined;
+} & {
+    clear?: boolean | undefined;
+    hasDivider?: boolean | undefined;
+} & {
+    chips?: undefined;
+    onChangeChips?: undefined;
+    enumerationType?: "plain" | undefined;
+    onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
+} & Omit<import("@salutejs/plasma-new-hope/types/types").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & import("react").RefAttributes<HTMLInputElement> & import("@salutejs/plasma-new-hope/types/components/Mask/Mask.types").MaskProps, "ref"> | Omit<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
+    view: {
+        default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        positive: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        warning: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        negative: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+    size: {
+        l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+    labelPlacement: {
+        inner: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        outer: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+    clear: {
+        true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+    disabled: {
+        true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+    readOnly: {
+        true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+}> & {
+    size?: string | undefined;
+    view?: string | undefined;
+    readOnly?: boolean | undefined;
+    disabled?: boolean | undefined;
+} & {
+    label?: string | undefined;
+    labelPlacement?: "outer" | "inner" | undefined;
+    leftHelper?: string | undefined;
+    contentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    contentRight?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
+} & {
+    requiredPlacement?: "right" | "left" | undefined;
+} & {
+    required: true;
+    optional?: false | undefined;
+} & {
+    clear?: boolean | undefined;
+    hasDivider?: boolean | undefined;
+} & {
+    enumerationType: "chip";
+    onSearch?: undefined;
+    chips?: import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").TextFieldPrimitiveValue[] | undefined;
+    onChangeChips?: ((value: import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").TextFieldPrimitiveValue[]) => void) | undefined;
+} & Omit<import("@salutejs/plasma-new-hope/types/types").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & import("react").RefAttributes<HTMLInputElement> & import("@salutejs/plasma-new-hope/types/components/Mask/Mask.types").MaskProps, "ref"> | Omit<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
+    view: {
+        default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        positive: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        warning: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        negative: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+    size: {
+        l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+    labelPlacement: {
+        inner: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        outer: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+    clear: {
+        true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
     disabled: {
         true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
@@ -41,6 +150,9 @@ export declare const Mask: import("react").ForwardRefExoticComponent<(Omit<impor
 } & {
     required: true;
     optional?: false | undefined;
+} & {
+    clear?: false | undefined;
+    hasDivider?: undefined;
 } & {
     chips?: undefined;
     onChangeChips?: undefined;
@@ -63,6 +175,9 @@ export declare const Mask: import("react").ForwardRefExoticComponent<(Omit<impor
         inner: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         outer: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
+    clear: {
+        true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
     disabled: {
         true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
@@ -88,6 +203,9 @@ export declare const Mask: import("react").ForwardRefExoticComponent<(Omit<impor
 } & {
     required: true;
     optional?: false | undefined;
+} & {
+    clear?: false | undefined;
+    hasDivider?: undefined;
 } & {
     enumerationType: "chip";
     onSearch?: undefined;
@@ -110,6 +228,115 @@ export declare const Mask: import("react").ForwardRefExoticComponent<(Omit<impor
         inner: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         outer: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
+    clear: {
+        true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+    disabled: {
+        true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+    readOnly: {
+        true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+}> & {
+    size?: string | undefined;
+    view?: string | undefined;
+    readOnly?: boolean | undefined;
+    disabled?: boolean | undefined;
+} & {
+    label?: string | undefined;
+    labelPlacement?: "outer" | "inner" | undefined;
+    leftHelper?: string | undefined;
+    contentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    contentRight?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
+} & {
+    requiredPlacement?: "right" | "left" | undefined;
+} & {
+    optional?: true | undefined;
+    required?: false | undefined;
+} & {
+    clear?: boolean | undefined;
+    hasDivider?: boolean | undefined;
+} & {
+    chips?: undefined;
+    onChangeChips?: undefined;
+    enumerationType?: "plain" | undefined;
+    onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
+} & Omit<import("@salutejs/plasma-new-hope/types/types").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & import("react").RefAttributes<HTMLInputElement> & import("@salutejs/plasma-new-hope/types/components/Mask/Mask.types").MaskProps, "ref"> | Omit<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
+    view: {
+        default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        positive: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        warning: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        negative: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+    size: {
+        l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+    labelPlacement: {
+        inner: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        outer: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+    clear: {
+        true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+    disabled: {
+        true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+    readOnly: {
+        true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+}> & {
+    size?: string | undefined;
+    view?: string | undefined;
+    readOnly?: boolean | undefined;
+    disabled?: boolean | undefined;
+} & {
+    label?: string | undefined;
+    labelPlacement?: "outer" | "inner" | undefined;
+    leftHelper?: string | undefined;
+    contentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    contentRight?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
+} & {
+    requiredPlacement?: "right" | "left" | undefined;
+} & {
+    optional?: true | undefined;
+    required?: false | undefined;
+} & {
+    clear?: boolean | undefined;
+    hasDivider?: boolean | undefined;
+} & {
+    enumerationType: "chip";
+    onSearch?: undefined;
+    chips?: import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").TextFieldPrimitiveValue[] | undefined;
+    onChangeChips?: ((value: import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").TextFieldPrimitiveValue[]) => void) | undefined;
+} & Omit<import("@salutejs/plasma-new-hope/types/types").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & import("react").RefAttributes<HTMLInputElement> & import("@salutejs/plasma-new-hope/types/components/Mask/Mask.types").MaskProps, "ref"> | Omit<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
+    view: {
+        default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        positive: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        warning: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        negative: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+    size: {
+        l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+    labelPlacement: {
+        inner: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        outer: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+    clear: {
+        true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
     disabled: {
         true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
@@ -135,6 +362,9 @@ export declare const Mask: import("react").ForwardRefExoticComponent<(Omit<impor
 } & {
     optional?: true | undefined;
     required?: false | undefined;
+} & {
+    clear?: false | undefined;
+    hasDivider?: undefined;
 } & {
     chips?: undefined;
     onChangeChips?: undefined;
@@ -157,6 +387,9 @@ export declare const Mask: import("react").ForwardRefExoticComponent<(Omit<impor
         inner: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         outer: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
+    clear: {
+        true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
     disabled: {
         true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
@@ -182,6 +415,9 @@ export declare const Mask: import("react").ForwardRefExoticComponent<(Omit<impor
 } & {
     optional?: true | undefined;
     required?: false | undefined;
+} & {
+    clear?: false | undefined;
+    hasDivider?: undefined;
 } & {
     enumerationType: "chip";
     onSearch?: undefined;

package/components/Range/Range.config.js

@@ -14,7 +14,7 @@ var config = exports.config = {
   },
   variations: {
     view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-clear);\n                ", ": var(--surface-transparent-tertiary);\n                ", ": var(--surface-negative);\n                ", ": var(--surface-positive);\n\n                ", ": var(--text-primary);\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-accent);\n\n                ", ": var(--surface-accent);\n                ", ": var(--surface-negative);\n                ", ": var(--surface-accent);\n                ", ": var(--surface-positive);\n                ", ": var(--surface-accent);\n\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--text-accent);\n            "])), _styledComponents.rangeTokens.background, _styledComponents.rangeTokens.borderColor, _styledComponents.rangeTokens.borderColorError, _styledComponents.rangeTokens.borderColorSuccess, _styledComponents.rangeTokens.dividerColor, _styledComponents.rangeTokens.labelColor, _styledComponents.rangeTokens.leftHelperColor, _styledComponents.rangeTokens.textFieldColor, _styledComponents.rangeTokens.textFieldPlaceholderColor, _styledComponents.rangeTokens.textFieldCaretColor, _styledComponents.rangeTokens.textFieldBorderColorFocus, _styledComponents.rangeTokens.textFieldBorderColorError, _styledComponents.rangeTokens.textFieldBorderColorErrorFocus, _styledComponents.rangeTokens.textFieldBorderColorSuccess, _styledComponents.rangeTokens.textFieldBorderColorSuccessFocus, _styledComponents.rangeTokens.textFieldTextBeforeColor, _styledComponents.rangeTokens.textFieldTextAfterColor, _styledComponents.rangeTokens.focusColor)
+      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-clear);\n                ", ": var(--surface-transparent-tertiary);\n                ", ": var(--surface-negative);\n                ", ": var(--surface-positive);\n\n                ", ": var(--text-primary);\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-accent);\n\n                ", ": var(--surface-accent);\n                ", ": var(--surface-negative);\n                ", ": var(--surface-accent);\n                ", ": var(--surface-positive);\n                ", ": var(--surface-accent);\n\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--text-accent);\n            "])), _styledComponents.rangeTokens.background, _styledComponents.rangeTokens.borderColor, _styledComponents.rangeTokens.borderColorError, _styledComponents.rangeTokens.borderColorSuccess, _styledComponents.rangeTokens.dividerColor, _styledComponents.rangeTokens.labelColor, _styledComponents.rangeTokens.leftHelperColor, _styledComponents.rangeTokens.textFieldColor, _styledComponents.rangeTokens.textFieldPlaceholderColor, _styledComponents.rangeTokens.textFieldPlaceholderColorFocus, _styledComponents.rangeTokens.textFieldCaretColor, _styledComponents.rangeTokens.textFieldBorderColorFocus, _styledComponents.rangeTokens.textFieldBorderColorError, _styledComponents.rangeTokens.textFieldBorderColorErrorFocus, _styledComponents.rangeTokens.textFieldBorderColorSuccess, _styledComponents.rangeTokens.textFieldBorderColorSuccessFocus, _styledComponents.rangeTokens.textFieldTextBeforeColor, _styledComponents.rangeTokens.textFieldTextAfterColor, _styledComponents.rangeTokens.focusColor)
     },
     size: {
       l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.875rem;\n                ", ": 0.0625rem;\n\n                ", ": 0 0.375rem;\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-bold-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": 0 0 0 1rem;\n                ", ": 0;\n\n                ", ": 0 0 0.75rem 0;\n\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-size);\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                ", ": 3.5rem;\n                ", ": 0.875rem;\n                ", ": 0.0625rem;\n                ", ": 1.0625rem 1.125rem 1.0625rem 1.125rem;\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-size);\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.25rem 0 0 0;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-size);\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.0625rem 0.5rem -0.0625rem -0.125rem;\n                ", ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n                ", ": 0 0.25rem 0 0;\n                ", ": 0 0 0 0.25rem;\n            "])), _styledComponents.rangeTokens.borderRadius, _styledComponents.rangeTokens.borderWidth, _styledComponents.rangeTokens.dividerPadding, _styledComponents.rangeTokens.dividerFontFamily, _styledComponents.rangeTokens.dividerFontStyle, _styledComponents.rangeTokens.dividerFontSize, _styledComponents.rangeTokens.dividerFontWeight, _styledComponents.rangeTokens.dividerLetterSpacing, _styledComponents.rangeTokens.dividerLineHeight, _styledComponents.rangeTokens.leftContentMargin, _styledComponents.rangeTokens.rightContentMargin, _styledComponents.rangeTokens.labelOffset, _styledComponents.rangeTokens.labelFontFamily, _styledComponents.rangeTokens.labelFontStyle, _styledComponents.rangeTokens.labelFontSize, _styledComponents.rangeTokens.labelFontWeight, _styledComponents.rangeTokens.labelLetterSpacing, _styledComponents.rangeTokens.labelLineHeight, _styledComponents.rangeTokens.textFieldHeight, _styledComponents.rangeTokens.textFieldBorderRadius, _styledComponents.rangeTokens.textFieldBorderWidth, _styledComponents.rangeTokens.textFieldPadding, _styledComponents.rangeTokens.textFieldFontFamily, _styledComponents.rangeTokens.textFieldFontStyle, _styledComponents.rangeTokens.textFieldFontSize, _styledComponents.rangeTokens.textFieldFontWeight, _styledComponents.rangeTokens.textFieldLetterSpacing, _styledComponents.rangeTokens.textFieldLineHeight, _styledComponents.rangeTokens.leftHelperOffset, _styledComponents.rangeTokens.leftHelperFontFamily, _styledComponents.rangeTokens.leftHelperFontStyle, _styledComponents.rangeTokens.leftHelperFontSize, _styledComponents.rangeTokens.leftHelperFontWeight, _styledComponents.rangeTokens.leftHelperLetterSpacing, _styledComponents.rangeTokens.leftHelperLineHeight, _styledComponents.rangeTokens.textFieldLeftContentMargin, _styledComponents.rangeTokens.textFieldRightContentMargin, _styledComponents.rangeTokens.textFieldTextBeforeMargin, _styledComponents.rangeTokens.textFieldTextAfterMargin),

package/components/Slider/Slider.d.ts

@@ -17,50 +17,4 @@ export declare const Slider: import("react").FunctionComponent<import("@salutejs
     disabled: {
         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;
-} & Omit<import("react").HTMLAttributes<HTMLDivElement>, "onChange"> & {
-    onChangeCommitted?: ((value: number) => void) | undefined;
-    ariaLabel?: string | undefined;
-    showCurrentValue?: boolean | undefined;
-    showRangeValues?: boolean | undefined;
-    hideMinValueDiff?: number | undefined;
-    hideMaxValueDiff?: number | undefined;
-    rangeValuesPlacement?: "outer" | "inner" | undefined;
-    labelPlacement?: "outer" | "inner" | undefined;
-    multipleStepSize?: number | undefined;
-    view?: string | undefined;
-    size?: "m" | "s" | "l" | undefined;
-    type?: "single" | 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;
-} & Omit<import("react").HTMLAttributes<HTMLDivElement>, "onChange"> & {
-    onChangeCommitted?: ((value: number) => void) | undefined;
-    ariaLabel?: string | undefined;
-    showCurrentValue?: boolean | undefined;
-    showRangeValues?: boolean | undefined;
-    hideMinValueDiff?: number | undefined;
-    hideMaxValueDiff?: number | undefined;
-    rangeValuesPlacement?: "outer" | "inner" | undefined;
-    labelPlacement?: "outer" | "inner" | undefined;
-    multipleStepSize?: number | undefined;
-    view?: string | undefined;
-    size?: "m" | "s" | "l" | undefined;
-    type?: "single" | undefined;
-} & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("@salutejs/plasma-new-hope/styled-components").DoubleSliderProps, "onChange" | "value"> & {
-    onChange?: ((event: import("@salutejs/plasma-new-hope/types/types/FormType").FormTypeString) => void) | undefined;
-    name?: string | undefined;
-    value?: undefined;
-    defaultValue?: number[] | undefined;
-} & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("@salutejs/plasma-new-hope/styled-components").DoubleSliderProps, "onChange" | "value"> & {
-    onChange?: ((values: number[]) => void) | undefined;
-    name?: undefined;
-    value?: number[] | undefined;
-    defaultValue?: undefined;
-} & import("react").RefAttributes<HTMLDivElement>))>;
+}> & ((import("@salutejs/plasma-new-hope/styled-components").SingleSliderProps & import("react").RefAttributes<HTMLDivElement>) | (import("@salutejs/plasma-new-hope/styled-components").DoubleSliderProps & import("react").RefAttributes<HTMLDivElement>))>;

package/components/TextField/TextField.config.d.ts

@@ -21,6 +21,9 @@ export declare const config: {
             inner: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
             outer: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         };
+        clear: {
+            true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        };
         disabled: {
             true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         };

package/components/TextField/TextField.config.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.config = void 0;
 var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 var config = exports.config = {
   defaults: {
@@ -15,26 +15,29 @@ var config = exports.config = {
   },
   variations: {
     view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--surface-clear);\n                ", ": var(--text-accent);\n                ", ": var(--text-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-active);\n\n                ", ": var(--surface-transparent-tertiary);\n                ", ": var(--text-secondary);\n                ", ": var(--surface-accent);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary-hover);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary-active);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": 0.72;\n\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--text-accent);\n                ", ": var(--surface-negative);\n                ", ": var(--text-tertiary);\n            "])), _styledComponents.textFieldTokens.color, _styledComponents.textFieldTokens.backgroundColor, _styledComponents.textFieldTokens.caretColor, _styledComponents.textFieldTokens.placeholderColor, _styledComponents.textFieldTokens.labelColor, _styledComponents.textFieldTokens.leftHelperColor, _styledComponents.textFieldTokens.contentSlotColor, _styledComponents.textFieldTokens.contentSlotColorHover, _styledComponents.textFieldTokens.contentSlotColorActive, _styledComponents.textFieldTokens.borderColor, _styledComponents.textFieldTokens.borderColorHover, _styledComponents.textFieldTokens.borderColorFocus, _styledComponents.textFieldTokens.chipCloseIconColor, _styledComponents.textFieldTokens.chipColor, _styledComponents.textFieldTokens.chipBackground, _styledComponents.textFieldTokens.chipColorHover, _styledComponents.textFieldTokens.chipBackgroundHover, _styledComponents.textFieldTokens.chipColorActive, _styledComponents.textFieldTokens.chipBackgroundActive, _styledComponents.textFieldTokens.chipBackgroundReadOnly, _styledComponents.textFieldTokens.chipColorReadOnly, _styledComponents.textFieldTokens.chipBackgroundReadOnlyHover, _styledComponents.textFieldTokens.chipColorReadOnlyHover, _styledComponents.textFieldTokens.chipOpacityReadonly, _styledComponents.textFieldTokens.textBeforeColor, _styledComponents.textFieldTokens.textAfterColor, _styledComponents.textFieldTokens.focusColor, _styledComponents.textFieldTokens.indicatorColor, _styledComponents.textFieldTokens.optionalColor),
-      positive: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--surface-clear);\n                ", ": var(--text-accent);\n                ", ": var(--text-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--text-positive);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-active);\n\n                ", ": var(--surface-positive);\n                ", ": var(--surface-positive);\n                ", ": var(--surface-accent);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary-hover);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary-active);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": 0.72;\n\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--text-accent);\n                ", ": var(--surface-negative);\n                ", ": var(--text-tertiary);\n            "])), _styledComponents.textFieldTokens.color, _styledComponents.textFieldTokens.backgroundColor, _styledComponents.textFieldTokens.caretColor, _styledComponents.textFieldTokens.placeholderColor, _styledComponents.textFieldTokens.labelColor, _styledComponents.textFieldTokens.leftHelperColor, _styledComponents.textFieldTokens.contentSlotColor, _styledComponents.textFieldTokens.contentSlotColorHover, _styledComponents.textFieldTokens.contentSlotColorActive, _styledComponents.textFieldTokens.borderColor, _styledComponents.textFieldTokens.borderColorHover, _styledComponents.textFieldTokens.borderColorFocus, _styledComponents.textFieldTokens.chipCloseIconColor, _styledComponents.textFieldTokens.chipColor, _styledComponents.textFieldTokens.chipBackground, _styledComponents.textFieldTokens.chipColorHover, _styledComponents.textFieldTokens.chipBackgroundHover, _styledComponents.textFieldTokens.chipColorActive, _styledComponents.textFieldTokens.chipBackgroundActive, _styledComponents.textFieldTokens.chipBackgroundReadOnly, _styledComponents.textFieldTokens.chipColorReadOnly, _styledComponents.textFieldTokens.chipBackgroundReadOnlyHover, _styledComponents.textFieldTokens.chipColorReadOnlyHover, _styledComponents.textFieldTokens.chipOpacityReadonly, _styledComponents.textFieldTokens.textBeforeColor, _styledComponents.textFieldTokens.textAfterColor, _styledComponents.textFieldTokens.focusColor, _styledComponents.textFieldTokens.indicatorColor, _styledComponents.textFieldTokens.optionalColor),
-      warning: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--surface-clear);\n                ", ": var(--text-accent);\n                ", ": var(--text-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--text-warning);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-active);\n\n                ", ": var(--surface-warning);\n                ", ": var(--surface-warning);\n                ", ": var(--surface-accent);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary-hover);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary-active);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": 0.72;\n\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--text-accent);\n                ", ": var(--surface-negative);\n                ", ": var(--text-tertiary);\n            "])), _styledComponents.textFieldTokens.color, _styledComponents.textFieldTokens.backgroundColor, _styledComponents.textFieldTokens.caretColor, _styledComponents.textFieldTokens.placeholderColor, _styledComponents.textFieldTokens.labelColor, _styledComponents.textFieldTokens.leftHelperColor, _styledComponents.textFieldTokens.contentSlotColor, _styledComponents.textFieldTokens.contentSlotColorHover, _styledComponents.textFieldTokens.contentSlotColorActive, _styledComponents.textFieldTokens.borderColor, _styledComponents.textFieldTokens.borderColorHover, _styledComponents.textFieldTokens.borderColorFocus, _styledComponents.textFieldTokens.chipCloseIconColor, _styledComponents.textFieldTokens.chipColor, _styledComponents.textFieldTokens.chipBackground, _styledComponents.textFieldTokens.chipColorHover, _styledComponents.textFieldTokens.chipBackgroundHover, _styledComponents.textFieldTokens.chipColorActive, _styledComponents.textFieldTokens.chipBackgroundActive, _styledComponents.textFieldTokens.chipBackgroundReadOnly, _styledComponents.textFieldTokens.chipColorReadOnly, _styledComponents.textFieldTokens.chipBackgroundReadOnlyHover, _styledComponents.textFieldTokens.chipColorReadOnlyHover, _styledComponents.textFieldTokens.chipOpacityReadonly, _styledComponents.textFieldTokens.textBeforeColor, _styledComponents.textFieldTokens.textAfterColor, _styledComponents.textFieldTokens.focusColor, _styledComponents.textFieldTokens.indicatorColor, _styledComponents.textFieldTokens.optionalColor),
-      negative: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--surface-clear);\n                ", ": var(--text-accent);\n                ", ": var(--text-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--text-negative);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-active);\n\n                ", ": var(--surface-negative);\n                ", ": var(--surface-negative);\n                ", ": var(--surface-accent);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary-hover);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary-active);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": 0.72;\n\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--text-accent);\n                ", ": var(--surface-negative);\n                ", ": var(--text-tertiary);\n            "])), _styledComponents.textFieldTokens.color, _styledComponents.textFieldTokens.backgroundColor, _styledComponents.textFieldTokens.caretColor, _styledComponents.textFieldTokens.placeholderColor, _styledComponents.textFieldTokens.labelColor, _styledComponents.textFieldTokens.leftHelperColor, _styledComponents.textFieldTokens.contentSlotColor, _styledComponents.textFieldTokens.contentSlotColorHover, _styledComponents.textFieldTokens.contentSlotColorActive, _styledComponents.textFieldTokens.borderColor, _styledComponents.textFieldTokens.borderColorHover, _styledComponents.textFieldTokens.borderColorFocus, _styledComponents.textFieldTokens.chipCloseIconColor, _styledComponents.textFieldTokens.chipColor, _styledComponents.textFieldTokens.chipBackground, _styledComponents.textFieldTokens.chipColorHover, _styledComponents.textFieldTokens.chipBackgroundHover, _styledComponents.textFieldTokens.chipColorActive, _styledComponents.textFieldTokens.chipBackgroundActive, _styledComponents.textFieldTokens.chipBackgroundReadOnly, _styledComponents.textFieldTokens.chipColorReadOnly, _styledComponents.textFieldTokens.chipBackgroundReadOnlyHover, _styledComponents.textFieldTokens.chipColorReadOnlyHover, _styledComponents.textFieldTokens.chipOpacityReadonly, _styledComponents.textFieldTokens.textBeforeColor, _styledComponents.textFieldTokens.textAfterColor, _styledComponents.textFieldTokens.focusColor, _styledComponents.textFieldTokens.indicatorColor, _styledComponents.textFieldTokens.optionalColor)
+      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-clear);\n                ", ": var(--text-accent);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-active);\n\n                ", ": var(--surface-transparent-tertiary);\n                ", ": var(--text-secondary);\n                ", ": var(--surface-accent);\n\n                ", ": var(--surface-transparent-tertiary);\n                ", ": var(--text-secondary);\n                ", ": var(--surface-accent);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary-hover);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary-active);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": 0.72;\n\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--text-accent);\n                ", ": var(--surface-negative);\n                ", ": var(--text-tertiary);\n            "])), _styledComponents.textFieldTokens.color, _styledComponents.textFieldTokens.clearColor, _styledComponents.textFieldTokens.backgroundColor, _styledComponents.textFieldTokens.caretColor, _styledComponents.textFieldTokens.placeholderColor, _styledComponents.textFieldTokens.clearPlaceholderColor, _styledComponents.textFieldTokens.placeholderColorFocus, _styledComponents.textFieldTokens.clearPlaceholderColorFocus, _styledComponents.textFieldTokens.labelColor, _styledComponents.textFieldTokens.leftHelperColor, _styledComponents.textFieldTokens.contentSlotColor, _styledComponents.textFieldTokens.contentSlotColorHover, _styledComponents.textFieldTokens.contentSlotColorActive, _styledComponents.textFieldTokens.borderColor, _styledComponents.textFieldTokens.borderColorHover, _styledComponents.textFieldTokens.borderColorFocus, _styledComponents.textFieldTokens.dividerColor, _styledComponents.textFieldTokens.dividerColorHover, _styledComponents.textFieldTokens.dividerColorFocus, _styledComponents.textFieldTokens.chipCloseIconColor, _styledComponents.textFieldTokens.chipColor, _styledComponents.textFieldTokens.chipBackground, _styledComponents.textFieldTokens.chipColorHover, _styledComponents.textFieldTokens.chipBackgroundHover, _styledComponents.textFieldTokens.chipColorActive, _styledComponents.textFieldTokens.chipBackgroundActive, _styledComponents.textFieldTokens.chipBackgroundReadOnly, _styledComponents.textFieldTokens.chipColorReadOnly, _styledComponents.textFieldTokens.chipBackgroundReadOnlyHover, _styledComponents.textFieldTokens.chipColorReadOnlyHover, _styledComponents.textFieldTokens.chipOpacityReadonly, _styledComponents.textFieldTokens.textBeforeColor, _styledComponents.textFieldTokens.textAfterColor, _styledComponents.textFieldTokens.focusColor, _styledComponents.textFieldTokens.indicatorColor, _styledComponents.textFieldTokens.optionalColor),
+      positive: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--text-positive);\n                ", ": var(--text-positive);\n                ", ": var(--surface-clear);\n                ", ": var(--text-accent);\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-positive);\n                ", ": var(--text-primary);\n                ", ": var(--text-positive);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-active);\n\n                ", ": var(--surface-positive);\n                ", ": var(--surface-positive);\n                ", ": var(--surface-accent);\n\n                ", ": var(--surface-positive);\n                ", ": var(--surface-positive);\n                ", ": var(--surface-accent);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary-hover);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary-active);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": 0.72;\n\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--text-accent);\n                ", ": var(--surface-negative);\n                ", ": var(--text-tertiary);\n            "])), _styledComponents.textFieldTokens.color, _styledComponents.textFieldTokens.clearColor, _styledComponents.textFieldTokens.clearPlaceholderColor, _styledComponents.textFieldTokens.backgroundColor, _styledComponents.textFieldTokens.caretColor, _styledComponents.textFieldTokens.placeholderColor, _styledComponents.textFieldTokens.placeholderColorFocus, _styledComponents.textFieldTokens.clearPlaceholderColorFocus, _styledComponents.textFieldTokens.labelColor, _styledComponents.textFieldTokens.leftHelperColor, _styledComponents.textFieldTokens.contentSlotColor, _styledComponents.textFieldTokens.contentSlotColorHover, _styledComponents.textFieldTokens.contentSlotColorActive, _styledComponents.textFieldTokens.borderColor, _styledComponents.textFieldTokens.borderColorHover, _styledComponents.textFieldTokens.borderColorFocus, _styledComponents.textFieldTokens.dividerColor, _styledComponents.textFieldTokens.dividerColorHover, _styledComponents.textFieldTokens.dividerColorFocus, _styledComponents.textFieldTokens.chipCloseIconColor, _styledComponents.textFieldTokens.chipColor, _styledComponents.textFieldTokens.chipBackground, _styledComponents.textFieldTokens.chipColorHover, _styledComponents.textFieldTokens.chipBackgroundHover, _styledComponents.textFieldTokens.chipColorActive, _styledComponents.textFieldTokens.chipBackgroundActive, _styledComponents.textFieldTokens.chipBackgroundReadOnly, _styledComponents.textFieldTokens.chipColorReadOnly, _styledComponents.textFieldTokens.chipBackgroundReadOnlyHover, _styledComponents.textFieldTokens.chipColorReadOnlyHover, _styledComponents.textFieldTokens.chipOpacityReadonly, _styledComponents.textFieldTokens.textBeforeColor, _styledComponents.textFieldTokens.textAfterColor, _styledComponents.textFieldTokens.focusColor, _styledComponents.textFieldTokens.indicatorColor, _styledComponents.textFieldTokens.optionalColor),
+      warning: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--text-warning);\n                ", ": var(--text-warning);\n                ", ": var(--surface-clear);\n                ", ": var(--text-accent);\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-warning);\n                ", ": var(--text-primary);\n                ", ": var(--text-warning);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-active);\n\n                ", ": var(--surface-warning);\n                ", ": var(--surface-warning);\n                ", ": var(--surface-accent);\n\n                ", ": var(--surface-warning);\n                ", ": var(--surface-warning);\n                ", ": var(--surface-accent);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary-hover);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary-active);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": 0.72;\n\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--text-accent);\n                ", ": var(--surface-negative);\n                ", ": var(--text-tertiary);\n            "])), _styledComponents.textFieldTokens.color, _styledComponents.textFieldTokens.clearColor, _styledComponents.textFieldTokens.clearPlaceholderColor, _styledComponents.textFieldTokens.backgroundColor, _styledComponents.textFieldTokens.caretColor, _styledComponents.textFieldTokens.placeholderColor, _styledComponents.textFieldTokens.placeholderColorFocus, _styledComponents.textFieldTokens.clearPlaceholderColorFocus, _styledComponents.textFieldTokens.labelColor, _styledComponents.textFieldTokens.leftHelperColor, _styledComponents.textFieldTokens.contentSlotColor, _styledComponents.textFieldTokens.contentSlotColorHover, _styledComponents.textFieldTokens.contentSlotColorActive, _styledComponents.textFieldTokens.borderColor, _styledComponents.textFieldTokens.borderColorHover, _styledComponents.textFieldTokens.borderColorFocus, _styledComponents.textFieldTokens.dividerColor, _styledComponents.textFieldTokens.dividerColorHover, _styledComponents.textFieldTokens.dividerColorFocus, _styledComponents.textFieldTokens.chipCloseIconColor, _styledComponents.textFieldTokens.chipColor, _styledComponents.textFieldTokens.chipBackground, _styledComponents.textFieldTokens.chipColorHover, _styledComponents.textFieldTokens.chipBackgroundHover, _styledComponents.textFieldTokens.chipColorActive, _styledComponents.textFieldTokens.chipBackgroundActive, _styledComponents.textFieldTokens.chipBackgroundReadOnly, _styledComponents.textFieldTokens.chipColorReadOnly, _styledComponents.textFieldTokens.chipBackgroundReadOnlyHover, _styledComponents.textFieldTokens.chipColorReadOnlyHover, _styledComponents.textFieldTokens.chipOpacityReadonly, _styledComponents.textFieldTokens.textBeforeColor, _styledComponents.textFieldTokens.textAfterColor, _styledComponents.textFieldTokens.focusColor, _styledComponents.textFieldTokens.indicatorColor, _styledComponents.textFieldTokens.optionalColor),
+      negative: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--text-negative);\n                ", ": var(--text-negative);\n                ", ": var(--surface-clear);\n                ", ": var(--text-accent);\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-negative);\n                ", ": var(--text-primary);\n                ", ": var(--text-negative);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-active);\n\n                ", ": var(--surface-negative);\n                ", ": var(--surface-negative);\n                ", ": var(--surface-accent);\n\n                ", ": var(--surface-negative);\n                ", ": var(--surface-negative);\n                ", ": var(--surface-accent);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary-hover);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary-active);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": 0.72;\n\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--text-accent);\n                ", ": var(--surface-negative);\n                ", ": var(--text-tertiary);\n            "])), _styledComponents.textFieldTokens.color, _styledComponents.textFieldTokens.clearColor, _styledComponents.textFieldTokens.clearPlaceholderColor, _styledComponents.textFieldTokens.backgroundColor, _styledComponents.textFieldTokens.caretColor, _styledComponents.textFieldTokens.placeholderColor, _styledComponents.textFieldTokens.placeholderColorFocus, _styledComponents.textFieldTokens.clearPlaceholderColorFocus, _styledComponents.textFieldTokens.labelColor, _styledComponents.textFieldTokens.leftHelperColor, _styledComponents.textFieldTokens.contentSlotColor, _styledComponents.textFieldTokens.contentSlotColorHover, _styledComponents.textFieldTokens.contentSlotColorActive, _styledComponents.textFieldTokens.borderColor, _styledComponents.textFieldTokens.borderColorHover, _styledComponents.textFieldTokens.borderColorFocus, _styledComponents.textFieldTokens.dividerColor, _styledComponents.textFieldTokens.dividerColorHover, _styledComponents.textFieldTokens.dividerColorFocus, _styledComponents.textFieldTokens.chipCloseIconColor, _styledComponents.textFieldTokens.chipColor, _styledComponents.textFieldTokens.chipBackground, _styledComponents.textFieldTokens.chipColorHover, _styledComponents.textFieldTokens.chipBackgroundHover, _styledComponents.textFieldTokens.chipColorActive, _styledComponents.textFieldTokens.chipBackgroundActive, _styledComponents.textFieldTokens.chipBackgroundReadOnly, _styledComponents.textFieldTokens.chipColorReadOnly, _styledComponents.textFieldTokens.chipBackgroundReadOnlyHover, _styledComponents.textFieldTokens.chipColorReadOnlyHover, _styledComponents.textFieldTokens.chipOpacityReadonly, _styledComponents.textFieldTokens.textBeforeColor, _styledComponents.textFieldTokens.textAfterColor, _styledComponents.textFieldTokens.focusColor, _styledComponents.textFieldTokens.indicatorColor, _styledComponents.textFieldTokens.optionalColor)
     },
     size: {
-      l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 3.5rem;\n                ", ": 1.0625rem 1.125rem 1.0625rem 1.125rem;\n                ", ": 0.375rem;\n                ", ": 0.875rem;\n                ", ": 0.0625rem;\n\n                ", ": -0.0625rem 0.5rem -0.0625rem -0.125rem;\n                ", ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\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                ", ": 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.25rem;\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.5625rem 0 0.125rem 0;\n                ", ": 1.5625rem 0 0.5625rem 0;\n                ", ": 0 0.25rem 0 0;\n                ", ": 0 0 0 0.25rem;\n\n                ", ": 0.25rem;\n                ", ": 0.5rem;\n                ", ": auto;\n                ", ": 2.75rem;\n                ", ": 0.75rem;\n                ", ": 1rem;\n                ", ": 0.625rem;\n                ", ": 0rem;\n                ", ": 1.5rem;\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.5rem;\n                ", ": 0.375rem;\n                ", ": 0 0 0 0;\n                ", ": 0.5rem auto auto -0.75rem;\n                ", ": 0 0 auto auto;\n                ", ": 0.25rem -0.625rem auto auto;\n            "])), _styledComponents.textFieldTokens.height, _styledComponents.textFieldTokens.padding, _styledComponents.textFieldTokens.paddingWithChips, _styledComponents.textFieldTokens.borderRadius, _styledComponents.textFieldTokens.borderWidth, _styledComponents.textFieldTokens.leftContentMargin, _styledComponents.textFieldTokens.rightContentMargin, _styledComponents.textFieldTokens.fontFamily, _styledComponents.textFieldTokens.fontSize, _styledComponents.textFieldTokens.fontStyle, _styledComponents.textFieldTokens.fontWeight, _styledComponents.textFieldTokens.letterSpacing, _styledComponents.textFieldTokens.lineHeight, _styledComponents.textFieldTokens.labelOffset, _styledComponents.textFieldTokens.labelFontFamily, _styledComponents.textFieldTokens.labelFontSize, _styledComponents.textFieldTokens.labelFontStyle, _styledComponents.textFieldTokens.labelFontWeight, _styledComponents.textFieldTokens.labelLetterSpacing, _styledComponents.textFieldTokens.labelLineHeight, _styledComponents.textFieldTokens.leftHelperOffset, _styledComponents.textFieldTokens.leftHelperFontFamily, _styledComponents.textFieldTokens.leftHelperFontSize, _styledComponents.textFieldTokens.leftHelperFontStyle, _styledComponents.textFieldTokens.leftHelperFontWeight, _styledComponents.textFieldTokens.leftHelperLetterSpacing, _styledComponents.textFieldTokens.leftHelperLineHeight, _styledComponents.textFieldTokens.labelInnerPadding, _styledComponents.textFieldTokens.contentLabelInnerPadding, _styledComponents.textFieldTokens.textBeforeMargin, _styledComponents.textFieldTokens.textAfterMargin, _styledComponents.textFieldTokens.chipGap, _styledComponents.textFieldTokens.chipBorderRadius, _styledComponents.textFieldTokens.chipWidth, _styledComponents.textFieldTokens.chipHeight, _styledComponents.textFieldTokens.chipPaddingRight, _styledComponents.textFieldTokens.chipPaddingLeft, _styledComponents.textFieldTokens.chipClearContentMarginLeft, _styledComponents.textFieldTokens.chipClearContentMarginRight, _styledComponents.textFieldTokens.chipCloseIconSize, _styledComponents.textFieldTokens.chipFontFamily, _styledComponents.textFieldTokens.chipFontSize, _styledComponents.textFieldTokens.chipFontStyle, _styledComponents.textFieldTokens.chipFontWeight, _styledComponents.textFieldTokens.chipLetterSpacing, _styledComponents.textFieldTokens.chipLineHeight, _styledComponents.textFieldTokens.indicatorSizeInner, _styledComponents.textFieldTokens.indicatorSizeOuter, _styledComponents.textFieldTokens.indicatorLabelPlacementInner, _styledComponents.textFieldTokens.indicatorLabelPlacementOuter, _styledComponents.textFieldTokens.indicatorLabelPlacementInnerRight, _styledComponents.textFieldTokens.indicatorLabelPlacementOuterRight),
-      m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 3rem;\n                ", ": 0.875rem 1rem 0.875rem 1rem;\n                ", ": 0.375rem;\n                ", ": 0.75rem;\n                ", ": 0.0625rem;\n\n                ", ": -0.125rem 0.375rem -0.125rem -0.125rem;\n                ", ": -0.125rem -0.125rem -0.125rem 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.625rem;\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.25rem;\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.375rem 0 0.125rem 0;\n                ", ": 1.375rem 0 0.375rem 0;\n                ", ": 0 0.25rem 0 0;\n                ", ": 0 0 0 0.25rem;\n\n                ", ": 0.25rem;\n                ", ": 0.375rem;\n                ", ": auto;\n                ", ": 2.25rem;\n                ", ": 0.625rem;\n                ", ": 0.875rem;\n                ", ": 0.5rem;\n                ", ": 0rem;\n                ", ": 1.25rem;\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.5rem;\n                ", ": 0.375rem;\n                ", ": 0 0 0 0;\n                ", ": 0.375rem auto auto -0.75rem;\n                ", ": 0 0 auto auto;\n                ", ": 0.25rem -0.6875rem auto auto;\n            "])), _styledComponents.textFieldTokens.height, _styledComponents.textFieldTokens.padding, _styledComponents.textFieldTokens.paddingWithChips, _styledComponents.textFieldTokens.borderRadius, _styledComponents.textFieldTokens.borderWidth, _styledComponents.textFieldTokens.leftContentMargin, _styledComponents.textFieldTokens.rightContentMargin, _styledComponents.textFieldTokens.fontFamily, _styledComponents.textFieldTokens.fontSize, _styledComponents.textFieldTokens.fontStyle, _styledComponents.textFieldTokens.fontWeight, _styledComponents.textFieldTokens.letterSpacing, _styledComponents.textFieldTokens.lineHeight, _styledComponents.textFieldTokens.labelOffset, _styledComponents.textFieldTokens.labelFontFamily, _styledComponents.textFieldTokens.labelFontSize, _styledComponents.textFieldTokens.labelFontStyle, _styledComponents.textFieldTokens.labelFontWeight, _styledComponents.textFieldTokens.labelLetterSpacing, _styledComponents.textFieldTokens.labelLineHeight, _styledComponents.textFieldTokens.leftHelperOffset, _styledComponents.textFieldTokens.leftHelperFontFamily, _styledComponents.textFieldTokens.leftHelperFontSize, _styledComponents.textFieldTokens.leftHelperFontStyle, _styledComponents.textFieldTokens.leftHelperFontWeight, _styledComponents.textFieldTokens.leftHelperLetterSpacing, _styledComponents.textFieldTokens.leftHelperLineHeight, _styledComponents.textFieldTokens.labelInnerPadding, _styledComponents.textFieldTokens.contentLabelInnerPadding, _styledComponents.textFieldTokens.textBeforeMargin, _styledComponents.textFieldTokens.textAfterMargin, _styledComponents.textFieldTokens.chipGap, _styledComponents.textFieldTokens.chipBorderRadius, _styledComponents.textFieldTokens.chipWidth, _styledComponents.textFieldTokens.chipHeight, _styledComponents.textFieldTokens.chipPaddingRight, _styledComponents.textFieldTokens.chipPaddingLeft, _styledComponents.textFieldTokens.chipClearContentMarginLeft, _styledComponents.textFieldTokens.chipClearContentMarginRight, _styledComponents.textFieldTokens.chipCloseIconSize, _styledComponents.textFieldTokens.chipFontFamily, _styledComponents.textFieldTokens.chipFontSize, _styledComponents.textFieldTokens.chipFontStyle, _styledComponents.textFieldTokens.chipFontWeight, _styledComponents.textFieldTokens.chipLetterSpacing, _styledComponents.textFieldTokens.chipLineHeight, _styledComponents.textFieldTokens.indicatorSizeInner, _styledComponents.textFieldTokens.indicatorSizeOuter, _styledComponents.textFieldTokens.indicatorLabelPlacementInner, _styledComponents.textFieldTokens.indicatorLabelPlacementOuter, _styledComponents.textFieldTokens.indicatorLabelPlacementInnerRight, _styledComponents.textFieldTokens.indicatorLabelPlacementOuterRight),
-      s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 2.5rem;\n                ", ": 0.6875rem 0.875rem 0.6875rem 0.875rem;\n                ", ": 0.375rem;\n                ", ": 0.625rem;\n                ", ": 0.0625rem;\n\n                ", ": -0.1875rem 0.25rem -0.1875rem -0.125rem;\n                ", ": -0.1875rem -0.125rem -0.1875rem 0.75rem;\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                ", ": 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.25rem;\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.3125rem 0 0 0;\n                ", ": 1.0625rem 0 0.3125rem 0;\n                ", ": 0 0.25rem 0 0;\n                ", ": 0 0 0 0.25rem;\n\n                ", ": 0.25rem;\n                ", ": 0.25rem;\n                ", ": auto;\n                ", ": 1.75rem;\n                ", ": 0.5rem;\n                ", ": 0.75rem;\n                ", ": 0.375rem;\n                ", ": 0rem;\n                ", ": 1rem;\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.375rem;\n                ", ": 0.375rem;\n                ", ": 0 0 0 0;\n                ", ": 0.3125rem auto auto -0.6875rem;\n                ", ": 0 0 auto auto;\n                ", ": 0.25rem -0.625rem auto auto;\n            "])), _styledComponents.textFieldTokens.height, _styledComponents.textFieldTokens.padding, _styledComponents.textFieldTokens.paddingWithChips, _styledComponents.textFieldTokens.borderRadius, _styledComponents.textFieldTokens.borderWidth, _styledComponents.textFieldTokens.leftContentMargin, _styledComponents.textFieldTokens.rightContentMargin, _styledComponents.textFieldTokens.fontFamily, _styledComponents.textFieldTokens.fontSize, _styledComponents.textFieldTokens.fontStyle, _styledComponents.textFieldTokens.fontWeight, _styledComponents.textFieldTokens.letterSpacing, _styledComponents.textFieldTokens.lineHeight, _styledComponents.textFieldTokens.labelOffset, _styledComponents.textFieldTokens.labelFontFamily, _styledComponents.textFieldTokens.labelFontSize, _styledComponents.textFieldTokens.labelFontStyle, _styledComponents.textFieldTokens.labelFontWeight, _styledComponents.textFieldTokens.labelLetterSpacing, _styledComponents.textFieldTokens.labelLineHeight, _styledComponents.textFieldTokens.leftHelperOffset, _styledComponents.textFieldTokens.leftHelperFontFamily, _styledComponents.textFieldTokens.leftHelperFontSize, _styledComponents.textFieldTokens.leftHelperFontStyle, _styledComponents.textFieldTokens.leftHelperFontWeight, _styledComponents.textFieldTokens.leftHelperLetterSpacing, _styledComponents.textFieldTokens.leftHelperLineHeight, _styledComponents.textFieldTokens.labelInnerPadding, _styledComponents.textFieldTokens.contentLabelInnerPadding, _styledComponents.textFieldTokens.textBeforeMargin, _styledComponents.textFieldTokens.textAfterMargin, _styledComponents.textFieldTokens.chipGap, _styledComponents.textFieldTokens.chipBorderRadius, _styledComponents.textFieldTokens.chipWidth, _styledComponents.textFieldTokens.chipHeight, _styledComponents.textFieldTokens.chipPaddingRight, _styledComponents.textFieldTokens.chipPaddingLeft, _styledComponents.textFieldTokens.chipClearContentMarginLeft, _styledComponents.textFieldTokens.chipClearContentMarginRight, _styledComponents.textFieldTokens.chipCloseIconSize, _styledComponents.textFieldTokens.chipFontFamily, _styledComponents.textFieldTokens.chipFontSize, _styledComponents.textFieldTokens.chipFontStyle, _styledComponents.textFieldTokens.chipFontWeight, _styledComponents.textFieldTokens.chipLetterSpacing, _styledComponents.textFieldTokens.chipLineHeight, _styledComponents.textFieldTokens.indicatorSizeInner, _styledComponents.textFieldTokens.indicatorSizeOuter, _styledComponents.textFieldTokens.indicatorLabelPlacementInner, _styledComponents.textFieldTokens.indicatorLabelPlacementOuter, _styledComponents.textFieldTokens.indicatorLabelPlacementInnerRight, _styledComponents.textFieldTokens.indicatorLabelPlacementOuterRight),
-      xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 2rem;\n                ", ": 0.5625rem 0.625rem 0.5625rem 0.625rem;\n                ", ": 0.375rem;\n                ", ": 0.5rem;\n                ", ": 0.0625rem;\n\n                ", ": -0.0625rem 0.25rem -0.0625rem -0.125rem;\n                ", ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\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.375rem;\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.25rem;\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.3125rem 0 0 0;\n                ", ": 1.0625rem 0 0.3125rem 0;\n                ", ": 0 0.25rem 0 0;\n                ", ": 0 0 0 0.25rem;\n\n                ", ": 0.25rem;\n                ", ": 0.125rem;\n                ", ": auto;\n                ", ": 1.25rem;\n                ", ": 0.375rem;\n                ", ": 0.625rem;\n                ", ": 0.25rem;\n                ", ": 0rem;\n                ", ": 0.75rem;\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.375rem;\n                ", ": 0.375rem;\n                ", ": 0 0 0 0;\n                ", ": 0.25rem auto auto -0.625rem;\n                ", ": 0 0 auto auto;\n                ", ": 0.125rem -0.6875rem auto auto;\n            "])), _styledComponents.textFieldTokens.height, _styledComponents.textFieldTokens.padding, _styledComponents.textFieldTokens.paddingWithChips, _styledComponents.textFieldTokens.borderRadius, _styledComponents.textFieldTokens.borderWidth, _styledComponents.textFieldTokens.leftContentMargin, _styledComponents.textFieldTokens.rightContentMargin, _styledComponents.textFieldTokens.fontFamily, _styledComponents.textFieldTokens.fontSize, _styledComponents.textFieldTokens.fontStyle, _styledComponents.textFieldTokens.fontWeight, _styledComponents.textFieldTokens.letterSpacing, _styledComponents.textFieldTokens.lineHeight, _styledComponents.textFieldTokens.labelOffset, _styledComponents.textFieldTokens.labelFontFamily, _styledComponents.textFieldTokens.labelFontSize, _styledComponents.textFieldTokens.labelFontStyle, _styledComponents.textFieldTokens.labelFontWeight, _styledComponents.textFieldTokens.labelLetterSpacing, _styledComponents.textFieldTokens.labelLineHeight, _styledComponents.textFieldTokens.leftHelperOffset, _styledComponents.textFieldTokens.leftHelperFontFamily, _styledComponents.textFieldTokens.leftHelperFontSize, _styledComponents.textFieldTokens.leftHelperFontStyle, _styledComponents.textFieldTokens.leftHelperFontWeight, _styledComponents.textFieldTokens.leftHelperLetterSpacing, _styledComponents.textFieldTokens.leftHelperLineHeight, _styledComponents.textFieldTokens.labelInnerPadding, _styledComponents.textFieldTokens.contentLabelInnerPadding, _styledComponents.textFieldTokens.textBeforeMargin, _styledComponents.textFieldTokens.textAfterMargin, _styledComponents.textFieldTokens.chipGap, _styledComponents.textFieldTokens.chipBorderRadius, _styledComponents.textFieldTokens.chipWidth, _styledComponents.textFieldTokens.chipHeight, _styledComponents.textFieldTokens.chipPaddingRight, _styledComponents.textFieldTokens.chipPaddingLeft, _styledComponents.textFieldTokens.chipClearContentMarginLeft, _styledComponents.textFieldTokens.chipClearContentMarginRight, _styledComponents.textFieldTokens.chipCloseIconSize, _styledComponents.textFieldTokens.chipFontFamily, _styledComponents.textFieldTokens.chipFontSize, _styledComponents.textFieldTokens.chipFontStyle, _styledComponents.textFieldTokens.chipFontWeight, _styledComponents.textFieldTokens.chipLetterSpacing, _styledComponents.textFieldTokens.chipLineHeight, _styledComponents.textFieldTokens.indicatorSizeInner, _styledComponents.textFieldTokens.indicatorSizeOuter, _styledComponents.textFieldTokens.indicatorLabelPlacementInner, _styledComponents.textFieldTokens.indicatorLabelPlacementOuter, _styledComponents.textFieldTokens.indicatorLabelPlacementInnerRight, _styledComponents.textFieldTokens.indicatorLabelPlacementOuterRight)
+      l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 3.5rem;\n                ", ": 1.0625rem 1.125rem 1.0625rem 1.125rem;\n                ", ": 0.375rem;\n                ", ": 0.875rem;\n                ", ": 0.0625rem;\n\n                ", ": -0.0625rem 0.5rem -0.0625rem -0.125rem;\n                ", ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\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.25rem;\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.25rem;\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.5625rem 0 0.125rem 0;\n                ", ": 1.5625rem 0 0.5625rem 0;\n                ", ": 0 0.25rem 0 0;\n                ", ": 0 0 0 0.25rem;\n\n                ", ": 0.25rem;\n                ", ": 0.5rem;\n                ", ": auto;\n                ", ": 2.75rem;\n                ", ": 0.75rem;\n                ", ": 1rem;\n                ", ": 0.625rem;\n                ", ": 0rem;\n                ", ": 1.5rem;\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.5rem;\n                ", ": 0.375rem;\n                ", ": 0 0 0 0;\n                ", ": 0.5rem auto auto -0.75rem;\n                ", ": 0 0 auto auto;\n                ", ": 0.25rem -0.625rem auto auto;\n                ", ": 1.5rem auto auto -0.875rem;\n                ", ": 1.5rem -0.875rem auto auto;\n            "])), _styledComponents.textFieldTokens.height, _styledComponents.textFieldTokens.padding, _styledComponents.textFieldTokens.paddingWithChips, _styledComponents.textFieldTokens.borderRadius, _styledComponents.textFieldTokens.borderWidth, _styledComponents.textFieldTokens.leftContentMargin, _styledComponents.textFieldTokens.rightContentMargin, _styledComponents.textFieldTokens.fontFamily, _styledComponents.textFieldTokens.fontSize, _styledComponents.textFieldTokens.fontStyle, _styledComponents.textFieldTokens.fontWeight, _styledComponents.textFieldTokens.letterSpacing, _styledComponents.textFieldTokens.lineHeight, _styledComponents.textFieldTokens.labelOffset, _styledComponents.textFieldTokens.clearLabelOffset, _styledComponents.textFieldTokens.labelFontFamily, _styledComponents.textFieldTokens.labelFontSize, _styledComponents.textFieldTokens.labelFontStyle, _styledComponents.textFieldTokens.labelFontWeight, _styledComponents.textFieldTokens.labelLetterSpacing, _styledComponents.textFieldTokens.labelLineHeight, _styledComponents.textFieldTokens.leftHelperOffset, _styledComponents.textFieldTokens.leftHelperFontFamily, _styledComponents.textFieldTokens.leftHelperFontSize, _styledComponents.textFieldTokens.leftHelperFontStyle, _styledComponents.textFieldTokens.leftHelperFontWeight, _styledComponents.textFieldTokens.leftHelperLetterSpacing, _styledComponents.textFieldTokens.leftHelperLineHeight, _styledComponents.textFieldTokens.labelInnerPadding, _styledComponents.textFieldTokens.contentLabelInnerPadding, _styledComponents.textFieldTokens.textBeforeMargin, _styledComponents.textFieldTokens.textAfterMargin, _styledComponents.textFieldTokens.chipGap, _styledComponents.textFieldTokens.chipBorderRadius, _styledComponents.textFieldTokens.chipWidth, _styledComponents.textFieldTokens.chipHeight, _styledComponents.textFieldTokens.chipPaddingRight, _styledComponents.textFieldTokens.chipPaddingLeft, _styledComponents.textFieldTokens.chipClearContentMarginLeft, _styledComponents.textFieldTokens.chipClearContentMarginRight, _styledComponents.textFieldTokens.chipCloseIconSize, _styledComponents.textFieldTokens.chipFontFamily, _styledComponents.textFieldTokens.chipFontSize, _styledComponents.textFieldTokens.chipFontStyle, _styledComponents.textFieldTokens.chipFontWeight, _styledComponents.textFieldTokens.chipLetterSpacing, _styledComponents.textFieldTokens.chipLineHeight, _styledComponents.textFieldTokens.indicatorSizeInner, _styledComponents.textFieldTokens.indicatorSizeOuter, _styledComponents.textFieldTokens.indicatorLabelPlacementInner, _styledComponents.textFieldTokens.indicatorLabelPlacementOuter, _styledComponents.textFieldTokens.indicatorLabelPlacementInnerRight, _styledComponents.textFieldTokens.indicatorLabelPlacementOuterRight, _styledComponents.textFieldTokens.clearIndicatorLabelPlacementInner, _styledComponents.textFieldTokens.clearIndicatorLabelPlacementInnerRight),
+      m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 3rem;\n                ", ": 0.875rem 1rem 0.875rem 1rem;\n                ", ": 0.375rem;\n                ", ": 0.75rem;\n                ", ": 0.0625rem;\n\n                ", ": -0.125rem 0.375rem -0.125rem -0.125rem;\n                ", ": -0.125rem -0.125rem -0.125rem 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.625rem;\n                ", ": 0.25rem;\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.25rem;\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.375rem 0 0.125rem 0;\n                ", ": 1.375rem 0 0.375rem 0;\n                ", ": 0 0.25rem 0 0;\n                ", ": 0 0 0 0.25rem;\n\n                ", ": 0.25rem;\n                ", ": 0.375rem;\n                ", ": auto;\n                ", ": 2.25rem;\n                ", ": 0.625rem;\n                ", ": 0.875rem;\n                ", ": 0.5rem;\n                ", ": 0rem;\n                ", ": 1.25rem;\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.5rem;\n                ", ": 0.375rem;\n                ", ": 0 0 0 0;\n                ", ": 0.375rem auto auto -0.75rem;\n                ", ": 0 0 auto auto;\n                ", ": 0.25rem -0.6875rem auto auto;\n                ", ": 1.25rem auto auto -0.875rem;\n                ", ": 1.25rem -0.875rem auto auto;\n            "])), _styledComponents.textFieldTokens.height, _styledComponents.textFieldTokens.padding, _styledComponents.textFieldTokens.paddingWithChips, _styledComponents.textFieldTokens.borderRadius, _styledComponents.textFieldTokens.borderWidth, _styledComponents.textFieldTokens.leftContentMargin, _styledComponents.textFieldTokens.rightContentMargin, _styledComponents.textFieldTokens.fontFamily, _styledComponents.textFieldTokens.fontSize, _styledComponents.textFieldTokens.fontStyle, _styledComponents.textFieldTokens.fontWeight, _styledComponents.textFieldTokens.letterSpacing, _styledComponents.textFieldTokens.lineHeight, _styledComponents.textFieldTokens.labelOffset, _styledComponents.textFieldTokens.clearLabelOffset, _styledComponents.textFieldTokens.labelFontFamily, _styledComponents.textFieldTokens.labelFontSize, _styledComponents.textFieldTokens.labelFontStyle, _styledComponents.textFieldTokens.labelFontWeight, _styledComponents.textFieldTokens.labelLetterSpacing, _styledComponents.textFieldTokens.labelLineHeight, _styledComponents.textFieldTokens.leftHelperOffset, _styledComponents.textFieldTokens.leftHelperFontFamily, _styledComponents.textFieldTokens.leftHelperFontSize, _styledComponents.textFieldTokens.leftHelperFontStyle, _styledComponents.textFieldTokens.leftHelperFontWeight, _styledComponents.textFieldTokens.leftHelperLetterSpacing, _styledComponents.textFieldTokens.leftHelperLineHeight, _styledComponents.textFieldTokens.labelInnerPadding, _styledComponents.textFieldTokens.contentLabelInnerPadding, _styledComponents.textFieldTokens.textBeforeMargin, _styledComponents.textFieldTokens.textAfterMargin, _styledComponents.textFieldTokens.chipGap, _styledComponents.textFieldTokens.chipBorderRadius, _styledComponents.textFieldTokens.chipWidth, _styledComponents.textFieldTokens.chipHeight, _styledComponents.textFieldTokens.chipPaddingRight, _styledComponents.textFieldTokens.chipPaddingLeft, _styledComponents.textFieldTokens.chipClearContentMarginLeft, _styledComponents.textFieldTokens.chipClearContentMarginRight, _styledComponents.textFieldTokens.chipCloseIconSize, _styledComponents.textFieldTokens.chipFontFamily, _styledComponents.textFieldTokens.chipFontSize, _styledComponents.textFieldTokens.chipFontStyle, _styledComponents.textFieldTokens.chipFontWeight, _styledComponents.textFieldTokens.chipLetterSpacing, _styledComponents.textFieldTokens.chipLineHeight, _styledComponents.textFieldTokens.indicatorSizeInner, _styledComponents.textFieldTokens.indicatorSizeOuter, _styledComponents.textFieldTokens.indicatorLabelPlacementInner, _styledComponents.textFieldTokens.indicatorLabelPlacementOuter, _styledComponents.textFieldTokens.indicatorLabelPlacementInnerRight, _styledComponents.textFieldTokens.indicatorLabelPlacementOuterRight, _styledComponents.textFieldTokens.clearIndicatorLabelPlacementInner, _styledComponents.textFieldTokens.clearIndicatorLabelPlacementInnerRight),
+      s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 2.5rem;\n                ", ": 0.6875rem 0.875rem 0.6875rem 0.875rem;\n                ", ": 0.375rem;\n                ", ": 0.625rem;\n                ", ": 0.0625rem;\n\n                ", ": -0.1875rem 0.25rem -0.1875rem -0.125rem;\n                ", ": -0.1875rem -0.125rem -0.1875rem 0.75rem;\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.25rem;\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.25rem;\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.3125rem 0 0 0;\n                ", ": 1.0625rem 0 0.3125rem 0;\n                ", ": 0 0.25rem 0 0;\n                ", ": 0 0 0 0.25rem;\n\n                ", ": 0.25rem;\n                ", ": 0.25rem;\n                ", ": auto;\n                ", ": 1.75rem;\n                ", ": 0.5rem;\n                ", ": 0.75rem;\n                ", ": 0.375rem;\n                ", ": 0rem;\n                ", ": 1rem;\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.375rem;\n                ", ": 0.375rem;\n                ", ": 0 0 0 0;\n                ", ": 0.3125rem auto auto -0.6875rem;\n                ", ": 0 0 auto auto;\n                ", ": 0.25rem -0.625rem auto auto;\n                ", ": 1.063rem auto auto -0.75rem;\n                ", ": 1.063rem -0.75rem auto auto;\n            "])), _styledComponents.textFieldTokens.height, _styledComponents.textFieldTokens.padding, _styledComponents.textFieldTokens.paddingWithChips, _styledComponents.textFieldTokens.borderRadius, _styledComponents.textFieldTokens.borderWidth, _styledComponents.textFieldTokens.leftContentMargin, _styledComponents.textFieldTokens.rightContentMargin, _styledComponents.textFieldTokens.fontFamily, _styledComponents.textFieldTokens.fontSize, _styledComponents.textFieldTokens.fontStyle, _styledComponents.textFieldTokens.fontWeight, _styledComponents.textFieldTokens.letterSpacing, _styledComponents.textFieldTokens.lineHeight, _styledComponents.textFieldTokens.labelOffset, _styledComponents.textFieldTokens.clearLabelOffset, _styledComponents.textFieldTokens.labelFontFamily, _styledComponents.textFieldTokens.labelFontSize, _styledComponents.textFieldTokens.labelFontStyle, _styledComponents.textFieldTokens.labelFontWeight, _styledComponents.textFieldTokens.labelLetterSpacing, _styledComponents.textFieldTokens.labelLineHeight, _styledComponents.textFieldTokens.leftHelperOffset, _styledComponents.textFieldTokens.leftHelperFontFamily, _styledComponents.textFieldTokens.leftHelperFontSize, _styledComponents.textFieldTokens.leftHelperFontStyle, _styledComponents.textFieldTokens.leftHelperFontWeight, _styledComponents.textFieldTokens.leftHelperLetterSpacing, _styledComponents.textFieldTokens.leftHelperLineHeight, _styledComponents.textFieldTokens.labelInnerPadding, _styledComponents.textFieldTokens.contentLabelInnerPadding, _styledComponents.textFieldTokens.textBeforeMargin, _styledComponents.textFieldTokens.textAfterMargin, _styledComponents.textFieldTokens.chipGap, _styledComponents.textFieldTokens.chipBorderRadius, _styledComponents.textFieldTokens.chipWidth, _styledComponents.textFieldTokens.chipHeight, _styledComponents.textFieldTokens.chipPaddingRight, _styledComponents.textFieldTokens.chipPaddingLeft, _styledComponents.textFieldTokens.chipClearContentMarginLeft, _styledComponents.textFieldTokens.chipClearContentMarginRight, _styledComponents.textFieldTokens.chipCloseIconSize, _styledComponents.textFieldTokens.chipFontFamily, _styledComponents.textFieldTokens.chipFontSize, _styledComponents.textFieldTokens.chipFontStyle, _styledComponents.textFieldTokens.chipFontWeight, _styledComponents.textFieldTokens.chipLetterSpacing, _styledComponents.textFieldTokens.chipLineHeight, _styledComponents.textFieldTokens.indicatorSizeInner, _styledComponents.textFieldTokens.indicatorSizeOuter, _styledComponents.textFieldTokens.indicatorLabelPlacementInner, _styledComponents.textFieldTokens.indicatorLabelPlacementOuter, _styledComponents.textFieldTokens.indicatorLabelPlacementInnerRight, _styledComponents.textFieldTokens.indicatorLabelPlacementOuterRight, _styledComponents.textFieldTokens.clearIndicatorLabelPlacementInner, _styledComponents.textFieldTokens.clearIndicatorLabelPlacementInnerRight),
+      xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 2rem;\n                ", ": 0.5625rem 0.625rem 0.5625rem 0.625rem;\n                ", ": 0.375rem;\n                ", ": 0.5rem;\n                ", ": 0.0625rem;\n\n                ", ": -0.0625rem 0.25rem -0.0625rem -0.125rem;\n                ", ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\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.375rem;\n                ", ": 0.25rem;\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.25rem;\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.3125rem 0 0 0;\n                ", ": 1.0625rem 0 0.3125rem 0;\n                ", ": 0 0.25rem 0 0;\n                ", ": 0 0 0 0.25rem;\n\n                ", ": 0.25rem;\n                ", ": 0.125rem;\n                ", ": auto;\n                ", ": 1.25rem;\n                ", ": 0.375rem;\n                ", ": 0.625rem;\n                ", ": 0.25rem;\n                ", ": 0rem;\n                ", ": 0.75rem;\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.375rem;\n                ", ": 0.375rem;\n                ", ": 0 0 0 0;\n                ", ": 0.25rem auto auto -0.625rem;\n                ", ": 0 0 auto auto;\n                ", ": 0.125rem -0.6875rem auto auto;\n                ", ": 0.813rem auto auto -0.625rem;\n                ", ": 0.813rem -0.625rem auto auto;\n            "])), _styledComponents.textFieldTokens.height, _styledComponents.textFieldTokens.padding, _styledComponents.textFieldTokens.paddingWithChips, _styledComponents.textFieldTokens.borderRadius, _styledComponents.textFieldTokens.borderWidth, _styledComponents.textFieldTokens.leftContentMargin, _styledComponents.textFieldTokens.rightContentMargin, _styledComponents.textFieldTokens.fontFamily, _styledComponents.textFieldTokens.fontSize, _styledComponents.textFieldTokens.fontStyle, _styledComponents.textFieldTokens.fontWeight, _styledComponents.textFieldTokens.letterSpacing, _styledComponents.textFieldTokens.lineHeight, _styledComponents.textFieldTokens.labelOffset, _styledComponents.textFieldTokens.clearLabelOffset, _styledComponents.textFieldTokens.labelFontFamily, _styledComponents.textFieldTokens.labelFontSize, _styledComponents.textFieldTokens.labelFontStyle, _styledComponents.textFieldTokens.labelFontWeight, _styledComponents.textFieldTokens.labelLetterSpacing, _styledComponents.textFieldTokens.labelLineHeight, _styledComponents.textFieldTokens.leftHelperOffset, _styledComponents.textFieldTokens.leftHelperFontFamily, _styledComponents.textFieldTokens.leftHelperFontSize, _styledComponents.textFieldTokens.leftHelperFontStyle, _styledComponents.textFieldTokens.leftHelperFontWeight, _styledComponents.textFieldTokens.leftHelperLetterSpacing, _styledComponents.textFieldTokens.leftHelperLineHeight, _styledComponents.textFieldTokens.labelInnerPadding, _styledComponents.textFieldTokens.contentLabelInnerPadding, _styledComponents.textFieldTokens.textBeforeMargin, _styledComponents.textFieldTokens.textAfterMargin, _styledComponents.textFieldTokens.chipGap, _styledComponents.textFieldTokens.chipBorderRadius, _styledComponents.textFieldTokens.chipWidth, _styledComponents.textFieldTokens.chipHeight, _styledComponents.textFieldTokens.chipPaddingRight, _styledComponents.textFieldTokens.chipPaddingLeft, _styledComponents.textFieldTokens.chipClearContentMarginLeft, _styledComponents.textFieldTokens.chipClearContentMarginRight, _styledComponents.textFieldTokens.chipCloseIconSize, _styledComponents.textFieldTokens.chipFontFamily, _styledComponents.textFieldTokens.chipFontSize, _styledComponents.textFieldTokens.chipFontStyle, _styledComponents.textFieldTokens.chipFontWeight, _styledComponents.textFieldTokens.chipLetterSpacing, _styledComponents.textFieldTokens.chipLineHeight, _styledComponents.textFieldTokens.indicatorSizeInner, _styledComponents.textFieldTokens.indicatorSizeOuter, _styledComponents.textFieldTokens.indicatorLabelPlacementInner, _styledComponents.textFieldTokens.indicatorLabelPlacementOuter, _styledComponents.textFieldTokens.indicatorLabelPlacementInnerRight, _styledComponents.textFieldTokens.indicatorLabelPlacementOuterRight, _styledComponents.textFieldTokens.clearIndicatorLabelPlacementInner, _styledComponents.textFieldTokens.clearIndicatorLabelPlacementInnerRight)
     },
     labelPlacement: {
       inner: /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--plasma-input-label-color, var(--plasma-input-placeholder-color, var(--text-secondary)));\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            "])), _styledComponents.textFieldTokens.placeholderColor, _styledComponents.textFieldTokens.labelInnerFontFamily, _styledComponents.textFieldTokens.labelInnerFontSize, _styledComponents.textFieldTokens.labelInnerFontStyle, _styledComponents.textFieldTokens.labelInnerFontWeight, _styledComponents.textFieldTokens.labelInnerLetterSpacing, _styledComponents.textFieldTokens.labelInnerLineHeight),
       outer: /*#__PURE__*/(0, _styledComponents.css)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral([""])))
     },
+    clear: {
+      "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral([""])))
+    },
     disabled: {
-      "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.4;\n            "])), _styledComponents.textFieldTokens.disabledOpacity)
+      "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.4;\n            "])), _styledComponents.textFieldTokens.disabledOpacity)
     },
     readOnly: {
-      "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--surface-clear);\n                ", ": var(--surface-transparent-tertiary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n            "])), _styledComponents.textFieldTokens.colorReadOnly, _styledComponents.textFieldTokens.backgroundColorReadOnly, _styledComponents.textFieldTokens.borderColorReadOnly, _styledComponents.textFieldTokens.placeholderColorReadOnly, _styledComponents.textFieldTokens.leftHelperColorReadOnly, _styledComponents.textFieldTokens.labelColorReadOnly)
+      "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--surface-clear);\n                ", ": var(--surface-transparent-tertiary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--surface-transparent-primary);\n            "])), _styledComponents.textFieldTokens.colorReadOnly, _styledComponents.textFieldTokens.backgroundColorReadOnly, _styledComponents.textFieldTokens.borderColorReadOnly, _styledComponents.textFieldTokens.placeholderColorReadOnly, _styledComponents.textFieldTokens.leftHelperColorReadOnly, _styledComponents.textFieldTokens.labelColorReadOnly, _styledComponents.textFieldTokens.dividerColorReadOnly)
     }
   }
 };