@salutejs/plasma-new-hope 0.340.0-canary.2322.19132961849.0 → 0.340.0-canary.2322.19262336998.0

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

@@ -28,28 +28,28 @@
 
 .Tooltip_1qsg6ij_s1cz8cv8__da7f9e0a{--plasma-popover-arrow-mask-width:var(--plasma-tooltip-arrow-mask-width);--plasma-popover-arrow-mask-height:var(--plasma-tooltip-arrow-mask-height);--plasma-popover-arrow-mask-image:var(--plasma-tooltip-arrow-mask-image);--plasma-popover-arrow-background:var(--plasma-tooltip-arrow-background);--plasma-popover-arrow-height:var(--plasma-tooltip-arrow-height);--plasma-popover-arrow-edge-margin:var(--plasma-tooltip-arrow-edge-margin);}
 
-.TextField_styles_xvs3tf_iq39zt5__6229ab57{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;}
-.TextField_styles_xvs3tf_i1j28rg8__6229ab57{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;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;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_xvs3tf_i1j28rg8__6229ab57::-webkit-scrollbar{display:none;}.TextField_styles_xvs3tf_i1j28rg8__6229ab57.TextField_styles_xvs3tf_hasChips__6229ab57{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
-.TextField_styles_xvs3tf_s13zudoe__6229ab57{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-margin-right,var(--plasma-textfield__chip-gap));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
-.TextField_styles_xvs3tf_io4bpie__6229ab57{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;}.TextField_styles_xvs3tf_io4bpie__6229ab57.TextField_styles_xvs3tf_textfieldInputTextEllipsis__6229ab57{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.TextField_styles_xvs3tf_io4bpie__6229ab57::-webkit-input-placeholder{opacity:0;}.TextField_styles_xvs3tf_io4bpie__6229ab57::-moz-placeholder{opacity:0;}.TextField_styles_xvs3tf_io4bpie__6229ab57:-ms-input-placeholder{opacity:0;}.TextField_styles_xvs3tf_io4bpie__6229ab57::placeholder{opacity:0;}
-.TextField_styles_xvs3tf_i13qvwoy__6229ab57{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;min-width:var(--i13qvwoy-0);}.TextField_styles_xvs3tf_i13qvwoy__6229ab57 .TextField_styles_xvs3tf_io4bpie__6229ab57{max-width:var(--i13qvwoy-1);}
-.TextField_styles_xvs3tf_i19ry60d__6229ab57{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);padding:var(--i19ry60d-0);}
-.TextField_styles_xvs3tf_obt1ohz__6229ab57{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;white-space:var(--obt1ohz-0);margin-bottom:var(--obt1ohz-1);}
-.TextField_styles_xvs3tf_tlv9av6__6229ab57{display:inline-block;margin-left:auto;}
-.TextField_styles_xvs3tf_s600610__6229ab57{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;}
-.TextField_styles_xvs3tf_luk2zst__6229ab57{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
-.TextField_styles_xvs3tf_s1gjsnfi__6229ab57{margin:var(--plasma-textfield__left-content-margin);color:var(--s1gjsnfi-0);line-height:0;}
-.TextField_styles_xvs3tf_ssv2kwg__6229ab57{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
-.TextField_styles_xvs3tf_s190z894__6229ab57{line-height:0;margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.TextField_styles_xvs3tf_s190z894__6229ab57:hover{color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_xvs3tf_s190z894__6229ab57:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
-
-.TextField_styles_xvs3tf_s7hnwwb__6229ab57{visibility:var(--s7hnwwb-0);}
-
-.TextField_styles_xvs3tf_s14qvple__6229ab57{color:var(--plasma-textfield__optional-color);}
-.TextField_styles_xvs3tf_s16itze4__6229ab57{display:inline-block;line-height:0;}.TextField_styles_xvs3tf_s16itze4__6229ab57.TextField_styles_xvs3tf_labelPlacementInner__6229ab57{position:absolute;margin:0;inset:var(--plasma-textfield__hint-inner-label-placement-offset);}
-.TextField_styles_xvs3tf_h1skqnhr__6229ab57{color:var(--plasma-textfield__hint-icon-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
-.TextField_styles_xvs3tf_hgy0im1__6229ab57 .TextField_styles_xvs3tf_h1skqnhr__6229ab57 .TextField_styles_xvs3tf_popoverRoot__6229ab57{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
-.TextField_styles_xvs3tf_h8yezh4__6229ab57{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
-.TextField_styles_xvs3tf_szsveq4__6229ab57{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_xvs3tf_szsveq4__6229ab57.TextField_styles_xvs3tf_labelPlacementOuter__6229ab57{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_xvs3tf_szsveq4__6229ab57.TextField_styles_xvs3tf_labelPlacementOuter__6229ab57.TextField_styles_xvs3tf_requiredAlignRight__6229ab57{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_xvs3tf_szsveq4__6229ab57.TextField_styles_xvs3tf_labelPlacementOuter__6229ab57.TextField_styles_xvs3tf_requiredAlignRight__6229ab57.TextField_styles_xvs3tf_textfieldHasHint__6229ab57{right:calc( -1 * var(--plasma-textfield__indicator-size-outer) + var(--plasma-textfield__indicator-hint-placement-outer-right,0px) );}.TextField_styles_xvs3tf_szsveq4__6229ab57.TextField_styles_xvs3tf_labelPlacementInner__6229ab57{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_xvs3tf_szsveq4__6229ab57.TextField_styles_xvs3tf_labelPlacementInner__6229ab57.TextField_styles_xvs3tf_requiredAlignRight__6229ab57{inset:var(--plasma-textfield__indicator-placement-inner-right);}
+.TextField_styles_1fz6mh6_iq39zt5__e88ef90e{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;}
+.TextField_styles_1fz6mh6_i1j28rg8__e88ef90e{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;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;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_1fz6mh6_i1j28rg8__e88ef90e::-webkit-scrollbar{display:none;}.TextField_styles_1fz6mh6_i1j28rg8__e88ef90e.TextField_styles_1fz6mh6_hasChips__e88ef90e{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
+.TextField_styles_1fz6mh6_s13zudoe__e88ef90e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-margin-right,var(--plasma-textfield__chip-gap));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
+.TextField_styles_1fz6mh6_io4bpie__e88ef90e{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;}.TextField_styles_1fz6mh6_io4bpie__e88ef90e.TextField_styles_1fz6mh6_textfieldInputTextEllipsis__e88ef90e{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.TextField_styles_1fz6mh6_io4bpie__e88ef90e::-webkit-input-placeholder{opacity:0;}.TextField_styles_1fz6mh6_io4bpie__e88ef90e::-moz-placeholder{opacity:0;}.TextField_styles_1fz6mh6_io4bpie__e88ef90e:-ms-input-placeholder{opacity:0;}.TextField_styles_1fz6mh6_io4bpie__e88ef90e::placeholder{opacity:0;}
+.TextField_styles_1fz6mh6_i13qvwoy__e88ef90e{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;min-width:var(--i13qvwoy-0);}.TextField_styles_1fz6mh6_i13qvwoy__e88ef90e .TextField_styles_1fz6mh6_io4bpie__e88ef90e{max-width:var(--i13qvwoy-1);}
+.TextField_styles_1fz6mh6_i19ry60d__e88ef90e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);padding:var(--i19ry60d-0);}
+.TextField_styles_1fz6mh6_obt1ohz__e88ef90e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;white-space:var(--obt1ohz-0);margin-bottom:var(--obt1ohz-1);}
+.TextField_styles_1fz6mh6_tlv9av6__e88ef90e{display:inline-block;margin-left:auto;}
+.TextField_styles_1fz6mh6_s600610__e88ef90e{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;}
+.TextField_styles_1fz6mh6_luk2zst__e88ef90e{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
+.TextField_styles_1fz6mh6_s1gjsnfi__e88ef90e{--private_content-slot-color:var(--s1gjsnfi-0);margin:var(--plasma-textfield__left-content-margin);color:var(--private_content-slot-color);line-height:0;}.TextField_styles_1fz6mh6_s1gjsnfi__e88ef90e:hover{color:var(--plasma-textfield-content-slot-color-hover,var(--private_content-slot-color));}.TextField_styles_1fz6mh6_s1gjsnfi__e88ef90e:active{color:var(--plasma-textfield-content-slot-color-active,var(--private_content-slot-color));}
+.TextField_styles_1fz6mh6_ssv2kwg__e88ef90e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
+.TextField_styles_1fz6mh6_s190z894__e88ef90e{line-height:0;margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.TextField_styles_1fz6mh6_s190z894__e88ef90e:hover{color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_1fz6mh6_s190z894__e88ef90e:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
+
+.TextField_styles_1fz6mh6_s7hnwwb__e88ef90e{visibility:var(--s7hnwwb-0);}
+
+.TextField_styles_1fz6mh6_s14qvple__e88ef90e{color:var(--plasma-textfield__optional-color);}
+.TextField_styles_1fz6mh6_s16itze4__e88ef90e{display:inline-block;line-height:0;}.TextField_styles_1fz6mh6_s16itze4__e88ef90e.TextField_styles_1fz6mh6_labelPlacementInner__e88ef90e{position:absolute;margin:0;inset:var(--plasma-textfield__hint-inner-label-placement-offset);}
+.TextField_styles_1fz6mh6_h1skqnhr__e88ef90e{color:var(--plasma-textfield__hint-icon-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
+.TextField_styles_1fz6mh6_hgy0im1__e88ef90e .TextField_styles_1fz6mh6_h1skqnhr__e88ef90e .TextField_styles_1fz6mh6_popoverRoot__e88ef90e{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
+.TextField_styles_1fz6mh6_h8yezh4__e88ef90e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
+.TextField_styles_1fz6mh6_szsveq4__e88ef90e{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_1fz6mh6_szsveq4__e88ef90e.TextField_styles_1fz6mh6_labelPlacementOuter__e88ef90e{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_1fz6mh6_szsveq4__e88ef90e.TextField_styles_1fz6mh6_labelPlacementOuter__e88ef90e.TextField_styles_1fz6mh6_requiredAlignRight__e88ef90e{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_1fz6mh6_szsveq4__e88ef90e.TextField_styles_1fz6mh6_labelPlacementOuter__e88ef90e.TextField_styles_1fz6mh6_requiredAlignRight__e88ef90e.TextField_styles_1fz6mh6_textfieldHasHint__e88ef90e{right:calc( -1 * var(--plasma-textfield__indicator-size-outer) + var(--plasma-textfield__indicator-hint-placement-outer-right,0px) );}.TextField_styles_1fz6mh6_szsveq4__e88ef90e.TextField_styles_1fz6mh6_labelPlacementInner__e88ef90e{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_1fz6mh6_szsveq4__e88ef90e.TextField_styles_1fz6mh6_labelPlacementInner__e88ef90e.TextField_styles_1fz6mh6_requiredAlignRight__e88ef90e{inset:var(--plasma-textfield__indicator-placement-inner-right);}
 
 .base_sp7461_b13tc97x__6c2a9135{color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}.base_sp7461_b13tc97x__6c2a9135:hover{color:var(--plasma-chip-color-hover);background-color:var(--plasma-chip-background-hover);}.base_sp7461_b13tc97x__6c2a9135:active{color:var(--plasma-chip-color-active);background-color:var(--plasma-chip-background-active);}
 

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

@@ -83,11 +83,14 @@ var Textfield = /*#__PURE__*/forwardRef(function (_ref, ref) {
       onChange(value.filter(function (val) {
         var _valueToItemMap$get5;
         return valueToItemMap === null || valueToItemMap === void 0 || (_valueToItemMap$get5 = valueToItemMap.get(val)) === null || _valueToItemMap$get5 === void 0 ? void 0 : _valueToItemMap$get5.disabled;
-      }));
+      }), null);
     } else {
       onChange(value.filter(function (val) {
         return val !== chip.value;
-      }), valueToItemMap.get(chip.value) || null);
+      }), valueToItemMap.get(chip.value) || {
+        value: chip.value,
+        label: chip.label
+      });
     }
   };
   var helperTextStopPropagation = function helperTextStopPropagation(event) {

package/es/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            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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"}
+{"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(\n                    value.filter((val) => valueToItemMap?.get(val)?.disabled),\n                    null,\n                );\n            } else {\n                onChange(\n                    value.filter((val) => val !== chip.value),\n                    valueToItemMap.get(chip.value) || { value: chip.value, label: chip.label },\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/es/components/Select/ui/TreeList/TreeList.js

@@ -26,8 +26,8 @@ var TreeList = function TreeList(_ref) {
   }, beforeList, items === null || items === void 0 ? void 0 : items.map(function (item, index) {
     return /*#__PURE__*/React.createElement(Item, {
       key: index,
-      index: index,
-      item: item
+      item: item,
+      pathToItem: [index]
     });
   }), afterList));
 };
@@ -79,7 +79,7 @@ var VirtualTreeList = function VirtualTreeList(_ref2) {
       ref: virtualizer.measureElement
     }, /*#__PURE__*/React.createElement(Item, {
       item: items[virtualRow.index],
-      index: virtualRow.index
+      pathToItem: [virtualRow.index]
     }));
   })))), afterList);
 };

package/es/components/Select/ui/TreeList/TreeList.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeList.js","sources":["../../../../../src/components/Select/ui/TreeList/TreeList.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { useVirtualizer } from '@tanstack/react-virtual';\nimport { getHeightAsNumber } from 'src/utils';\n\nimport { Props } from './TreeList.types';\nimport { Item } from './ui/Item/Item';\nimport { ListWrapper, ScrollContainer } from './TreeList.styles';\n\nexport const TreeList: React.FC<Props> = ({ items, listMaxHeight, onScroll, virtual, beforeList, afterList }) => {\n    if (virtual) {\n        return (\n            <VirtualTreeList\n                items={items}\n                listMaxHeight={listMaxHeight}\n                onScroll={onScroll}\n                beforeList={beforeList}\n                afterList={afterList}\n            />\n        );\n    }\n\n    return (\n        <ListWrapper>\n            <ScrollContainer listMaxHeight={listMaxHeight} onScroll={onScroll}>\n                {beforeList}\n\n                {items?.map((item, index) => {\n                    return <Item key={index} index={index} item={item} />;\n                })}\n\n                {afterList}\n            </ScrollContainer>\n        </ListWrapper>\n    );\n};\n\nconst VirtualTreeList: React.FC<Props> = ({ items = [], listMaxHeight, onScroll, beforeList, afterList }) => {\n    const parentRef = useRef<HTMLDivElement>(null);\n\n    const virtualizer = useVirtualizer({\n        count: items.length,\n        getScrollElement: () => parentRef.current,\n        estimateSize: () => 48,\n    });\n\n    const virtualItems = virtualizer.getVirtualItems();\n\n    return (\n        <ListWrapper>\n            {beforeList}\n\n            <div\n                ref={parentRef}\n                style={{\n                    height: 'auto',\n                    maxHeight: getHeightAsNumber(listMaxHeight),\n                    overflowY: 'auto',\n                }}\n                onScroll={onScroll}\n            >\n                <div\n                    style={{\n                        height: virtualizer.getTotalSize(),\n                        width: '100%',\n                        position: 'relative',\n                    }}\n                >\n                    <div\n                        style={{\n                            position: 'absolute',\n                            top: 0,\n                            left: 0,\n                            width: '100%',\n                            transform: `translateY(${virtualItems[0]?.start ?? 0}px)`,\n                        }}\n                    >\n                        {virtualItems.map((virtualRow) => (\n                            <div\n                                key={virtualRow.key as React.Key}\n                                data-index={virtualRow.index}\n                                ref={virtualizer.measureElement}\n                            >\n                                <Item item={items[virtualRow.index]} index={virtualRow.index} />\n                            </div>\n                        ))}\n                    </div>\n                </div>\n            </div>\n\n            {afterList}\n        </ListWrapper>\n    );\n};\n"],"names":["TreeList","_ref","items","listMaxHeight","onScroll","virtual","beforeList","afterList","React","createElement","VirtualTreeList","ListWrapper","ScrollContainer","map","item","index","Item","key","_ref2","_virtualItems$0$start","_virtualItems$","_ref2$items","parentRef","useRef","virtualizer","useVirtualizer","count","length","getScrollElement","current","estimateSize","virtualItems","getVirtualItems","ref","style","height","maxHeight","getHeightAsNumber","overflowY","getTotalSize","width","position","top","left","transform","concat","start","virtualRow","measureElement"],"mappings":"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"}
+{"version":3,"file":"TreeList.js","sources":["../../../../../src/components/Select/ui/TreeList/TreeList.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { useVirtualizer } from '@tanstack/react-virtual';\nimport { getHeightAsNumber } from 'src/utils';\n\nimport { Props } from './TreeList.types';\nimport { Item } from './ui/Item/Item';\nimport { ListWrapper, ScrollContainer } from './TreeList.styles';\n\nexport const TreeList: React.FC<Props> = ({ items, listMaxHeight, onScroll, virtual, beforeList, afterList }) => {\n    if (virtual) {\n        return (\n            <VirtualTreeList\n                items={items}\n                listMaxHeight={listMaxHeight}\n                onScroll={onScroll}\n                beforeList={beforeList}\n                afterList={afterList}\n            />\n        );\n    }\n\n    return (\n        <ListWrapper>\n            <ScrollContainer listMaxHeight={listMaxHeight} onScroll={onScroll}>\n                {beforeList}\n\n                {items?.map((item, index) => {\n                    return <Item key={index} item={item} pathToItem={[index]} />;\n                })}\n\n                {afterList}\n            </ScrollContainer>\n        </ListWrapper>\n    );\n};\n\nconst VirtualTreeList: React.FC<Props> = ({ items = [], listMaxHeight, onScroll, beforeList, afterList }) => {\n    const parentRef = useRef<HTMLDivElement>(null);\n\n    const virtualizer = useVirtualizer({\n        count: items.length,\n        getScrollElement: () => parentRef.current,\n        estimateSize: () => 48,\n    });\n\n    const virtualItems = virtualizer.getVirtualItems();\n\n    return (\n        <ListWrapper>\n            {beforeList}\n\n            <div\n                ref={parentRef}\n                style={{\n                    height: 'auto',\n                    maxHeight: getHeightAsNumber(listMaxHeight),\n                    overflowY: 'auto',\n                }}\n                onScroll={onScroll}\n            >\n                <div\n                    style={{\n                        height: virtualizer.getTotalSize(),\n                        width: '100%',\n                        position: 'relative',\n                    }}\n                >\n                    <div\n                        style={{\n                            position: 'absolute',\n                            top: 0,\n                            left: 0,\n                            width: '100%',\n                            transform: `translateY(${virtualItems[0]?.start ?? 0}px)`,\n                        }}\n                    >\n                        {virtualItems.map((virtualRow) => (\n                            <div\n                                key={virtualRow.key as React.Key}\n                                data-index={virtualRow.index}\n                                ref={virtualizer.measureElement}\n                            >\n                                <Item item={items[virtualRow.index]} pathToItem={[virtualRow.index]} />\n                            </div>\n                        ))}\n                    </div>\n                </div>\n            </div>\n\n            {afterList}\n        </ListWrapper>\n    );\n};\n"],"names":["TreeList","_ref","items","listMaxHeight","onScroll","virtual","beforeList","afterList","React","createElement","VirtualTreeList","ListWrapper","ScrollContainer","map","item","index","Item","key","pathToItem","_ref2","_virtualItems$0$start","_virtualItems$","_ref2$items","parentRef","useRef","virtualizer","useVirtualizer","count","length","getScrollElement","current","estimateSize","virtualItems","getVirtualItems","ref","style","height","maxHeight","getHeightAsNumber","overflowY","getTotalSize","width","position","top","left","transform","concat","start","virtualRow","measureElement"],"mappings":"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"}

package/es/components/Select/ui/TreeList/ui/Item/Item.js

@@ -1,15 +1,19 @@
-import React, { useContext } from 'react';
+import { toConsumableArray as _toConsumableArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import React, { useContext, useRef } from 'react';
 import { classes } from '../../../../Select.tokens.js';
+import { cx } from '../../../../../../utils/index.js';
 import { keyExists } from '../../../../reducers/treePathReducer.js';
 import { Context } from '../../../../Select.context.js';
 import { ItemWrapper, Wrapper, Offset, DisclosureIconWrapper, StyledArrowLeft, IconWrapper, StyledCheckboxWrapper, StyledCheckbox, StyledIndicator, StyledIconDone, StyledText, StyledWrapper, StyledCell, StyledArrowRight, ChildItems } from './Item.styles.js';
+import { isArraysEqual } from '../../../../../../utils/isArraysEqual.js';
+import { useDidMountEffect } from '../../../../../../hooks/useDidMountEffect.js';
 import { sizeToIconSize } from '../../../../utils/sizeToIconSize.js';
 
 var _StyledIndicator, _StyledIndicator2;
 var Item = function Item(_ref) {
   var _valueToPathMap$get, _item$items;
   var item = _ref.item,
-    index = _ref.index;
+    pathToItem = _ref.pathToItem;
   var label = item.label,
     value = item.value,
     disabled = item.disabled,
@@ -32,11 +36,14 @@ var Item = function Item(_ref) {
     handleCheckboxChange = _useContext.handleCheckboxChange,
     valueToPathMap = _useContext.valueToPathMap;
   var itemDisabled = Boolean(disabled || isDisabled);
+  var disabledClassName = itemDisabled ? classes.dropdownItemIsDisabled : undefined;
+  var ref = useRef(null);
   var currentItemDepth = (((_valueToPathMap$get = valueToPathMap.get(item.value.toString())) === null || _valueToPathMap$get === void 0 ? void 0 : _valueToPathMap$get.length) || 0) - 1;
   var isCurrentLevelOpened = keyExists(treePath, valueToPathMap.get(value.toString()) || []);
   var withArrowInverse = isCurrentLevelOpened ? classes.arrowInverse : undefined;
-  var focusedClass = currentItemDepth === focusedPath.length - 1 && index === (focusedPath === null || focusedPath === void 0 ? void 0 : focusedPath[currentItemDepth]) ? classes.dropdownItemIsFocused : undefined;
+  var focusedClass = isArraysEqual(pathToItem, focusedPath) ? classes.dropdownItemIsFocused : undefined;
   var handleClick = function handleClick(e) {
+    if (itemDisabled) return;
     if (!isLeaf) {
       dispatchTreePath({
         type: 'toggled_level',
@@ -52,8 +59,18 @@ var Item = function Item(_ref) {
     e.stopPropagation();
     handleCheckboxChange(item);
   };
+  useDidMountEffect(function () {
+    if (focusedClass && ref !== null && ref !== void 0 && ref.current) {
+      ref.current.scrollIntoView({
+        behavior: 'smooth',
+        block: 'center',
+        inline: 'center'
+      });
+    }
+  }, [focusedClass]);
   return /*#__PURE__*/React.createElement(ItemWrapper, null, /*#__PURE__*/React.createElement(Wrapper, {
-    className: focusedClass,
+    ref: ref,
+    className: cx(focusedClass, disabledClassName),
     onClick: handleClick,
     variant: variant,
     role: "treeitem"
@@ -112,8 +129,8 @@ var Item = function Item(_ref) {
   }))), !isLeaf && isCurrentLevelOpened && /*#__PURE__*/React.createElement(ChildItems, null, (_item$items = item.items) === null || _item$items === void 0 ? void 0 : _item$items.map(function (item, index) {
     return /*#__PURE__*/React.createElement(Item, {
       item: item,
-      index: index,
-      key: index
+      key: item.value,
+      pathToItem: [].concat(_toConsumableArray(pathToItem), [index])
     });
   })));
 };

package/es/components/Select/ui/TreeList/ui/Item/Item.js.map

@@ -1 +1 @@
-{"version":3,"file":"Item.js","sources":["../../../../../../../src/components/Select/ui/TreeList/ui/Item/Item.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { classes } from 'src/components/Select/Select.tokens';\nimport { sizeToIconSize } from 'src/components/Select/utils';\n\nimport { keyExists } from '../../../../reducers/treePathReducer';\nimport { Context } from '../../../../Select.context';\n\nimport { Props } from './Item.types';\nimport {\n    ItemWrapper,\n    ChildItems,\n    Offset,\n    IconWrapper,\n    StyledCheckboxWrapper,\n    StyledCheckbox,\n    StyledIndicator,\n    StyledIconDone,\n    StyledText,\n    StyledWrapper,\n    StyledCell,\n    DisclosureIconWrapper,\n    StyledArrowRight,\n    Wrapper,\n    StyledArrowLeft,\n} from './Item.styles';\n\nexport const Item: React.FC<Props> = ({ item, index }) => {\n    const { label, value, disabled, isDisabled, contentLeft, contentRight } = item;\n\n    const isLeaf = !item?.items;\n\n    const {\n        checked,\n        multiselect,\n        size,\n        variant,\n        renderItem,\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        _checkboxAppearance,\n        focusedPath,\n        treePath,\n        dispatchTreePath,\n        arrowPlacement,\n        handleItemClick,\n        handleCheckboxChange,\n        valueToPathMap,\n    } = useContext(Context);\n\n    const itemDisabled = Boolean(disabled || isDisabled);\n\n    const currentItemDepth = (valueToPathMap.get(item.value.toString())?.length || 0) - 1;\n\n    const isCurrentLevelOpened = keyExists(treePath, valueToPathMap.get(value.toString()) || []);\n\n    const withArrowInverse = isCurrentLevelOpened ? classes.arrowInverse : undefined;\n\n    const focusedClass =\n        currentItemDepth === focusedPath.length - 1 && index === focusedPath?.[currentItemDepth]\n            ? classes.dropdownItemIsFocused\n            : undefined;\n\n    const handleClick = (e: React.MouseEvent<HTMLElement>) => {\n        if (!isLeaf) {\n            dispatchTreePath({ type: 'toggled_level', value: valueToPathMap.get(value.toString()) || [] });\n        }\n\n        if (handleItemClick) {\n            handleItemClick(item, e);\n        }\n    };\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n        if (itemDisabled) return;\n\n        e.stopPropagation();\n\n        handleCheckboxChange(item);\n    };\n\n    return (\n        <ItemWrapper>\n            <Wrapper className={focusedClass} onClick={handleClick} variant={variant} role=\"treeitem\">\n                <Offset depth={currentItemDepth} />\n\n                {arrowPlacement === 'left' && (\n                    <DisclosureIconWrapper visibility={isLeaf ? 'hidden' : 'visible'}>\n                        <StyledArrowLeft\n                            size={sizeToIconSize(size, variant)}\n                            color=\"inherit\"\n                            className={withArrowInverse}\n                        />\n                    </DisclosureIconWrapper>\n                )}\n\n                {multiselect && (\n                    <IconWrapper variant={variant}>\n                        <StyledCheckboxWrapper onClick={(e) => e.stopPropagation()}>\n                            <StyledCheckbox\n                                disabled={itemDisabled}\n                                checked={Boolean(checked.get(item.value))}\n                                indeterminate={checked.get(item.value) === 'indeterminate'}\n                                onChange={handleChange}\n                                appearance={_checkboxAppearance ?? 'default'}\n                            />\n                        </StyledCheckboxWrapper>\n                    </IconWrapper>\n                )}\n\n                {!multiselect && arrowPlacement === 'right' && (\n                    <IconWrapper variant={variant}>\n                        {checked.get(item.value) === 'dot' && <StyledIndicator size=\"s\" view=\"default\" />}\n\n                        {checked.get(item.value) === 'done' && (\n                            <StyledIconDone size={sizeToIconSize(size, variant)} color=\"inherit\" />\n                        )}\n                    </IconWrapper>\n                )}\n\n                {renderItem ? (\n                    <StyledText>{renderItem(item)}</StyledText>\n                ) : (\n                    <StyledWrapper disabled={itemDisabled}>\n                        <StyledCell\n                            contentLeft={contentLeft}\n                            contentRight={contentRight}\n                            // TODO: #1548\n                            // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                            // @ts-ignore\n                            title={<span>{label}</span>}\n                        />\n                    </StyledWrapper>\n                )}\n\n                {!multiselect && arrowPlacement === 'left' && (\n                    <IconWrapper variant={variant}>\n                        {checked.get(item.value) === 'dot' && <StyledIndicator size=\"s\" view=\"default\" />}\n\n                        {checked.get(item.value) === 'done' && (\n                            <StyledIconDone size={sizeToIconSize(size, variant)} color=\"inherit\" />\n                        )}\n                    </IconWrapper>\n                )}\n\n                {arrowPlacement === 'right' && (\n                    <DisclosureIconWrapper visibility={isLeaf ? 'hidden' : 'visible'}>\n                        <StyledArrowRight\n                            size={sizeToIconSize(size, variant)}\n                            color=\"inherit\"\n                            className={withArrowInverse}\n                        />\n                    </DisclosureIconWrapper>\n                )}\n            </Wrapper>\n\n            {!isLeaf && isCurrentLevelOpened && (\n                <ChildItems>\n                    {item.items?.map((item, index) => {\n                        return <Item item={item} index={index} key={index} />;\n                    })}\n                </ChildItems>\n            )}\n        </ItemWrapper>\n    );\n};\n"],"names":["Item","_ref","_valueToPathMap$get","_item$items","item","index","label","value","disabled","isDisabled","contentLeft","contentRight","isLeaf","items","_useContext","useContext","Context","checked","multiselect","size","variant","renderItem","_checkboxAppearance","focusedPath","treePath","dispatchTreePath","arrowPlacement","handleItemClick","handleCheckboxChange","valueToPathMap","itemDisabled","Boolean","currentItemDepth","get","toString","length","isCurrentLevelOpened","keyExists","withArrowInverse","classes","arrowInverse","undefined","focusedClass","dropdownItemIsFocused","handleClick","e","type","handleChange","stopPropagation","React","createElement","ItemWrapper","Wrapper","className","onClick","role","Offset","depth","DisclosureIconWrapper","visibility","StyledArrowLeft","sizeToIconSize","color","IconWrapper","StyledCheckboxWrapper","StyledCheckbox","indeterminate","onChange","appearance","_StyledIndicator","StyledIndicator","view","StyledIconDone","StyledText","StyledWrapper","StyledCell","title","_StyledIndicator2","StyledArrowRight","ChildItems","map","key"],"mappings":"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"}
+{"version":3,"file":"Item.js","sources":["../../../../../../../src/components/Select/ui/TreeList/ui/Item/Item.tsx"],"sourcesContent":["import React, { useContext, useRef } from 'react';\nimport { classes } from 'src/components/Select/Select.tokens';\nimport { sizeToIconSize } from 'src/components/Select/utils';\nimport { isArraysEqual, cx } from 'src/utils';\nimport { useDidMountEffect } from 'src/hooks';\n\nimport { keyExists } from '../../../../reducers/treePathReducer';\nimport { Context } from '../../../../Select.context';\n\nimport { Props } from './Item.types';\nimport {\n    ItemWrapper,\n    ChildItems,\n    Offset,\n    IconWrapper,\n    StyledCheckboxWrapper,\n    StyledCheckbox,\n    StyledIndicator,\n    StyledIconDone,\n    StyledText,\n    StyledWrapper,\n    StyledCell,\n    DisclosureIconWrapper,\n    StyledArrowRight,\n    Wrapper,\n    StyledArrowLeft,\n} from './Item.styles';\n\nexport const Item: React.FC<Props> = ({ item, pathToItem }) => {\n    const { label, value, disabled, isDisabled, contentLeft, contentRight } = item;\n\n    const isLeaf = !item?.items;\n\n    const {\n        checked,\n        multiselect,\n        size,\n        variant,\n        renderItem,\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        _checkboxAppearance,\n        focusedPath,\n        treePath,\n        dispatchTreePath,\n        arrowPlacement,\n        handleItemClick,\n        handleCheckboxChange,\n        valueToPathMap,\n    } = useContext(Context);\n\n    const itemDisabled = Boolean(disabled || isDisabled);\n    const disabledClassName = itemDisabled ? classes.dropdownItemIsDisabled : undefined;\n\n    const ref = useRef<HTMLDivElement | null>(null);\n\n    const currentItemDepth = (valueToPathMap.get(item.value.toString())?.length || 0) - 1;\n\n    const isCurrentLevelOpened = keyExists(treePath, valueToPathMap.get(value.toString()) || []);\n\n    const withArrowInverse = isCurrentLevelOpened ? classes.arrowInverse : undefined;\n\n    const focusedClass = isArraysEqual(pathToItem, focusedPath) ? classes.dropdownItemIsFocused : undefined;\n\n    const handleClick = (e: React.MouseEvent<HTMLElement>) => {\n        if (itemDisabled) return;\n\n        if (!isLeaf) {\n            dispatchTreePath({ type: 'toggled_level', value: valueToPathMap.get(value.toString()) || [] });\n        }\n\n        if (handleItemClick) {\n            handleItemClick(item, e);\n        }\n    };\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n        if (itemDisabled) return;\n\n        e.stopPropagation();\n\n        handleCheckboxChange(item);\n    };\n\n    useDidMountEffect(() => {\n        if (focusedClass && ref?.current) {\n            ref.current.scrollIntoView({\n                behavior: 'smooth',\n                block: 'center',\n                inline: 'center',\n            });\n        }\n    }, [focusedClass]);\n\n    return (\n        <ItemWrapper>\n            <Wrapper\n                ref={ref}\n                className={cx(focusedClass, disabledClassName)}\n                onClick={handleClick}\n                variant={variant}\n                role=\"treeitem\"\n            >\n                <Offset depth={currentItemDepth} />\n\n                {arrowPlacement === 'left' && (\n                    <DisclosureIconWrapper visibility={isLeaf ? 'hidden' : 'visible'}>\n                        <StyledArrowLeft\n                            size={sizeToIconSize(size, variant)}\n                            color=\"inherit\"\n                            className={withArrowInverse}\n                        />\n                    </DisclosureIconWrapper>\n                )}\n\n                {multiselect && (\n                    <IconWrapper variant={variant}>\n                        <StyledCheckboxWrapper onClick={(e) => e.stopPropagation()}>\n                            <StyledCheckbox\n                                disabled={itemDisabled}\n                                checked={Boolean(checked.get(item.value))}\n                                indeterminate={checked.get(item.value) === 'indeterminate'}\n                                onChange={handleChange}\n                                appearance={_checkboxAppearance ?? 'default'}\n                            />\n                        </StyledCheckboxWrapper>\n                    </IconWrapper>\n                )}\n\n                {!multiselect && arrowPlacement === 'right' && (\n                    <IconWrapper variant={variant}>\n                        {checked.get(item.value) === 'dot' && <StyledIndicator size=\"s\" view=\"default\" />}\n\n                        {checked.get(item.value) === 'done' && (\n                            <StyledIconDone size={sizeToIconSize(size, variant)} color=\"inherit\" />\n                        )}\n                    </IconWrapper>\n                )}\n\n                {renderItem ? (\n                    <StyledText>{renderItem(item)}</StyledText>\n                ) : (\n                    <StyledWrapper disabled={itemDisabled}>\n                        <StyledCell\n                            contentLeft={contentLeft}\n                            contentRight={contentRight}\n                            // TODO: #1548\n                            // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                            // @ts-ignore\n                            title={<span>{label}</span>}\n                        />\n                    </StyledWrapper>\n                )}\n\n                {!multiselect && arrowPlacement === 'left' && (\n                    <IconWrapper variant={variant}>\n                        {checked.get(item.value) === 'dot' && <StyledIndicator size=\"s\" view=\"default\" />}\n\n                        {checked.get(item.value) === 'done' && (\n                            <StyledIconDone size={sizeToIconSize(size, variant)} color=\"inherit\" />\n                        )}\n                    </IconWrapper>\n                )}\n\n                {arrowPlacement === 'right' && (\n                    <DisclosureIconWrapper visibility={isLeaf ? 'hidden' : 'visible'}>\n                        <StyledArrowRight\n                            size={sizeToIconSize(size, variant)}\n                            color=\"inherit\"\n                            className={withArrowInverse}\n                        />\n                    </DisclosureIconWrapper>\n                )}\n            </Wrapper>\n\n            {!isLeaf && isCurrentLevelOpened && (\n                <ChildItems>\n                    {item.items?.map((item, index) => {\n                        return <Item item={item} key={item.value} pathToItem={[...pathToItem, index]} />;\n                    })}\n                </ChildItems>\n            )}\n        </ItemWrapper>\n    );\n};\n"],"names":["Item","_ref","_valueToPathMap$get","_item$items","item","pathToItem","label","value","disabled","isDisabled","contentLeft","contentRight","isLeaf","items","_useContext","useContext","Context","checked","multiselect","size","variant","renderItem","_checkboxAppearance","focusedPath","treePath","dispatchTreePath","arrowPlacement","handleItemClick","handleCheckboxChange","valueToPathMap","itemDisabled","Boolean","disabledClassName","classes","dropdownItemIsDisabled","undefined","ref","useRef","currentItemDepth","get","toString","length","isCurrentLevelOpened","keyExists","withArrowInverse","arrowInverse","focusedClass","isArraysEqual","dropdownItemIsFocused","handleClick","e","type","handleChange","stopPropagation","useDidMountEffect","current","scrollIntoView","behavior","block","inline","React","createElement","ItemWrapper","Wrapper","className","cx","onClick","role","Offset","depth","DisclosureIconWrapper","visibility","StyledArrowLeft","sizeToIconSize","color","IconWrapper","StyledCheckboxWrapper","StyledCheckbox","indeterminate","onChange","appearance","_StyledIndicator","StyledIndicator","view","StyledIconDone","StyledText","StyledWrapper","StyledCell","title","_StyledIndicator2","StyledArrowRight","ChildItems","map","index","key","concat","_toConsumableArray"],"mappings":"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"}

package/es/components/Slider/Slider.css

@@ -46,28 +46,28 @@
 
 .Tooltip_1qsg6ij_s1cz8cv8__da7f9e0a{--plasma-popover-arrow-mask-width:var(--plasma-tooltip-arrow-mask-width);--plasma-popover-arrow-mask-height:var(--plasma-tooltip-arrow-mask-height);--plasma-popover-arrow-mask-image:var(--plasma-tooltip-arrow-mask-image);--plasma-popover-arrow-background:var(--plasma-tooltip-arrow-background);--plasma-popover-arrow-height:var(--plasma-tooltip-arrow-height);--plasma-popover-arrow-edge-margin:var(--plasma-tooltip-arrow-edge-margin);}
 
-.TextField_styles_xvs3tf_iq39zt5__6229ab57{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;}
-.TextField_styles_xvs3tf_i1j28rg8__6229ab57{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;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;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_xvs3tf_i1j28rg8__6229ab57::-webkit-scrollbar{display:none;}.TextField_styles_xvs3tf_i1j28rg8__6229ab57.TextField_styles_xvs3tf_hasChips__6229ab57{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
-.TextField_styles_xvs3tf_s13zudoe__6229ab57{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-margin-right,var(--plasma-textfield__chip-gap));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
-.TextField_styles_xvs3tf_io4bpie__6229ab57{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;}.TextField_styles_xvs3tf_io4bpie__6229ab57.TextField_styles_xvs3tf_textfieldInputTextEllipsis__6229ab57{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.TextField_styles_xvs3tf_io4bpie__6229ab57::-webkit-input-placeholder{opacity:0;}.TextField_styles_xvs3tf_io4bpie__6229ab57::-moz-placeholder{opacity:0;}.TextField_styles_xvs3tf_io4bpie__6229ab57:-ms-input-placeholder{opacity:0;}.TextField_styles_xvs3tf_io4bpie__6229ab57::placeholder{opacity:0;}
-.TextField_styles_xvs3tf_i13qvwoy__6229ab57{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;min-width:var(--i13qvwoy-0);}.TextField_styles_xvs3tf_i13qvwoy__6229ab57 .TextField_styles_xvs3tf_io4bpie__6229ab57{max-width:var(--i13qvwoy-1);}
-.TextField_styles_xvs3tf_i19ry60d__6229ab57{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);padding:var(--i19ry60d-0);}
-.TextField_styles_xvs3tf_obt1ohz__6229ab57{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;white-space:var(--obt1ohz-0);margin-bottom:var(--obt1ohz-1);}
-.TextField_styles_xvs3tf_tlv9av6__6229ab57{display:inline-block;margin-left:auto;}
-.TextField_styles_xvs3tf_s600610__6229ab57{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;}
-.TextField_styles_xvs3tf_luk2zst__6229ab57{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
-.TextField_styles_xvs3tf_s1gjsnfi__6229ab57{margin:var(--plasma-textfield__left-content-margin);color:var(--s1gjsnfi-0);line-height:0;}
-.TextField_styles_xvs3tf_ssv2kwg__6229ab57{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
-.TextField_styles_xvs3tf_s190z894__6229ab57{line-height:0;margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.TextField_styles_xvs3tf_s190z894__6229ab57:hover{color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_xvs3tf_s190z894__6229ab57:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
-
-.TextField_styles_xvs3tf_s7hnwwb__6229ab57{visibility:var(--s7hnwwb-0);}
-
-.TextField_styles_xvs3tf_s14qvple__6229ab57{color:var(--plasma-textfield__optional-color);}
-.TextField_styles_xvs3tf_s16itze4__6229ab57{display:inline-block;line-height:0;}.TextField_styles_xvs3tf_s16itze4__6229ab57.TextField_styles_xvs3tf_labelPlacementInner__6229ab57{position:absolute;margin:0;inset:var(--plasma-textfield__hint-inner-label-placement-offset);}
-.TextField_styles_xvs3tf_h1skqnhr__6229ab57{color:var(--plasma-textfield__hint-icon-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
-.TextField_styles_xvs3tf_hgy0im1__6229ab57 .TextField_styles_xvs3tf_h1skqnhr__6229ab57 .TextField_styles_xvs3tf_popoverRoot__6229ab57{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
-.TextField_styles_xvs3tf_h8yezh4__6229ab57{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
-.TextField_styles_xvs3tf_szsveq4__6229ab57{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_xvs3tf_szsveq4__6229ab57.TextField_styles_xvs3tf_labelPlacementOuter__6229ab57{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_xvs3tf_szsveq4__6229ab57.TextField_styles_xvs3tf_labelPlacementOuter__6229ab57.TextField_styles_xvs3tf_requiredAlignRight__6229ab57{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_xvs3tf_szsveq4__6229ab57.TextField_styles_xvs3tf_labelPlacementOuter__6229ab57.TextField_styles_xvs3tf_requiredAlignRight__6229ab57.TextField_styles_xvs3tf_textfieldHasHint__6229ab57{right:calc( -1 * var(--plasma-textfield__indicator-size-outer) + var(--plasma-textfield__indicator-hint-placement-outer-right,0px) );}.TextField_styles_xvs3tf_szsveq4__6229ab57.TextField_styles_xvs3tf_labelPlacementInner__6229ab57{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_xvs3tf_szsveq4__6229ab57.TextField_styles_xvs3tf_labelPlacementInner__6229ab57.TextField_styles_xvs3tf_requiredAlignRight__6229ab57{inset:var(--plasma-textfield__indicator-placement-inner-right);}
+.TextField_styles_1fz6mh6_iq39zt5__e88ef90e{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;}
+.TextField_styles_1fz6mh6_i1j28rg8__e88ef90e{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;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;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_1fz6mh6_i1j28rg8__e88ef90e::-webkit-scrollbar{display:none;}.TextField_styles_1fz6mh6_i1j28rg8__e88ef90e.TextField_styles_1fz6mh6_hasChips__e88ef90e{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
+.TextField_styles_1fz6mh6_s13zudoe__e88ef90e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-margin-right,var(--plasma-textfield__chip-gap));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
+.TextField_styles_1fz6mh6_io4bpie__e88ef90e{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;}.TextField_styles_1fz6mh6_io4bpie__e88ef90e.TextField_styles_1fz6mh6_textfieldInputTextEllipsis__e88ef90e{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.TextField_styles_1fz6mh6_io4bpie__e88ef90e::-webkit-input-placeholder{opacity:0;}.TextField_styles_1fz6mh6_io4bpie__e88ef90e::-moz-placeholder{opacity:0;}.TextField_styles_1fz6mh6_io4bpie__e88ef90e:-ms-input-placeholder{opacity:0;}.TextField_styles_1fz6mh6_io4bpie__e88ef90e::placeholder{opacity:0;}
+.TextField_styles_1fz6mh6_i13qvwoy__e88ef90e{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;min-width:var(--i13qvwoy-0);}.TextField_styles_1fz6mh6_i13qvwoy__e88ef90e .TextField_styles_1fz6mh6_io4bpie__e88ef90e{max-width:var(--i13qvwoy-1);}
+.TextField_styles_1fz6mh6_i19ry60d__e88ef90e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);padding:var(--i19ry60d-0);}
+.TextField_styles_1fz6mh6_obt1ohz__e88ef90e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;white-space:var(--obt1ohz-0);margin-bottom:var(--obt1ohz-1);}
+.TextField_styles_1fz6mh6_tlv9av6__e88ef90e{display:inline-block;margin-left:auto;}
+.TextField_styles_1fz6mh6_s600610__e88ef90e{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;}
+.TextField_styles_1fz6mh6_luk2zst__e88ef90e{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
+.TextField_styles_1fz6mh6_s1gjsnfi__e88ef90e{--private_content-slot-color:var(--s1gjsnfi-0);margin:var(--plasma-textfield__left-content-margin);color:var(--private_content-slot-color);line-height:0;}.TextField_styles_1fz6mh6_s1gjsnfi__e88ef90e:hover{color:var(--plasma-textfield-content-slot-color-hover,var(--private_content-slot-color));}.TextField_styles_1fz6mh6_s1gjsnfi__e88ef90e:active{color:var(--plasma-textfield-content-slot-color-active,var(--private_content-slot-color));}
+.TextField_styles_1fz6mh6_ssv2kwg__e88ef90e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
+.TextField_styles_1fz6mh6_s190z894__e88ef90e{line-height:0;margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.TextField_styles_1fz6mh6_s190z894__e88ef90e:hover{color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_1fz6mh6_s190z894__e88ef90e:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
+
+.TextField_styles_1fz6mh6_s7hnwwb__e88ef90e{visibility:var(--s7hnwwb-0);}
+
+.TextField_styles_1fz6mh6_s14qvple__e88ef90e{color:var(--plasma-textfield__optional-color);}
+.TextField_styles_1fz6mh6_s16itze4__e88ef90e{display:inline-block;line-height:0;}.TextField_styles_1fz6mh6_s16itze4__e88ef90e.TextField_styles_1fz6mh6_labelPlacementInner__e88ef90e{position:absolute;margin:0;inset:var(--plasma-textfield__hint-inner-label-placement-offset);}
+.TextField_styles_1fz6mh6_h1skqnhr__e88ef90e{color:var(--plasma-textfield__hint-icon-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
+.TextField_styles_1fz6mh6_hgy0im1__e88ef90e .TextField_styles_1fz6mh6_h1skqnhr__e88ef90e .TextField_styles_1fz6mh6_popoverRoot__e88ef90e{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
+.TextField_styles_1fz6mh6_h8yezh4__e88ef90e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
+.TextField_styles_1fz6mh6_szsveq4__e88ef90e{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_1fz6mh6_szsveq4__e88ef90e.TextField_styles_1fz6mh6_labelPlacementOuter__e88ef90e{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_1fz6mh6_szsveq4__e88ef90e.TextField_styles_1fz6mh6_labelPlacementOuter__e88ef90e.TextField_styles_1fz6mh6_requiredAlignRight__e88ef90e{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_1fz6mh6_szsveq4__e88ef90e.TextField_styles_1fz6mh6_labelPlacementOuter__e88ef90e.TextField_styles_1fz6mh6_requiredAlignRight__e88ef90e.TextField_styles_1fz6mh6_textfieldHasHint__e88ef90e{right:calc( -1 * var(--plasma-textfield__indicator-size-outer) + var(--plasma-textfield__indicator-hint-placement-outer-right,0px) );}.TextField_styles_1fz6mh6_szsveq4__e88ef90e.TextField_styles_1fz6mh6_labelPlacementInner__e88ef90e{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_1fz6mh6_szsveq4__e88ef90e.TextField_styles_1fz6mh6_labelPlacementInner__e88ef90e.TextField_styles_1fz6mh6_requiredAlignRight__e88ef90e{inset:var(--plasma-textfield__indicator-placement-inner-right);}
 
 .base_sp7461_b13tc97x__6c2a9135{color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}.base_sp7461_b13tc97x__6c2a9135:hover{color:var(--plasma-chip-color-hover);background-color:var(--plasma-chip-background-hover);}.base_sp7461_b13tc97x__6c2a9135:active{color:var(--plasma-chip-color-active);background-color:var(--plasma-chip-background-active);}
 

package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css

@@ -37,28 +37,28 @@
 
 .Tooltip_1qsg6ij_s1cz8cv8__da7f9e0a{--plasma-popover-arrow-mask-width:var(--plasma-tooltip-arrow-mask-width);--plasma-popover-arrow-mask-height:var(--plasma-tooltip-arrow-mask-height);--plasma-popover-arrow-mask-image:var(--plasma-tooltip-arrow-mask-image);--plasma-popover-arrow-background:var(--plasma-tooltip-arrow-background);--plasma-popover-arrow-height:var(--plasma-tooltip-arrow-height);--plasma-popover-arrow-edge-margin:var(--plasma-tooltip-arrow-edge-margin);}
 
-.TextField_styles_xvs3tf_iq39zt5__6229ab57{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;}
-.TextField_styles_xvs3tf_i1j28rg8__6229ab57{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;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;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_xvs3tf_i1j28rg8__6229ab57::-webkit-scrollbar{display:none;}.TextField_styles_xvs3tf_i1j28rg8__6229ab57.TextField_styles_xvs3tf_hasChips__6229ab57{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
-.TextField_styles_xvs3tf_s13zudoe__6229ab57{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-margin-right,var(--plasma-textfield__chip-gap));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
-.TextField_styles_xvs3tf_io4bpie__6229ab57{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;}.TextField_styles_xvs3tf_io4bpie__6229ab57.TextField_styles_xvs3tf_textfieldInputTextEllipsis__6229ab57{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.TextField_styles_xvs3tf_io4bpie__6229ab57::-webkit-input-placeholder{opacity:0;}.TextField_styles_xvs3tf_io4bpie__6229ab57::-moz-placeholder{opacity:0;}.TextField_styles_xvs3tf_io4bpie__6229ab57:-ms-input-placeholder{opacity:0;}.TextField_styles_xvs3tf_io4bpie__6229ab57::placeholder{opacity:0;}
-.TextField_styles_xvs3tf_i13qvwoy__6229ab57{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;min-width:var(--i13qvwoy-0);}.TextField_styles_xvs3tf_i13qvwoy__6229ab57 .TextField_styles_xvs3tf_io4bpie__6229ab57{max-width:var(--i13qvwoy-1);}
-.TextField_styles_xvs3tf_i19ry60d__6229ab57{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);padding:var(--i19ry60d-0);}
-.TextField_styles_xvs3tf_obt1ohz__6229ab57{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;white-space:var(--obt1ohz-0);margin-bottom:var(--obt1ohz-1);}
-.TextField_styles_xvs3tf_tlv9av6__6229ab57{display:inline-block;margin-left:auto;}
-.TextField_styles_xvs3tf_s600610__6229ab57{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;}
-.TextField_styles_xvs3tf_luk2zst__6229ab57{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
-.TextField_styles_xvs3tf_s1gjsnfi__6229ab57{margin:var(--plasma-textfield__left-content-margin);color:var(--s1gjsnfi-0);line-height:0;}
-.TextField_styles_xvs3tf_ssv2kwg__6229ab57{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
-.TextField_styles_xvs3tf_s190z894__6229ab57{line-height:0;margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.TextField_styles_xvs3tf_s190z894__6229ab57:hover{color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_xvs3tf_s190z894__6229ab57:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
-
-.TextField_styles_xvs3tf_s7hnwwb__6229ab57{visibility:var(--s7hnwwb-0);}
-
-.TextField_styles_xvs3tf_s14qvple__6229ab57{color:var(--plasma-textfield__optional-color);}
-.TextField_styles_xvs3tf_s16itze4__6229ab57{display:inline-block;line-height:0;}.TextField_styles_xvs3tf_s16itze4__6229ab57.TextField_styles_xvs3tf_labelPlacementInner__6229ab57{position:absolute;margin:0;inset:var(--plasma-textfield__hint-inner-label-placement-offset);}
-.TextField_styles_xvs3tf_h1skqnhr__6229ab57{color:var(--plasma-textfield__hint-icon-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
-.TextField_styles_xvs3tf_hgy0im1__6229ab57 .TextField_styles_xvs3tf_h1skqnhr__6229ab57 .TextField_styles_xvs3tf_popoverRoot__6229ab57{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
-.TextField_styles_xvs3tf_h8yezh4__6229ab57{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
-.TextField_styles_xvs3tf_szsveq4__6229ab57{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_xvs3tf_szsveq4__6229ab57.TextField_styles_xvs3tf_labelPlacementOuter__6229ab57{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_xvs3tf_szsveq4__6229ab57.TextField_styles_xvs3tf_labelPlacementOuter__6229ab57.TextField_styles_xvs3tf_requiredAlignRight__6229ab57{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_xvs3tf_szsveq4__6229ab57.TextField_styles_xvs3tf_labelPlacementOuter__6229ab57.TextField_styles_xvs3tf_requiredAlignRight__6229ab57.TextField_styles_xvs3tf_textfieldHasHint__6229ab57{right:calc( -1 * var(--plasma-textfield__indicator-size-outer) + var(--plasma-textfield__indicator-hint-placement-outer-right,0px) );}.TextField_styles_xvs3tf_szsveq4__6229ab57.TextField_styles_xvs3tf_labelPlacementInner__6229ab57{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_xvs3tf_szsveq4__6229ab57.TextField_styles_xvs3tf_labelPlacementInner__6229ab57.TextField_styles_xvs3tf_requiredAlignRight__6229ab57{inset:var(--plasma-textfield__indicator-placement-inner-right);}
+.TextField_styles_1fz6mh6_iq39zt5__e88ef90e{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;}
+.TextField_styles_1fz6mh6_i1j28rg8__e88ef90e{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;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;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_1fz6mh6_i1j28rg8__e88ef90e::-webkit-scrollbar{display:none;}.TextField_styles_1fz6mh6_i1j28rg8__e88ef90e.TextField_styles_1fz6mh6_hasChips__e88ef90e{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
+.TextField_styles_1fz6mh6_s13zudoe__e88ef90e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-margin-right,var(--plasma-textfield__chip-gap));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
+.TextField_styles_1fz6mh6_io4bpie__e88ef90e{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;}.TextField_styles_1fz6mh6_io4bpie__e88ef90e.TextField_styles_1fz6mh6_textfieldInputTextEllipsis__e88ef90e{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.TextField_styles_1fz6mh6_io4bpie__e88ef90e::-webkit-input-placeholder{opacity:0;}.TextField_styles_1fz6mh6_io4bpie__e88ef90e::-moz-placeholder{opacity:0;}.TextField_styles_1fz6mh6_io4bpie__e88ef90e:-ms-input-placeholder{opacity:0;}.TextField_styles_1fz6mh6_io4bpie__e88ef90e::placeholder{opacity:0;}
+.TextField_styles_1fz6mh6_i13qvwoy__e88ef90e{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;min-width:var(--i13qvwoy-0);}.TextField_styles_1fz6mh6_i13qvwoy__e88ef90e .TextField_styles_1fz6mh6_io4bpie__e88ef90e{max-width:var(--i13qvwoy-1);}
+.TextField_styles_1fz6mh6_i19ry60d__e88ef90e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);padding:var(--i19ry60d-0);}
+.TextField_styles_1fz6mh6_obt1ohz__e88ef90e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;white-space:var(--obt1ohz-0);margin-bottom:var(--obt1ohz-1);}
+.TextField_styles_1fz6mh6_tlv9av6__e88ef90e{display:inline-block;margin-left:auto;}
+.TextField_styles_1fz6mh6_s600610__e88ef90e{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;}
+.TextField_styles_1fz6mh6_luk2zst__e88ef90e{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
+.TextField_styles_1fz6mh6_s1gjsnfi__e88ef90e{--private_content-slot-color:var(--s1gjsnfi-0);margin:var(--plasma-textfield__left-content-margin);color:var(--private_content-slot-color);line-height:0;}.TextField_styles_1fz6mh6_s1gjsnfi__e88ef90e:hover{color:var(--plasma-textfield-content-slot-color-hover,var(--private_content-slot-color));}.TextField_styles_1fz6mh6_s1gjsnfi__e88ef90e:active{color:var(--plasma-textfield-content-slot-color-active,var(--private_content-slot-color));}
+.TextField_styles_1fz6mh6_ssv2kwg__e88ef90e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
+.TextField_styles_1fz6mh6_s190z894__e88ef90e{line-height:0;margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.TextField_styles_1fz6mh6_s190z894__e88ef90e:hover{color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_1fz6mh6_s190z894__e88ef90e:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
+
+.TextField_styles_1fz6mh6_s7hnwwb__e88ef90e{visibility:var(--s7hnwwb-0);}
+
+.TextField_styles_1fz6mh6_s14qvple__e88ef90e{color:var(--plasma-textfield__optional-color);}
+.TextField_styles_1fz6mh6_s16itze4__e88ef90e{display:inline-block;line-height:0;}.TextField_styles_1fz6mh6_s16itze4__e88ef90e.TextField_styles_1fz6mh6_labelPlacementInner__e88ef90e{position:absolute;margin:0;inset:var(--plasma-textfield__hint-inner-label-placement-offset);}
+.TextField_styles_1fz6mh6_h1skqnhr__e88ef90e{color:var(--plasma-textfield__hint-icon-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
+.TextField_styles_1fz6mh6_hgy0im1__e88ef90e .TextField_styles_1fz6mh6_h1skqnhr__e88ef90e .TextField_styles_1fz6mh6_popoverRoot__e88ef90e{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
+.TextField_styles_1fz6mh6_h8yezh4__e88ef90e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
+.TextField_styles_1fz6mh6_szsveq4__e88ef90e{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_1fz6mh6_szsveq4__e88ef90e.TextField_styles_1fz6mh6_labelPlacementOuter__e88ef90e{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_1fz6mh6_szsveq4__e88ef90e.TextField_styles_1fz6mh6_labelPlacementOuter__e88ef90e.TextField_styles_1fz6mh6_requiredAlignRight__e88ef90e{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_1fz6mh6_szsveq4__e88ef90e.TextField_styles_1fz6mh6_labelPlacementOuter__e88ef90e.TextField_styles_1fz6mh6_requiredAlignRight__e88ef90e.TextField_styles_1fz6mh6_textfieldHasHint__e88ef90e{right:calc( -1 * var(--plasma-textfield__indicator-size-outer) + var(--plasma-textfield__indicator-hint-placement-outer-right,0px) );}.TextField_styles_1fz6mh6_szsveq4__e88ef90e.TextField_styles_1fz6mh6_labelPlacementInner__e88ef90e{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_1fz6mh6_szsveq4__e88ef90e.TextField_styles_1fz6mh6_labelPlacementInner__e88ef90e.TextField_styles_1fz6mh6_requiredAlignRight__e88ef90e{inset:var(--plasma-textfield__indicator-placement-inner-right);}
 
 .base_sp7461_b13tc97x__6c2a9135{color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}.base_sp7461_b13tc97x__6c2a9135:hover{color:var(--plasma-chip-color-hover);background-color:var(--plasma-chip-background-hover);}.base_sp7461_b13tc97x__6c2a9135:active{color:var(--plasma-chip-color-active);background-color:var(--plasma-chip-background-active);}