@salutejs/plasma-new-hope 0.181.0 → 0.181.1-canary.1527.11616679910.0

package/types/examples/plasma_web/components/Combobox/Combobox.d.ts

@@ -55,6 +55,47 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     isTargetAmount?: false | undefined;
     targetAmount?: undefined;
     renderValue?: undefined;
+} & {
+    requiredPlacement?: "left" | "right" | undefined;
+} & {
+    required: true;
+    optional?: false | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    readOnly?: boolean | undefined;
+    disabled?: true | undefined;
+    alwaysOpened?: false | undefined;
+} & {
+    multiple?: false | undefined;
+    value?: string | undefined;
+    onChange?: ((value: string) => void) | undefined;
+    isTargetAmount?: false | undefined;
+    targetAmount?: undefined;
+    renderValue?: undefined;
+} & {
+    requiredPlacement?: "left" | "right" | undefined;
+} & {
+    optional?: true | undefined;
+    required?: false | undefined;
 } & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
     items: ItemOption[];
     placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
@@ -86,6 +127,83 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     isTargetAmount?: true | undefined;
     targetAmount?: number | undefined;
     renderValue?: ((item: ItemOption) => string) | undefined;
+} & {
+    requiredPlacement?: "left" | "right" | undefined;
+} & {
+    required: true;
+    optional?: false | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    readOnly?: boolean | undefined;
+    disabled?: true | undefined;
+    alwaysOpened?: false | undefined;
+} & {
+    multiple: true;
+    value?: string[] | undefined;
+    onChange?: ((value: string[]) => void) | undefined;
+    isTargetAmount?: true | undefined;
+    targetAmount?: number | undefined;
+    renderValue?: ((item: ItemOption) => string) | undefined;
+} & {
+    requiredPlacement?: "left" | "right" | undefined;
+} & {
+    optional?: true | undefined;
+    required?: false | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    readOnly?: true | undefined;
+    disabled?: boolean | undefined;
+    alwaysOpened?: false | undefined;
+} & {
+    multiple?: false | undefined;
+    value?: string | undefined;
+    onChange?: ((value: string) => void) | undefined;
+    isTargetAmount?: false | undefined;
+    targetAmount?: undefined;
+    renderValue?: undefined;
+} & {
+    requiredPlacement?: "left" | "right" | undefined;
+} & {
+    required: true;
+    optional?: false | undefined;
 } & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
     items: ItemOption[];
     placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
@@ -117,6 +235,11 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     isTargetAmount?: false | undefined;
     targetAmount?: undefined;
     renderValue?: undefined;
+} & {
+    requiredPlacement?: "left" | "right" | undefined;
+} & {
+    optional?: true | undefined;
+    required?: false | undefined;
 } & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
     items: ItemOption[];
     placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
@@ -148,6 +271,47 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     isTargetAmount?: true | undefined;
     targetAmount?: number | undefined;
     renderValue?: ((item: ItemOption) => string) | undefined;
+} & {
+    requiredPlacement?: "left" | "right" | undefined;
+} & {
+    required: true;
+    optional?: false | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    readOnly?: true | undefined;
+    disabled?: boolean | undefined;
+    alwaysOpened?: false | undefined;
+} & {
+    multiple: true;
+    value?: string[] | undefined;
+    onChange?: ((value: string[]) => void) | undefined;
+    isTargetAmount?: true | undefined;
+    targetAmount?: number | undefined;
+    renderValue?: ((item: ItemOption) => string) | undefined;
+} & {
+    requiredPlacement?: "left" | "right" | undefined;
+} & {
+    optional?: true | undefined;
+    required?: false | undefined;
 } & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
     items: ItemOption[];
     placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
@@ -179,6 +343,83 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     isTargetAmount?: false | undefined;
     targetAmount?: undefined;
     renderValue?: undefined;
