@salutejs/sdds-cs 0.317.0-canary.1991.15256515100.0 → 0.317.0-canary.1993.15271190997.0

package/components/NumberInput/NumberInput.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const NumberInput: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
     view: {
         default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
@@ -19,55 +20,55 @@ export declare const NumberInput: import("react").FunctionComponent<import("@sal
         true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
 }> & (({
-    value?: number;
-    min?: number;
-    max?: number;
-    step?: number;
-    precision?: number;
-    isLoading?: boolean;
+    value?: number | undefined;
+    min?: number | undefined;
+    max?: number | undefined;
+    step?: number | undefined;
+    precision?: number | undefined;
+    isLoading?: boolean | undefined;
     loader?: import("react").ReactNode;
-    size?: string;
-    view?: string;
-    clear?: boolean;
-    shape?: string;
-    disabled?: boolean;
-    textBefore?: string;
-    textAfter?: string;
+    size?: string | undefined;
+    view?: string | undefined;
+    clear?: boolean | undefined;
+    shape?: string | undefined;
+    disabled?: boolean | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
     customIncrementButton?: import("react").ReactNode;
     incrementIcon?: import("react").ReactNode;
     customDecrementButton?: import("react").ReactNode;
     decrementIcon?: import("react").ReactNode;
-    isManualInput?: boolean;
-    onChange?: (event: import("react").SyntheticEvent<HTMLInputElement> | null, value: number | string) => void;
-    onIncrement?: (value: number) => void;
-    onDecrement?: (value: number) => void;
+    isManualInput?: boolean | undefined;
+    onChange?: ((event: import("react").SyntheticEvent<HTMLInputElement, Event> | null, value: string | number) => void) | undefined;
+    onIncrement?: ((value: number) => void) | undefined;
+    onDecrement?: ((value: number) => void) | undefined;
 } & {
-    segmentation?: "clear";
-    inputBackgroundType?: never;
+    segmentation?: "clear" | undefined;
+    inputBackgroundType?: undefined;
 } & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "size"> & import("react").RefAttributes<HTMLInputElement>) | ({
-    value?: number;
-    min?: number;
-    max?: number;
-    step?: number;
-    precision?: number;
-    isLoading?: boolean;
+    value?: number | undefined;
+    min?: number | undefined;
+    max?: number | undefined;
+    step?: number | undefined;
+    precision?: number | undefined;
+    isLoading?: boolean | undefined;
     loader?: import("react").ReactNode;
-    size?: string;
-    view?: string;
-    clear?: boolean;
-    shape?: string;
-    disabled?: boolean;
-    textBefore?: string;
-    textAfter?: string;
+    size?: string | undefined;
+    view?: string | undefined;
+    clear?: boolean | undefined;
+    shape?: string | undefined;
+    disabled?: boolean | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
     customIncrementButton?: import("react").ReactNode;
     incrementIcon?: import("react").ReactNode;
     customDecrementButton?: import("react").ReactNode;
     decrementIcon?: import("react").ReactNode;
-    isManualInput?: boolean;
-    onChange?: (event: import("react").SyntheticEvent<HTMLInputElement> | null, value: number | string) => void;
-    onIncrement?: (value: number) => void;
-    onDecrement?: (value: number) => void;
+    isManualInput?: boolean | undefined;
+    onChange?: ((event: import("react").SyntheticEvent<HTMLInputElement, Event> | null, value: string | number) => void) | undefined;
+    onIncrement?: ((value: number) => void) | undefined;
+    onDecrement?: ((value: number) => void) | undefined;
 } & {
-    segmentation?: string;
-    inputBackgroundType?: string;
+    segmentation?: string | undefined;
+    inputBackgroundType?: string | undefined;
 } & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "size"> & import("react").RefAttributes<HTMLInputElement>))>;

package/components/Pagination/Pagination.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 /**
  * Пагинация
  */

package/components/Popover/Popover.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const Popover: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
     view: {
         default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;

package/components/Price/Price.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 /**
  * Компонент для отображения цены / стоимости / суммы
  */

package/components/Progress/Progress.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const Progress: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
     view: {
         default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;

package/components/Radiobox/Radiobox.d.ts

@@ -13,7 +13,7 @@ declare const RadioboxComponent: import("react").FunctionComponent<import("@salu
         true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
 }> & import("@salutejs/plasma-new-hope/types/engines/types").Filter<import("@salutejs/plasma-new-hope/styled-components").InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<import("@salutejs/plasma-new-hope/styled-components").BaseboxProps, "indeterminate" | "appearance"> & import("react").RefAttributes<HTMLInputElement>>;
-export type RadioboxProps = ComponentProps<typeof RadioboxComponent>;
+export declare type RadioboxProps = ComponentProps<typeof RadioboxComponent>;
 /**
  * Переключатель, или *радиокнопка*.
  */

package/components/Range/Range.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 /**
  * Компонент Range.
  */
@@ -15,123 +16,123 @@ export declare const Range: import("react").FunctionComponent<import("@salutejs/
         true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
 }> & (({
-    label?: string;
-    leftHelper?: string;
+    label?: string | undefined;
+    leftHelper?: string | undefined;
     contentLeft?: import("react").ReactNode;
     contentRight?: import("react").ReactNode;
-    firstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").TextfieldPrimitiveValue;
-    secondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").TextfieldPrimitiveValue;
-    firstValueError?: boolean;
-    secondValueError?: boolean;
-    firstValueSuccess?: boolean;
-    secondValueSuccess?: boolean;
-    firstPlaceholder?: string;
-    secondPlaceholder?: string;
-    firstTextfieldContentLeft?: import("react").ReactElement;
-    firstTextfieldContentRight?: import("react").ReactElement;
-    secondTextfieldContentLeft?: import("react").ReactElement;
-    secondTextfieldContentRight?: import("react").ReactElement;
-    firstTextfieldTextAfter?: string;
-    secondTextfieldTextAfter?: string;
-    autoComplete?: string;
-    view?: string;
-    size?: string;
-    readOnly?: boolean;
-    disabled?: boolean;
-    requiredPlacement?: "left" | "right";
-    required?: boolean;
-    hasRequiredIndicator?: boolean;
-    onChangeFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").BaseCallbackChangeInstance;
-    onChangeSecondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").BaseCallbackChangeInstance;
-    onSearchFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").BaseCallbackKeyboardInstance;
-    onSearchSecondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").BaseCallbackKeyboardInstance;
-    onFocusFirstTextfield?: (event: import("react").FocusEvent<HTMLInputElement>) => void;
-    onFocusSecondTextfield?: (event: import("react").FocusEvent<HTMLInputElement>) => void;
-    onBlurFirstTextfield?: (event: import("react").FocusEvent<HTMLInputElement>) => void;
-    onBlurSecondTextfield?: (event: import("react").FocusEvent<HTMLInputElement>) => void;
+    firstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").TextfieldPrimitiveValue | undefined;
+    secondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").TextfieldPrimitiveValue | undefined;
+    firstValueError?: boolean | undefined;
+    secondValueError?: boolean | undefined;
+    firstValueSuccess?: boolean | undefined;
+    secondValueSuccess?: boolean | undefined;
+    firstPlaceholder?: string | undefined;
+    secondPlaceholder?: string | undefined;
+    firstTextfieldContentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    firstTextfieldContentRight?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    secondTextfieldContentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    secondTextfieldContentRight?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    firstTextfieldTextAfter?: string | undefined;
+    secondTextfieldTextAfter?: string | undefined;
+    autoComplete?: string | undefined;
+    view?: string | undefined;
+    size?: string | undefined;
+    readOnly?: boolean | undefined;
+    disabled?: boolean | undefined;
+    requiredPlacement?: "left" | "right" | undefined;
+    required?: boolean | undefined;
+    hasRequiredIndicator?: boolean | undefined;
+    onChangeFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").BaseCallbackChangeInstance | undefined;
+    onChangeSecondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").BaseCallbackChangeInstance | undefined;
+    onSearchFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").BaseCallbackKeyboardInstance | undefined;
+    onSearchSecondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").BaseCallbackKeyboardInstance | undefined;
+    onFocusFirstTextfield?: ((event: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
+    onFocusSecondTextfield?: ((event: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
+    onBlurFirstTextfield?: ((event: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
+    onBlurSecondTextfield?: ((event: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
 } & {
     firstTextfieldTextBefore: string;
     secondTextfieldTextBefore: string;
-    dividerVariant?: "none";
-    dividerIcon?: never;
+    dividerVariant?: "none" | undefined;
+    dividerIcon?: undefined;
 } & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<import("@salutejs/plasma-new-hope/styled-components").RangeInputRefs>) | ({
-    label?: string;
-    leftHelper?: string;
+    label?: string | undefined;
+    leftHelper?: string | undefined;
     contentLeft?: import("react").ReactNode;
     contentRight?: import("react").ReactNode;
-    firstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").TextfieldPrimitiveValue;
-    secondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").TextfieldPrimitiveValue;
-    firstValueError?: boolean;
-    secondValueError?: boolean;
-    firstValueSuccess?: boolean;
-    secondValueSuccess?: boolean;
-    firstPlaceholder?: string;
-    secondPlaceholder?: string;
-    firstTextfieldContentLeft?: import("react").ReactElement;
-    firstTextfieldContentRight?: import("react").ReactElement;
-    secondTextfieldContentLeft?: import("react").ReactElement;
-    secondTextfieldContentRight?: import("react").ReactElement;
-    firstTextfieldTextAfter?: string;
-    secondTextfieldTextAfter?: string;
-    autoComplete?: string;
-    view?: string;
-    size?: string;
-    readOnly?: boolean;
-    disabled?: boolean;
-    requiredPlacement?: "left" | "right";
-    required?: boolean;
-    hasRequiredIndicator?: boolean;
-    onChangeFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").BaseCallbackChangeInstance;
-    onChangeSecondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").BaseCallbackChangeInstance;
-    onSearchFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").BaseCallbackKeyboardInstance;
-    onSearchSecondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").BaseCallbackKeyboardInstance;
-    onFocusFirstTextfield?: (event: import("react").FocusEvent<HTMLInputElement>) => void;
-    onFocusSecondTextfield?: (event: import("react").FocusEvent<HTMLInputElement>) => void;
-    onBlurFirstTextfield?: (event: import("react").FocusEvent<HTMLInputElement>) => void;
-    onBlurSecondTextfield?: (event: import("react").FocusEvent<HTMLInputElement>) => void;
+    firstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").TextfieldPrimitiveValue | undefined;
+    secondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").TextfieldPrimitiveValue | undefined;
+    firstValueError?: boolean | undefined;
+    secondValueError?: boolean | undefined;
+    firstValueSuccess?: boolean | undefined;
+    secondValueSuccess?: boolean | undefined;
+    firstPlaceholder?: string | undefined;
+    secondPlaceholder?: string | undefined;
+    firstTextfieldContentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    firstTextfieldContentRight?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    secondTextfieldContentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    secondTextfieldContentRight?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    firstTextfieldTextAfter?: string | undefined;
+    secondTextfieldTextAfter?: string | undefined;
+    autoComplete?: string | undefined;
+    view?: string | undefined;
+    size?: string | undefined;
+    readOnly?: boolean | undefined;
+    disabled?: boolean | undefined;
+    requiredPlacement?: "left" | "right" | undefined;
+    required?: boolean | undefined;
+    hasRequiredIndicator?: boolean | undefined;
+    onChangeFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").BaseCallbackChangeInstance | undefined;
+    onChangeSecondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").BaseCallbackChangeInstance | undefined;
+    onSearchFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").BaseCallbackKeyboardInstance | undefined;
+    onSearchSecondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").BaseCallbackKeyboardInstance | undefined;
+    onFocusFirstTextfield?: ((event: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
+    onFocusSecondTextfield?: ((event: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
+    onBlurFirstTextfield?: ((event: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
+    onBlurSecondTextfield?: ((event: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
 } & {
-    dividerVariant?: "dash";
-    dividerIcon?: never;
-    firstTextfieldTextBefore?: string;
-    secondTextfieldTextBefore?: string;
+    dividerVariant?: "dash" | undefined;
+    dividerIcon?: undefined;
+    firstTextfieldTextBefore?: string | undefined;
+    secondTextfieldTextBefore?: string | undefined;
 } & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<import("@salutejs/plasma-new-hope/styled-components").RangeInputRefs>) | ({
-    label?: string;
-    leftHelper?: string;
+    label?: string | undefined;
+    leftHelper?: string | undefined;
     contentLeft?: import("react").ReactNode;
     contentRight?: import("react").ReactNode;
-    firstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").TextfieldPrimitiveValue;
-    secondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").TextfieldPrimitiveValue;
-    firstValueError?: boolean;
-    secondValueError?: boolean;
-    firstValueSuccess?: boolean;
-    secondValueSuccess?: boolean;
-    firstPlaceholder?: string;
-    secondPlaceholder?: string;
-    firstTextfieldContentLeft?: import("react").ReactElement;
-    firstTextfieldContentRight?: import("react").ReactElement;
-    secondTextfieldContentLeft?: import("react").ReactElement;
-    secondTextfieldContentRight?: import("react").ReactElement;
-    firstTextfieldTextAfter?: string;
-    secondTextfieldTextAfter?: string;
-    autoComplete?: string;
-    view?: string;
-    size?: string;
-    readOnly?: boolean;
-    disabled?: boolean;
-    requiredPlacement?: "left" | "right";
-    required?: boolean;
-    hasRequiredIndicator?: boolean;
-    onChangeFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").BaseCallbackChangeInstance;
-    onChangeSecondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").BaseCallbackChangeInstance;
-    onSearchFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").BaseCallbackKeyboardInstance;
-    onSearchSecondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").BaseCallbackKeyboardInstance;
-    onFocusFirstTextfield?: (event: import("react").FocusEvent<HTMLInputElement>) => void;
-    onFocusSecondTextfield?: (event: import("react").FocusEvent<HTMLInputElement>) => void;
-    onBlurFirstTextfield?: (event: import("react").FocusEvent<HTMLInputElement>) => void;
-    onBlurSecondTextfield?: (event: import("react").FocusEvent<HTMLInputElement>) => void;
+    firstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").TextfieldPrimitiveValue | undefined;
+    secondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").TextfieldPrimitiveValue | undefined;
+    firstValueError?: boolean | undefined;
+    secondValueError?: boolean | undefined;
+    firstValueSuccess?: boolean | undefined;
+    secondValueSuccess?: boolean | undefined;
+    firstPlaceholder?: string | undefined;
+    secondPlaceholder?: string | undefined;
+    firstTextfieldContentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    firstTextfieldContentRight?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    secondTextfieldContentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    secondTextfieldContentRight?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    firstTextfieldTextAfter?: string | undefined;
+    secondTextfieldTextAfter?: string | undefined;
+    autoComplete?: string | undefined;
+    view?: string | undefined;
+    size?: string | undefined;
+    readOnly?: boolean | undefined;
+    disabled?: boolean | undefined;
+    requiredPlacement?: "left" | "right" | undefined;
+    required?: boolean | undefined;
+    hasRequiredIndicator?: boolean | undefined;
+    onChangeFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").BaseCallbackChangeInstance | undefined;
+    onChangeSecondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").BaseCallbackChangeInstance | undefined;
+    onSearchFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").BaseCallbackKeyboardInstance | undefined;
+    onSearchSecondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").BaseCallbackKeyboardInstance | undefined;
+    onFocusFirstTextfield?: ((event: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
+    onFocusSecondTextfield?: ((event: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
+    onBlurFirstTextfield?: ((event: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
+    onBlurSecondTextfield?: ((event: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
 } & {
     dividerIcon?: import("react").ReactNode;
-    dividerVariant?: "icon";
-    firstTextfieldTextBefore?: string;
-    secondTextfieldTextBefore?: string;
+    dividerVariant?: "icon" | undefined;
+    firstTextfieldTextBefore?: string | undefined;
+    secondTextfieldTextBefore?: string | undefined;
 } & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<import("@salutejs/plasma-new-hope/styled-components").RangeInputRefs>))>;

package/components/Rating/Rating.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const Rating: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
     view: {
         default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
@@ -8,17 +9,17 @@ export declare const Rating: import("react").FunctionComponent<import("@salutejs
         h4: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
 }> & {
-    value?: number | null;
-    hasValue?: boolean;
-    precision?: number;
-    valuePlacement?: "before" | "after";
-    iconSlot?: React.ReactNode;
-    iconSlotOutline?: React.ReactNode;
-    iconSlotHalf?: React.ReactNode;
-    hasIcons?: boolean;
-    iconQuantity?: 1 | 5 | 10;
-    helperText?: string;
-    helperTextStretching?: "fixed" | "filled";
-    size?: string;
-    view?: string;
+    value?: number | null | undefined;
+    hasValue?: boolean | undefined;
+    precision?: number | undefined;
+    valuePlacement?: "after" | "before" | undefined;
+    iconSlot?: import("react").ReactNode;
+    iconSlotOutline?: import("react").ReactNode;
+    iconSlotHalf?: import("react").ReactNode;
+    hasIcons?: boolean | undefined;
+    iconQuantity?: 1 | 5 | 10 | undefined;
+    helperText?: string | undefined;
+    helperTextStretching?: "fixed" | "filled" | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
 } & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLInputElement>>;

package/components/Segment/Segment.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 /**
  * Провайдер контекста для группы сегментов и хук для доступа к контексту.
  */
@@ -48,12 +49,12 @@ export declare const SegmentItem: import("react").FunctionComponent<import("@sal
     };
 }> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
     value: string;
-    id?: string;
-    label?: React.ReactNode;
-    pilled?: boolean;
-    customHandleSelect?: (e: import("react").MouseEvent<HTMLButtonElement>) => void;
-    size?: string;
-    view?: string;
-    contentLeft?: React.ReactNode;
-    contentRight?: React.ReactNode | string;
+    id?: string | undefined;
+    label?: import("react").ReactNode;
+    pilled?: boolean | undefined;
+    customHandleSelect?: ((e: import("react").MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    contentLeft?: import("react").ReactNode;
+    contentRight?: import("react").ReactNode;
 } & import("react").RefAttributes<HTMLLabelElement>>;

package/components/Select/Select.config.js

@@ -17,11 +17,11 @@ var config = exports.config = {
   },
   variations: {
     view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--surface-solid-card);\n                ", ": var(--surface-solid-card);\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--outline-solid-primary);\n                ", ": var(--outline-solid-primary-hover);\n                ", ": var(--outline-accent);\n\n                ", ": var(--surface-negative);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--text-accent);\n                ", ": #1A9E32;\n                ", ": var(--text-accent-active);\n                ", ": var(--text-primary);\n                ", ": var(--text-primary-hover);\n                ", ": var(--text-primary-hover);\n                ", ": var(--surface-solid-primary);\n                ", ": var(--surface-solid-primary-hover);\n                ", ": var(--surface-solid-primary-active);\n\n                ", ": var(--text-accent);\n                ", ": #1A9E32;\n                ", ": var(--surface-transparent-accent);\n\n                ", ": var(--outline-solid-primary);\n                ", ": var(--text-accent);\n            "])), _styledComponents.selectTokens.textFieldColor, _styledComponents.selectTokens.textFieldPlaceholderColor, _styledComponents.selectTokens.textFieldBackgroundColor, _styledComponents.selectTokens.textFieldBackgroundColorFocus, _styledComponents.selectTokens.textFieldLabelColor, _styledComponents.selectTokens.textFieldLeftHelperColor, _styledComponents.selectTokens.textFieldContentSlotColor, _styledComponents.selectTokens.textFieldBorderColor, _styledComponents.selectTokens.textFieldBorderColorHover, _styledComponents.selectTokens.textFieldBorderColorFocus, _plasmaNewHope.selectTokens.textFieldIndicatorColor, _plasmaNewHope.selectTokens.textFieldOptionalColor, _styledComponents.selectTokens.buttonColor, _styledComponents.selectTokens.buttonColorHover, _styledComponents.selectTokens.buttonColorActive, _styledComponents.selectTokens.buttonArrowColor, _styledComponents.selectTokens.buttonArrowColorHover, _styledComponents.selectTokens.buttonArrowColorActive, _styledComponents.selectTokens.buttonBackgroundColor, _styledComponents.selectTokens.buttonBackgroundColorHover, _styledComponents.selectTokens.buttonBackgroundColorActive, _styledComponents.selectTokens.disclosureIconColor, _styledComponents.selectTokens.disclosureIconColorHover, _styledComponents.selectTokens.itemBackgroundHover, _styledComponents.selectTokens.dropdownBorderColor, _styledComponents.selectTokens.checkboxIconColor),
-      negative: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--surface-solid-card);\n                ", ": var(--surface-solid-card);\n                ", ": var(--text-primary);\n                ", ": var(--text-negative);\n                ", ": var(--text-secondary);\n                ", ": var(--outline-negative);\n                ", ": var(--outline-negative-hover);\n                ", ": var(--outline-accent);\n\n                ", ": var(--surface-negative);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--text-accent);\n                ", ": #1A9E32;\n                ", ": var(--text-accent-active);\n                ", ": var(--text-primary);\n                ", ": var(--text-primary-hover);\n                ", ": var(--text-primary-hover);\n                ", ": var(--surface-solid-primary);\n                ", ": var(--surface-solid-primary-hover);\n                ", ": var(--surface-solid-primary-active);\n\n                ", ": var(--text-accent);\n                ", ": #1A9E32;\n                ", ": var(--surface-transparent-accent);\n\n                ", ": var(--outline-solid-primary);\n                ", ": var(--text-accent);\n            "])), _styledComponents.selectTokens.textFieldColor, _styledComponents.selectTokens.textFieldPlaceholderColor, _styledComponents.selectTokens.textFieldBackgroundColor, _styledComponents.selectTokens.textFieldBackgroundColorFocus, _styledComponents.selectTokens.textFieldLabelColor, _styledComponents.selectTokens.textFieldLeftHelperColor, _styledComponents.selectTokens.textFieldContentSlotColor, _styledComponents.selectTokens.textFieldBorderColor, _styledComponents.selectTokens.textFieldBorderColorHover, _styledComponents.selectTokens.textFieldBorderColorFocus, _plasmaNewHope.selectTokens.textFieldIndicatorColor, _plasmaNewHope.selectTokens.textFieldOptionalColor, _styledComponents.selectTokens.buttonColor, _styledComponents.selectTokens.buttonColorHover, _styledComponents.selectTokens.buttonColorActive, _styledComponents.selectTokens.buttonArrowColor, _styledComponents.selectTokens.buttonArrowColorHover, _styledComponents.selectTokens.buttonArrowColorActive, _styledComponents.selectTokens.buttonBackgroundColor, _styledComponents.selectTokens.buttonBackgroundColorHover, _styledComponents.selectTokens.buttonBackgroundColorActive, _styledComponents.selectTokens.disclosureIconColor, _styledComponents.selectTokens.disclosureIconColorHover, _styledComponents.selectTokens.itemBackgroundHover, _styledComponents.selectTokens.dropdownBorderColor, _styledComponents.selectTokens.checkboxIconColor)
+      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--surface-solid-card);\n                ", ": var(--surface-solid-card);\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--outline-solid-primary);\n                ", ": var(--outline-solid-primary-hover);\n                ", ": var(--outline-accent);\n\n                ", ": var(--surface-negative);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--text-accent);\n                ", ": #1A9E32;\n                ", ": var(--text-accent-active);\n                ", ": var(--text-primary);\n                ", ": var(--text-primary-hover);\n                ", ": var(--text-primary-hover);\n                ", ": var(--surface-solid-primary);\n                ", ": var(--surface-solid-primary-hover);\n                ", ": var(--surface-solid-primary-active);\n\n                ", ": var(--text-accent);\n                ", ": #1A9E32;\n                ", ": var(--surface-transparent-accent);\n                ", ": 1;\n                ", ": var(--text-secondary);\n\n                ", ": var(--outline-solid-primary);\n                ", ": var(--text-primary);\n            "])), _styledComponents.selectTokens.textFieldColor, _styledComponents.selectTokens.textFieldPlaceholderColor, _styledComponents.selectTokens.textFieldBackgroundColor, _styledComponents.selectTokens.textFieldBackgroundColorFocus, _styledComponents.selectTokens.textFieldLabelColor, _styledComponents.selectTokens.textFieldLeftHelperColor, _styledComponents.selectTokens.textFieldContentSlotColor, _styledComponents.selectTokens.textFieldBorderColor, _styledComponents.selectTokens.textFieldBorderColorHover, _styledComponents.selectTokens.textFieldBorderColorFocus, _plasmaNewHope.selectTokens.textFieldIndicatorColor, _plasmaNewHope.selectTokens.textFieldOptionalColor, _styledComponents.selectTokens.buttonColor, _styledComponents.selectTokens.buttonColorHover, _styledComponents.selectTokens.buttonColorActive, _styledComponents.selectTokens.buttonArrowColor, _styledComponents.selectTokens.buttonArrowColorHover, _styledComponents.selectTokens.buttonArrowColorActive, _styledComponents.selectTokens.buttonBackgroundColor, _styledComponents.selectTokens.buttonBackgroundColorHover, _styledComponents.selectTokens.buttonBackgroundColorActive, _styledComponents.selectTokens.disclosureIconColor, _styledComponents.selectTokens.disclosureIconColorHover, _styledComponents.selectTokens.itemBackgroundHover, _styledComponents.selectTokens.itemDisabledOpacity, _styledComponents.selectTokens.itemDisabledColor, _styledComponents.selectTokens.dropdownBorderColor, _styledComponents.selectTokens.checkboxIconColor),
+      negative: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--surface-solid-card);\n                ", ": var(--surface-solid-card);\n                ", ": var(--text-primary);\n                ", ": var(--text-negative);\n                ", ": var(--text-secondary);\n                ", ": var(--outline-negative);\n                ", ": var(--outline-negative-hover);\n                ", ": var(--outline-accent);\n\n                ", ": var(--surface-negative);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--text-accent);\n                ", ": #1A9E32;\n                ", ": var(--text-accent-active);\n                ", ": var(--text-primary);\n                ", ": var(--text-primary-hover);\n                ", ": var(--text-primary-hover);\n                ", ": var(--surface-solid-primary);\n                ", ": var(--surface-solid-primary-hover);\n                ", ": var(--surface-solid-primary-active);\n\n                ", ": var(--text-accent);\n                ", ": #1A9E32;\n                ", ": var(--surface-transparent-accent);\n                ", ": 1;\n                ", ": var(--text-secondary);\n\n                ", ": var(--outline-solid-primary);\n                ", ": var(--text-accent);\n            "])), _styledComponents.selectTokens.textFieldColor, _styledComponents.selectTokens.textFieldPlaceholderColor, _styledComponents.selectTokens.textFieldBackgroundColor, _styledComponents.selectTokens.textFieldBackgroundColorFocus, _styledComponents.selectTokens.textFieldLabelColor, _styledComponents.selectTokens.textFieldLeftHelperColor, _styledComponents.selectTokens.textFieldContentSlotColor, _styledComponents.selectTokens.textFieldBorderColor, _styledComponents.selectTokens.textFieldBorderColorHover, _styledComponents.selectTokens.textFieldBorderColorFocus, _plasmaNewHope.selectTokens.textFieldIndicatorColor, _plasmaNewHope.selectTokens.textFieldOptionalColor, _styledComponents.selectTokens.buttonColor, _styledComponents.selectTokens.buttonColorHover, _styledComponents.selectTokens.buttonColorActive, _styledComponents.selectTokens.buttonArrowColor, _styledComponents.selectTokens.buttonArrowColorHover, _styledComponents.selectTokens.buttonArrowColorActive, _styledComponents.selectTokens.buttonBackgroundColor, _styledComponents.selectTokens.buttonBackgroundColorHover, _styledComponents.selectTokens.buttonBackgroundColorActive, _styledComponents.selectTokens.disclosureIconColor, _styledComponents.selectTokens.disclosureIconColorHover, _styledComponents.selectTokens.itemBackgroundHover, _styledComponents.selectTokens.itemDisabledOpacity, _styledComponents.selectTokens.itemDisabledColor, _styledComponents.selectTokens.dropdownBorderColor, _styledComponents.selectTokens.checkboxIconColor)
     },
     size: {
-      s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 2.5rem;\n                ", ": 0.6875rem 0.875rem 0.6875rem 0.875rem;\n                ", ": 0.375rem;\n                ", ": 0.75rem;\n                ", ": 0.125rem;\n\n                ", ": -0.1875rem 0.25rem -0.1875rem -0.125rem;\n                ", ": -0.1875rem -0.125rem -0.1875rem 0.75rem;\n\n                ", ": 0 0.25rem 0 0;\n                ", ": 0 0 0 0.25rem;\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.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-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.3125rem 0 0 0;\n                ", ": 1.0625rem 0 0.3125rem 0;\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                ", ": 1.063rem -2.125rem auto auto;\n\n                ", ": 0.25rem;\n                ", ": 0.25rem;\n                ", ": auto;\n                ", ": 1.75rem;\n                ", ": 0 0.5rem 0 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 -0.125rem 0 0.25rem;\n                ", ": 2.5rem;\n                ", ": 1rem 0 1rem;\n\n                ", ": 0.125rem;\n                ", ": 0.75rem;\n\n                ", ": 0.125rem;\n\n                ", ": 1.5rem;\n                ", ": 0.5rem 0.75rem;\n                ", ": 0.25rem 0.75rem;\n                ", ": 0.5rem;\n                ", ": 1.5rem;\n                ", ": 1rem;\n                ", ": 0 0.375rem 0 0;\n\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0.125rem;\n                ", ": 0.375rem;\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": 1.25rem;\n                ", ": 0.875rem;\n                ", ": 0.375rem;\n                ", ": 0.25rem;\n                ", ": var(--text-accent);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--outline-accent);\n                ", ": transparent;\n                ", ": 0.125rem;\n\n                ", ": 0.375rem;\n            "])), _plasmaNewHope.selectTokens.textFieldHeight, _plasmaNewHope.selectTokens.textFieldPadding, _plasmaNewHope.selectTokens.textFieldPaddingWithChips, _plasmaNewHope.selectTokens.textFieldBorderRadius, _plasmaNewHope.selectTokens.textFieldBorderWidth, _plasmaNewHope.selectTokens.textFieldLeftContentMargin, _plasmaNewHope.selectTokens.textFieldRightContentMargin, _plasmaNewHope.selectTokens.textFieldTextBeforeMargin, _plasmaNewHope.selectTokens.textFieldTextAfterMargin, _plasmaNewHope.selectTokens.textFieldFontFamily, _plasmaNewHope.selectTokens.textFieldFontSize, _plasmaNewHope.selectTokens.textFieldFontStyle, _plasmaNewHope.selectTokens.textFieldFontWeight, _plasmaNewHope.selectTokens.textFieldLetterSpacing, _plasmaNewHope.selectTokens.textFieldLineHeight, _plasmaNewHope.selectTokens.textFieldLabelOffset, _plasmaNewHope.selectTokens.textFieldLabelFontFamily, _plasmaNewHope.selectTokens.textFieldLabelFontSize, _plasmaNewHope.selectTokens.textFieldLabelFontStyle, _plasmaNewHope.selectTokens.textFieldLabelFontWeight, _plasmaNewHope.selectTokens.textFieldLabelLetterSpacing, _plasmaNewHope.selectTokens.textFieldLabelLineHeight, _plasmaNewHope.selectTokens.textFieldLeftHelperOffset, _plasmaNewHope.selectTokens.textFieldLeftHelperFontFamily, _plasmaNewHope.selectTokens.textFieldLeftHelperFontSize, _plasmaNewHope.selectTokens.textFieldLeftHelperFontStyle, _plasmaNewHope.selectTokens.textFieldLeftHelperFontWeight, _plasmaNewHope.selectTokens.textFieldLeftHelperLetterSpacing, _plasmaNewHope.selectTokens.textFieldLeftHelperLineHeight, _plasmaNewHope.selectTokens.textFieldLabelInnerPadding, _plasmaNewHope.selectTokens.textFieldContentLabelInnerPadding, _plasmaNewHope.selectTokens.textFieldIndicatorSizeInner, _plasmaNewHope.selectTokens.textFieldIndicatorSizeOuter, _plasmaNewHope.selectTokens.textFieldIndicatorLabelPlacementInner, _plasmaNewHope.selectTokens.textFieldIndicatorLabelPlacementOuter, _plasmaNewHope.selectTokens.textFieldIndicatorLabelPlacementInnerRight, _plasmaNewHope.selectTokens.textFieldIndicatorLabelPlacementOuterRight, _plasmaNewHope.selectTokens.textFieldClearIndicatorLabelPlacementInner, _plasmaNewHope.selectTokens.textFieldClearIndicatorLabelPlacementInnerRight, _plasmaNewHope.selectTokens.textFieldClearIndicatorHintInnerRight, _plasmaNewHope.selectTokens.textFieldChipGap, _plasmaNewHope.selectTokens.textFieldChipBorderRadius, _plasmaNewHope.selectTokens.textFieldChipWidth, _plasmaNewHope.selectTokens.textFieldChipHeight, _plasmaNewHope.selectTokens.textFieldChipPadding, _plasmaNewHope.selectTokens.textFieldChipClearContentMarginLeft, _plasmaNewHope.selectTokens.textFieldChipClearContentMarginRight, _plasmaNewHope.selectTokens.textFieldChipCloseIconSize, _plasmaNewHope.selectTokens.textFieldChipFontFamily, _plasmaNewHope.selectTokens.textFieldChipFontSize, _plasmaNewHope.selectTokens.textFieldChipFontStyle, _plasmaNewHope.selectTokens.textFieldChipFontWeight, _plasmaNewHope.selectTokens.textFieldChipLetterSpacing, _plasmaNewHope.selectTokens.textFieldChipLineHeight, _plasmaNewHope.selectTokens.buttonArrowMargin, _plasmaNewHope.selectTokens.targetHeight, _plasmaNewHope.selectTokens.buttonPadding, _plasmaNewHope.selectTokens.padding, _plasmaNewHope.selectTokens.borderRadius, _plasmaNewHope.selectTokens.dropdownBorderWidth, _plasmaNewHope.selectTokens.itemHeight, _plasmaNewHope.selectTokens.itemPadding, _plasmaNewHope.selectTokens.itemPaddingTight, _plasmaNewHope.selectTokens.itemBorderRadius, _plasmaNewHope.selectTokens.itemIconSize, _plasmaNewHope.selectTokens.itemIconSizeTight, _plasmaNewHope.selectTokens.itemIconMargin, _plasmaNewHope.selectTokens.cellPadding, _plasmaNewHope.selectTokens.cellPaddingLeftContent, _plasmaNewHope.selectTokens.cellPaddingContent, _plasmaNewHope.selectTokens.cellPaddingRightContent, _plasmaNewHope.selectTokens.cellTextboxGap, _plasmaNewHope.selectTokens.cellGap, _plasmaNewHope.selectTokens.cellTitleFontFamily, _plasmaNewHope.selectTokens.cellTitleFontSize, _plasmaNewHope.selectTokens.cellTitleFontStyle, _plasmaNewHope.selectTokens.cellTitleFontWeight, _plasmaNewHope.selectTokens.cellTitleLetterSpacing, _plasmaNewHope.selectTokens.cellTitleLineHeight, _plasmaNewHope.selectTokens.fontFamily, _plasmaNewHope.selectTokens.fontSize, _plasmaNewHope.selectTokens.fontStyle, _plasmaNewHope.selectTokens.fontWeight, _plasmaNewHope.selectTokens.fontLetterSpacing, _plasmaNewHope.selectTokens.fontLineHeight, _plasmaNewHope.selectTokens.checkboxTriggerSize, _plasmaNewHope.selectTokens.checkboxTriggerSizeTight, _plasmaNewHope.selectTokens.checkboxTriggerBorderRadius, _plasmaNewHope.selectTokens.checkboxTriggerBorderRadiusTight, _plasmaNewHope.selectTokens.checkboxFillColor, _plasmaNewHope.selectTokens.checkboxIconColor, _plasmaNewHope.selectTokens.checkboxTriggerBorderColor, _plasmaNewHope.selectTokens.checkboxTriggerBorderCheckedColor, _plasmaNewHope.selectTokens.checkboxTriggerBorderWidth, _plasmaNewHope.selectTokens.indicatorSize)
+      s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 2.5rem;\n                ", ": 0.6875rem 0.875rem 0.6875rem 0.875rem;\n                ", ": 0.375rem;\n                ", ": 0.75rem;\n                ", ": 0.125rem;\n\n                ", ": -0.1875rem 0.25rem -0.1875rem -0.125rem;\n                ", ": -0.1875rem -0.125rem -0.1875rem 0.75rem;\n\n                ", ": 0 0.25rem 0 0;\n                ", ": 0 0 0 0.25rem;\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.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-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.3125rem 0 0 0;\n                ", ": 1.0625rem 0 0.3125rem 0;\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                ", ": 1.063rem -2.125rem auto auto;\n\n                ", ": 0.25rem;\n                ", ": 0.25rem;\n                ", ": auto;\n                ", ": 1.75rem;\n                ", ": 0 0.5rem 0 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 -0.125rem 0 0.25rem;\n                ", ": 2.5rem;\n                ", ": 1rem 0 1rem;\n\n                ", ": 0.125rem;\n                ", ": 0.75rem;\n\n                ", ": 0.125rem;\n\n                ", ": 1.5rem;\n                ", ": 0.5rem 0.5rem;\n                ", ": 0.25rem 0.5rem;\n                ", ": 0.5rem;\n                ", ": 1.5rem;\n                ", ": 1rem;\n                ", ": 0 0.5rem 0 0;\n\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0.125rem;\n                ", ": 0.375rem;\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": 1.25rem;\n                ", ": 0.875rem;\n                ", ": 0.375rem;\n                ", ": 0.25rem;\n                ", ": var(--text-primary);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--outline-accent);\n                ", ": transparent;\n                ", ": 0.125rem;\n\n                ", ": 0.375rem;\n            "])), _plasmaNewHope.selectTokens.textFieldHeight, _plasmaNewHope.selectTokens.textFieldPadding, _plasmaNewHope.selectTokens.textFieldPaddingWithChips, _plasmaNewHope.selectTokens.textFieldBorderRadius, _plasmaNewHope.selectTokens.textFieldBorderWidth, _plasmaNewHope.selectTokens.textFieldLeftContentMargin, _plasmaNewHope.selectTokens.textFieldRightContentMargin, _plasmaNewHope.selectTokens.textFieldTextBeforeMargin, _plasmaNewHope.selectTokens.textFieldTextAfterMargin, _plasmaNewHope.selectTokens.textFieldFontFamily, _plasmaNewHope.selectTokens.textFieldFontSize, _plasmaNewHope.selectTokens.textFieldFontStyle, _plasmaNewHope.selectTokens.textFieldFontWeight, _plasmaNewHope.selectTokens.textFieldLetterSpacing, _plasmaNewHope.selectTokens.textFieldLineHeight, _plasmaNewHope.selectTokens.textFieldLabelOffset, _plasmaNewHope.selectTokens.textFieldLabelFontFamily, _plasmaNewHope.selectTokens.textFieldLabelFontSize, _plasmaNewHope.selectTokens.textFieldLabelFontStyle, _plasmaNewHope.selectTokens.textFieldLabelFontWeight, _plasmaNewHope.selectTokens.textFieldLabelLetterSpacing, _plasmaNewHope.selectTokens.textFieldLabelLineHeight, _plasmaNewHope.selectTokens.textFieldLeftHelperOffset, _plasmaNewHope.selectTokens.textFieldLeftHelperFontFamily, _plasmaNewHope.selectTokens.textFieldLeftHelperFontSize, _plasmaNewHope.selectTokens.textFieldLeftHelperFontStyle, _plasmaNewHope.selectTokens.textFieldLeftHelperFontWeight, _plasmaNewHope.selectTokens.textFieldLeftHelperLetterSpacing, _plasmaNewHope.selectTokens.textFieldLeftHelperLineHeight, _plasmaNewHope.selectTokens.textFieldLabelInnerPadding, _plasmaNewHope.selectTokens.textFieldContentLabelInnerPadding, _plasmaNewHope.selectTokens.textFieldIndicatorSizeInner, _plasmaNewHope.selectTokens.textFieldIndicatorSizeOuter, _plasmaNewHope.selectTokens.textFieldIndicatorLabelPlacementInner, _plasmaNewHope.selectTokens.textFieldIndicatorLabelPlacementOuter, _plasmaNewHope.selectTokens.textFieldIndicatorLabelPlacementInnerRight, _plasmaNewHope.selectTokens.textFieldIndicatorLabelPlacementOuterRight, _plasmaNewHope.selectTokens.textFieldClearIndicatorLabelPlacementInner, _plasmaNewHope.selectTokens.textFieldClearIndicatorLabelPlacementInnerRight, _plasmaNewHope.selectTokens.textFieldClearIndicatorHintInnerRight, _plasmaNewHope.selectTokens.textFieldChipGap, _plasmaNewHope.selectTokens.textFieldChipBorderRadius, _plasmaNewHope.selectTokens.textFieldChipWidth, _plasmaNewHope.selectTokens.textFieldChipHeight, _plasmaNewHope.selectTokens.textFieldChipPadding, _plasmaNewHope.selectTokens.textFieldChipClearContentMarginLeft, _plasmaNewHope.selectTokens.textFieldChipClearContentMarginRight, _plasmaNewHope.selectTokens.textFieldChipCloseIconSize, _plasmaNewHope.selectTokens.textFieldChipFontFamily, _plasmaNewHope.selectTokens.textFieldChipFontSize, _plasmaNewHope.selectTokens.textFieldChipFontStyle, _plasmaNewHope.selectTokens.textFieldChipFontWeight, _plasmaNewHope.selectTokens.textFieldChipLetterSpacing, _plasmaNewHope.selectTokens.textFieldChipLineHeight, _plasmaNewHope.selectTokens.buttonArrowMargin, _plasmaNewHope.selectTokens.targetHeight, _plasmaNewHope.selectTokens.buttonPadding, _plasmaNewHope.selectTokens.padding, _plasmaNewHope.selectTokens.borderRadius, _plasmaNewHope.selectTokens.dropdownBorderWidth, _plasmaNewHope.selectTokens.itemHeight, _plasmaNewHope.selectTokens.itemPadding, _plasmaNewHope.selectTokens.itemPaddingTight, _plasmaNewHope.selectTokens.itemBorderRadius, _plasmaNewHope.selectTokens.itemIconSize, _plasmaNewHope.selectTokens.itemIconSizeTight, _plasmaNewHope.selectTokens.itemIconMargin, _plasmaNewHope.selectTokens.cellPadding, _plasmaNewHope.selectTokens.cellPaddingLeftContent, _plasmaNewHope.selectTokens.cellPaddingContent, _plasmaNewHope.selectTokens.cellPaddingRightContent, _plasmaNewHope.selectTokens.cellTextboxGap, _plasmaNewHope.selectTokens.cellGap, _plasmaNewHope.selectTokens.cellTitleFontFamily, _plasmaNewHope.selectTokens.cellTitleFontSize, _plasmaNewHope.selectTokens.cellTitleFontStyle, _plasmaNewHope.selectTokens.cellTitleFontWeight, _plasmaNewHope.selectTokens.cellTitleLetterSpacing, _plasmaNewHope.selectTokens.cellTitleLineHeight, _plasmaNewHope.selectTokens.fontFamily, _plasmaNewHope.selectTokens.fontSize, _plasmaNewHope.selectTokens.fontStyle, _plasmaNewHope.selectTokens.fontWeight, _plasmaNewHope.selectTokens.fontLetterSpacing, _plasmaNewHope.selectTokens.fontLineHeight, _plasmaNewHope.selectTokens.checkboxTriggerSize, _plasmaNewHope.selectTokens.checkboxTriggerSizeTight, _plasmaNewHope.selectTokens.checkboxTriggerBorderRadius, _plasmaNewHope.selectTokens.checkboxTriggerBorderRadiusTight, _plasmaNewHope.selectTokens.checkboxFillColor, _plasmaNewHope.selectTokens.checkboxIconColor, _plasmaNewHope.selectTokens.checkboxTriggerBorderColor, _plasmaNewHope.selectTokens.checkboxTriggerBorderCheckedColor, _plasmaNewHope.selectTokens.checkboxTriggerBorderWidth, _plasmaNewHope.selectTokens.indicatorSize)
     },
     labelPlacement: {
       inner: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--plasma-input-label-color, var(--plasma-input-placeholder-color, var(--plasma-colors-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            "])), _plasmaNewHope.selectTokens.textFieldPlaceholderColor, _plasmaNewHope.selectTokens.textFieldLabelInnerFontFamily, _plasmaNewHope.selectTokens.textFieldLabelInnerFontSize, _plasmaNewHope.selectTokens.textFieldLabelInnerFontStyle, _plasmaNewHope.selectTokens.textFieldLabelInnerFontWeight, _plasmaNewHope.selectTokens.textFieldLabelInnerLetterSpacing, _plasmaNewHope.selectTokens.textFieldLabelInnerLineHeight),