@salutejs/plasma-new-hope 0.338.0-canary.2277.18342250629.0 → 0.338.0-canary.2280.18409919038.0

package/cjs/components/Select/ui/Target/Target.js.map

@@ -1 +1 @@
-{"version":3,"file":"Target.js","sources":["../../../../../src/components/Select/ui/Target/Target.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { MutableRefObject } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport type { TargetProps } from './Target.types';\nimport { Button, Textfield } from './ui';\n\nexport const Target = forwardRef<HTMLButtonElement, TargetProps>(\n    (\n        {\n            value,\n            opened,\n            valueToItemMap,\n            label,\n            placeholder,\n            onKeyDown,\n            labelPlacement,\n            size,\n            contentLeft,\n            disabled,\n            readOnly,\n            renderValue,\n            selectProps,\n            inputWrapperRef,\n            multiselect,\n            view,\n            helperText,\n            treeId,\n            activeDescendantItemValue,\n            isTargetAmount,\n            onChange,\n            chipView,\n            separator,\n            requiredProps,\n            hintProps,\n        },\n        ref,\n    ) => {\n        const buttonRef = useForkRef(ref, inputWrapperRef as any);\n\n        if (selectProps.renderTarget) {\n            return (\n                <div ref={inputWrapperRef as any}>\n                    {selectProps.renderTarget(\n                        Array.isArray(value)\n                            ? value.map((value) => valueToItemMap.get(value)!)\n                            : valueToItemMap.get(value)!,\n                        opened,\n                    )}\n                </div>\n            );\n        }\n\n        return selectProps.target === 'button-like' ? (\n            <Button\n                ref={buttonRef}\n                opened={opened}\n                value={value}\n                valueToItemMap={valueToItemMap}\n                onKeyDown={onKeyDown}\n                label={label}\n                size={size}\n                disabled={disabled || readOnly}\n                renderValue={renderValue}\n                selectProps={selectProps}\n                separator={separator}\n                treeId={treeId}\n                activeDescendantItemValue={activeDescendantItemValue}\n            />\n        ) : (\n            <Textfield\n                ref={ref as MutableRefObject<HTMLInputElement>}\n                inputWrapperRef={inputWrapperRef}\n                opened={opened}\n                multiselect={multiselect}\n                value={value}\n                label={label}\n                placeholder={placeholder}\n                onKeyDown={onKeyDown}\n                labelPlacement={labelPlacement}\n                size={size}\n                view={view}\n                contentLeft={contentLeft}\n                helperText={helperText}\n                treeId={treeId}\n                activeDescendantItemValue={activeDescendantItemValue}\n                disabled={disabled}\n                readOnly={readOnly}\n                isTargetAmount={isTargetAmount}\n                valueToItemMap={valueToItemMap}\n                renderValue={renderValue}\n                onChange={onChange}\n                chipView={chipView}\n                requiredProps={requiredProps}\n                hintProps={hintProps}\n                chipType={selectProps.chipType}\n            />\n        );\n    },\n);\n"],"names":["Target","forwardRef","_ref","ref","value","opened","valueToItemMap","label","placeholder","onKeyDown","labelPlacement","size","contentLeft","disabled","readOnly","renderValue","selectProps","inputWrapperRef","multiselect","view","helperText","treeId","activeDescendantItemValue","isTargetAmount","onChange","chipView","separator","requiredProps","hintProps","buttonRef","useForkRef","renderTarget","React","createElement","Array","isArray","map","get","target","Button","Textfield","chipType"],"mappings":"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"}
+{"version":3,"file":"Target.js","sources":["../../../../../src/components/Select/ui/Target/Target.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { MutableRefObject } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport type { TargetProps } from './Target.types';\nimport { Button, Textfield } from './ui';\n\nexport const Target = forwardRef<HTMLButtonElement, TargetProps>(\n    (\n        {\n            value,\n            opened,\n            valueToItemMap,\n            label,\n            placeholder,\n            onKeyDown,\n            labelPlacement,\n            size,\n            contentLeft,\n            disabled,\n            readOnly,\n            renderValue,\n            selectProps,\n            inputWrapperRef,\n            multiselect,\n            view,\n            helperText,\n            treeId,\n            activeDescendantItemValue,\n            isTargetAmount,\n            onChange,\n            chipView,\n            separator,\n            requiredProps,\n            hintProps,\n        },\n        ref,\n    ) => {\n        const buttonRef = useForkRef(ref, inputWrapperRef as any);\n\n        if (selectProps.renderTarget) {\n            return (\n                <div ref={inputWrapperRef as any}>\n                    {selectProps.renderTarget(\n                        Array.isArray(value)\n                            ? value.map((value) => valueToItemMap.get(value)!)\n                            : valueToItemMap.get(value)!,\n                        opened,\n                    )}\n                </div>\n            );\n        }\n\n        return selectProps.target === 'button-like' ? (\n            <Button\n                ref={buttonRef}\n                opened={opened}\n                value={value}\n                valueToItemMap={valueToItemMap}\n                onKeyDown={onKeyDown}\n                label={label}\n                size={size}\n                disabled={disabled || readOnly}\n                renderValue={renderValue}\n                selectProps={selectProps}\n                separator={separator}\n                treeId={treeId}\n                activeDescendantItemValue={activeDescendantItemValue}\n            />\n        ) : (\n            <Textfield\n                ref={ref as MutableRefObject<HTMLInputElement>}\n                inputWrapperRef={inputWrapperRef}\n                opened={opened}\n                multiselect={multiselect}\n                value={value}\n                label={label}\n                placeholder={placeholder}\n                onKeyDown={onKeyDown}\n                labelPlacement={labelPlacement}\n                size={size}\n                view={view}\n                contentLeft={contentLeft}\n                helperText={helperText}\n                treeId={treeId}\n                activeDescendantItemValue={activeDescendantItemValue}\n                disabled={disabled}\n                readOnly={readOnly}\n                isTargetAmount={isTargetAmount}\n                valueToItemMap={valueToItemMap}\n                renderValue={renderValue}\n                onChange={onChange}\n                chipView={chipView}\n                requiredProps={requiredProps}\n                hintProps={hintProps}\n                chipType={selectProps.chipType}\n                chipClickArea={selectProps.chipClickArea}\n            />\n        );\n    },\n);\n"],"names":["Target","forwardRef","_ref","ref","value","opened","valueToItemMap","label","placeholder","onKeyDown","labelPlacement","size","contentLeft","disabled","readOnly","renderValue","selectProps","inputWrapperRef","multiselect","view","helperText","treeId","activeDescendantItemValue","isTargetAmount","onChange","chipView","separator","requiredProps","hintProps","buttonRef","useForkRef","renderTarget","React","createElement","Array","isArray","map","get","target","Button","Textfield","chipType","chipClickArea"],"mappings":"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"}

package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css

@@ -53,29 +53,29 @@
 
 .base_1o8ygxu_b1pde8v1__ca0b05f4{font-family:var(--plasma-chip-font-family);font-size:var(--plasma-chip-font-size);font-style:var(--plasma-chip-font-style);font-weight:var(--plasma-chip-font-weight);-webkit-letter-spacing:var(--plasma-chip-letter-spacing);-moz-letter-spacing:var(--plasma-chip-letter-spacing);-ms-letter-spacing:var(--plasma-chip-letter-spacing);letter-spacing:var(--plasma-chip-letter-spacing);line-height:var(--plasma-chip-lineheight);border-radius:var(--plasma-chip-border-radius);width:var(--plasma-chip-width);height:var(--plasma-chip-height);padding:var(--plasma-chip-padding);}
 
-.base_rmcs0j_b16ulzzx__f8cae226[disabled]{opacity:var(--plasma-chip-disabled-opacity);cursor:not-allowed;}.base_rmcs0j_b16ulzzx__f8cae226[disabled]:hover,.base_rmcs0j_b16ulzzx__f8cae226[disabled]:active{scale:none;color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}
+.base_1j4s925_b16ulzzx__083e1d45[disabled]{opacity:var(--plasma-chip-disabled-opacity);cursor:not-allowed;}.base_1j4s925_b16ulzzx__083e1d45[disabled]:hover,.base_1j4s925_b16ulzzx__083e1d45[disabled]:active{scale:none;color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}.base_1j4s925_b16ulzzx__083e1d45[disabled] .base_1j4s925_s1pcflhj__083e1d45{color:var(--plasma-chip-close-icon-color);}.base_1j4s925_b16ulzzx__083e1d45[disabled] .base_1j4s925_s1pcflhj__083e1d45:hover{color:var(--plasma-chip-close-icon-color);}
 
-.base_1nfit77_b10y1phq__6aaec899[readonly]{color:var(--plasma-chip-color-readonly);background-color:var(--plasma-chip-background-readonly);}.base_1nfit77_b10y1phq__6aaec899[readonly]:hover,.base_1nfit77_b10y1phq__6aaec899[readonly]:active{scale:none;cursor:default;color:var(--plasma-chip-color-readonly-hover);background-color:var(--plasma-chip-background-readonly-hover);}
+.base_1xublmy_b10y1phq__4d939fb6[readonly]{color:var(--plasma-chip-color-readonly);background-color:var(--plasma-chip-background-readonly);}.base_1xublmy_b10y1phq__4d939fb6[readonly]:hover,.base_1xublmy_b10y1phq__4d939fb6[readonly]:active{scale:none;cursor:default;color:var(--plasma-chip-color-readonly-hover);background-color:var(--plasma-chip-background-readonly-hover);}.base_1xublmy_b10y1phq__4d939fb6[readonly] .base_1xublmy_s1pcflhj__4d939fb6{color:var(--plasma-chip-close-icon-color-readonly);}.base_1xublmy_b10y1phq__4d939fb6[readonly] .base_1xublmy_s1pcflhj__4d939fb6:hover{color:var(--plasma-chip-close-icon-color-readonly);}
 
 .base_kgtz8x_b16hf96__46a206b1{--plasma_private-chip-outline-size:var(--plasma-chip-outline-size,0.125rem);position:relative;}.base_kgtz8x_b16hf96__46a206b1:focus{outline:none;}.base_kgtz8x_b16hf96__46a206b1::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-chip-outline-size));left:calc(-1 * var(--plasma_private-chip-outline-size));right:calc(-1 * var(--plasma_private-chip-outline-size));bottom:calc(-1 * var(--plasma_private-chip-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-chip-outline-size) solid transparent;border-radius:calc(var(--plasma-chip-border-radius) + var(--plasma_private-chip-outline-size));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_kgtz8x_b16hf96__46a206b1.base_kgtz8x_focusVisible__46a206b1:focus::before,.base_kgtz8x_b16hf96__46a206b1[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-chip-outline-size) var(--plasma-chip-focus-color);}
 
 .base_3kce4h_bvcavwi__c6ad5ca5.base_3kce4h_chipPilled__c6ad5ca5{border-radius:var(--plasma-chip-pilled-border-radius);}
 
-.Chip_styles_fnd4j5_bol5daj__7a13f27c{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}
-.Chip_styles_fnd4j5_sj20on5__7a13f27c{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-left-content-margin-left);margin-right:var(--plasma-chip-left-content-margin-right);color:var(--plasma-chip-left-content-color);}
-.Chip_styles_fnd4j5_s1ror4o9__7a13f27c{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
-.Chip_styles_fnd4j5_swddmyi__7a13f27c{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--swddmyi-0);}
-.Chip_styles_fnd4j5_s1pcflhj__7a13f27c{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-clear-content-margin-left);margin-right:var(--plasma-chip-clear-content-margin-right);color:var(--plasma-chip-close-icon-color);}
+.Chip_styles_d9y94l_bol5daj__d88bc02c{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}
+.Chip_styles_d9y94l_sj20on5__d88bc02c{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-left-content-margin-left);margin-right:var(--plasma-chip-left-content-margin-right);color:var(--plasma-chip-left-content-color);}
+.Chip_styles_d9y94l_s1ror4o9__d88bc02c{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.Chip_styles_d9y94l_swddmyi__d88bc02c{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--swddmyi-0);}
+.Chip_styles_d9y94l_s1pcflhj__d88bc02c{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-clear-content-margin-left);margin-right:var(--plasma-chip-clear-content-margin-right);color:var(--plasma-chip-close-icon-color);}.Chip_styles_d9y94l_s1pcflhj__d88bc02c:hover{color:var(--plasma-chip-close-icon-color-hover);}
 