+} & {
+    requiredPlacement?: "left" | "right" | undefined;
+} & {
+    required: true;
+    optional?: false | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    readOnly?: false | undefined;
+    disabled?: false | undefined;
+    alwaysOpened?: true | undefined;
+} & {
+    multiple?: false | undefined;
+    value?: string | undefined;
+    onChange?: ((value: string) => void) | undefined;
+    isTargetAmount?: false | undefined;
+    targetAmount?: undefined;
+    renderValue?: undefined;
+} & {
+    requiredPlacement?: "left" | "right" | undefined;
+} & {
+    optional?: true | undefined;
+    required?: false | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    readOnly?: false | undefined;
+    disabled?: false | undefined;
+    alwaysOpened?: true | undefined;
+} & {
+    multiple: true;
+    value?: string[] | undefined;
+    onChange?: ((value: string[]) => void) | undefined;
+    isTargetAmount?: true | undefined;
+    targetAmount?: number | undefined;
+    renderValue?: ((item: ItemOption) => string) | undefined;
+} & {
+    requiredPlacement?: "left" | "right" | undefined;
+} & {
+    required: true;
+    optional?: false | undefined;
 } & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
     items: ItemOption[];
     placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
@@ -210,6 +451,11 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     isTargetAmount?: true | undefined;
     targetAmount?: number | undefined;
     renderValue?: ((item: ItemOption) => string) | undefined;
+} & {
+    requiredPlacement?: "left" | "right" | undefined;
+} & {
+    optional?: true | undefined;
+    required?: false | undefined;
 } & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>))>;
 declare type PropsFromConfig = keyof typeof config['variations'];
 declare type PropsNew<T extends ItemOption> = Omit<ComboboxProps<T>, PropsFromConfig> & Pick<ComponentProps<typeof ComboboxComponent>, PropsFromConfig>;
@@ -267,6 +513,47 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     isTargetAmount?: false | undefined;
     targetAmount?: undefined;
     renderValue?: undefined;
+} & {
+    requiredPlacement?: "left" | "right" | undefined;
+} & {
+    required: true;
+    optional?: false | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    readOnly?: boolean | undefined;
+    disabled?: true | undefined;
+    alwaysOpened?: false | undefined;
+} & {
+    multiple?: false | undefined;
+    value?: string | undefined;
+    onChange?: ((value: string) => void) | undefined;
+    isTargetAmount?: false | undefined;
+    targetAmount?: undefined;
+    renderValue?: undefined;
+} & {
+    requiredPlacement?: "left" | "right" | undefined;
+} & {
+    optional?: true | undefined;
+    required?: false | undefined;
 } & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
     items: ItemOption[];
     placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
@@ -298,6 +585,83 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     isTargetAmount?: true | undefined;
     targetAmount?: number | undefined;
     renderValue?: ((item: ItemOption) => string) | undefined;
+} & {
+    requiredPlacement?: "left" | "right" | undefined;
+} & {
+    required: true;
+    optional?: false | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    readOnly?: boolean | undefined;
+    disabled?: true | undefined;
+    alwaysOpened?: false | undefined;
+} & {
+    multiple: true;
+    value?: string[] | undefined;
+    onChange?: ((value: string[]) => void) | undefined;
+    isTargetAmount?: true | undefined;
+    targetAmount?: number | undefined;
+    renderValue?: ((item: ItemOption) => string) | undefined;
+} & {
+    requiredPlacement?: "left" | "right" | undefined;
+} & {
+    optional?: true | undefined;
+    required?: false | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    readOnly?: true | undefined;
+    disabled?: boolean | undefined;
+    alwaysOpened?: false | undefined;
+} & {
+    multiple?: false | undefined;
+    value?: string | undefined;
+    onChange?: ((value: string) => void) | undefined;
+    isTargetAmount?: false | undefined;
+    targetAmount?: undefined;
+    renderValue?: undefined;
+} & {
+    requiredPlacement?: "left" | "right" | undefined;
+} & {
+    required: true;
+    optional?: false | undefined;
 } & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
     items: ItemOption[];
     placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
@@ -329,6 +693,11 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     isTargetAmount?: false | undefined;
     targetAmount?: undefined;
     renderValue?: undefined;
+} & {
+    requiredPlacement?: "left" | "right" | undefined;
+} & {
+    optional?: true | undefined;
+    required?: false | undefined;
 } & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
     items: ItemOption[];
     placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
@@ -360,6 +729,47 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     isTargetAmount?: true | undefined;
     targetAmount?: number | undefined;
     renderValue?: ((item: ItemOption) => string) | undefined;
+} & {
+    requiredPlacement?: "left" | "right" | undefined;
+} & {
+    required: true;
+    optional?: false | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    readOnly?: true | undefined;
+    disabled?: boolean | undefined;
+    alwaysOpened?: false | undefined;
+} & {
+    multiple: true;
+    value?: string[] | undefined;
+    onChange?: ((value: string[]) => void) | undefined;
+    isTargetAmount?: true | undefined;
+    targetAmount?: number | undefined;
+    renderValue?: ((item: ItemOption) => string) | undefined;
+} & {
+    requiredPlacement?: "left" | "right" | undefined;
+} & {
+    optional?: true | undefined;
+    required?: false | undefined;
 } & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
     items: ItemOption[];
     placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
@@ -391,6 +801,83 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     isTargetAmount?: false | undefined;
     targetAmount?: undefined;
     renderValue?: undefined;
+} & {
+    requiredPlacement?: "left" | "right" | undefined;
+} & {
+    required: true;
+    optional?: false | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    readOnly?: false | undefined;
+    disabled?: false | undefined;
+    alwaysOpened?: true | undefined;
+} & {
+    multiple?: false | undefined;
+    value?: string | undefined;
+    onChange?: ((value: string) => void) | undefined;
+    isTargetAmount?: false | undefined;
+    targetAmount?: undefined;
+    renderValue?: undefined;
+} & {
+    requiredPlacement?: "left" | "right" | undefined;
+} & {
+    optional?: true | undefined;
+    required?: false | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    readOnly?: false | undefined;
+    disabled?: false | undefined;
+    alwaysOpened?: true | undefined;
+} & {
+    multiple: true;
+    value?: string[] | undefined;
+    onChange?: ((value: string[]) => void) | undefined;
+    isTargetAmount?: true | undefined;
+    targetAmount?: number | undefined;
+    renderValue?: ((item: ItemOption) => string) | undefined;
+} & {
+    requiredPlacement?: "left" | "right" | undefined;
+} & {
+    required: true;
+    optional?: false | undefined;
 } & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
     items: ItemOption[];
     placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
@@ -422,6 +909,11 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     isTargetAmount?: true | undefined;
     targetAmount?: number | undefined;
     renderValue?: ((item: ItemOption) => string) | undefined;
+} & {
+    requiredPlacement?: "left" | "right" | undefined;
+} & {
+    optional?: true | undefined;
+    required?: false | undefined;
 } & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>)), "view" | "disabled" | "readOnly" | "size" | "labelPlacement"> & {
     ref?: ForwardedRef<HTMLInputElement> | undefined;
 }) => ReactElement | null;

package/types/examples/plasma_web/components/Combobox/Combobox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Combobox/Combobox.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAIxE,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAEjF,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAG3C,QAAA,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2IAA0B,CAAC;AAElD,aAAK,eAAe,GAAG,MAAM,OAAO,MAAM,CAAC,YAAY,CAAC,CAAC;AAEzD,aAAK,QAAQ,CAAC,CAAC,SAAS,UAAU,IAAI,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,eAAe,CAAC,GACzE,IAAI,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,EAAE,eAAe,CAAC,CAAC;AAEpE,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAET,YAAY,GAAG,IAAI,CAAC;AAEzB,OAAO,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Combobox/Combobox.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAIxE,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAEjF,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAG3C,QAAA,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2IAA0B,CAAC;AAElD,aAAK,eAAe,GAAG,MAAM,OAAO,MAAM,CAAC,YAAY,CAAC,CAAC;AAEzD,aAAK,QAAQ,CAAC,CAAC,SAAS,UAAU,IAAI,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,eAAe,CAAC,GACzE,IAAI,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,EAAE,eAAe,CAAC,CAAC;AAEpE,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAET,YAAY,GAAG,IAAI,CAAC;AAEzB,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles_ei26tn.css