-.TextFieldChip_styles_14q069b_s32p7ut__9f1b34fd{--plasma-chip-color:var(--plasma-textfield__chip-color);--plasma-chip-background:var(--plasma-textfield__chip-background);--plasma-chip-color-hover:var(--plasma-textfield__chip-color-hover);--plasma-chip-background-hover:var(--plasma-textfield__chip-background-hover);--plasma-chip-color-active:var(--plasma-textfield__chip-color-active);--plasma-chip-background-active:var(--plasma-textfield__chip-background-active);--plasma-chip-background-readonly:var(--plasma-textfield__chip-background-readonly);--plasma-chip-color-readonly:var(--plasma-textfield__chip-color-readonly);--plasma-chip-background-readonly-hover:var(--plasma-textfield__chip-background-readonly-hover);--plasma-chip-color-readonly-hover:var(--plasma-textfield__chip-color-readonly-hover);--plasma-chip-border-radius:var(--plasma-textfield__chip-border-radius);--plasma-chip-width:var(--plasma-textfield__chip-width);--plasma-chip-height:var(--plasma-textfield__chip-height);--plasma-chip-padding:var(--plasma-textfield__chip-padding);--plasma-chip-font-family:var(--plasma-textfield__chip-font-family);--plasma-chip-font-size:var(--plasma-textfield__chip-font-size);--plasma-chip-font-style:var(--plasma-textfield__chip-font-style);--plasma-chip-font-weight:var(--plasma-textfield__chip-font-weight);--plasma-chip-letter-spacing:var(--plasma-textfield__chip-letter-spacing);--plasma-chip-lineheight:var(--plasma-textfield__chip-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-textfield__chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-textfield__chip-clear-content-margin-right);--plasma-chip-close-icon-size:var(--plasma-textfield__chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-textfield__chip-close-icon-color);--plasma-chip-focus-color:var(--plasma-textfield-focus-color);-webkit-scroll-snap-align:center;-moz-scroll-snap-align:center;-ms-scroll-snap-align:center;scroll-snap-align:center;-webkit-scroll-snap-stop:normal;-moz-scroll-snap-stop:normal;-ms-scroll-snap-stop:normal;scroll-snap-stop:normal;position:relative;}.TextFieldChip_styles_14q069b_s32p7ut__9f1b34fd::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChip_styles_14q069b_s32p7ut__9f1b34fd.TextFieldChip_styles_14q069b_focusVisible__9f1b34fd:focus::before,.TextFieldChip_styles_14q069b_s32p7ut__9f1b34fd[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChip_styles_14q069b_s32p7ut__9f1b34fd[readonly]{opacity:var(--plasma-textfield__chip-opacity-readonly);}
-.TextFieldChip_styles_14q069b_t4nir3h__9f1b34fd{display:block;-webkit-flex:none;-ms-flex:none;flex:none;background:none;border:none;outline:none;padding:0;white-space:nowrap;cursor:pointer;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);color:var(--plasma-textfield-color);position:relative;}.TextFieldChip_styles_14q069b_t4nir3h__9f1b34fd::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChip_styles_14q069b_t4nir3h__9f1b34fd.TextFieldChip_styles_14q069b_focusVisible__9f1b34fd:focus::before,.TextFieldChip_styles_14q069b_t4nir3h__9f1b34fd[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChip_styles_14q069b_t4nir3h__9f1b34fd:after{content:',';}.TextFieldChip_styles_14q069b_t4nir3h__9f1b34fd:last-child:after{content:'';}
+.TextFieldChip_styles_8puilg_s32p7ut__f1ecfcd9{--plasma-chip-color:var(--plasma-textfield__chip-color);--plasma-chip-background:var(--plasma-textfield__chip-background);--plasma-chip-color-hover:var(--plasma-textfield__chip-color-hover);--plasma-chip-background-hover:var(--plasma-textfield__chip-background-hover);--plasma-chip-color-active:var(--plasma-textfield__chip-color-active);--plasma-chip-background-active:var(--plasma-textfield__chip-background-active);--plasma-chip-background-readonly:var(--plasma-textfield__chip-background-readonly);--plasma-chip-color-readonly:var(--plasma-textfield__chip-color-readonly);--plasma-chip-background-readonly-hover:var(--plasma-textfield__chip-background-readonly-hover);--plasma-chip-color-readonly-hover:var(--plasma-textfield__chip-color-readonly-hover);--plasma-chip-border-radius:var(--plasma-textfield__chip-border-radius);--plasma-chip-width:var(--plasma-textfield__chip-width);--plasma-chip-height:var(--plasma-textfield__chip-height);--plasma-chip-padding:var(--plasma-textfield__chip-padding);--plasma-chip-font-family:var(--plasma-textfield__chip-font-family);--plasma-chip-font-size:var(--plasma-textfield__chip-font-size);--plasma-chip-font-style:var(--plasma-textfield__chip-font-style);--plasma-chip-font-weight:var(--plasma-textfield__chip-font-weight);--plasma-chip-letter-spacing:var(--plasma-textfield__chip-letter-spacing);--plasma-chip-lineheight:var(--plasma-textfield__chip-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-textfield__chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-textfield__chip-clear-content-margin-right);--plasma-chip-close-icon-size:var(--plasma-textfield__chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-textfield__chip-close-icon-color);--plasma-chip-close-icon-color-hover:var(--plasma-textfield__chip-close-icon-color-hover);--plasma-chip-focus-color:var(--plasma-textfield-focus-color);-webkit-scroll-snap-align:center;-moz-scroll-snap-align:center;-ms-scroll-snap-align:center;scroll-snap-align:center;-webkit-scroll-snap-stop:normal;-moz-scroll-snap-stop:normal;-ms-scroll-snap-stop:normal;scroll-snap-stop:normal;position:relative;}.TextFieldChip_styles_8puilg_s32p7ut__f1ecfcd9::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChip_styles_8puilg_s32p7ut__f1ecfcd9.TextFieldChip_styles_8puilg_focusVisible__f1ecfcd9:focus::before,.TextFieldChip_styles_8puilg_s32p7ut__f1ecfcd9[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChip_styles_8puilg_s32p7ut__f1ecfcd9[readonly]{opacity:var(--plasma-textfield__chip-opacity-readonly);}
+.TextFieldChip_styles_8puilg_t4nir3h__f1ecfcd9{display:block;-webkit-flex:none;-ms-flex:none;flex:none;background:none;border:none;outline:none;padding:0;white-space:nowrap;cursor:pointer;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);color:var(--plasma-textfield-color);position:relative;}.TextFieldChip_styles_8puilg_t4nir3h__f1ecfcd9::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChip_styles_8puilg_t4nir3h__f1ecfcd9.TextFieldChip_styles_8puilg_focusVisible__f1ecfcd9:focus::before,.TextFieldChip_styles_8puilg_t4nir3h__f1ecfcd9[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChip_styles_8puilg_t4nir3h__f1ecfcd9:after{content:',';}.TextFieldChip_styles_8puilg_t4nir3h__f1ecfcd9:last-child:after{content:'';}
 
-.TextFieldChipNew_styles_y9tozi_s11qqqhl__d1734be7{--plasma-chip-color:var(--plasma-textfield__chip-color);--plasma-chip-background:var(--plasma-textfield__chip-background);--plasma-chip-color-hover:var(--plasma-textfield__chip-color-hover);--plasma-chip-background-hover:var(--plasma-textfield__chip-background-hover);--plasma-chip-color-active:var(--plasma-textfield__chip-color-active);--plasma-chip-background-active:var(--plasma-textfield__chip-background-active);--plasma-chip-background-readonly:var(--plasma-textfield__chip-background-readonly);--plasma-chip-color-readonly:var(--plasma-textfield__chip-color-readonly);--plasma-chip-background-readonly-hover:var(--plasma-textfield__chip-background-readonly-hover);--plasma-chip-color-readonly-hover:var(--plasma-textfield__chip-color-readonly-hover);--plasma-chip-border-radius:var(--plasma-textfield__chip-border-radius);--plasma-chip-width:var(--plasma-textfield__chip-width);--plasma-chip-height:var(--plasma-textfield__chip-height);--plasma-chip-padding:var(--plasma-textfield__chip-padding);--plasma-chip-font-family:var(--plasma-textfield__chip-font-family);--plasma-chip-font-size:var(--plasma-textfield__chip-font-size);--plasma-chip-font-style:var(--plasma-textfield__chip-font-style);--plasma-chip-font-weight:var(--plasma-textfield__chip-font-weight);--plasma-chip-letter-spacing:var(--plasma-textfield__chip-letter-spacing);--plasma-chip-lineheight:var(--plasma-textfield__chip-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-textfield__chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-textfield__chip-clear-content-margin-right);--plasma-chip-close-icon-size:var(--plasma-textfield__chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-textfield__chip-close-icon-color);--plasma-chip-focus-color:var(--plasma-textfield-focus-color);--plasma-chip-disabled-opacity:0.4;position:relative;}.TextFieldChipNew_styles_y9tozi_s11qqqhl__d1734be7::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChipNew_styles_y9tozi_s11qqqhl__d1734be7.TextFieldChipNew_styles_y9tozi_focusVisible__d1734be7:focus::before,.TextFieldChipNew_styles_y9tozi_s11qqqhl__d1734be7[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChipNew_styles_y9tozi_s11qqqhl__d1734be7[readonly]{opacity:var(--plasma-textfield__chip-opacity-readonly);}
-.TextFieldChipNew_styles_y9tozi_t10z5awc__d1734be7{display:block;-webkit-flex:none;-ms-flex:none;flex:none;background:none;border:none;outline:none;padding:0;white-space:nowrap;cursor:pointer;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);color:var(--plasma-textfield-color);position:relative;}.TextFieldChipNew_styles_y9tozi_t10z5awc__d1734be7::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChipNew_styles_y9tozi_t10z5awc__d1734be7.TextFieldChipNew_styles_y9tozi_focusVisible__d1734be7:focus::before,.TextFieldChipNew_styles_y9tozi_t10z5awc__d1734be7[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChipNew_styles_y9tozi_t10z5awc__d1734be7:after{content:',';}.TextFieldChipNew_styles_y9tozi_t10z5awc__d1734be7:last-child:after{content:'';}
+.TextFieldChipNew_styles_1hj7e4k_s11qqqhl__cb238f63{--plasma-chip-color:var(--plasma-textfield__chip-color);--plasma-chip-background:var(--plasma-textfield__chip-background);--plasma-chip-color-hover:var(--plasma-textfield__chip-color-hover);--plasma-chip-background-hover:var(--plasma-textfield__chip-background-hover);--plasma-chip-color-active:var(--plasma-textfield__chip-color-active);--plasma-chip-background-active:var(--plasma-textfield__chip-background-active);--plasma-chip-background-readonly:var(--plasma-textfield__chip-background-readonly);--plasma-chip-color-readonly:var(--plasma-textfield__chip-color-readonly);--plasma-chip-background-readonly-hover:var(--plasma-textfield__chip-background-readonly-hover);--plasma-chip-color-readonly-hover:var(--plasma-textfield__chip-color-readonly-hover);--plasma-chip-border-radius:var(--plasma-textfield__chip-border-radius);--plasma-chip-width:var(--plasma-textfield__chip-width);--plasma-chip-height:var(--plasma-textfield__chip-height);--plasma-chip-padding:var(--plasma-textfield__chip-padding);--plasma-chip-font-family:var(--plasma-textfield__chip-font-family);--plasma-chip-font-size:var(--plasma-textfield__chip-font-size);--plasma-chip-font-style:var(--plasma-textfield__chip-font-style);--plasma-chip-font-weight:var(--plasma-textfield__chip-font-weight);--plasma-chip-letter-spacing:var(--plasma-textfield__chip-letter-spacing);--plasma-chip-lineheight:var(--plasma-textfield__chip-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-textfield__chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-textfield__chip-clear-content-margin-right);--plasma-chip-close-icon-size:var(--plasma-textfield__chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-textfield__chip-close-icon-color);--plasma-chip-close-icon-color-hover:var(--plasma-textfield__chip-close-icon-color-hover);--plasma-chip-close-icon-color-readonly:var(--plasma-textfield__chip-close-icon-color-readonly);--plasma-chip-focus-color:var(--plasma-textfield-focus-color);--plasma-chip-disabled-opacity:0.4;position:relative;}.TextFieldChipNew_styles_1hj7e4k_s11qqqhl__cb238f63::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChipNew_styles_1hj7e4k_s11qqqhl__cb238f63.TextFieldChipNew_styles_1hj7e4k_focusVisible__cb238f63:focus::before,.TextFieldChipNew_styles_1hj7e4k_s11qqqhl__cb238f63[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChipNew_styles_1hj7e4k_s11qqqhl__cb238f63[readonly]{opacity:var(--plasma-textfield__chip-opacity-readonly);}.TextFieldChipNew_styles_1hj7e4k_s11qqqhl__cb238f63:not([readonly]):hover,.TextFieldChipNew_styles_1hj7e4k_s11qqqhl__cb238f63:not([readonly]):active{color:var(--s11qqqhl-0);background-color:var(--s11qqqhl-1);cursor:var(--s11qqqhl-2);}.TextFieldChipNew_styles_1hj7e4k_s11qqqhl__cb238f63:not([readonly]):hover .TextFieldChipNew_styles_1hj7e4k_s1pcflhj__cb238f63,.TextFieldChipNew_styles_1hj7e4k_s11qqqhl__cb238f63:not([readonly]):active .TextFieldChipNew_styles_1hj7e4k_s1pcflhj__cb238f63{color:var(--s11qqqhl-3);}.TextFieldChipNew_styles_1hj7e4k_s11qqqhl__cb238f63:not([readonly]):hover .TextFieldChipNew_styles_1hj7e4k_s1pcflhj__cb238f63:hover,.TextFieldChipNew_styles_1hj7e4k_s11qqqhl__cb238f63:not([readonly]):active .TextFieldChipNew_styles_1hj7e4k_s1pcflhj__cb238f63:hover{cursor:pointer;color:var(--plasma-textfield__chip-close-icon-color-hover);}
+.TextFieldChipNew_styles_1hj7e4k_t10z5awc__cb238f63{display:block;-webkit-flex:none;-ms-flex:none;flex:none;background:none;border:none;outline:none;padding:0;white-space:nowrap;cursor:pointer;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);color:var(--plasma-textfield-color);position:relative;}.TextFieldChipNew_styles_1hj7e4k_t10z5awc__cb238f63::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChipNew_styles_1hj7e4k_t10z5awc__cb238f63.TextFieldChipNew_styles_1hj7e4k_focusVisible__cb238f63:focus::before,.TextFieldChipNew_styles_1hj7e4k_t10z5awc__cb238f63[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChipNew_styles_1hj7e4k_t10z5awc__cb238f63:after{content:',';}.TextFieldChipNew_styles_1hj7e4k_t10z5awc__cb238f63:last-child:after{content:'';}
 
 .TextField_1lzb2r1_bpunezx__7d079491{display:block;}
 
-.Textfield_styles_1mikp58_s1yhwv5r__b997b904{--plasma-textfield-color:var(--plasma-select-textfield-color);--plasma-textfield-bg-color:var(--plasma-select-textfield-background-color);--plasma-textfield-border-color:var(--plasma-select-textfield-border-color);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield__label-color:var(--plasma-select-textfield-label-color);--plasma-textfield__left-helper-color:var(--plasma-select-textfield-left-helper-color);--plasma-textfield-color-readonly:var(--plasma-select-textfield-color);--plasma-textfield-bg-color-readonly:var(--s1yhwv5r-0);--plasma-textfield__placeholder-color-readonly:var(--s1yhwv5r-1);--plasma-textfield__left-helper-color-readonly:var(--plasma-select-textfield-left-helper-color);--plasma-textfield__label-color-readonly:var(--plasma-select-textfield-label-color);--plasma-textfield-border-color-readonly:var(--s1yhwv5r-2);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield-border-color-hover:var(--plasma-select-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-select-textfield-border-color-focus);--plasma-textfield__optional-color:var(--plasma-select-new-textfield-optional-color);--plasma-textfield-height:var(--plasma-select-textfield-height);--plasma-textfield-border-width:var(--plasma-select-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-select-textfield-border-radius);--plasma-textfield-padding:var(--plasma-select-textfield-padding);--plasma-textfield-padding-with-chips:var(--plasma-select-textfield-padding-with-chips);--plasma-textfield__left-content-margin:var(--plasma-select-textfield-left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-select-textfield-right-content-margin);--plasma-textfield__right-content-with-hint-margin:var(--plasma-select-textfield-right-content-with-hint-margin);--plasma-textfield-content-right-wrapper-gap:var(--plasma-select-textfield-content-right-wrapper-gap);--plasma-textfield-content-right-wrapper-margin:var(--plasma-select-textfield-content-right-wrapper-margin);--plasma-textfield-font-family:var(--plasma-select-textfield-font-family);--plasma-textfield-font-style:var(--plasma-select-textfield-font-style);--plasma-textfield-font-size:var(--plasma-select-textfield-font-size);--plasma-textfield-font-weight:var(--plasma-select-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-select-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-select-textfield-line-height);--plasma-textfield-content-slot-color:var(--plasma-select-textfield-content-slot-color);--plasma-textfield-content-slot-color-hover:var(--plasma-select-textfield-content-slot-color-hover);--plasma-textfield-content-slot-color-active:var(--plasma-select-textfield-content-slot-color-active);--plasma-textfield-content-right-slot-color:var(--plasma-select-textfield-content-right-slot-color);--plasma-textfield-content-right-slot-color-hover:var(--plasma-select-textfield-content-right-slot-color-hover);--plasma-textfield-content-right-slot-color-active:var(--plasma-select-textfield-content-right-slot-color-active);--plasma-textfield__label-offset:var(--plasma-select-textfield-label-offset);--plasma-textfield__label-font-family:var(--plasma-select-textfield-label-font-family);--plasma-textfield__label-font-style:var(--plasma-select-textfield-label-font-style);--plasma-textfield__label-font-size:var(--plasma-select-textfield-label-font-size);--plasma-textfield__label-font-weight:var(--plasma-select-textfield-label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-select-textfield-label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-select-textfield-label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-select-textfield-placement-inner-label-font-family);--plasma-textfield-placement_inner__label-font-style:var(--plasma-select-textfield-placement-inner-label-font-style);--plasma-textfield-placement_inner__label-font-size:var(--plasma-select-textfield-placement-inner-label-font-size);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-select-textfield-placement-inner-label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-select-textfield-placement-inner-label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-select-textfield-placement-inner-label-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-select-textfield-placement-inner-label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-select-textfield-placement-inner-content-padding);--plasma-textfield__title-caption-color:var(--plasma-select-textfield-title-caption-color);--plasma-textfield__title-caption-label-inner-offset:var(--plasma-select-textfield-title-caption-label-inner-offset);--plasma-textfield__title-caption-font-family:var(--plasma-select-textfield-title-caption-font-family);--plasma-textfield__title-caption-font-style:var(--plasma-select-textfield-title-caption-font-style);--plasma-textfield__title-caption-font-size:var(--plasma-select-textfield-title-caption-font-size);--plasma-textfield__title-caption-font-weight:var(--plasma-select-textfield-title-caption-font-weight);--plasma-textfield__title-caption-letter-spacing:var(--plasma-select-textfield-title-caption-letter-spacing);--plasma-textfield__title-caption-line-height:var(--plasma-select-textfield-title-caption-line-height);--plasma-textfield__left-helper-offset:var(--plasma-select-textfield-left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-select-textfield-left-helper-font-family);--plasma-textfield__left-helper-font-style:var(--plasma-select-textfield-left-helper-font-style);--plasma-textfield__left-helper-font-size:var(--plasma-select-textfield-left-helper-font-size);--plasma-textfield__left-helper-font-weight:var(--plasma-select-textfield-left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-select-textfield-left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-select-textfield-left-helper-line-height);--plasma-textfield__before-text-color:var(--plasma-select-textfield-before-text-color);--plasma-textfield__after-text-color:var(--plasma-select-textfield-after-text-color);--plasma-textfield__before-text-margin:var(--plasma-select-textfield-before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-select-textfield-after-text-margin);--plasma-textfield-disabled-opacity:var(--plasma-select-textfield-disabled-opacity);--plasma-textfield__hint-custom-icon-target-size:var(--plasma-select-textfield__hint-custom-icon-target-size);--plasma-textfield__hint-margin:var(--plasma-select-textfield__hint-margin);--plasma-textfield__hint-target-size:var(--plasma-select-textfield__hint-target-size);--plasma-textfield__hint-icon-color:var(--plasma-select-textfield__hint-icon-color);--plasma-textfield__hint-inner-label-placement-offset:var(--plasma-select-textfield__hint-inner-label-placement-offset);--plasma-textfield__clear-hint-inner-label-placement-offset:var(--plasma-select-textfield__clear-hint-inner-label-placement-offset);--plasma-textfield__tooltip-background-color:var(--plasma-select-textfield__tooltip-background-color);--plasma-textfield__tooltip-box-shadow:var(--plasma-select-textfield__tooltip-box-shadow);--plasma-textfield__tooltip-color:var(--plasma-select-textfield__tooltip-color);--plasma-textfield__tooltip-padding-top:var(--plasma-select-textfield__tooltip-padding-top);--plasma-textfield__tooltip-padding-right:var(--plasma-select-textfield__tooltip-padding-right);--plasma-textfield__tooltip-padding-bottom:var(--plasma-select-textfield__tooltip-padding-bottom);--plasma-textfield__tooltip-padding-left:var(--plasma-select-textfield__tooltip-padding-left);--plasma-textfield__tooltip-min-height:var(--plasma-select-textfield__tooltip-min-height);--plasma-textfield__tooltip-border-radius:var(--plasma-select-textfield__tooltip-border-radius);--plasma-textfield__tooltip-text-font-family:var(--plasma-select-textfield__tooltip-text-font-family);--plasma-textfield__tooltip-text-font-size:var(--plasma-select-textfield__tooltip-text-font-size);--plasma-textfield__tooltip-text-font-style:var(--plasma-select-textfield__tooltip-text-font-style);--plasma-textfield__tooltip-text-font-weight:var(--plasma-select-textfield__tooltip-text-font-weight);--plasma-textfield__tooltip-text-font-letter-spacing:var(--plasma-select-textfield__tooltip-text-font-letter-spacing);--plasma-textfield__tooltip-text-font-line-height:var(--plasma-select-textfield__tooltip-text-font-line-height);--plasma-textfield__tooltip-content-left-margin:var(--plasma-select-textfield__tooltip-content-left-margin);--plasma-textfield__tooltip-arrow-mask-width:var(--plasma-select-textfield__tooltip-arrow-mask-width);--plasma-textfield__tooltip-arrow-mask-height:var(--plasma-select-textfield__tooltip-arrow-mask-height);--plasma-textfield__tooltip-arrow-mask-image:var(--plasma-select-textfield__tooltip-arrow-mask-image);--plasma-textfield__tooltip-arrow-height:var(--plasma-select-textfield__tooltip-arrow-height);--plasma-textfield__tooltip-arrow-edge-margin:var(--plasma-select-textfield__tooltip-arrow-edge-margin);--plasma-textfield__tooltip-arrow-background:var(--plasma-select-textfield__tooltip-arrow-background);--plasma-textfield__chip-height:var(--plasma-select-textfield-chip-height);--plasma-textfield__chip-border-radius:var(--plasma-select-textfield-chip-border-radius);--plasma-textfield__chip-gap:var(--plasma-select-textfield-chip-gap);--plasma-textfield__chip-color:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-hover:var(--plasma-select-textfield-chip-color-hover);--plasma-textfield__chip-background:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-active:var(--plasma-select-textfield-chip-background-active);--plasma-textfield__chip-color-active:var(--plasma-select-textfield-chip-color-active);--plasma-textfield__chip-close-icon-color:var(--plasma-select-textfield-chip-close-icons-color);--plasma-textfield__chip-outline-size:var(--plasma-select-textfield-chip-outline-size);--plasma-textfield__chip-width:var(--plasma-select-textfield-chip-width);--plasma-textfield__chip-padding:var(--plasma-select-textfield-chip-padding);--plasma-textfield__chip-close-icon-size:var(--plasma-select-textfield-chip-close-icon-size);--plasma-textfield__chip-font-family:var(--plasma-select-textfield-chip-font-family);--plasma-textfield__chip-font-size:var(--plasma-select-textfield-chip-font-size);--plasma-textfield__chip-font-style:var(--plasma-select-textfield-chip-font-style);--plasma-textfield__chip-font-weight:var(--plasma-select-textfield-chip-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-select-textfield-chip-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-select-textfield-chip-line-height);--plasma-textfield__chip-color-readonly:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-readonly-hover:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-background-readonly:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-readonly-hover:var(--plasma-select-textfield-chip-background-hover);--plasma-textfield__chip-clear-content-margin-left:var(--plasma-select-textfield-chip-clear-content-margin-left);--plasma-textfield__chip-clear-content-margin-right:var(--plasma-select-textfield-chip-clear-content-margin-right);--plasma-textfield__indicator-color:var(--plasma-select-new-textfield-indicator-color);--plasma-textfield__indicator-size-inner:var(--plasma-select-new-textfield-indicator-size-inner);--plasma-textfield__indicator-size-outer:var(--plasma-select-new-textfield-indicator-size-outer);--plasma-textfield__indicator-placement-inner:var(--plasma-select-new-textfield-indicator-placement-inner);--plasma-textfield__indicator-placement-outer:var(--plasma-select-new-textfield-indicator-placement-outer);--plasma-textfield__indicator-placement-inner-right:var(--plasma-select-new-textfield-indicator-placement-inner-right);--plasma-textfield__indicator-placement-outer-right:var(--plasma-select-new-textfield-indicator-placement-outer-right);--plasma-textfield__clear-indicator-placement-inner:var(--plasma-select-new-textfield-clear-indicator-placement-inner);--plasma-textfield__clear-indicator-placement-inner-right:var(--plasma-select-new-textfield-clear-indicator-placement-inner-right );--plasma-textfield__clear-indicator-hint-placement-inner-right:var(--plasma-select-new-textfield-clear-indicator-hint-placement-inner-right);--plasma-textfield-focus-color:var(--plasma-select-textfield-focus-color);--plasma-textfield-box-shadow:var(--s1yhwv5r-3);}.Textfield_styles_1mikp58_s1yhwv5r__b997b904 div.Textfield_styles_1mikp58_inputWrapper__b997b904:focus-within{background-color:var(--plasma-select-textfield-background-color-focus);}.Textfield_styles_1mikp58_s1yhwv5r__b997b904.Textfield_styles_1mikp58_readonly__b997b904{--plasma-textfield-color-readonly:var(--plasma-select-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-select-textfield-bg-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-select-textfield__placeholder-color-readonly);--plasma-textfield-divider-color-readonly:var(--plasma-select-textfield-divider-color-readonly);--plasma-textfield__left-helper-color-readonly:var(--plasma-select-textfield__left-helper-color-readonly);--plasma-textfield__label-color-readonly:var(--plasma-select-textfield__label-color-readonly);--plasma-textfield__title-caption-color-readonly:var(--plasma-select-textfield__title-caption-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-select-textfield-border-color-readonly);--plasma-textfield-readonly-opacity:var(--plasma-select-textfield-readonly-opacity);--plasma-textfield__chip-color-readonly:var(--plasma-select-textfield__chip-color-readonly);--plasma-textfield__chip-color-readonly-hover:var(--plasma-select-textfield__chip-color-readonly-hover);--plasma-textfield__chip-background-readonly:var(--plasma-select-textfield__chip-background-readonly);--plasma-textfield__chip-background-readonly-hover:var(--plasma-select-textfield__chip-background-readonly-hover);--plasma-textfield__chip-opacity-readonly:var(--plasma-select-textfield__chip-opacity-readonly);--plasma-textfield-box-shadow:none;}
-.Textfield_styles_1mikp58_i7x5udn__b997b904{line-height:0;color:var(--plasma-select-disclosure-icon-color);cursor:var(--i7x5udn-0);opacity:var(--i7x5udn-2);}.Textfield_styles_1mikp58_i7x5udn__b997b904 .Textfield_styles_1mikp58_arrowInverse__b997b904{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.Textfield_styles_1mikp58_i7x5udn__b997b904:hover,.Textfield_styles_1mikp58_i7x5udn__b997b904:active{color:var(--i7x5udn-1);}
-.Textfield_styles_1mikp58_s2oocb4__b997b904{width:var(--s2oocb4-0);height:var(--s2oocb4-0);}
-.Textfield_styles_1mikp58_s1kxyc50__b997b904{margin:0;padding:0;}
+.Textfield_styles_19e9015_s1yhwv5r__ee511ade{--plasma-textfield-color:var(--plasma-select-textfield-color);--plasma-textfield-bg-color:var(--plasma-select-textfield-background-color);--plasma-textfield-border-color:var(--plasma-select-textfield-border-color);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield__label-color:var(--plasma-select-textfield-label-color);--plasma-textfield__left-helper-color:var(--plasma-select-textfield-left-helper-color);--plasma-textfield-color-readonly:var(--plasma-select-textfield-color);--plasma-textfield-bg-color-readonly:var(--s1yhwv5r-0);--plasma-textfield__placeholder-color-readonly:var(--s1yhwv5r-1);--plasma-textfield__left-helper-color-readonly:var(--plasma-select-textfield-left-helper-color);--plasma-textfield__label-color-readonly:var(--plasma-select-textfield-label-color);--plasma-textfield-border-color-readonly:var(--s1yhwv5r-2);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield-border-color-hover:var(--plasma-select-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-select-textfield-border-color-focus);--plasma-textfield__optional-color:var(--plasma-select-new-textfield-optional-color);--plasma-textfield-height:var(--plasma-select-textfield-height);--plasma-textfield-border-width:var(--plasma-select-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-select-textfield-border-radius);--plasma-textfield-padding:var(--plasma-select-textfield-padding);--plasma-textfield-padding-with-chips:var(--plasma-select-textfield-padding-with-chips);--plasma-textfield__left-content-margin:var(--plasma-select-textfield-left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-select-textfield-right-content-margin);--plasma-textfield__right-content-with-hint-margin:var(--plasma-select-textfield-right-content-with-hint-margin);--plasma-textfield-content-right-wrapper-gap:var(--plasma-select-textfield-content-right-wrapper-gap);--plasma-textfield-content-right-wrapper-margin:var(--plasma-select-textfield-content-right-wrapper-margin);--plasma-textfield-font-family:var(--plasma-select-textfield-font-family);--plasma-textfield-font-style:var(--plasma-select-textfield-font-style);--plasma-textfield-font-size:var(--plasma-select-textfield-font-size);--plasma-textfield-font-weight:var(--plasma-select-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-select-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-select-textfield-line-height);--plasma-textfield-content-slot-color:var(--plasma-select-textfield-content-slot-color);--plasma-textfield-content-slot-color-hover:var(--plasma-select-textfield-content-slot-color-hover);--plasma-textfield-content-slot-color-active:var(--plasma-select-textfield-content-slot-color-active);--plasma-textfield-content-right-slot-color:var(--plasma-select-textfield-content-right-slot-color);--plasma-textfield-content-right-slot-color-hover:var(--plasma-select-textfield-content-right-slot-color-hover);--plasma-textfield-content-right-slot-color-active:var(--plasma-select-textfield-content-right-slot-color-active);--plasma-textfield__label-offset:var(--plasma-select-textfield-label-offset);--plasma-textfield__label-font-family:var(--plasma-select-textfield-label-font-family);--plasma-textfield__label-font-style:var(--plasma-select-textfield-label-font-style);--plasma-textfield__label-font-size:var(--plasma-select-textfield-label-font-size);--plasma-textfield__label-font-weight:var(--plasma-select-textfield-label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-select-textfield-label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-select-textfield-label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-select-textfield-placement-inner-label-font-family);--plasma-textfield-placement_inner__label-font-style:var(--plasma-select-textfield-placement-inner-label-font-style);--plasma-textfield-placement_inner__label-font-size:var(--plasma-select-textfield-placement-inner-label-font-size);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-select-textfield-placement-inner-label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-select-textfield-placement-inner-label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-select-textfield-placement-inner-label-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-select-textfield-placement-inner-label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-select-textfield-placement-inner-content-padding);--plasma-textfield__title-caption-color:var(--plasma-select-textfield-title-caption-color);--plasma-textfield__title-caption-label-inner-offset:var(--plasma-select-textfield-title-caption-label-inner-offset);--plasma-textfield__title-caption-font-family:var(--plasma-select-textfield-title-caption-font-family);--plasma-textfield__title-caption-font-style:var(--plasma-select-textfield-title-caption-font-style);--plasma-textfield__title-caption-font-size:var(--plasma-select-textfield-title-caption-font-size);--plasma-textfield__title-caption-font-weight:var(--plasma-select-textfield-title-caption-font-weight);--plasma-textfield__title-caption-letter-spacing:var(--plasma-select-textfield-title-caption-letter-spacing);--plasma-textfield__title-caption-line-height:var(--plasma-select-textfield-title-caption-line-height);--plasma-textfield__left-helper-offset:var(--plasma-select-textfield-left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-select-textfield-left-helper-font-family);--plasma-textfield__left-helper-font-style:var(--plasma-select-textfield-left-helper-font-style);--plasma-textfield__left-helper-font-size:var(--plasma-select-textfield-left-helper-font-size);--plasma-textfield__left-helper-font-weight:var(--plasma-select-textfield-left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-select-textfield-left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-select-textfield-left-helper-line-height);--plasma-textfield__before-text-color:var(--plasma-select-textfield-before-text-color);--plasma-textfield__after-text-color:var(--plasma-select-textfield-after-text-color);--plasma-textfield__before-text-margin:var(--plasma-select-textfield-before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-select-textfield-after-text-margin);--plasma-textfield-disabled-opacity:var(--plasma-select-textfield-disabled-opacity);--plasma-textfield__hint-custom-icon-target-size:var(--plasma-select-textfield__hint-custom-icon-target-size);--plasma-textfield__hint-margin:var(--plasma-select-textfield__hint-margin);--plasma-textfield__hint-target-size:var(--plasma-select-textfield__hint-target-size);--plasma-textfield__hint-icon-color:var(--plasma-select-textfield__hint-icon-color);--plasma-textfield__hint-inner-label-placement-offset:var(--plasma-select-textfield__hint-inner-label-placement-offset);--plasma-textfield__clear-hint-inner-label-placement-offset:var(--plasma-select-textfield__clear-hint-inner-label-placement-offset);--plasma-textfield__tooltip-background-color:var(--plasma-select-textfield__tooltip-background-color);--plasma-textfield__tooltip-box-shadow:var(--plasma-select-textfield__tooltip-box-shadow);--plasma-textfield__tooltip-color:var(--plasma-select-textfield__tooltip-color);--plasma-textfield__tooltip-padding-top:var(--plasma-select-textfield__tooltip-padding-top);--plasma-textfield__tooltip-padding-right:var(--plasma-select-textfield__tooltip-padding-right);--plasma-textfield__tooltip-padding-bottom:var(--plasma-select-textfield__tooltip-padding-bottom);--plasma-textfield__tooltip-padding-left:var(--plasma-select-textfield__tooltip-padding-left);--plasma-textfield__tooltip-min-height:var(--plasma-select-textfield__tooltip-min-height);--plasma-textfield__tooltip-border-radius:var(--plasma-select-textfield__tooltip-border-radius);--plasma-textfield__tooltip-text-font-family:var(--plasma-select-textfield__tooltip-text-font-family);--plasma-textfield__tooltip-text-font-size:var(--plasma-select-textfield__tooltip-text-font-size);--plasma-textfield__tooltip-text-font-style:var(--plasma-select-textfield__tooltip-text-font-style);--plasma-textfield__tooltip-text-font-weight:var(--plasma-select-textfield__tooltip-text-font-weight);--plasma-textfield__tooltip-text-font-letter-spacing:var(--plasma-select-textfield__tooltip-text-font-letter-spacing);--plasma-textfield__tooltip-text-font-line-height:var(--plasma-select-textfield__tooltip-text-font-line-height);--plasma-textfield__tooltip-content-left-margin:var(--plasma-select-textfield__tooltip-content-left-margin);--plasma-textfield__tooltip-arrow-mask-width:var(--plasma-select-textfield__tooltip-arrow-mask-width);--plasma-textfield__tooltip-arrow-mask-height:var(--plasma-select-textfield__tooltip-arrow-mask-height);--plasma-textfield__tooltip-arrow-mask-image:var(--plasma-select-textfield__tooltip-arrow-mask-image);--plasma-textfield__tooltip-arrow-height:var(--plasma-select-textfield__tooltip-arrow-height);--plasma-textfield__tooltip-arrow-edge-margin:var(--plasma-select-textfield__tooltip-arrow-edge-margin);--plasma-textfield__tooltip-arrow-background:var(--plasma-select-textfield__tooltip-arrow-background);--plasma-textfield__chip-height:var(--plasma-select-textfield-chip-height);--plasma-textfield__chip-border-radius:var(--plasma-select-textfield-chip-border-radius);--plasma-textfield__chip-gap:var(--plasma-select-textfield-chip-gap);--plasma-textfield__chip-color:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-hover:var(--plasma-select-textfield-chip-color-hover);--plasma-textfield__chip-background:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-hover:var(--plasma-select-textfield-chip-background-hover);--plasma-textfield__chip-background-active:var(--plasma-select-textfield-chip-background-active);--plasma-textfield__chip-color-active:var(--plasma-select-textfield-chip-color-active);--plasma-textfield__chip-close-icon-color:var(--plasma-select-textfield-chip-close-icons-color);--plasma-textfield__chip-close-icon-color-hover:var(--plasma-select-textfield-chip-close-icons-color-hover);--plasma-textfield__chip-close-icon-color-readonly:var(--plasma-select-textfield-chip-close-icons-color-readonly);--plasma-textfield__chip-outline-size:var(--plasma-select-textfield-chip-outline-size);--plasma-textfield__chip-width:var(--plasma-select-textfield-chip-width);--plasma-textfield__chip-padding:var(--plasma-select-textfield-chip-padding);--plasma-textfield__chip-close-icon-size:var(--plasma-select-textfield-chip-close-icon-size);--plasma-textfield__chip-font-family:var(--plasma-select-textfield-chip-font-family);--plasma-textfield__chip-font-size:var(--plasma-select-textfield-chip-font-size);--plasma-textfield__chip-font-style:var(--plasma-select-textfield-chip-font-style);--plasma-textfield__chip-font-weight:var(--plasma-select-textfield-chip-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-select-textfield-chip-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-select-textfield-chip-line-height);--plasma-textfield__chip-color-readonly:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-readonly-hover:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-background-readonly:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-readonly-hover:var(--plasma-select-textfield-chip-background-hover);--plasma-textfield__chip-clear-content-margin-left:var(--plasma-select-textfield-chip-clear-content-margin-left);--plasma-textfield__chip-clear-content-margin-right:var(--plasma-select-textfield-chip-clear-content-margin-right);--plasma-textfield__indicator-color:var(--plasma-select-new-textfield-indicator-color);--plasma-textfield__indicator-size-inner:var(--plasma-select-new-textfield-indicator-size-inner);--plasma-textfield__indicator-size-outer:var(--plasma-select-new-textfield-indicator-size-outer);--plasma-textfield__indicator-placement-inner:var(--plasma-select-new-textfield-indicator-placement-inner);--plasma-textfield__indicator-placement-outer:var(--plasma-select-new-textfield-indicator-placement-outer);--plasma-textfield__indicator-placement-inner-right:var(--plasma-select-new-textfield-indicator-placement-inner-right);--plasma-textfield__indicator-placement-outer-right:var(--plasma-select-new-textfield-indicator-placement-outer-right);--plasma-textfield__clear-indicator-placement-inner:var(--plasma-select-new-textfield-clear-indicator-placement-inner);--plasma-textfield__clear-indicator-placement-inner-right:var(--plasma-select-new-textfield-clear-indicator-placement-inner-right );--plasma-textfield__clear-indicator-hint-placement-inner-right:var(--plasma-select-new-textfield-clear-indicator-hint-placement-inner-right);--plasma-textfield-focus-color:var(--plasma-select-textfield-focus-color);--plasma-textfield-box-shadow:var(--s1yhwv5r-3);}.Textfield_styles_19e9015_s1yhwv5r__ee511ade div.Textfield_styles_19e9015_inputWrapper__ee511ade:focus-within{background-color:var(--plasma-select-textfield-background-color-focus);}.Textfield_styles_19e9015_s1yhwv5r__ee511ade.Textfield_styles_19e9015_readonly__ee511ade{--plasma-textfield-color-readonly:var(--plasma-select-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-select-textfield-bg-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-select-textfield__placeholder-color-readonly);--plasma-textfield-divider-color-readonly:var(--plasma-select-textfield-divider-color-readonly);--plasma-textfield__left-helper-color-readonly:var(--plasma-select-textfield__left-helper-color-readonly);--plasma-textfield__label-color-readonly:var(--plasma-select-textfield__label-color-readonly);--plasma-textfield__title-caption-color-readonly:var(--plasma-select-textfield__title-caption-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-select-textfield-border-color-readonly);--plasma-textfield-readonly-opacity:var(--plasma-select-textfield-readonly-opacity);--plasma-textfield__chip-color-readonly:var(--plasma-select-textfield__chip-color-readonly);--plasma-textfield__chip-color-readonly-hover:var(--plasma-select-textfield__chip-color-readonly-hover);--plasma-textfield__chip-background-readonly:var(--plasma-select-textfield__chip-background-readonly);--plasma-textfield__chip-background-readonly-hover:var(--plasma-select-textfield__chip-background-readonly-hover);--plasma-textfield__chip-opacity-readonly:var(--plasma-select-textfield__chip-opacity-readonly);--plasma-textfield-box-shadow:none;}
+.Textfield_styles_19e9015_i7x5udn__ee511ade{line-height:0;color:var(--plasma-select-disclosure-icon-color);cursor:var(--i7x5udn-0);opacity:var(--i7x5udn-2);}.Textfield_styles_19e9015_i7x5udn__ee511ade .Textfield_styles_19e9015_arrowInverse__ee511ade{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.Textfield_styles_19e9015_i7x5udn__ee511ade:hover,.Textfield_styles_19e9015_i7x5udn__ee511ade:active{color:var(--i7x5udn-1);}
+.Textfield_styles_19e9015_s2oocb4__ee511ade{width:var(--s2oocb4-0);height:var(--s2oocb4-0);}
+.Textfield_styles_19e9015_s1kxyc50__ee511ade{margin:0;padding:0;}

package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js

@@ -38,7 +38,8 @@ var Textfield = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     chipView = _ref.chipView,
     requiredProps = _ref.requiredProps,
     chipType = _ref.chipType,
-    hintProps = _ref.hintProps;
+    hintProps = _ref.hintProps,
+    chipClickArea = _ref.chipClickArea;
   var withArrowInverse = opened ? Select_tokens.classes.arrowInverse : undefined;
   var getValue = function getValue() {
     var _valueToItemMap$get;
@@ -134,7 +135,8 @@ var Textfield = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   }, multiselect ? {
     enumerationType: 'chip',
     _chips: getChips(),
-    _onChipClick: handleChipClick,
+    _onChipCloseClick: handleChipClick,
+    _chipClickArea: chipClickArea,
     chipType: chipType,
     chipView: chipView
   } : {

package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js.map

@@ -1 +1 @@
-{"version":3,"file":"Textfield.js","sources":["../../../../../../../src/components/Select/ui/Target/ui/Textfield/Textfield.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { sizeToIconSize, getItemId } from '../../../../utils';\nimport { classes } from '../../../../Select.tokens';\n\nimport { IconArrowWrapper, StyledArrow, StyledTextField, StyledLeftHelper } from './Textfield.styles';\nimport { TextfieldProps } from './Textfield.types';\n\nexport const Textfield = forwardRef<HTMLInputElement, TextfieldProps>(\n    (\n        {\n            inputWrapperRef,\n            opened,\n            multiselect,\n            value,\n            label,\n            labelPlacement,\n            keepPlaceholder,\n            placeholder,\n            onKeyDown,\n            size,\n            view,\n            contentLeft,\n            helperText,\n            treeId,\n            activeDescendantItemValue,\n            disabled,\n            readOnly,\n            isTargetAmount,\n            valueToItemMap,\n            renderValue,\n            onChange,\n            chipView,\n            requiredProps,\n            chipType,\n            hintProps,\n        },\n        ref,\n    ) => {\n        const withArrowInverse = opened ? classes.arrowInverse : undefined;\n\n        const getValue = () => {\n            if (multiselect || Array.isArray(value) || !value) {\n                return '';\n            }\n\n            if (renderValue) {\n                return renderValue(valueToItemMap.get(value.toString()) || { value, label: value.toString() });\n            }\n\n            return valueToItemMap.get(value.toString())?.label || value.toString();\n        };\n\n        const getChips = (): { value: string | number; label: string; disabled: boolean }[] => {\n            if (multiselect && Array.isArray(value)) {\n                if (value.length === 0) return [];\n\n                if (isTargetAmount) {\n                    return [\n                        {\n                            value: '_removeAll',\n                            label: `Выбрано ${value.length}`,\n                            disabled: value.every((val) => valueToItemMap?.get(val)?.disabled),\n                        },\n                    ];\n                }\n\n                return value.map((value) => {\n                    const currentLabel = renderValue\n                        ? renderValue(valueToItemMap.get(value) || { value, label: value.toString() })\n                        : valueToItemMap.get(value)?.label || value.toString();\n\n                    return {\n                        value,\n                        label: currentLabel,\n                        disabled: valueToItemMap.get(value)?.disabled || false,\n                    };\n                });\n            }\n\n            return [];\n        };\n\n        // Обработчик чипов\n        const handleChipClick = (chip: { value: string; label: string; disabled: boolean }) => {\n            if (!Array.isArray(value)) return;\n\n            if (isTargetAmount) {\n                // При закрытии чипа в режиме isTargetAmount в value оставляем только disabled-элементы\n                onChange(value.filter((val) => valueToItemMap?.get(val)?.disabled));\n            } else {\n                onChange(\n                    value.filter((val) => val !== chip.value),\n                    valueToItemMap.get(chip.value) || null,\n                );\n            }\n        };\n\n        const helperTextStopPropagation = (event: React.MouseEvent<HTMLDivElement>) => {\n            event.stopPropagation();\n        };\n\n        return (\n            <StyledTextField\n                ref={ref}\n                inputWrapperRef={inputWrapperRef}\n                readOnly\n                className={readOnly ? classes.readOnly : undefined}\n                value={getValue()}\n                size={size}\n                view={view}\n                labelPlacement={labelPlacement}\n                disabled={disabled}\n                label={label}\n                keepPlaceholder={keepPlaceholder}\n                placeholder={value instanceof Array && value.length ? '' : placeholder}\n                contentLeft={contentLeft as React.ReactElement}\n                contentRight={\n                    <IconArrowWrapper disabled={disabled} readOnly={readOnly}>\n                        <StyledArrow color=\"inherit\" size={sizeToIconSize(size)} className={withArrowInverse} />\n                    </IconArrowWrapper>\n                }\n                onKeyDown={onKeyDown}\n                leftHelper={\n                    helperText && <StyledLeftHelper onClick={helperTextStopPropagation}>{helperText}</StyledLeftHelper>\n                }\n                role=\"combobox\"\n                aria-autocomplete=\"list\"\n                aria-controls={`${treeId}_tree_level_1`}\n                aria-expanded={opened}\n                aria-activedescendant={activeDescendantItemValue ? getItemId(treeId, activeDescendantItemValue) : ''}\n                {...(multiselect\n                    ? {\n                          enumerationType: 'chip',\n                          _chips: getChips(),\n                          _onChipClick: handleChipClick,\n                          chipType,\n                          chipView,\n                      }\n                    : { enumerationType: 'plain' })}\n                _onEnterDisabled // Пропс для отключения обработчика Enter внутри Textfield\n                opened={opened}\n                // TODO: #1547\n                _forceChipManipulationWithReadonly={!readOnly}\n                {...requiredProps}\n                {...hintProps}\n            />\n        );\n    },\n);\n"],"names":["Textfield","forwardRef","_ref","ref","inputWrapperRef","opened","multiselect","value","label","labelPlacement","keepPlaceholder","placeholder","onKeyDown","size","view","contentLeft","helperText","treeId","activeDescendantItemValue","disabled","readOnly","isTargetAmount","valueToItemMap","renderValue","onChange","chipView","requiredProps","chipType","hintProps","withArrowInverse","classes","arrowInverse","undefined","getValue","_valueToItemMap$get","Array","isArray","get","toString","getChips","length","concat","every","val","_valueToItemMap$get2","map","_valueToItemMap$get3","_valueToItemMap$get4","currentLabel","handleChipClick","chip","filter","_valueToItemMap$get5","helperTextStopPropagation","event","stopPropagation","React","createElement","StyledTextField","_extends","className","contentRight","IconArrowWrapper","StyledArrow","color","sizeToIconSize","leftHelper","StyledLeftHelper","onClick","role","getItemId","enumerationType","_chips","_onChipClick","_onEnterDisabled","_forceChipManipulationWithReadonly"],"mappings":"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"}
+{"version":3,"file":"Textfield.js","sources":["../../../../../../../src/components/Select/ui/Target/ui/Textfield/Textfield.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { sizeToIconSize, getItemId } from '../../../../utils';\nimport { classes } from '../../../../Select.tokens';\n\nimport { IconArrowWrapper, StyledArrow, StyledTextField, StyledLeftHelper } from './Textfield.styles';\nimport { TextfieldProps } from './Textfield.types';\n\nexport const Textfield = forwardRef<HTMLInputElement, TextfieldProps>(\n    (\n        {\n            inputWrapperRef,\n            opened,\n            multiselect,\n            value,\n            label,\n            labelPlacement,\n            keepPlaceholder,\n            placeholder,\n            onKeyDown,\n            size,\n            view,\n            contentLeft,\n            helperText,\n            treeId,\n            activeDescendantItemValue,\n            disabled,\n            readOnly,\n            isTargetAmount,\n            valueToItemMap,\n            renderValue,\n            onChange,\n            chipView,\n            requiredProps,\n            chipType,\n            hintProps,\n            chipClickArea,\n        },\n        ref,\n    ) => {\n        const withArrowInverse = opened ? classes.arrowInverse : undefined;\n\n        const getValue = () => {\n            if (multiselect || Array.isArray(value) || !value) {\n                return '';\n            }\n\n            if (renderValue) {\n                return renderValue(valueToItemMap.get(value.toString()) || { value, label: value.toString() });\n            }\n\n            return valueToItemMap.get(value.toString())?.label || value.toString();\n        };\n\n        const getChips = (): { value: string | number; label: string; disabled: boolean }[] => {\n            if (multiselect && Array.isArray(value)) {\n                if (value.length === 0) return [];\n\n                if (isTargetAmount) {\n                    return [\n                        {\n                            value: '_removeAll',\n                            label: `Выбрано ${value.length}`,\n                            disabled: value.every((val) => valueToItemMap?.get(val)?.disabled),\n                        },\n                    ];\n                }\n\n                return value.map((value) => {\n                    const currentLabel = renderValue\n                        ? renderValue(valueToItemMap.get(value) || { value, label: value.toString() })\n                        : valueToItemMap.get(value)?.label || value.toString();\n\n                    return {\n                        value,\n                        label: currentLabel,\n                        disabled: valueToItemMap.get(value)?.disabled || false,\n                    };\n                });\n            }\n\n            return [];\n        };\n\n        // Обработчик чипов\n        const handleChipClick = (chip: { value: string; label: string; disabled: boolean }) => {\n            if (!Array.isArray(value)) return;\n\n            if (isTargetAmount) {\n                // При закрытии чипа в режиме isTargetAmount в value оставляем только disabled-элементы\n                onChange(value.filter((val) => valueToItemMap?.get(val)?.disabled));\n            } else {\n                onChange(\n                    value.filter((val) => val !== chip.value),\n                    valueToItemMap.get(chip.value) || null,\n                );\n            }\n        };\n\n        const helperTextStopPropagation = (event: React.MouseEvent<HTMLDivElement>) => {\n            event.stopPropagation();\n        };\n\n        return (\n            <StyledTextField\n                ref={ref}\n                inputWrapperRef={inputWrapperRef}\n                readOnly\n                className={readOnly ? classes.readOnly : undefined}\n                value={getValue()}\n                size={size}\n                view={view}\n                labelPlacement={labelPlacement}\n                disabled={disabled}\n                label={label}\n                keepPlaceholder={keepPlaceholder}\n                placeholder={value instanceof Array && value.length ? '' : placeholder}\n                contentLeft={contentLeft as React.ReactElement}\n                contentRight={\n                    <IconArrowWrapper disabled={disabled} readOnly={readOnly}>\n                        <StyledArrow color=\"inherit\" size={sizeToIconSize(size)} className={withArrowInverse} />\n                    </IconArrowWrapper>\n                }\n                onKeyDown={onKeyDown}\n                leftHelper={\n                    helperText && <StyledLeftHelper onClick={helperTextStopPropagation}>{helperText}</StyledLeftHelper>\n                }\n                role=\"combobox\"\n                aria-autocomplete=\"list\"\n                aria-controls={`${treeId}_tree_level_1`}\n                aria-expanded={opened}\n                aria-activedescendant={activeDescendantItemValue ? getItemId(treeId, activeDescendantItemValue) : ''}\n                {...(multiselect\n                    ? {\n                          enumerationType: 'chip',\n                          _chips: getChips(),\n                          _onChipCloseClick: handleChipClick,\n                          _chipClickArea: chipClickArea,\n                          chipType,\n                          chipView,\n                      }\n                    : { enumerationType: 'plain' })}\n                _onEnterDisabled // Пропс для отключения обработчика Enter внутри Textfield\n                opened={opened}\n                // TODO: #1547\n                _forceChipManipulationWithReadonly={!readOnly}\n                {...requiredProps}\n                {...hintProps}\n            />\n        );\n    },\n);\n"],"names":["Textfield","forwardRef","_ref","ref","inputWrapperRef","opened","multiselect","value","label","labelPlacement","keepPlaceholder","placeholder","onKeyDown","size","view","contentLeft","helperText","treeId","activeDescendantItemValue","disabled","readOnly","isTargetAmount","valueToItemMap","renderValue","onChange","chipView","requiredProps","chipType","hintProps","chipClickArea","withArrowInverse","classes","arrowInverse","undefined","getValue","_valueToItemMap$get","Array","isArray","get","toString","getChips","length","concat","every","val","_valueToItemMap$get2","map","_valueToItemMap$get3","_valueToItemMap$get4","currentLabel","handleChipClick","chip","filter","_valueToItemMap$get5","helperTextStopPropagation","event","stopPropagation","React","createElement","StyledTextField","_extends","className","contentRight","IconArrowWrapper","StyledArrow","color","sizeToIconSize","leftHelper","StyledLeftHelper","onClick","role","getItemId","enumerationType","_chips","_onChipCloseClick","_chipClickArea","_onEnterDisabled","_forceChipManipulationWithReadonly"],"mappings":"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"}

package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js

@@ -1,4 +1,4 @@
-require('./Textfield.styles_1mikp58.css');
+require('./Textfield.styles_19e9015.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -32,7 +32,7 @@ var _exp25 = function _exp25() {
     return opened ? "var(".concat(Select_tokens.tokens.textFieldBorderColorFocus, ")") : "var(".concat(Select_tokens.tokens.textFieldBorderColor, ")");
   };
 };
-var _exp277 = function _exp277() {
+var _exp283 = function _exp283() {
   return function (_ref4) {
     var disabled = _ref4.disabled;
     return disabled ? 'none' : "var(".concat(Select_tokens.tokens.textFieldBoxShadow, ")");
@@ -46,24 +46,24 @@ var StyledTextField = /*#__PURE__*/react.styled(_exp())({
     "s1yhwv5r-0": [/*#__PURE__*/_exp17()],
     "s1yhwv5r-1": [/*#__PURE__*/_exp19()],
     "s1yhwv5r-2": [/*#__PURE__*/_exp25()],
-    "s1yhwv5r-3": [/*#__PURE__*/_exp277()]
+    "s1yhwv5r-3": [/*#__PURE__*/_exp283()]
   }
 });
-var _exp310 = function _exp310() {
+var _exp316 = function _exp316() {
   return function (_ref5) {
     var disabled = _ref5.disabled,
       readOnly = _ref5.readOnly;
     return disabled || readOnly ? 'inherit' : 'pointer';
   };
 };
-var _exp312 = function _exp312() {
+var _exp318 = function _exp318() {
   return function (_ref6) {
     var disabled = _ref6.disabled,
       readOnly = _ref6.readOnly;
     return disabled || readOnly ? "var(".concat(Select_tokens.tokens.disclosureIconColor, ")") : "var(".concat(Select_tokens.tokens.disclosureIconColorHover, ")");
   };
 };
-var _exp313 = function _exp313() {
+var _exp319 = function _exp319() {
   return function (_ref7) {
     var readOnly = _ref7.readOnly;
     return readOnly ? "var(".concat(Select_tokens.tokens.disclosureIconOpacityReadOnly, ")") : '';
@@ -74,15 +74,15 @@ var IconArrowWrapper = /*#__PURE__*/react.styled('div')({
   "class": "i7x5udn",
   propsAsIs: false,
   vars: {
-    "i7x5udn-0": [/*#__PURE__*/_exp310()],
-    "i7x5udn-1": [/*#__PURE__*/_exp312()],
-    "i7x5udn-2": [/*#__PURE__*/_exp313()]
+    "i7x5udn-0": [/*#__PURE__*/_exp316()],
+    "i7x5udn-1": [/*#__PURE__*/_exp318()],
+    "i7x5udn-2": [/*#__PURE__*/_exp319()]
   }
 });
-var _exp314 = function _exp314() {
+var _exp320 = function _exp320() {
   return IconDisclosureDownCentered.IconDisclosureDownCentered;
 };
-var _exp316 = function _exp316() {
+var _exp322 = function _exp322() {
   return function (_ref8) {
     var _ref8$size = _ref8.size,
       size = _ref8$size === void 0 ? 'xs' : _ref8$size;
@@ -92,12 +92,12 @@ var _exp316 = function _exp316() {
     }[size], ")");
   };
 };
-var StyledArrow = /*#__PURE__*/react.styled(_exp314())({
+var StyledArrow = /*#__PURE__*/react.styled(_exp320())({
   name: "StyledArrow",
   "class": "s2oocb4",
   propsAsIs: true,
   vars: {
-    "s2oocb4-0": [/*#__PURE__*/_exp316()]
+    "s2oocb4-0": [/*#__PURE__*/_exp322()]
   }
 });
 var StyledLeftHelper = /*#__PURE__*/react.styled('span')({

package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Textfield.styles.js","sources":["../../../../../../../src/components/Select/ui/Target/ui/Textfield/Textfield.styles.tsx"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { component, mergeConfig } from 'src/engines';\nimport { IconDisclosureDownCentered } from 'src/components/_Icon';\nimport { textFieldConfig, textFieldTokens } from 'src/components/TextField';\n\nimport { tokens, classes } from '../../../../Select.tokens';\n\nconst mergedConfig = mergeConfig(textFieldConfig);\nconst TextField = component(mergedConfig);\n\nexport const StyledTextField = styled(TextField)<{ opened: boolean; disabled?: boolean }>`\n    ${textFieldTokens.color}: var(${tokens.textFieldColor});\n    ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundColor});\n    ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColor});\n    ${textFieldTokens.placeholderColor}: var(${tokens.textFieldPlaceholderColor});\n    ${textFieldTokens.labelColor}: var(${tokens.textFieldLabelColor});\n    ${textFieldTokens.leftHelperColor}: var(${tokens.textFieldLeftHelperColor});\n\n    ${textFieldTokens.colorReadOnly}: var(${tokens.textFieldColor});\n    ${textFieldTokens.backgroundColorReadOnly}: ${({ opened }) =>\n    opened ? `var(${tokens.textFieldBackgroundColorFocus})` : `var(${tokens.textFieldBackgroundColor})`};\n    ${textFieldTokens.placeholderColorReadOnly}: ${({ opened }) =>\n    opened ? `var(${tokens.textFieldPlaceholderColorFocus})` : `var(${tokens.textFieldPlaceholderColor})`};\n    ${textFieldTokens.leftHelperColorReadOnly}: var(${tokens.textFieldLeftHelperColor});\n    ${textFieldTokens.labelColorReadOnly}: var(${tokens.textFieldLabelColor});\n    ${textFieldTokens.borderColorReadOnly}: ${({ opened }) =>\n    opened ? `var(${tokens.textFieldBorderColorFocus})` : `var(${tokens.textFieldBorderColor})`};\n\n    ${textFieldTokens.placeholderColor}: var(${tokens.textFieldPlaceholderColor});\n\n    ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorHover});\n    ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorFocus});\n\n    ${textFieldTokens.optionalColor}: var(${tokens.textFieldOptionalColor});\n\n    ${textFieldTokens.height}: var(${tokens.textFieldHeight});\n    ${textFieldTokens.borderWidth}: var(${tokens.textFieldBorderWidth});\n    ${textFieldTokens.borderRadius}: var(${tokens.textFieldBorderRadius});\n\n    ${textFieldTokens.padding}: var(${tokens.textFieldPadding});\n    ${textFieldTokens.paddingWithChips}: var(${tokens.textFieldPaddingWithChips});\n\n    ${textFieldTokens.leftContentMargin}: var(${tokens.textFieldLeftContentMargin});\n    ${textFieldTokens.rightContentMargin}: var(${tokens.textFieldRightContentMargin});\n\n    ${textFieldTokens.rightContentWithHintMargin}: var(${tokens.textFieldRightContentWithHintMargin});\n    ${textFieldTokens.contentRightWrapperGap}: var(${tokens.textFieldContentRightWrapperGap});\n    ${textFieldTokens.contentRightWrapperMargin}: var(${tokens.textFieldContentRightWrapperMargin});\n\n    ${textFieldTokens.fontFamily}: var(${tokens.textFieldFontFamily});\n    ${textFieldTokens.fontStyle}: var(${tokens.textFieldFontStyle});\n    ${textFieldTokens.fontSize}: var(${tokens.textFieldFontSize});\n    ${textFieldTokens.fontWeight}: var(${tokens.textFieldFontWeight});\n    ${textFieldTokens.letterSpacing}: var(${tokens.textFieldLetterSpacing});\n    ${textFieldTokens.lineHeight}: var(${tokens.textFieldLineHeight});\n\n    ${textFieldTokens.contentSlotColor}: var(${tokens.textFieldContentSlotColor});\n    ${textFieldTokens.contentSlotColorHover}: var(${tokens.textFieldContentSlotColorHover});\n    ${textFieldTokens.contentSlotColorActive}: var(${tokens.textFieldContentSlotColorActive});\n\n    ${textFieldTokens.contentSlotRightColor}: var(${tokens.textFieldContentSlotRightColor});\n    ${textFieldTokens.contentSlotRightColorHover}: var(${tokens.textFieldContentSlotRightColorHover});\n    ${textFieldTokens.contentSlotRightColorActive}: var(${tokens.textFieldContentSlotRightColorActive});\n\n    ${textFieldTokens.labelOffset}: var(${tokens.textFieldLabelOffset});\n\n    ${textFieldTokens.labelFontFamily}: var(${tokens.textFieldLabelFontFamily});\n    ${textFieldTokens.labelFontStyle}: var(${tokens.textFieldLabelFontStyle});\n    ${textFieldTokens.labelFontSize}: var(${tokens.textFieldLabelFontSize});\n    ${textFieldTokens.labelFontWeight}: var(${tokens.textFieldLabelFontWeight});\n    ${textFieldTokens.labelLetterSpacing}: var(${tokens.textFieldLabelLetterSpacing});\n    ${textFieldTokens.labelLineHeight}: var(${tokens.textFieldLabelLineHeight});\n\n    ${textFieldTokens.labelInnerFontFamily}: var(${tokens.textFieldLabelInnerFontFamily});\n    ${textFieldTokens.labelInnerFontStyle}: var(${tokens.textFieldLabelInnerFontStyle});\n    ${textFieldTokens.labelInnerFontSize}: var(${tokens.textFieldLabelInnerFontSize});\n    ${textFieldTokens.labelInnerFontWeight}: var(${tokens.textFieldLabelInnerFontWeight});\n    ${textFieldTokens.labelInnerLetterSpacing}: var(${tokens.textFieldLabelInnerLetterSpacing});\n    ${textFieldTokens.labelInnerLineHeight}: var(${tokens.textFieldLabelInnerLineHeight});\n\n    ${textFieldTokens.labelInnerPadding}: var(${tokens.textFieldLabelInnerPadding});\n    ${textFieldTokens.contentLabelInnerPadding}: var(${tokens.textFieldContentLabelInnerPadding});\n\n    ${textFieldTokens.titleCaptionColor}: var(${tokens.textFieldTitleCaptionColor});\n    ${textFieldTokens.titleCaptionInnerLabelOffset}: var(${tokens.textFieldTitleCaptionInnerLabelOffset});\n\n    ${textFieldTokens.titleCaptionFontFamily}: var(${tokens.textFieldTitleCaptionFontFamily});\n    ${textFieldTokens.titleCaptionFontStyle}: var(${tokens.textFieldTitleCaptionFontStyle});\n    ${textFieldTokens.titleCaptionFontSize}: var(${tokens.textFieldTitleCaptionFontSize});\n    ${textFieldTokens.titleCaptionFontWeight}: var(${tokens.textFieldTitleCaptionFontWeight});\n    ${textFieldTokens.titleCaptionLetterSpacing}: var(${tokens.textFieldTitleCaptionLetterSpacing});\n    ${textFieldTokens.titleCaptionLineHeight}: var(${tokens.textFieldTitleCaptionLineHeight});\n\n    ${textFieldTokens.leftHelperOffset}: var(${tokens.textFieldLeftHelperOffset});\n\n    ${textFieldTokens.leftHelperFontFamily}: var(${tokens.textFieldLeftHelperFontFamily});\n    ${textFieldTokens.leftHelperFontStyle}: var(${tokens.textFieldLeftHelperFontStyle});\n    ${textFieldTokens.leftHelperFontSize}: var(${tokens.textFieldLeftHelperFontSize});\n    ${textFieldTokens.leftHelperFontWeight}: var(${tokens.textFieldLeftHelperFontWeight});\n    ${textFieldTokens.leftHelperLetterSpacing}: var(${tokens.textFieldLeftHelperLetterSpacing});\n    ${textFieldTokens.leftHelperLineHeight}: var(${tokens.textFieldLeftHelperLineHeight});\n\n    ${textFieldTokens.textBeforeColor}: var(${tokens.textFieldTextBeforeColor});\n    ${textFieldTokens.textAfterColor}: var(${tokens.textFieldTextAfterColor});\n    ${textFieldTokens.textBeforeMargin}: var(${tokens.textFieldTextBeforeMargin});\n    ${textFieldTokens.textAfterMargin}: var(${tokens.textFieldTextAfterMargin});\n\n    ${textFieldTokens.disabledOpacity}: var(${tokens.textFieldDisabledOpacity});\n\n    ${textFieldTokens.hintCustomIconTargetSize}: var(${tokens.textFieldHintCustomIconTargetSize});\n    ${textFieldTokens.hintMargin}: var(${tokens.textFieldHintMargin});\n    ${textFieldTokens.hintTargetSize}: var(${tokens.textFieldHintTargetSize});\n    ${textFieldTokens.hintIconColor}: var(${tokens.textFieldHintIconColor});\n    ${textFieldTokens.hintInnerLabelPlacementOffset}: var(${tokens.textFieldHintInnerLabelPlacementOffset});\n    ${textFieldTokens.clearHintInnerLabelPlacementOffset}: var(${tokens.textFieldClearHintInnerLabelPlacementOffset});\n    ${textFieldTokens.tooltipBackgroundColor}: var(${tokens.textFieldTooltipBackgroundColor});\n    ${textFieldTokens.tooltipBoxShadow}: var(${tokens.textFieldTooltipBoxShadow});\n    ${textFieldTokens.tooltipColor}: var(${tokens.textFieldTooltipColor});\n    ${textFieldTokens.tooltipPaddingTop}: var(${tokens.textFieldTooltipPaddingTop});\n    ${textFieldTokens.tooltipPaddingRight}: var(${tokens.textFieldTooltipPaddingRight});\n    ${textFieldTokens.tooltipPaddingBottom}: var(${tokens.textFieldTooltipPaddingBottom});\n    ${textFieldTokens.tooltipPaddingLeft}: var(${tokens.textFieldTooltipPaddingLeft});\n    ${textFieldTokens.tooltipMinHeight}: var(${tokens.textFieldTooltipMinHeight});\n    ${textFieldTokens.tooltipBorderRadius}: var(${tokens.textFieldTooltipBorderRadius});\n    ${textFieldTokens.tooltipTextFontFamily}: var(${tokens.textFieldTooltipTextFontFamily});\n    ${textFieldTokens.tooltipTextFontSize}: var(${tokens.textFieldTooltipTextFontSize});\n    ${textFieldTokens.tooltipTextFontStyle}: var(${tokens.textFieldTooltipTextFontStyle});\n    ${textFieldTokens.tooltipTextFontWeight}: var(${tokens.textFieldTooltipTextFontWeight});\n    ${textFieldTokens.tooltipTextFontLetterSpacing}: var(${tokens.textFieldTooltipTextFontLetterSpacing});\n    ${textFieldTokens.tooltipTextFontLineHeight}: var(${tokens.textFieldTooltipTextFontLineHeight});\n    ${textFieldTokens.tooltipContentLeftMargin}: var(${tokens.textFieldTooltipContentLeftMargin});\n    ${textFieldTokens.tooltipArrowMaskWidth}: var(${tokens.textFieldTooltipArrowMaskWidth});\n    ${textFieldTokens.tooltipArrowMaskHeight}: var(${tokens.textFieldTooltipArrowMaskHeight});\n    ${textFieldTokens.tooltipArrowMaskImage}: var(${tokens.textFieldTooltipArrowMaskImage});\n    ${textFieldTokens.tooltipArrowHeight}: var(${tokens.textFieldTooltipArrowHeight});\n    ${textFieldTokens.tooltipArrowEdgeMargin}: var(${tokens.textFieldTooltipArrowEdgeMargin});\n    ${textFieldTokens.tooltipArrowBackground}: var(${tokens.textFieldTooltipArrowBackground});\n\n    ${textFieldTokens.chipHeight}: var(${tokens.textFieldChipHeight});\n    ${textFieldTokens.chipBorderRadius}: var(${tokens.textFieldChipBorderRadius});\n    ${textFieldTokens.chipGap}: var(${tokens.textFieldChipGap});\n    ${textFieldTokens.chipColor}: var(${tokens.textFieldChipColor});\n    ${textFieldTokens.chipColorHover}: var(${tokens.textFieldChipColorHover});\n    ${textFieldTokens.chipBackground}: var(${tokens.textFieldChipBackground});\n    ${textFieldTokens.chipBackgroundActive}: var(${tokens.textFieldChipBackgroundActive});\n    ${textFieldTokens.chipColorActive}: var(${tokens.textFieldChipColorActive});\n    ${textFieldTokens.chipCloseIconColor}: var(${tokens.textFieldChipCloseIconColor});\n    ${textFieldTokens.chipOutlineSize}: var(${tokens.textFieldChipOutlineSize});\n    ${textFieldTokens.chipWidth}: var(${tokens.textFieldChipWidth});\n    ${textFieldTokens.chipPadding}: var(${tokens.textFieldChipPadding});\n    ${textFieldTokens.chipCloseIconSize}: var(${tokens.textFieldChipCloseIconSize});\n    ${textFieldTokens.chipFontFamily}: var(${tokens.textFieldChipFontFamily});\n    ${textFieldTokens.chipFontSize}: var(${tokens.textFieldChipFontSize});\n    ${textFieldTokens.chipFontStyle}: var(${tokens.textFieldChipFontStyle});\n    ${textFieldTokens.chipFontWeight}: var(${tokens.textFieldChipFontWeight});\n    ${textFieldTokens.chipLetterSpacing}: var(${tokens.textFieldChipLetterSpacing});\n    ${textFieldTokens.chipLineHeight}: var(${tokens.textFieldChipLineHeight});\n    ${textFieldTokens.chipColorReadOnly}: var(${tokens.textFieldChipColor});\n    ${textFieldTokens.chipColorReadOnlyHover}: var(${tokens.textFieldChipColor});\n    ${textFieldTokens.chipBackgroundReadOnly}: var(${tokens.textFieldChipBackground});\n    ${textFieldTokens.chipBackgroundReadOnlyHover}: var(${tokens.textFieldChipBackgroundHover});\n    ${textFieldTokens.chipClearContentMarginLeft}: var(${tokens.textFieldChipClearContentMarginLeft});\n    ${textFieldTokens.chipClearContentMarginRight}: var(${tokens.textFieldChipClearContentMarginRight});\n\n    ${textFieldTokens.indicatorColor}: var(${tokens.textFieldIndicatorColor});\n    ${textFieldTokens.indicatorSizeInner}: var(${tokens.textFieldIndicatorSizeInner});\n    ${textFieldTokens.indicatorSizeOuter}: var(${tokens.textFieldIndicatorSizeOuter});\n    ${textFieldTokens.indicatorLabelPlacementInner}: var(${tokens.textFieldIndicatorLabelPlacementInner});\n    ${textFieldTokens.indicatorLabelPlacementOuter}: var(${tokens.textFieldIndicatorLabelPlacementOuter});\n    ${textFieldTokens.indicatorLabelPlacementInnerRight}: var(${tokens.textFieldIndicatorLabelPlacementInnerRight});\n    ${textFieldTokens.indicatorLabelPlacementOuterRight}: var(${tokens.textFieldIndicatorLabelPlacementOuterRight});\n    ${textFieldTokens.clearIndicatorLabelPlacementInner}: var(${tokens.textFieldClearIndicatorLabelPlacementInner});\n    ${textFieldTokens.clearIndicatorLabelPlacementInnerRight}: var(${\n    tokens.textFieldClearIndicatorLabelPlacementInnerRight\n});\n    ${textFieldTokens.clearIndicatorHintInnerRight}: var(${tokens.textFieldClearIndicatorHintInnerRight});\n\n    ${textFieldTokens.focusColor}: var(${tokens.textFieldFocusColor});\n\n    ${textFieldTokens.boxShadow}: ${({ disabled }) => (disabled ? 'none' : `var(${tokens.textFieldBoxShadow})`)};\n\n    /* TODO: #1544 */\n\n    & div.input-wrapper:focus-within {\n        background-color: var(${tokens.textFieldBackgroundColorFocus});\n    }\n\n    /* TextField изначально в readOnly состоянии */\n\n    &.${classes.readOnly} {\n        ${textFieldTokens.colorReadOnly}: var(${tokens.textFieldColorReadOnly});\n        ${textFieldTokens.backgroundColorReadOnly}: var(${tokens.textFieldBackgroundColorReadOnly});\n        ${textFieldTokens.placeholderColorReadOnly}: var(${tokens.textFieldPlaceholderColorReadOnly});\n        ${textFieldTokens.dividerColorReadOnly}: var(${tokens.textFieldDividerColorReadOnly});\n        ${textFieldTokens.leftHelperColorReadOnly}: var(${tokens.textFieldLeftHelperColorReadOnly});\n        ${textFieldTokens.labelColorReadOnly}: var(${tokens.textFieldLabelColorReadOnly});\n        ${textFieldTokens.titleCaptionColorReadOnly}: var(${tokens.textFieldTitleCaptionColorReadOnly});\n        ${textFieldTokens.borderColorReadOnly}: var(${tokens.textFieldBorderColorReadOnly});\n        ${textFieldTokens.readOnlyOpacity}: var(${tokens.textFieldReadOnlyOpacity});\n\n        ${textFieldTokens.chipColorReadOnly}: var(${tokens.textFieldChipColorReadOnly});\n        ${textFieldTokens.chipColorReadOnlyHover}: var(${tokens.textFieldChipColorReadOnlyHover});\n        ${textFieldTokens.chipBackgroundReadOnly}: var(${tokens.textFieldChipBackgroundReadOnly});\n        ${textFieldTokens.chipBackgroundReadOnlyHover}: var(${tokens.textFieldChipBackgroundReadOnlyHover});\n        ${textFieldTokens.chipOpacityReadonly}: var(${tokens.textFieldChipOpacityReadonly});\n\n        ${textFieldTokens.boxShadow}: none;\n    }\n`;\n\nexport const IconArrowWrapper = styled.div<{ disabled?: boolean; readOnly?: boolean }>`\n    line-height: 0;\n    color: var(${tokens.disclosureIconColor});\n    cursor: ${({ disabled, readOnly }) => (disabled || readOnly ? 'inherit' : 'pointer')};\n\n    .${classes.arrowInverse} {\n        transform: rotate(-180deg);\n    }\n\n    &:hover,\n    &:active {\n        color: ${({ disabled, readOnly }) =>\n            disabled || readOnly ? `var(${tokens.disclosureIconColor})` : `var(${tokens.disclosureIconColorHover})`};\n    }\n\n    opacity: ${({ readOnly }) => (readOnly ? `var(${tokens.disclosureIconOpacityReadOnly})` : '')};\n`;\n\n// TODO: Удалить после поддержки JS переменных в конфиге компонент\nexport const sizeMap: Record<string, string> = {\n    xs: '1rem',\n    s: '1.5rem',\n};\n\nexport const StyledArrow = styled(IconDisclosureDownCentered)`\n    width: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n    height: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n`;\n\nexport const StyledLeftHelper = styled.span`\n    margin: 0;\n    padding: 0;\n`;\n"],"names":["mergedConfig","mergeConfig","textFieldConfig","TextField","component","_exp","_exp17","_ref","opened","concat","tokens","textFieldBackgroundColorFocus","textFieldBackgroundColor","_exp19","_ref2","textFieldPlaceholderColorFocus","textFieldPlaceholderColor","_exp25","_ref3","textFieldBorderColorFocus","textFieldBorderColor","_exp277","_ref4","disabled","textFieldBoxShadow","StyledTextField","styled","name","class","propsAsIs","vars","_exp310","_ref5","readOnly","_exp312","_ref6","disclosureIconColor","disclosureIconColorHover","_exp313","_ref7","disclosureIconOpacityReadOnly","IconArrowWrapper","_exp314","IconDisclosureDownCentered","_exp316","_ref8","_ref8$size","size","disclosureIconSize","xs","s","StyledArrow","StyledLeftHelper"],"mappings":"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"}
+{"version":3,"file":"Textfield.styles.js","sources":["../../../../../../../src/components/Select/ui/Target/ui/Textfield/Textfield.styles.tsx"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { component, mergeConfig } from 'src/engines';\nimport { IconDisclosureDownCentered } from 'src/components/_Icon';\nimport { textFieldConfig, textFieldTokens } from 'src/components/TextField';\n\nimport { tokens, classes } from '../../../../Select.tokens';\n\nconst mergedConfig = mergeConfig(textFieldConfig);\nconst TextField = component(mergedConfig);\n\nexport const StyledTextField = styled(TextField)<{ opened: boolean; disabled?: boolean }>`\n    ${textFieldTokens.color}: var(${tokens.textFieldColor});\n    ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundColor});\n    ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColor});\n    ${textFieldTokens.placeholderColor}: var(${tokens.textFieldPlaceholderColor});\n    ${textFieldTokens.labelColor}: var(${tokens.textFieldLabelColor});\n    ${textFieldTokens.leftHelperColor}: var(${tokens.textFieldLeftHelperColor});\n\n    ${textFieldTokens.colorReadOnly}: var(${tokens.textFieldColor});\n    ${textFieldTokens.backgroundColorReadOnly}: ${({ opened }) =>\n    opened ? `var(${tokens.textFieldBackgroundColorFocus})` : `var(${tokens.textFieldBackgroundColor})`};\n    ${textFieldTokens.placeholderColorReadOnly}: ${({ opened }) =>\n    opened ? `var(${tokens.textFieldPlaceholderColorFocus})` : `var(${tokens.textFieldPlaceholderColor})`};\n    ${textFieldTokens.leftHelperColorReadOnly}: var(${tokens.textFieldLeftHelperColor});\n    ${textFieldTokens.labelColorReadOnly}: var(${tokens.textFieldLabelColor});\n    ${textFieldTokens.borderColorReadOnly}: ${({ opened }) =>\n    opened ? `var(${tokens.textFieldBorderColorFocus})` : `var(${tokens.textFieldBorderColor})`};\n\n    ${textFieldTokens.placeholderColor}: var(${tokens.textFieldPlaceholderColor});\n\n    ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorHover});\n    ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorFocus});\n\n    ${textFieldTokens.optionalColor}: var(${tokens.textFieldOptionalColor});\n\n    ${textFieldTokens.height}: var(${tokens.textFieldHeight});\n    ${textFieldTokens.borderWidth}: var(${tokens.textFieldBorderWidth});\n    ${textFieldTokens.borderRadius}: var(${tokens.textFieldBorderRadius});\n\n    ${textFieldTokens.padding}: var(${tokens.textFieldPadding});\n    ${textFieldTokens.paddingWithChips}: var(${tokens.textFieldPaddingWithChips});\n\n    ${textFieldTokens.leftContentMargin}: var(${tokens.textFieldLeftContentMargin});\n    ${textFieldTokens.rightContentMargin}: var(${tokens.textFieldRightContentMargin});\n\n    ${textFieldTokens.rightContentWithHintMargin}: var(${tokens.textFieldRightContentWithHintMargin});\n    ${textFieldTokens.contentRightWrapperGap}: var(${tokens.textFieldContentRightWrapperGap});\n    ${textFieldTokens.contentRightWrapperMargin}: var(${tokens.textFieldContentRightWrapperMargin});\n\n    ${textFieldTokens.fontFamily}: var(${tokens.textFieldFontFamily});\n    ${textFieldTokens.fontStyle}: var(${tokens.textFieldFontStyle});\n    ${textFieldTokens.fontSize}: var(${tokens.textFieldFontSize});\n    ${textFieldTokens.fontWeight}: var(${tokens.textFieldFontWeight});\n    ${textFieldTokens.letterSpacing}: var(${tokens.textFieldLetterSpacing});\n    ${textFieldTokens.lineHeight}: var(${tokens.textFieldLineHeight});\n\n    ${textFieldTokens.contentSlotColor}: var(${tokens.textFieldContentSlotColor});\n    ${textFieldTokens.contentSlotColorHover}: var(${tokens.textFieldContentSlotColorHover});\n    ${textFieldTokens.contentSlotColorActive}: var(${tokens.textFieldContentSlotColorActive});\n\n    ${textFieldTokens.contentSlotRightColor}: var(${tokens.textFieldContentSlotRightColor});\n    ${textFieldTokens.contentSlotRightColorHover}: var(${tokens.textFieldContentSlotRightColorHover});\n    ${textFieldTokens.contentSlotRightColorActive}: var(${tokens.textFieldContentSlotRightColorActive});\n\n    ${textFieldTokens.labelOffset}: var(${tokens.textFieldLabelOffset});\n\n    ${textFieldTokens.labelFontFamily}: var(${tokens.textFieldLabelFontFamily});\n    ${textFieldTokens.labelFontStyle}: var(${tokens.textFieldLabelFontStyle});\n    ${textFieldTokens.labelFontSize}: var(${tokens.textFieldLabelFontSize});\n    ${textFieldTokens.labelFontWeight}: var(${tokens.textFieldLabelFontWeight});\n    ${textFieldTokens.labelLetterSpacing}: var(${tokens.textFieldLabelLetterSpacing});\n    ${textFieldTokens.labelLineHeight}: var(${tokens.textFieldLabelLineHeight});\n\n    ${textFieldTokens.labelInnerFontFamily}: var(${tokens.textFieldLabelInnerFontFamily});\n    ${textFieldTokens.labelInnerFontStyle}: var(${tokens.textFieldLabelInnerFontStyle});\n    ${textFieldTokens.labelInnerFontSize}: var(${tokens.textFieldLabelInnerFontSize});\n    ${textFieldTokens.labelInnerFontWeight}: var(${tokens.textFieldLabelInnerFontWeight});\n    ${textFieldTokens.labelInnerLetterSpacing}: var(${tokens.textFieldLabelInnerLetterSpacing});\n    ${textFieldTokens.labelInnerLineHeight}: var(${tokens.textFieldLabelInnerLineHeight});\n\n    ${textFieldTokens.labelInnerPadding}: var(${tokens.textFieldLabelInnerPadding});\n    ${textFieldTokens.contentLabelInnerPadding}: var(${tokens.textFieldContentLabelInnerPadding});\n\n    ${textFieldTokens.titleCaptionColor}: var(${tokens.textFieldTitleCaptionColor});\n    ${textFieldTokens.titleCaptionInnerLabelOffset}: var(${tokens.textFieldTitleCaptionInnerLabelOffset});\n\n    ${textFieldTokens.titleCaptionFontFamily}: var(${tokens.textFieldTitleCaptionFontFamily});\n    ${textFieldTokens.titleCaptionFontStyle}: var(${tokens.textFieldTitleCaptionFontStyle});\n    ${textFieldTokens.titleCaptionFontSize}: var(${tokens.textFieldTitleCaptionFontSize});\n    ${textFieldTokens.titleCaptionFontWeight}: var(${tokens.textFieldTitleCaptionFontWeight});\n    ${textFieldTokens.titleCaptionLetterSpacing}: var(${tokens.textFieldTitleCaptionLetterSpacing});\n    ${textFieldTokens.titleCaptionLineHeight}: var(${tokens.textFieldTitleCaptionLineHeight});\n\n    ${textFieldTokens.leftHelperOffset}: var(${tokens.textFieldLeftHelperOffset});\n\n    ${textFieldTokens.leftHelperFontFamily}: var(${tokens.textFieldLeftHelperFontFamily});\n    ${textFieldTokens.leftHelperFontStyle}: var(${tokens.textFieldLeftHelperFontStyle});\n    ${textFieldTokens.leftHelperFontSize}: var(${tokens.textFieldLeftHelperFontSize});\n    ${textFieldTokens.leftHelperFontWeight}: var(${tokens.textFieldLeftHelperFontWeight});\n    ${textFieldTokens.leftHelperLetterSpacing}: var(${tokens.textFieldLeftHelperLetterSpacing});\n    ${textFieldTokens.leftHelperLineHeight}: var(${tokens.textFieldLeftHelperLineHeight});\n\n    ${textFieldTokens.textBeforeColor}: var(${tokens.textFieldTextBeforeColor});\n    ${textFieldTokens.textAfterColor}: var(${tokens.textFieldTextAfterColor});\n    ${textFieldTokens.textBeforeMargin}: var(${tokens.textFieldTextBeforeMargin});\n    ${textFieldTokens.textAfterMargin}: var(${tokens.textFieldTextAfterMargin});\n\n    ${textFieldTokens.disabledOpacity}: var(${tokens.textFieldDisabledOpacity});\n\n    ${textFieldTokens.hintCustomIconTargetSize}: var(${tokens.textFieldHintCustomIconTargetSize});\n    ${textFieldTokens.hintMargin}: var(${tokens.textFieldHintMargin});\n    ${textFieldTokens.hintTargetSize}: var(${tokens.textFieldHintTargetSize});\n    ${textFieldTokens.hintIconColor}: var(${tokens.textFieldHintIconColor});\n    ${textFieldTokens.hintInnerLabelPlacementOffset}: var(${tokens.textFieldHintInnerLabelPlacementOffset});\n    ${textFieldTokens.clearHintInnerLabelPlacementOffset}: var(${tokens.textFieldClearHintInnerLabelPlacementOffset});\n    ${textFieldTokens.tooltipBackgroundColor}: var(${tokens.textFieldTooltipBackgroundColor});\n    ${textFieldTokens.tooltipBoxShadow}: var(${tokens.textFieldTooltipBoxShadow});\n    ${textFieldTokens.tooltipColor}: var(${tokens.textFieldTooltipColor});\n    ${textFieldTokens.tooltipPaddingTop}: var(${tokens.textFieldTooltipPaddingTop});\n    ${textFieldTokens.tooltipPaddingRight}: var(${tokens.textFieldTooltipPaddingRight});\n    ${textFieldTokens.tooltipPaddingBottom}: var(${tokens.textFieldTooltipPaddingBottom});\n    ${textFieldTokens.tooltipPaddingLeft}: var(${tokens.textFieldTooltipPaddingLeft});\n    ${textFieldTokens.tooltipMinHeight}: var(${tokens.textFieldTooltipMinHeight});\n    ${textFieldTokens.tooltipBorderRadius}: var(${tokens.textFieldTooltipBorderRadius});\n    ${textFieldTokens.tooltipTextFontFamily}: var(${tokens.textFieldTooltipTextFontFamily});\n    ${textFieldTokens.tooltipTextFontSize}: var(${tokens.textFieldTooltipTextFontSize});\n    ${textFieldTokens.tooltipTextFontStyle}: var(${tokens.textFieldTooltipTextFontStyle});\n    ${textFieldTokens.tooltipTextFontWeight}: var(${tokens.textFieldTooltipTextFontWeight});\n    ${textFieldTokens.tooltipTextFontLetterSpacing}: var(${tokens.textFieldTooltipTextFontLetterSpacing});\n    ${textFieldTokens.tooltipTextFontLineHeight}: var(${tokens.textFieldTooltipTextFontLineHeight});\n    ${textFieldTokens.tooltipContentLeftMargin}: var(${tokens.textFieldTooltipContentLeftMargin});\n    ${textFieldTokens.tooltipArrowMaskWidth}: var(${tokens.textFieldTooltipArrowMaskWidth});\n    ${textFieldTokens.tooltipArrowMaskHeight}: var(${tokens.textFieldTooltipArrowMaskHeight});\n    ${textFieldTokens.tooltipArrowMaskImage}: var(${tokens.textFieldTooltipArrowMaskImage});\n    ${textFieldTokens.tooltipArrowHeight}: var(${tokens.textFieldTooltipArrowHeight});\n    ${textFieldTokens.tooltipArrowEdgeMargin}: var(${tokens.textFieldTooltipArrowEdgeMargin});\n    ${textFieldTokens.tooltipArrowBackground}: var(${tokens.textFieldTooltipArrowBackground});\n\n    ${textFieldTokens.chipHeight}: var(${tokens.textFieldChipHeight});\n    ${textFieldTokens.chipBorderRadius}: var(${tokens.textFieldChipBorderRadius});\n    ${textFieldTokens.chipGap}: var(${tokens.textFieldChipGap});\n    ${textFieldTokens.chipColor}: var(${tokens.textFieldChipColor});\n    ${textFieldTokens.chipColorHover}: var(${tokens.textFieldChipColorHover});\n    ${textFieldTokens.chipBackground}: var(${tokens.textFieldChipBackground});\n    ${textFieldTokens.chipBackgroundHover}: var(${tokens.textFieldChipBackgroundHover});\n    ${textFieldTokens.chipBackgroundActive}: var(${tokens.textFieldChipBackgroundActive});\n    ${textFieldTokens.chipColorActive}: var(${tokens.textFieldChipColorActive});\n    ${textFieldTokens.chipCloseIconColor}: var(${tokens.textFieldChipCloseIconColor});\n    ${textFieldTokens.chipCloseIconColorHover}: var(${tokens.textFieldChipCloseIconColorHover});\n    ${textFieldTokens.chipCloseIconColorReadonly}: var(${tokens.textFieldChipCloseIconColorReadonly});\n    ${textFieldTokens.chipOutlineSize}: var(${tokens.textFieldChipOutlineSize});\n    ${textFieldTokens.chipWidth}: var(${tokens.textFieldChipWidth});\n    ${textFieldTokens.chipPadding}: var(${tokens.textFieldChipPadding});\n    ${textFieldTokens.chipCloseIconSize}: var(${tokens.textFieldChipCloseIconSize});\n    ${textFieldTokens.chipFontFamily}: var(${tokens.textFieldChipFontFamily});\n    ${textFieldTokens.chipFontSize}: var(${tokens.textFieldChipFontSize});\n    ${textFieldTokens.chipFontStyle}: var(${tokens.textFieldChipFontStyle});\n    ${textFieldTokens.chipFontWeight}: var(${tokens.textFieldChipFontWeight});\n    ${textFieldTokens.chipLetterSpacing}: var(${tokens.textFieldChipLetterSpacing});\n    ${textFieldTokens.chipLineHeight}: var(${tokens.textFieldChipLineHeight});\n    ${textFieldTokens.chipColorReadOnly}: var(${tokens.textFieldChipColor});\n    ${textFieldTokens.chipColorReadOnlyHover}: var(${tokens.textFieldChipColor});\n    ${textFieldTokens.chipBackgroundReadOnly}: var(${tokens.textFieldChipBackground});\n    ${textFieldTokens.chipBackgroundReadOnlyHover}: var(${tokens.textFieldChipBackgroundHover});\n    ${textFieldTokens.chipClearContentMarginLeft}: var(${tokens.textFieldChipClearContentMarginLeft});\n    ${textFieldTokens.chipClearContentMarginRight}: var(${tokens.textFieldChipClearContentMarginRight});\n\n    ${textFieldTokens.indicatorColor}: var(${tokens.textFieldIndicatorColor});\n    ${textFieldTokens.indicatorSizeInner}: var(${tokens.textFieldIndicatorSizeInner});\n    ${textFieldTokens.indicatorSizeOuter}: var(${tokens.textFieldIndicatorSizeOuter});\n    ${textFieldTokens.indicatorLabelPlacementInner}: var(${tokens.textFieldIndicatorLabelPlacementInner});\n    ${textFieldTokens.indicatorLabelPlacementOuter}: var(${tokens.textFieldIndicatorLabelPlacementOuter});\n    ${textFieldTokens.indicatorLabelPlacementInnerRight}: var(${tokens.textFieldIndicatorLabelPlacementInnerRight});\n    ${textFieldTokens.indicatorLabelPlacementOuterRight}: var(${tokens.textFieldIndicatorLabelPlacementOuterRight});\n    ${textFieldTokens.clearIndicatorLabelPlacementInner}: var(${tokens.textFieldClearIndicatorLabelPlacementInner});\n    /* stylelint-disable */\n    ${textFieldTokens.clearIndicatorLabelPlacementInnerRight}: var(${\n    tokens.textFieldClearIndicatorLabelPlacementInnerRight\n});\n    /* stylelint-enable */\n    ${textFieldTokens.clearIndicatorHintInnerRight}: var(${tokens.textFieldClearIndicatorHintInnerRight});\n\n    ${textFieldTokens.focusColor}: var(${tokens.textFieldFocusColor});\n\n    ${textFieldTokens.boxShadow}: ${({ disabled }) => (disabled ? 'none' : `var(${tokens.textFieldBoxShadow})`)};\n\n    /* TODO: #1544 */\n\n    & div.input-wrapper:focus-within {\n        background-color: var(${tokens.textFieldBackgroundColorFocus});\n    }\n\n    /* TextField изначально в readOnly состоянии */\n\n    &.${classes.readOnly} {\n        ${textFieldTokens.colorReadOnly}: var(${tokens.textFieldColorReadOnly});\n        ${textFieldTokens.backgroundColorReadOnly}: var(${tokens.textFieldBackgroundColorReadOnly});\n        ${textFieldTokens.placeholderColorReadOnly}: var(${tokens.textFieldPlaceholderColorReadOnly});\n        ${textFieldTokens.dividerColorReadOnly}: var(${tokens.textFieldDividerColorReadOnly});\n        ${textFieldTokens.leftHelperColorReadOnly}: var(${tokens.textFieldLeftHelperColorReadOnly});\n        ${textFieldTokens.labelColorReadOnly}: var(${tokens.textFieldLabelColorReadOnly});\n        ${textFieldTokens.titleCaptionColorReadOnly}: var(${tokens.textFieldTitleCaptionColorReadOnly});\n        ${textFieldTokens.borderColorReadOnly}: var(${tokens.textFieldBorderColorReadOnly});\n        ${textFieldTokens.readOnlyOpacity}: var(${tokens.textFieldReadOnlyOpacity});\n\n        ${textFieldTokens.chipColorReadOnly}: var(${tokens.textFieldChipColorReadOnly});\n        ${textFieldTokens.chipColorReadOnlyHover}: var(${tokens.textFieldChipColorReadOnlyHover});\n        ${textFieldTokens.chipBackgroundReadOnly}: var(${tokens.textFieldChipBackgroundReadOnly});\n        ${textFieldTokens.chipBackgroundReadOnlyHover}: var(${tokens.textFieldChipBackgroundReadOnlyHover});\n        ${textFieldTokens.chipOpacityReadonly}: var(${tokens.textFieldChipOpacityReadonly});\n\n        ${textFieldTokens.boxShadow}: none;\n    }\n`;\n\nexport const IconArrowWrapper = styled.div<{ disabled?: boolean; readOnly?: boolean }>`\n    line-height: 0;\n    color: var(${tokens.disclosureIconColor});\n    cursor: ${({ disabled, readOnly }) => (disabled || readOnly ? 'inherit' : 'pointer')};\n\n    .${classes.arrowInverse} {\n        transform: rotate(-180deg);\n    }\n\n    &:hover,\n    &:active {\n        color: ${({ disabled, readOnly }) =>\n            disabled || readOnly ? `var(${tokens.disclosureIconColor})` : `var(${tokens.disclosureIconColorHover})`};\n    }\n\n    opacity: ${({ readOnly }) => (readOnly ? `var(${tokens.disclosureIconOpacityReadOnly})` : '')};\n`;\n\n// TODO: Удалить после поддержки JS переменных в конфиге компонент\nexport const sizeMap: Record<string, string> = {\n    xs: '1rem',\n    s: '1.5rem',\n};\n\nexport const StyledArrow = styled(IconDisclosureDownCentered)`\n    width: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n    height: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n`;\n\nexport const StyledLeftHelper = styled.span`\n    margin: 0;\n    padding: 0;\n`;\n"],"names":["mergedConfig","mergeConfig","textFieldConfig","TextField","component","_exp","_exp17","_ref","opened","concat","tokens","textFieldBackgroundColorFocus","textFieldBackgroundColor","_exp19","_ref2","textFieldPlaceholderColorFocus","textFieldPlaceholderColor","_exp25","_ref3","textFieldBorderColorFocus","textFieldBorderColor","_exp283","_ref4","disabled","textFieldBoxShadow","StyledTextField","styled","name","class","propsAsIs","vars","_exp316","_ref5","readOnly","_exp318","_ref6","disclosureIconColor","disclosureIconColorHover","_exp319","_ref7","disclosureIconOpacityReadOnly","IconArrowWrapper","_exp320","IconDisclosureDownCentered","_exp322","_ref8","_ref8$size","size","disclosureIconSize","xs","s","StyledArrow","StyledLeftHelper"],"mappings":"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"}

package/cjs/components/Select/ui/Target/ui/Textfield/{Textfield.styles_1mikp58.css → Textfield.styles_19e9015.css}

@@ -1,4 +1,4 @@
-.s1yhwv5r{--plasma-textfield-color:var(--plasma-select-textfield-color);--plasma-textfield-bg-color:var(--plasma-select-textfield-background-color);--plasma-textfield-border-color:var(--plasma-select-textfield-border-color);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield__label-color:var(--plasma-select-textfield-label-color);--plasma-textfield__left-helper-color:var(--plasma-select-textfield-left-helper-color);--plasma-textfield-color-readonly:var(--plasma-select-textfield-color);--plasma-textfield-bg-color-readonly:var(--s1yhwv5r-0);--plasma-textfield__placeholder-color-readonly:var(--s1yhwv5r-1);--plasma-textfield__left-helper-color-readonly:var(--plasma-select-textfield-left-helper-color);--plasma-textfield__label-color-readonly:var(--plasma-select-textfield-label-color);--plasma-textfield-border-color-readonly:var(--s1yhwv5r-2);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield-border-color-hover:var(--plasma-select-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-select-textfield-border-color-focus);--plasma-textfield__optional-color:var(--plasma-select-new-textfield-optional-color);--plasma-textfield-height:var(--plasma-select-textfield-height);--plasma-textfield-border-width:var(--plasma-select-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-select-textfield-border-radius);--plasma-textfield-padding:var(--plasma-select-textfield-padding);--plasma-textfield-padding-with-chips:var(--plasma-select-textfield-padding-with-chips);--plasma-textfield__left-content-margin:var(--plasma-select-textfield-left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-select-textfield-right-content-margin);--plasma-textfield__right-content-with-hint-margin:var(--plasma-select-textfield-right-content-with-hint-margin);--plasma-textfield-content-right-wrapper-gap:var(--plasma-select-textfield-content-right-wrapper-gap);--plasma-textfield-content-right-wrapper-margin:var(--plasma-select-textfield-content-right-wrapper-margin);--plasma-textfield-font-family:var(--plasma-select-textfield-font-family);--plasma-textfield-font-style:var(--plasma-select-textfield-font-style);--plasma-textfield-font-size:var(--plasma-select-textfield-font-size);--plasma-textfield-font-weight:var(--plasma-select-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-select-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-select-textfield-line-height);--plasma-textfield-content-slot-color:var(--plasma-select-textfield-content-slot-color);--plasma-textfield-content-slot-color-hover:var(--plasma-select-textfield-content-slot-color-hover);--plasma-textfield-content-slot-color-active:var(--plasma-select-textfield-content-slot-color-active);--plasma-textfield-content-right-slot-color:var(--plasma-select-textfield-content-right-slot-color);--plasma-textfield-content-right-slot-color-hover:var(--plasma-select-textfield-content-right-slot-color-hover);--plasma-textfield-content-right-slot-color-active:var(--plasma-select-textfield-content-right-slot-color-active);--plasma-textfield__label-offset:var(--plasma-select-textfield-label-offset);--plasma-textfield__label-font-family:var(--plasma-select-textfield-label-font-family);--plasma-textfield__label-font-style:var(--plasma-select-textfield-label-font-style);--plasma-textfield__label-font-size:var(--plasma-select-textfield-label-font-size);--plasma-textfield__label-font-weight:var(--plasma-select-textfield-label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-select-textfield-label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-select-textfield-label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-select-textfield-placement-inner-label-font-family);--plasma-textfield-placement_inner__label-font-style:var(--plasma-select-textfield-placement-inner-label-font-style);--plasma-textfield-placement_inner__label-font-size:var(--plasma-select-textfield-placement-inner-label-font-size);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-select-textfield-placement-inner-label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-select-textfield-placement-inner-label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-select-textfield-placement-inner-label-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-select-textfield-placement-inner-label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-select-textfield-placement-inner-content-padding);--plasma-textfield__title-caption-color:var(--plasma-select-textfield-title-caption-color);--plasma-textfield__title-caption-label-inner-offset:var(--plasma-select-textfield-title-caption-label-inner-offset);--plasma-textfield__title-caption-font-family:var(--plasma-select-textfield-title-caption-font-family);--plasma-textfield__title-caption-font-style:var(--plasma-select-textfield-title-caption-font-style);--plasma-textfield__title-caption-font-size:var(--plasma-select-textfield-title-caption-font-size);--plasma-textfield__title-caption-font-weight:var(--plasma-select-textfield-title-caption-font-weight);--plasma-textfield__title-caption-letter-spacing:var(--plasma-select-textfield-title-caption-letter-spacing);--plasma-textfield__title-caption-line-height:var(--plasma-select-textfield-title-caption-line-height);--plasma-textfield__left-helper-offset:var(--plasma-select-textfield-left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-select-textfield-left-helper-font-family);--plasma-textfield__left-helper-font-style:var(--plasma-select-textfield-left-helper-font-style);--plasma-textfield__left-helper-font-size:var(--plasma-select-textfield-left-helper-font-size);--plasma-textfield__left-helper-font-weight:var(--plasma-select-textfield-left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-select-textfield-left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-select-textfield-left-helper-line-height);--plasma-textfield__before-text-color:var(--plasma-select-textfield-before-text-color);--plasma-textfield__after-text-color:var(--plasma-select-textfield-after-text-color);--plasma-textfield__before-text-margin:var(--plasma-select-textfield-before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-select-textfield-after-text-margin);--plasma-textfield-disabled-opacity:var(--plasma-select-textfield-disabled-opacity);--plasma-textfield__hint-custom-icon-target-size:var(--plasma-select-textfield__hint-custom-icon-target-size);--plasma-textfield__hint-margin:var(--plasma-select-textfield__hint-margin);--plasma-textfield__hint-target-size:var(--plasma-select-textfield__hint-target-size);--plasma-textfield__hint-icon-color:var(--plasma-select-textfield__hint-icon-color);--plasma-textfield__hint-inner-label-placement-offset:var(--plasma-select-textfield__hint-inner-label-placement-offset);--plasma-textfield__clear-hint-inner-label-placement-offset:var(--plasma-select-textfield__clear-hint-inner-label-placement-offset);--plasma-textfield__tooltip-background-color:var(--plasma-select-textfield__tooltip-background-color);--plasma-textfield__tooltip-box-shadow:var(--plasma-select-textfield__tooltip-box-shadow);--plasma-textfield__tooltip-color:var(--plasma-select-textfield__tooltip-color);--plasma-textfield__tooltip-padding-top:var(--plasma-select-textfield__tooltip-padding-top);--plasma-textfield__tooltip-padding-right:var(--plasma-select-textfield__tooltip-padding-right);--plasma-textfield__tooltip-padding-bottom:var(--plasma-select-textfield__tooltip-padding-bottom);--plasma-textfield__tooltip-padding-left:var(--plasma-select-textfield__tooltip-padding-left);--plasma-textfield__tooltip-min-height:var(--plasma-select-textfield__tooltip-min-height);--plasma-textfield__tooltip-border-radius:var(--plasma-select-textfield__tooltip-border-radius);--plasma-textfield__tooltip-text-font-family:var(--plasma-select-textfield__tooltip-text-font-family);--plasma-textfield__tooltip-text-font-size:var(--plasma-select-textfield__tooltip-text-font-size);--plasma-textfield__tooltip-text-font-style:var(--plasma-select-textfield__tooltip-text-font-style);--plasma-textfield__tooltip-text-font-weight:var(--plasma-select-textfield__tooltip-text-font-weight);--plasma-textfield__tooltip-text-font-letter-spacing:var(--plasma-select-textfield__tooltip-text-font-letter-spacing);--plasma-textfield__tooltip-text-font-line-height:var(--plasma-select-textfield__tooltip-text-font-line-height);--plasma-textfield__tooltip-content-left-margin:var(--plasma-select-textfield__tooltip-content-left-margin);--plasma-textfield__tooltip-arrow-mask-width:var(--plasma-select-textfield__tooltip-arrow-mask-width);--plasma-textfield__tooltip-arrow-mask-height:var(--plasma-select-textfield__tooltip-arrow-mask-height);--plasma-textfield__tooltip-arrow-mask-image:var(--plasma-select-textfield__tooltip-arrow-mask-image);--plasma-textfield__tooltip-arrow-height:var(--plasma-select-textfield__tooltip-arrow-height);--plasma-textfield__tooltip-arrow-edge-margin:var(--plasma-select-textfield__tooltip-arrow-edge-margin);--plasma-textfield__tooltip-arrow-background:var(--plasma-select-textfield__tooltip-arrow-background);--plasma-textfield__chip-height:var(--plasma-select-textfield-chip-height);--plasma-textfield__chip-border-radius:var(--plasma-select-textfield-chip-border-radius);--plasma-textfield__chip-gap:var(--plasma-select-textfield-chip-gap);--plasma-textfield__chip-color:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-hover:var(--plasma-select-textfield-chip-color-hover);--plasma-textfield__chip-background:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-active:var(--plasma-select-textfield-chip-background-active);--plasma-textfield__chip-color-active:var(--plasma-select-textfield-chip-color-active);--plasma-textfield__chip-close-icon-color:var(--plasma-select-textfield-chip-close-icons-color);--plasma-textfield__chip-outline-size:var(--plasma-select-textfield-chip-outline-size);--plasma-textfield__chip-width:var(--plasma-select-textfield-chip-width);--plasma-textfield__chip-padding:var(--plasma-select-textfield-chip-padding);--plasma-textfield__chip-close-icon-size:var(--plasma-select-textfield-chip-close-icon-size);--plasma-textfield__chip-font-family:var(--plasma-select-textfield-chip-font-family);--plasma-textfield__chip-font-size:var(--plasma-select-textfield-chip-font-size);--plasma-textfield__chip-font-style:var(--plasma-select-textfield-chip-font-style);--plasma-textfield__chip-font-weight:var(--plasma-select-textfield-chip-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-select-textfield-chip-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-select-textfield-chip-line-height);--plasma-textfield__chip-color-readonly:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-readonly-hover:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-background-readonly:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-readonly-hover:var(--plasma-select-textfield-chip-background-hover);--plasma-textfield__chip-clear-content-margin-left:var(--plasma-select-textfield-chip-clear-content-margin-left);--plasma-textfield__chip-clear-content-margin-right:var(--plasma-select-textfield-chip-clear-content-margin-right);--plasma-textfield__indicator-color:var(--plasma-select-new-textfield-indicator-color);--plasma-textfield__indicator-size-inner:var(--plasma-select-new-textfield-indicator-size-inner);--plasma-textfield__indicator-size-outer:var(--plasma-select-new-textfield-indicator-size-outer);--plasma-textfield__indicator-placement-inner:var(--plasma-select-new-textfield-indicator-placement-inner);--plasma-textfield__indicator-placement-outer:var(--plasma-select-new-textfield-indicator-placement-outer);--plasma-textfield__indicator-placement-inner-right:var(--plasma-select-new-textfield-indicator-placement-inner-right);--plasma-textfield__indicator-placement-outer-right:var(--plasma-select-new-textfield-indicator-placement-outer-right);--plasma-textfield__clear-indicator-placement-inner:var(--plasma-select-new-textfield-clear-indicator-placement-inner);--plasma-textfield__clear-indicator-placement-inner-right:var(--plasma-select-new-textfield-clear-indicator-placement-inner-right );--plasma-textfield__clear-indicator-hint-placement-inner-right:var(--plasma-select-new-textfield-clear-indicator-hint-placement-inner-right);--plasma-textfield-focus-color:var(--plasma-select-textfield-focus-color);--plasma-textfield-box-shadow:var(--s1yhwv5r-3);}.s1yhwv5r div.input-wrapper:focus-within{background-color:var(--plasma-select-textfield-background-color-focus);}.s1yhwv5r.readonly{--plasma-textfield-color-readonly:var(--plasma-select-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-select-textfield-bg-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-select-textfield__placeholder-color-readonly);--plasma-textfield-divider-color-readonly:var(--plasma-select-textfield-divider-color-readonly);--plasma-textfield__left-helper-color-readonly:var(--plasma-select-textfield__left-helper-color-readonly);--plasma-textfield__label-color-readonly:var(--plasma-select-textfield__label-color-readonly);--plasma-textfield__title-caption-color-readonly:var(--plasma-select-textfield__title-caption-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-select-textfield-border-color-readonly);--plasma-textfield-readonly-opacity:var(--plasma-select-textfield-readonly-opacity);--plasma-textfield__chip-color-readonly:var(--plasma-select-textfield__chip-color-readonly);--plasma-textfield__chip-color-readonly-hover:var(--plasma-select-textfield__chip-color-readonly-hover);--plasma-textfield__chip-background-readonly:var(--plasma-select-textfield__chip-background-readonly);--plasma-textfield__chip-background-readonly-hover:var(--plasma-select-textfield__chip-background-readonly-hover);--plasma-textfield__chip-opacity-readonly:var(--plasma-select-textfield__chip-opacity-readonly);--plasma-textfield-box-shadow:none;}
+.s1yhwv5r{--plasma-textfield-color:var(--plasma-select-textfield-color);--plasma-textfield-bg-color:var(--plasma-select-textfield-background-color);--plasma-textfield-border-color:var(--plasma-select-textfield-border-color);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield__label-color:var(--plasma-select-textfield-label-color);--plasma-textfield__left-helper-color:var(--plasma-select-textfield-left-helper-color);--plasma-textfield-color-readonly:var(--plasma-select-textfield-color);--plasma-textfield-bg-color-readonly:var(--s1yhwv5r-0);--plasma-textfield__placeholder-color-readonly:var(--s1yhwv5r-1);--plasma-textfield__left-helper-color-readonly:var(--plasma-select-textfield-left-helper-color);--plasma-textfield__label-color-readonly:var(--plasma-select-textfield-label-color);--plasma-textfield-border-color-readonly:var(--s1yhwv5r-2);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield-border-color-hover:var(--plasma-select-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-select-textfield-border-color-focus);--plasma-textfield__optional-color:var(--plasma-select-new-textfield-optional-color);--plasma-textfield-height:var(--plasma-select-textfield-height);--plasma-textfield-border-width:var(--plasma-select-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-select-textfield-border-radius);--plasma-textfield-padding:var(--plasma-select-textfield-padding);--plasma-textfield-padding-with-chips:var(--plasma-select-textfield-padding-with-chips);--plasma-textfield__left-content-margin:var(--plasma-select-textfield-left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-select-textfield-right-content-margin);--plasma-textfield__right-content-with-hint-margin:var(--plasma-select-textfield-right-content-with-hint-margin);--plasma-textfield-content-right-wrapper-gap:var(--plasma-select-textfield-content-right-wrapper-gap);--plasma-textfield-content-right-wrapper-margin:var(--plasma-select-textfield-content-right-wrapper-margin);--plasma-textfield-font-family:var(--plasma-select-textfield-font-family);--plasma-textfield-font-style:var(--plasma-select-textfield-font-style);--plasma-textfield-font-size:var(--plasma-select-textfield-font-size);--plasma-textfield-font-weight:var(--plasma-select-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-select-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-select-textfield-line-height);--plasma-textfield-content-slot-color:var(--plasma-select-textfield-content-slot-color);--plasma-textfield-content-slot-color-hover:var(--plasma-select-textfield-content-slot-color-hover);--plasma-textfield-content-slot-color-active:var(--plasma-select-textfield-content-slot-color-active);--plasma-textfield-content-right-slot-color:var(--plasma-select-textfield-content-right-slot-color);--plasma-textfield-content-right-slot-color-hover:var(--plasma-select-textfield-content-right-slot-color-hover);--plasma-textfield-content-right-slot-color-active:var(--plasma-select-textfield-content-right-slot-color-active);--plasma-textfield__label-offset:var(--plasma-select-textfield-label-offset);--plasma-textfield__label-font-family:var(--plasma-select-textfield-label-font-family);--plasma-textfield__label-font-style:var(--plasma-select-textfield-label-font-style);--plasma-textfield__label-font-size:var(--plasma-select-textfield-label-font-size);--plasma-textfield__label-font-weight:var(--plasma-select-textfield-label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-select-textfield-label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-select-textfield-label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-select-textfield-placement-inner-label-font-family);--plasma-textfield-placement_inner__label-font-style:var(--plasma-select-textfield-placement-inner-label-font-style);--plasma-textfield-placement_inner__label-font-size:var(--plasma-select-textfield-placement-inner-label-font-size);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-select-textfield-placement-inner-label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-select-textfield-placement-inner-label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-select-textfield-placement-inner-label-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-select-textfield-placement-inner-label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-select-textfield-placement-inner-content-padding);--plasma-textfield__title-caption-color:var(--plasma-select-textfield-title-caption-color);--plasma-textfield__title-caption-label-inner-offset:var(--plasma-select-textfield-title-caption-label-inner-offset);--plasma-textfield__title-caption-font-family:var(--plasma-select-textfield-title-caption-font-family);--plasma-textfield__title-caption-font-style:var(--plasma-select-textfield-title-caption-font-style);--plasma-textfield__title-caption-font-size:var(--plasma-select-textfield-title-caption-font-size);--plasma-textfield__title-caption-font-weight:var(--plasma-select-textfield-title-caption-font-weight);--plasma-textfield__title-caption-letter-spacing:var(--plasma-select-textfield-title-caption-letter-spacing);--plasma-textfield__title-caption-line-height:var(--plasma-select-textfield-title-caption-line-height);--plasma-textfield__left-helper-offset:var(--plasma-select-textfield-left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-select-textfield-left-helper-font-family);--plasma-textfield__left-helper-font-style:var(--plasma-select-textfield-left-helper-font-style);--plasma-textfield__left-helper-font-size:var(--plasma-select-textfield-left-helper-font-size);--plasma-textfield__left-helper-font-weight:var(--plasma-select-textfield-left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-select-textfield-left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-select-textfield-left-helper-line-height);--plasma-textfield__before-text-color:var(--plasma-select-textfield-before-text-color);--plasma-textfield__after-text-color:var(--plasma-select-textfield-after-text-color);--plasma-textfield__before-text-margin:var(--plasma-select-textfield-before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-select-textfield-after-text-margin);--plasma-textfield-disabled-opacity:var(--plasma-select-textfield-disabled-opacity);--plasma-textfield__hint-custom-icon-target-size:var(--plasma-select-textfield__hint-custom-icon-target-size);--plasma-textfield__hint-margin:var(--plasma-select-textfield__hint-margin);--plasma-textfield__hint-target-size:var(--plasma-select-textfield__hint-target-size);--plasma-textfield__hint-icon-color:var(--plasma-select-textfield__hint-icon-color);--plasma-textfield__hint-inner-label-placement-offset:var(--plasma-select-textfield__hint-inner-label-placement-offset);--plasma-textfield__clear-hint-inner-label-placement-offset:var(--plasma-select-textfield__clear-hint-inner-label-placement-offset);--plasma-textfield__tooltip-background-color:var(--plasma-select-textfield__tooltip-background-color);--plasma-textfield__tooltip-box-shadow:var(--plasma-select-textfield__tooltip-box-shadow);--plasma-textfield__tooltip-color:var(--plasma-select-textfield__tooltip-color);--plasma-textfield__tooltip-padding-top:var(--plasma-select-textfield__tooltip-padding-top);--plasma-textfield__tooltip-padding-right:var(--plasma-select-textfield__tooltip-padding-right);--plasma-textfield__tooltip-padding-bottom:var(--plasma-select-textfield__tooltip-padding-bottom);--plasma-textfield__tooltip-padding-left:var(--plasma-select-textfield__tooltip-padding-left);--plasma-textfield__tooltip-min-height:var(--plasma-select-textfield__tooltip-min-height);--plasma-textfield__tooltip-border-radius:var(--plasma-select-textfield__tooltip-border-radius);--plasma-textfield__tooltip-text-font-family:var(--plasma-select-textfield__tooltip-text-font-family);--plasma-textfield__tooltip-text-font-size:var(--plasma-select-textfield__tooltip-text-font-size);--plasma-textfield__tooltip-text-font-style:var(--plasma-select-textfield__tooltip-text-font-style);--plasma-textfield__tooltip-text-font-weight:var(--plasma-select-textfield__tooltip-text-font-weight);--plasma-textfield__tooltip-text-font-letter-spacing:var(--plasma-select-textfield__tooltip-text-font-letter-spacing);--plasma-textfield__tooltip-text-font-line-height:var(--plasma-select-textfield__tooltip-text-font-line-height);--plasma-textfield__tooltip-content-left-margin:var(--plasma-select-textfield__tooltip-content-left-margin);--plasma-textfield__tooltip-arrow-mask-width:var(--plasma-select-textfield__tooltip-arrow-mask-width);--plasma-textfield__tooltip-arrow-mask-height:var(--plasma-select-textfield__tooltip-arrow-mask-height);--plasma-textfield__tooltip-arrow-mask-image:var(--plasma-select-textfield__tooltip-arrow-mask-image);--plasma-textfield__tooltip-arrow-height:var(--plasma-select-textfield__tooltip-arrow-height);--plasma-textfield__tooltip-arrow-edge-margin:var(--plasma-select-textfield__tooltip-arrow-edge-margin);--plasma-textfield__tooltip-arrow-background:var(--plasma-select-textfield__tooltip-arrow-background);--plasma-textfield__chip-height:var(--plasma-select-textfield-chip-height);--plasma-textfield__chip-border-radius:var(--plasma-select-textfield-chip-border-radius);--plasma-textfield__chip-gap:var(--plasma-select-textfield-chip-gap);--plasma-textfield__chip-color:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-hover:var(--plasma-select-textfield-chip-color-hover);--plasma-textfield__chip-background:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-hover:var(--plasma-select-textfield-chip-background-hover);--plasma-textfield__chip-background-active:var(--plasma-select-textfield-chip-background-active);--plasma-textfield__chip-color-active:var(--plasma-select-textfield-chip-color-active);--plasma-textfield__chip-close-icon-color:var(--plasma-select-textfield-chip-close-icons-color);--plasma-textfield__chip-close-icon-color-hover:var(--plasma-select-textfield-chip-close-icons-color-hover);--plasma-textfield__chip-close-icon-color-readonly:var(--plasma-select-textfield-chip-close-icons-color-readonly);--plasma-textfield__chip-outline-size:var(--plasma-select-textfield-chip-outline-size);--plasma-textfield__chip-width:var(--plasma-select-textfield-chip-width);--plasma-textfield__chip-padding:var(--plasma-select-textfield-chip-padding);--plasma-textfield__chip-close-icon-size:var(--plasma-select-textfield-chip-close-icon-size);--plasma-textfield__chip-font-family:var(--plasma-select-textfield-chip-font-family);--plasma-textfield__chip-font-size:var(--plasma-select-textfield-chip-font-size);--plasma-textfield__chip-font-style:var(--plasma-select-textfield-chip-font-style);--plasma-textfield__chip-font-weight:var(--plasma-select-textfield-chip-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-select-textfield-chip-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-select-textfield-chip-line-height);--plasma-textfield__chip-color-readonly:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-readonly-hover:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-background-readonly:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-readonly-hover:var(--plasma-select-textfield-chip-background-hover);--plasma-textfield__chip-clear-content-margin-left:var(--plasma-select-textfield-chip-clear-content-margin-left);--plasma-textfield__chip-clear-content-margin-right:var(--plasma-select-textfield-chip-clear-content-margin-right);--plasma-textfield__indicator-color:var(--plasma-select-new-textfield-indicator-color);--plasma-textfield__indicator-size-inner:var(--plasma-select-new-textfield-indicator-size-inner);--plasma-textfield__indicator-size-outer:var(--plasma-select-new-textfield-indicator-size-outer);--plasma-textfield__indicator-placement-inner:var(--plasma-select-new-textfield-indicator-placement-inner);--plasma-textfield__indicator-placement-outer:var(--plasma-select-new-textfield-indicator-placement-outer);--plasma-textfield__indicator-placement-inner-right:var(--plasma-select-new-textfield-indicator-placement-inner-right);--plasma-textfield__indicator-placement-outer-right:var(--plasma-select-new-textfield-indicator-placement-outer-right);--plasma-textfield__clear-indicator-placement-inner:var(--plasma-select-new-textfield-clear-indicator-placement-inner);--plasma-textfield__clear-indicator-placement-inner-right:var(--plasma-select-new-textfield-clear-indicator-placement-inner-right );--plasma-textfield__clear-indicator-hint-placement-inner-right:var(--plasma-select-new-textfield-clear-indicator-hint-placement-inner-right);--plasma-textfield-focus-color:var(--plasma-select-textfield-focus-color);--plasma-textfield-box-shadow:var(--s1yhwv5r-3);}.s1yhwv5r div.input-wrapper:focus-within{background-color:var(--plasma-select-textfield-background-color-focus);}.s1yhwv5r.readonly{--plasma-textfield-color-readonly:var(--plasma-select-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-select-textfield-bg-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-select-textfield__placeholder-color-readonly);--plasma-textfield-divider-color-readonly:var(--plasma-select-textfield-divider-color-readonly);--plasma-textfield__left-helper-color-readonly:var(--plasma-select-textfield__left-helper-color-readonly);--plasma-textfield__label-color-readonly:var(--plasma-select-textfield__label-color-readonly);--plasma-textfield__title-caption-color-readonly:var(--plasma-select-textfield__title-caption-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-select-textfield-border-color-readonly);--plasma-textfield-readonly-opacity:var(--plasma-select-textfield-readonly-opacity);--plasma-textfield__chip-color-readonly:var(--plasma-select-textfield__chip-color-readonly);--plasma-textfield__chip-color-readonly-hover:var(--plasma-select-textfield__chip-color-readonly-hover);--plasma-textfield__chip-background-readonly:var(--plasma-select-textfield__chip-background-readonly);--plasma-textfield__chip-background-readonly-hover:var(--plasma-select-textfield__chip-background-readonly-hover);--plasma-textfield__chip-opacity-readonly:var(--plasma-select-textfield__chip-opacity-readonly);--plasma-textfield-box-shadow:none;}
 .i7x5udn{line-height:0;color:var(--plasma-select-disclosure-icon-color);cursor:var(--i7x5udn-0);opacity:var(--i7x5udn-2);}.i7x5udn .arrow-inverse{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.i7x5udn:hover,.i7x5udn:active{color:var(--i7x5udn-1);}
 .s2oocb4{width:var(--s2oocb4-0);height:var(--s2oocb4-0);}
 .s1kxyc50{margin:0;padding:0;}