@@ -1 +0,0 @@
-.s1wiuml6{--plasma-textfield-color:var(--plasma-combobox-new-textfield-color);--plasma-textfield__placeholder-color-focus:var(--plasma-combobox-new-textfield__placeholder-color-focus);--plasma-textfield-bg-color:var(--plasma-combobox-new-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-combobox-new-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-combobox-new-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-combobox-new-textfield-border-color);--plasma-textfield-border-color-hover:var(--plasma-combobox-new-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-combobox-new-textfield-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-combobox-new-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-combobox-new-textfield-bg-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-combobox-new-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-combobox-new-textfield__placeholder-color-readonly);--plasma-textfield__caret-color:var(--plasma-combobox-new-textfield-caret-color);--plasma-textfield__placeholder-color:var(--plasma-combobox-new-textfield-placeholder-color);--plasma-textfield-height:var(--plasma-combobox-new-textfield-height);--plasma-textfield-border-width:var(--plasma-combobox-new-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-combobox-new-textfield-border-radius);--plasma-textfield-padding:var(--plasma-combobox-new-textfield-padding);--plasma-textfield__left-content-margin:var(--plasma-combobox-new-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-combobox-new-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-combobox-new-textfield-font-family);--plasma-textfield-font-style:var(--plasma-combobox-new-textfield-font-style);--plasma-textfield-font-size:var(--plasma-combobox-new-textfield-font-size);--plasma-textfield-font-weight:var(--plasma-combobox-new-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-combobox-new-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-combobox-new-textfield-line-height);--plasma-textfield__label-color:var(--plasma-combobox-new-textfield-label-color);--plasma-textfield__label-color-readonly:var(--plasma-combobox-new-textfield__label-color-readonly);--plasma-textfield__label-offset:var(--plasma-combobox-new-textfield__label-offset);--plasma-textfield__label-font-family:var(--plasma-combobox-new-textfield__label-font-family);--plasma-textfield__label-font-style:var(--plasma-combobox-new-textfield__label-font-style);--plasma-textfield__label-font-size:var(--plasma-combobox-new-textfield__label-font-size);--plasma-textfield__label-font-weight:var(--plasma-combobox-new-textfield__label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-combobox-new-textfield__label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-combobox-new-textfield__label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-combobox-new-textfield-placement_inner__label-font-family);--plasma-textfield-placement_inner__label-font-style:var(--plasma-combobox-new-textfield-placement_inner__label-font-style);--plasma-textfield-placement_inner__label-font-size:var(--plasma-combobox-new-textfield-placement_inner__label-font-size);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-combobox-new-textfield-placement_inner__label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-combobox-new-textfield-placement_inner__label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-combobox-new-textfield-placement_inner__label-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-combobox-new-textfield-placement_inner__label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-combobox-new-textfield-placement_inner__content-padding);--plasma-textfield__left-helper-color:var(--plasma-combobox-new-textfield__left-helper-color);--plasma-textfield__left-helper-color-readonly:var(--plasma-combobox-new-textfield__left-helper-color-readonly);--plasma-textfield__left-helper-offset:var(--plasma-combobox-new-textfield__left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-combobox-new-textfield__left-helper-font-family);--plasma-textfield__left-helper-font-style:var(--plasma-combobox-new-textfield__left-helper-font-style);--plasma-textfield__left-helper-font-size:var(--plasma-combobox-new-textfield__left-helper-font-size);--plasma-textfield__left-helper-font-weight:var(--plasma-combobox-new-textfield__left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-combobox-new-textfield__left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-combobox-new-textfield__left-helper-line-height);--plasma-textfield__before-text-color:var(--plasma-combobox-new-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-combobox-new-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-combobox-new-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-combobox-new-textfield__after-text-margin);--plasma-textfield-disabled-opacity:var(--plasma-combobox-new-textfield-disabled-opacity);--plasma-textfield-focus-color:var(--plasma-combobox-new-textfield-focus-color);--plasma-textfield__chip-close-icon-color:var(--plasma-combobox-new-textfield-chip-close-icons-color);--plasma-textfield__chip-color:var(--plasma-combobox-new-textfield-chip-color);--plasma-textfield__chip-background:var(--plasma-combobox-new-textfield--chip-background);--plasma-textfield__chip-color-hover:var(--plasma-combobox-new-textfield-chip-color-hover);--plasma-textfield__chip-background-hover:var(--plasma-combobox-new-textfield-chip-background-hover);--plasma-textfield__chip-color-active:var(--plasma-combobox-new-textfield-chip-color-active);--plasma-textfield__chip-background-active:var(--plasma-combobox-new-textfield-chip-background-active);--plasma-textfield__chip-background-readonly:var(--plasma-combobox-new-textfield-chip-background-read-only);--plasma-textfield__chip-color-readonly:var(--plasma-combobox-new-textfield-chip-color-read-only);--plasma-textfield__chip-background-readonly-hover:var(--plasma-combobox-new-textfield-chip-background-read-only-hover);--plasma-textfield__chip-color-readonly-hover:var(--plasma-combobox-new-textfield-chip-color-read-only-hover);--plasma-textfield__chip-opacity-readonly:var(--plasma-combobox-new-textfield-chip-opacity-read-only);--plasma-textfield__chip-gap:var(--plasma-combobox-new-textfield-chip-gap);--plasma-textfield__chip-border-radius:var(--plasma-combobox-new-textfield-chip-border-radius);--plasma-textfield__chip-width:var(--plasma-combobox-new-textfield-chip-width);--plasma-textfield__chip-height:var(--plasma-combobox-new-textfield-chip-height);--plasma-textfield__chip-padding-right:var(--plasma-combobox-new-textfield-chip-padding-right);--plasma-textfield__chip-padding-left:var(--plasma-combobox-new-textfield-chip-padding-left);--plasma-textfield__chip-clear-content-margin-left:var(--plasma-combobox-new-textfield-chip-clear-content-margin-left);--plasma-textfield__chip-clear-content-margin-right:var(--plasma-combobox-new-textfield-chip-clear-content-margin-right);--plasma-textfield__chip-close-icon-size:var(--plasma-combobox-new-textfield-chip-close-icon-size);--plasma-textfield__chip-font-family:var(--plasma-combobox-new-textfield-chip-font-family);--plasma-textfield__chip-font-size:var(--plasma-combobox-new-textfield-chip-font-size);--plasma-textfield__chip-font-style:var(--plasma-combobox-new-textfield-chip-font-style);--plasma-textfield__chip-font-weight:var(--plasma-combobox-new-textfield-chip-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-combobox-new-textfield-chip-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-combobox-new-textfield-chip-line-height);--plasma-textfield-padding-with-chips:var(--plasma-combobox-new-textfield-padding-with-chips);}

package/es/components/Combobox/ComboboxNew/ui/Target/Target.styles_ei26tn.css

@@ -1 +0,0 @@
-.s1wiuml6{--plasma-textfield-color:var(--plasma-combobox-new-textfield-color);--plasma-textfield__placeholder-color-focus:var(--plasma-combobox-new-textfield__placeholder-color-focus);--plasma-textfield-bg-color:var(--plasma-combobox-new-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-combobox-new-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-combobox-new-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-combobox-new-textfield-border-color);--plasma-textfield-border-color-hover:var(--plasma-combobox-new-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-combobox-new-textfield-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-combobox-new-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-combobox-new-textfield-bg-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-combobox-new-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-combobox-new-textfield__placeholder-color-readonly);--plasma-textfield__caret-color:var(--plasma-combobox-new-textfield-caret-color);--plasma-textfield__placeholder-color:var(--plasma-combobox-new-textfield-placeholder-color);--plasma-textfield-height:var(--plasma-combobox-new-textfield-height);--plasma-textfield-border-width:var(--plasma-combobox-new-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-combobox-new-textfield-border-radius);--plasma-textfield-padding:var(--plasma-combobox-new-textfield-padding);--plasma-textfield__left-content-margin:var(--plasma-combobox-new-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-combobox-new-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-combobox-new-textfield-font-family);--plasma-textfield-font-style:var(--plasma-combobox-new-textfield-font-style);--plasma-textfield-font-size:var(--plasma-combobox-new-textfield-font-size);--plasma-textfield-font-weight:var(--plasma-combobox-new-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-combobox-new-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-combobox-new-textfield-line-height);--plasma-textfield__label-color:var(--plasma-combobox-new-textfield-label-color);--plasma-textfield__label-color-readonly:var(--plasma-combobox-new-textfield__label-color-readonly);--plasma-textfield__label-offset:var(--plasma-combobox-new-textfield__label-offset);--plasma-textfield__label-font-family:var(--plasma-combobox-new-textfield__label-font-family);--plasma-textfield__label-font-style:var(--plasma-combobox-new-textfield__label-font-style);--plasma-textfield__label-font-size:var(--plasma-combobox-new-textfield__label-font-size);--plasma-textfield__label-font-weight:var(--plasma-combobox-new-textfield__label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-combobox-new-textfield__label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-combobox-new-textfield__label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-combobox-new-textfield-placement_inner__label-font-family);--plasma-textfield-placement_inner__label-font-style:var(--plasma-combobox-new-textfield-placement_inner__label-font-style);--plasma-textfield-placement_inner__label-font-size:var(--plasma-combobox-new-textfield-placement_inner__label-font-size);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-combobox-new-textfield-placement_inner__label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-combobox-new-textfield-placement_inner__label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-combobox-new-textfield-placement_inner__label-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-combobox-new-textfield-placement_inner__label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-combobox-new-textfield-placement_inner__content-padding);--plasma-textfield__left-helper-color:var(--plasma-combobox-new-textfield__left-helper-color);--plasma-textfield__left-helper-color-readonly:var(--plasma-combobox-new-textfield__left-helper-color-readonly);--plasma-textfield__left-helper-offset:var(--plasma-combobox-new-textfield__left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-combobox-new-textfield__left-helper-font-family);--plasma-textfield__left-helper-font-style:var(--plasma-combobox-new-textfield__left-helper-font-style);--plasma-textfield__left-helper-font-size:var(--plasma-combobox-new-textfield__left-helper-font-size);--plasma-textfield__left-helper-font-weight:var(--plasma-combobox-new-textfield__left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-combobox-new-textfield__left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-combobox-new-textfield__left-helper-line-height);--plasma-textfield__before-text-color:var(--plasma-combobox-new-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-combobox-new-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-combobox-new-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-combobox-new-textfield__after-text-margin);--plasma-textfield-disabled-opacity:var(--plasma-combobox-new-textfield-disabled-opacity);--plasma-textfield-focus-color:var(--plasma-combobox-new-textfield-focus-color);--plasma-textfield__chip-close-icon-color:var(--plasma-combobox-new-textfield-chip-close-icons-color);--plasma-textfield__chip-color:var(--plasma-combobox-new-textfield-chip-color);--plasma-textfield__chip-background:var(--plasma-combobox-new-textfield--chip-background);--plasma-textfield__chip-color-hover:var(--plasma-combobox-new-textfield-chip-color-hover);--plasma-textfield__chip-background-hover:var(--plasma-combobox-new-textfield-chip-background-hover);--plasma-textfield__chip-color-active:var(--plasma-combobox-new-textfield-chip-color-active);--plasma-textfield__chip-background-active:var(--plasma-combobox-new-textfield-chip-background-active);--plasma-textfield__chip-background-readonly:var(--plasma-combobox-new-textfield-chip-background-read-only);--plasma-textfield__chip-color-readonly:var(--plasma-combobox-new-textfield-chip-color-read-only);--plasma-textfield__chip-background-readonly-hover:var(--plasma-combobox-new-textfield-chip-background-read-only-hover);--plasma-textfield__chip-color-readonly-hover:var(--plasma-combobox-new-textfield-chip-color-read-only-hover);--plasma-textfield__chip-opacity-readonly:var(--plasma-combobox-new-textfield-chip-opacity-read-only);--plasma-textfield__chip-gap:var(--plasma-combobox-new-textfield-chip-gap);--plasma-textfield__chip-border-radius:var(--plasma-combobox-new-textfield-chip-border-radius);--plasma-textfield__chip-width:var(--plasma-combobox-new-textfield-chip-width);--plasma-textfield__chip-height:var(--plasma-combobox-new-textfield-chip-height);--plasma-textfield__chip-padding-right:var(--plasma-combobox-new-textfield-chip-padding-right);--plasma-textfield__chip-padding-left:var(--plasma-combobox-new-textfield-chip-padding-left);--plasma-textfield__chip-clear-content-margin-left:var(--plasma-combobox-new-textfield-chip-clear-content-margin-left);--plasma-textfield__chip-clear-content-margin-right:var(--plasma-combobox-new-textfield-chip-clear-content-margin-right);--plasma-textfield__chip-close-icon-size:var(--plasma-combobox-new-textfield-chip-close-icon-size);--plasma-textfield__chip-font-family:var(--plasma-combobox-new-textfield-chip-font-family);--plasma-textfield__chip-font-size:var(--plasma-combobox-new-textfield-chip-font-size);--plasma-textfield__chip-font-style:var(--plasma-combobox-new-textfield-chip-font-style);--plasma-textfield__chip-font-weight:var(--plasma-combobox-new-textfield-chip-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-combobox-new-textfield-chip-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-combobox-new-textfield-chip-line-height);--plasma-textfield-padding-with-chips:var(--plasma-combobox-new-textfield-padding-with-chips);}