@salutejs/plasma-new-hope 0.336.0-canary.2219.17586567115.0 → 0.336.0-canary.2220.17591054284.0

package/styled-components/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.js

@@ -0,0 +1,87 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "StyledChip", {
+    enumerable: true,
+    get: function() {
+        return StyledChip;
+    }
+});
+var _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
+var _engines = require("../../../../engines");
+var _mixins = require("../../../../mixins");
+var _Chip = require("../../../Chip");
+var _TextFieldtokens = require("../../TextField.tokens");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+// issue #823
+var mergedConfig = (0, _engines.mergeConfig)(_Chip.chipConfig);
+var Chip = (0, _engines.component)(mergedConfig);
+var StyledChip = (0, _styledcomponents.default)(Chip).withConfig({
+    displayName: "TextFieldChipNew.styles__StyledChip",
+    componentId: "sc-ad9c2527-0"
+})([
+    "",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":0.4;",
+    " &[readonly]{opacity:var(",
+    ");}"
+], _Chip.chipTokens.color, _TextFieldtokens.tokens.chipColor, _Chip.chipTokens.background, _TextFieldtokens.tokens.chipBackground, _Chip.chipTokens.colorHover, _TextFieldtokens.tokens.chipColorHover, _Chip.chipTokens.backgroundHover, _TextFieldtokens.tokens.chipBackgroundHover, _Chip.chipTokens.colorActive, _TextFieldtokens.tokens.chipColorActive, _Chip.chipTokens.backgroundActive, _TextFieldtokens.tokens.chipBackgroundActive, _Chip.chipTokens.backgroundReadOnly, _TextFieldtokens.tokens.chipBackgroundReadOnly, _Chip.chipTokens.colorReadOnly, _TextFieldtokens.tokens.chipColorReadOnly, _Chip.chipTokens.backgroundReadOnlyHover, _TextFieldtokens.tokens.chipBackgroundReadOnlyHover, _Chip.chipTokens.colorReadOnlyHover, _TextFieldtokens.tokens.chipColorReadOnlyHover, _Chip.chipTokens.borderRadius, _TextFieldtokens.tokens.chipBorderRadius, _Chip.chipTokens.width, _TextFieldtokens.tokens.chipWidth, _Chip.chipTokens.height, _TextFieldtokens.tokens.chipHeight, _Chip.chipTokens.padding, _TextFieldtokens.tokens.chipPadding, _Chip.chipTokens.fontFamily, _TextFieldtokens.tokens.chipFontFamily, _Chip.chipTokens.fontSize, _TextFieldtokens.tokens.chipFontSize, _Chip.chipTokens.fontStyle, _TextFieldtokens.tokens.chipFontStyle, _Chip.chipTokens.fontWeight, _TextFieldtokens.tokens.chipFontWeight, _Chip.chipTokens.letterSpacing, _TextFieldtokens.tokens.chipLetterSpacing, _Chip.chipTokens.lineHeight, _TextFieldtokens.tokens.chipLineHeight, _Chip.chipTokens.clearContentMarginLeft, _TextFieldtokens.tokens.chipClearContentMarginLeft, _Chip.chipTokens.clearContentMarginRight, _TextFieldtokens.tokens.chipClearContentMarginRight, _Chip.chipTokens.closeIconSize, _TextFieldtokens.tokens.chipCloseIconSize, _Chip.chipTokens.closeIconColor, _TextFieldtokens.tokens.chipCloseIconColor, _Chip.chipTokens.focusColor, _TextFieldtokens.tokens.focusColor, _Chip.chipTokens.disabledOpacity, (0, _mixins.addFocus)({
+    outlineOffset: '0.0625rem',
+    outlineSize: '0.0625rem',
+    outlineRadius: "calc(var(".concat(_TextFieldtokens.tokens.chipBorderRadius, ") - 0.1rem)"),
+    outlineColor: "var(".concat(_TextFieldtokens.tokens.focusColor, ")")
+}), _TextFieldtokens.tokens.chipOpacityReadonly);

package/styled-components/cjs/components/TextField/ui/index.js

@@ -2,10 +2,19 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "TextFieldChip", {
-    enumerable: true,
-    get: function() {
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get TextFieldChip () {
         return _TextFieldChip.TextFieldChip;
+    },
+    get TextFieldChipNew () {
+        return _TextFieldChipNew.TextFieldChipNew;
     }
 });
 var _TextFieldChip = require("./TextFieldChip/TextFieldChip");
+var _TextFieldChipNew = require("./TextFieldChipNew/TextFieldChipNew");

package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js

@@ -6,9 +6,6 @@ function _array_like_to_array(arr, len) {
 function _array_with_holes(arr) {
     if (Array.isArray(arr)) return arr;
 }
-function _array_without_holes(arr) {
-    if (Array.isArray(arr)) return _array_like_to_array(arr);
-}
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -22,9 +19,6 @@ function _define_property(obj, key, value) {
     }
     return obj;
 }
-function _iterable_to_array(iter) {
-    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-}
 function _iterable_to_array_limit(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
@@ -52,9 +46,6 @@ function _iterable_to_array_limit(arr, i) {
 function _non_iterable_rest() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _non_iterable_spread() {
-    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
 function _object_spread(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
@@ -124,9 +115,6 @@ function _object_without_properties_loose(source, excluded) {
 function _sliced_to_array(arr, i) {
     return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
 }
-function _to_consumable_array(arr) {
-    return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
-}
 function _type_of(obj) {
     "@swc/helpers - typeof";
     return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
@@ -147,7 +135,7 @@ import { sizeToIconSize } from "../../Select/utils";
 import { classes } from "./Combobox.tokens";
 import { FloatingPopover } from "./FloatingPopover";
 import { useKeyNavigation, getItemByFocused } from "./hooks/useKeyboardNavigation";
-import { initialItemsTransform, updateAncestors, updateDescendants, updateSingleAncestors, filterItems, getItemId, getRemovedElement, getTextValue } from "./utils";
+import { initialItemsTransform, updateAncestors, updateDescendants, updateSingleAncestors, filterItems, getItemId, getTextValue } from "./utils";
 import { Inner, StyledTextField, VirtualList, SelectAll } from "./ui";
 import { pathReducer, focusedPathReducer } from "./reducers";
 import { getPathMap, getTreeMaps } from "./hooks/getPathMaps";
@@ -218,7 +206,7 @@ import { Context } from "./Combobox.context";
             return getTreeMaps(transformedItems);
         }, [
             items
-        ]), 3), valueToCheckedMap = _useMemo[0], valueToItemMap = _useMemo[1], labelToItemMap = _useMemo[2];
+        ]), 2), valueToCheckedMap = _useMemo[0], valueToItemMap = _useMemo[1];
         var _useState = _sliced_to_array(useState(getTextValue(multiple, outerValue, valueToItemMap, renderValue)), 2), textValue = _useState[0], setTextValue = _useState[1];
         var _useState1 = _sliced_to_array(useState(multiple ? [] : ''), 2), internalValue = _useState1[0], setInternalValue = _useState1[1];
         var value = outerValue !== null && outerValue !== undefined ? outerValue : internalValue;
@@ -306,39 +294,14 @@ import { Context } from "./Combobox.context";
             }
         };
         // Обработчик чипов
-        var handleChipsChange = function(chipLabels) {
+        var handleChipClick = function(chip) {
             if (!Array.isArray(value)) return;
-            // TODO: #1564
-            // Из лейблов чипов получаем value у item и далее прокидываем его в onChange.
-            if (renderValue && !isTargetAmount) {
-                var resultValues = _to_consumable_array(value);
-                value.forEach(function(_, index) {
-                    var _valueToItemMap_get;
-                    var stringValue = value[index];
-                    var label = (_valueToItemMap_get = valueToItemMap.get(stringValue)) === null || _valueToItemMap_get === void 0 ? void 0 : _valueToItemMap_get.label;
-                    var labelAfterRenderValue = renderValue(label ? labelToItemMap.get(label) : {
-                        value: stringValue,
-                        label: stringValue.toString()
-                    });
-                    if (!chipLabels.includes(labelAfterRenderValue)) {
-                        resultValues.splice(index, 1);
-                    }
-                });
-                var removedItemValue = getRemovedElement(value, resultValues, isTargetAmount);
-                onChange(resultValues, removedItemValue ? valueToItemMap.get(removedItemValue) || {
-                    value: removedItemValue,
-                    label: removedItemValue.toString()
-                } : null);
+            if (isTargetAmount) {
+                onChange([]);
             } else {
-                var newValues = chipLabels.map(function(chipLabel) {
-                    var _labelToItemMap_get;
-                    return ((_labelToItemMap_get = labelToItemMap.get(chipLabel)) === null || _labelToItemMap_get === void 0 ? void 0 : _labelToItemMap_get.value) || chipLabel;
-                });
-                var removedItemValue1 = getRemovedElement(value, newValues, isTargetAmount);
-                onChange(newValues, removedItemValue1 ? valueToItemMap.get(removedItemValue1) || {
-                    value: removedItemValue1,
-                    label: removedItemValue1.toString()
-                } : null);
+                onChange(value.filter(function(val) {
+                    return val !== chip.value;
+                }), valueToItemMap.get(chip.value) || null);
             }
         };
         // Обработчик открытия/закрытия выпадающего списка
@@ -442,20 +405,25 @@ import { Context } from "./Combobox.context";
                 if (value.length === 0) return [];
                 if (isTargetAmount) {
                     return [
-                        "Выбрано ".concat(targetAmount || value.length)
+                        {
+                            value: '_removeAll',
+                            label: "Выбрано ".concat(targetAmount || value.length),
+                            disabled: false
+                        }
                     ];
                 }
-                var renderValueMapper = renderValue && function(stringValue) {
-                    return renderValue(valueToItemMap.get(stringValue) || {
-                        value: stringValue,
-                        label: stringValue.toString()
-                    });
-                };
-                var valueToItemMapper = function(stringValue) {
-                    var _valueToItemMap_get;
-                    return ((_valueToItemMap_get = valueToItemMap.get(stringValue)) === null || _valueToItemMap_get === void 0 ? void 0 : _valueToItemMap_get.label) || stringValue.toString();
-                };
-                return value.map(renderValueMapper || valueToItemMapper);
+                return value.map(function(value) {
+                    var _valueToItemMap_get, _valueToItemMap_get1;
+                    var currentLabel = renderValue ? renderValue(valueToItemMap.get(value) || {
+                        value: value,
+                        label: value
+                    }) : ((_valueToItemMap_get = valueToItemMap.get(value)) === null || _valueToItemMap_get === void 0 ? void 0 : _valueToItemMap_get.label) || value.toString();
+                    return {
+                        value: value,
+                        label: currentLabel,
+                        disabled: ((_valueToItemMap_get1 = valueToItemMap.get(value)) === null || _valueToItemMap_get1 === void 0 ? void 0 : _valueToItemMap_get1.disabled) || false
+                    };
+                });
             }
             return [];
         };
@@ -612,8 +580,8 @@ import { Context } from "./Combobox.context";
                     keepPlaceholder: keepPlaceholder
                 }, multiple ? {
                     enumerationType: 'chip',
-                    chips: getChips(),
-                    onChangeChips: handleChipsChange
+                    _chips: getChips(),
+                    _onChipClick: handleChipClick
                 } : {
                     enumerationType: 'plain'
                 }, rest), {

package/styled-components/es/components/Combobox/ComboboxNew/hooks/getPathMaps.js

@@ -24,16 +24,14 @@ export var getPathMap = function(items) {
 export var getTreeMaps = function(items) {
     var valueToCheckedMap = new Map();
     var valueToItemMap = new Map();
-    var labelToItemMap = new Map();
     var rec = function(items) {
         var prevIndex = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : '';
         items === null || items === void 0 ? void 0 : items.forEach(function(item, index) {
-            var value = item.value, label = item.label, innerItems = item.items;
+            var value = item.value, innerItems = item.items;
             var currIndex = "".concat(prevIndex, "/").concat(index).replace(/^(\/)/, '');
             valueToCheckedMap.set(value, false);
             if (isEmpty(innerItems) || !innerItems) {
                 valueToItemMap.set(value, item);
-                labelToItemMap.set(label, item);
             } else {
                 rec(innerItems, currIndex);
             }
@@ -42,7 +40,6 @@ export var getTreeMaps = function(items) {
     rec(items);
     return [
         valueToCheckedMap,
-        valueToItemMap,
-        labelToItemMap
+        valueToItemMap
     ];
 };

package/styled-components/es/components/Combobox/ComboboxNew/utils/index.js

@@ -5,5 +5,4 @@ export { updateSingleAncestors } from "./updateSingleAncestors";
 export { sizeToIconSize } from "./sizeToIconSize";
 export { filterItems } from "./filterItems";
 export { getItemId } from "./getItemId";
-export { getRemovedElement } from "./getRemovedElement";
 export { getTextValue } from "./getTextValue";

package/styled-components/es/components/TextField/TextField.js

@@ -115,7 +115,7 @@ import { base as hintSizeCSS } from "./variations/_hint-size/base";
 import { base as chipViewCSS } from "./variations/_chip-view/base";
 import { Input, InputContainer, LeftHelper, Label, InputWrapper, InputLabelWrapper, StyledContentLeft, StyledContentRight, StyledChips, StyledTextBefore, StyledTextAfter, StyledIndicator, StyledOptionalText, InputPlaceholder, OuterLabelWrapper, TitleCaption, StyledHintWrapper, StyledIndicatorWrapper, StyledContentRightWrapper } from "./TextField.styles";
 import { classes } from "./TextField.tokens";
-import { TextFieldChip } from "./ui";
+import { TextFieldChip, TextFieldChipNew } from "./ui";
 import { useKeyNavigation } from "./hooks";
 import { HintComponent } from "./ui/Hint/Hint";
 import { getInputWidth } from "./getInputWidth";
@@ -133,7 +133,9 @@ export var textFieldRoot = function(Root) {
         contentLeft = _param.contentLeft, contentRight = _param.contentRight, label = _param.label, labelPlacement = _param.labelPlacement, keepPlaceholder = _param.keepPlaceholder, textBefore = _param.textBefore, textAfter = _param.textAfter, placeholder = _param.placeholder, leftHelper = _param.leftHelper, _param_enumerationType = _param.enumerationType, enumerationType = _param_enumerationType === void 0 ? 'plain' : _param_enumerationType, _param_requiredPlacement = _param.requiredPlacement, requiredPlacement = _param_requiredPlacement === void 0 ? 'right' : _param_requiredPlacement, _param_hasRequiredIndicator = _param.hasRequiredIndicator, hasRequiredIndicator = _param_hasRequiredIndicator === void 0 ? true : _param_hasRequiredIndicator, titleCaption = _param.titleCaption, _param_chipView = _param.chipView, chipView = _param_chipView === void 0 ? 'default' : _param_chipView, chipValidator = _param.chipValidator, _param_hintTrigger = _param.// hint
         hintTrigger, hintTrigger = _param_hintTrigger === void 0 ? 'hover' : _param_hintTrigger, hintText = _param.hintText, _param_hintView = _param.hintView, hintView = _param_hintView === void 0 ? 'default' : _param_hintView, _param_hintSize = _param.hintSize, hintSize = _param_hintSize === void 0 ? 'm' : _param_hintSize, hintTargetIcon = _param.hintTargetIcon, _param_hintTargetPlacement = _param.hintTargetPlacement, hintTargetPlacement = _param_hintTargetPlacement === void 0 ? 'outer' : _param_hintTargetPlacement, _param_hintPlacement = _param.hintPlacement, hintPlacement = _param_hintPlacement === void 0 ? 'auto' : _param_hintPlacement, hintHasArrow = _param.hintHasArrow, _param_hintOffset = _param.hintOffset, hintOffset = _param_hintOffset === void 0 ? HINT_DEFAULT_OFFSET : _param_hintOffset, hintWidth = _param.hintWidth, hintContentLeft = _param.hintContentLeft, // variations
         view = _param.view, size = _param.size, _param_readOnly = _param.readOnly, readOnly = _param_readOnly === void 0 ? false : _param_readOnly, _param_disabled = _param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, _param_required = _param.required, required = _param_required === void 0 ? false : _param_required, _param_clear = _param.clear, clear = _param_clear === void 0 ? false : _param_clear, optional = _param.optional, hasDivider = _param.hasDivider, // controlled
-        outerValue = _param.value, values = _param.chips, _param_chipType = _param.chipType, chipType = _param_chipType === void 0 ? 'default' : _param_chipType, // events
+        outerValue = _param.value, values = _param.chips, _param_chipType = _param.chipType, chipType = _param_chipType === void 0 ? 'default' : _param_chipType, // @ts-ignore
+        _chips = _param._chips, // @ts-ignore
+        _onChipClick = _param._onChipClick, // events
         onChange = _param.onChange, onChangeChips = _param.onChangeChips, onSearch = _param.onSearch, onKeyDown = _param.onKeyDown, onFocus = _param.onFocus, onBlur = _param.onBlur, onPaste = _param.onPaste, // Пропсы для внутреннего использования, не отдается наружу.
         // @ts-ignore
         _onEnterDisabled = _param._onEnterDisabled, // @ts-ignore
@@ -178,6 +180,8 @@ export var textFieldRoot = function(Root) {
             "value",
             "chips",
             "chipType",
+            "_chips",
+            "_onChipClick",
             "onChange",
             "onChangeChips",
             "onSearch",
@@ -209,7 +213,7 @@ export var textFieldRoot = function(Root) {
         var helperTextId = safeUseId();
         var isDefaultView = view === 'default' || readOnly || disabled;
         var isChipEnumeration = enumerationType === 'chip';
-        var isChipsVisible = isChipEnumeration && Boolean(chips === null || chips === void 0 ? void 0 : chips.length);
+        var isChipsVisible = isChipEnumeration && Boolean((chips === null || chips === void 0 ? void 0 : chips.length) || (_chips === null || _chips === void 0 ? void 0 : _chips.length));
         var withHasChips = isChipsVisible ? classes.hasChips : undefined;
         var hasLabelValue = Boolean(label);
         var hasInnerLabel = size !== 'xs' && labelPlacement === 'inner' && !isChipsVisible && hasLabelValue;
@@ -464,7 +468,15 @@ export var textFieldRoot = function(Root) {
             ref: contentRef,
             onKeyDown: handleContentKeyDown,
             className: withHasChips
-        }, Boolean(textBefore && isChipEnumeration) && /*#__PURE__*/ React.createElement(StyledTextBefore, null, textBefore), isChipEnumeration && Boolean(chips === null || chips === void 0 ? void 0 : chips.length) && /*#__PURE__*/ React.createElement(StyledChips, {
+        }, Boolean(textBefore && isChipEnumeration) && /*#__PURE__*/ React.createElement(StyledTextBefore, null, textBefore), Boolean(_chips === null || _chips === void 0 ? void 0 : _chips.length) && /*#__PURE__*/ React.createElement(TextFieldChipNew, {
+            chips: _chips,
+            onChipClick: _onChipClick,
+            getRef: getRef,
+            handleChipKeyDown: handleChipKeyDown,
+            onChipClear: onChipClear,
+            view: view,
+            readOnly: readOnly
+        }), isChipEnumeration && Boolean(chips === null || chips === void 0 ? void 0 : chips.length) && /*#__PURE__*/ React.createElement(StyledChips, {
             className: classes.chipsWrapper
         }, chips === null || chips === void 0 ? void 0 : chips.map(function(param, index) {
             var chipId = param.id, text = param.text;

package/styled-components/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js

@@ -0,0 +1,54 @@
+import React from "react";
+import { StyledChips } from "../../TextField.styles";
+import { classes } from "../../TextField.tokens";
+import { StyledChip } from "./TextFieldChipNew.styles";
+export var TextFieldChipNew = function(param) {
+    var chips = param.chips, onChipClick = param.onChipClick, getRef = param.getRef, handleChipKeyDown = param.handleChipKeyDown, onChipClear = param.onChipClear, readOnly = param.readOnly, view = param.view;
+    return /*#__PURE__*/ React.createElement(StyledChips, {
+        className: classes.chipsWrapper
+    }, chips.map(function(param, index) {
+        var value = param.value, label = param.label, disabled = param.disabled;
+        var chipId = "".concat(index, "_").concat(value);
+        var onKeyDownHandle = function(event) {
+            if (handleChipKeyDown) {
+                handleChipKeyDown(event, chipId, index);
+            }
+            if (event.key === 'Enter' || event.key === 'Backspace') {
+                if (onChipClick) {
+                    onChipClick({
+                        value: value,
+                        label: label,
+                        disabled: disabled
+                    });
+                }
+            }
+        };
+        var handleClick = function(event) {
+            event.stopPropagation();
+            if (onChipClick) {
+                onChipClick({
+                    value: value,
+                    label: label,
+                    disabled: disabled
+                });
+            }
+            if (onChipClear) {
+                onChipClear(chipId, index);
+            }
+        };
+        return /*#__PURE__*/ React.createElement(StyledChip, {
+            key: chipId,
+            ref: function(element) {
+                return getRef(element, index);
+            },
+            tabIndex: -1,
+            disabled: disabled,
+            hasClear: !disabled,
+            readOnly: readOnly,
+            onClick: handleClick,
+            onKeyDown: onKeyDownHandle,
+            text: label,
+            view: view
+        });
+    }));
+};

package/styled-components/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.js

@@ -0,0 +1,73 @@
+import styled from "styled-components";
+import { component, mergeConfig } from "../../../../engines";
+import { addFocus } from "../../../../mixins";
+import { chipConfig, chipTokens } from "../../../Chip";
+import { tokens } from "../../TextField.tokens";
+// issue #823
+var mergedConfig = mergeConfig(chipConfig);
+var Chip = component(mergedConfig);
+// NOTE: Необходимое переопределение токенов из компонента Chip т.к. используются его части
+export var StyledChip = styled(Chip).withConfig({
+    displayName: "TextFieldChipNew.styles__StyledChip",
+    componentId: "sc-ad9c2527-0"
+})([
+    "",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":0.4;",
+    " &[readonly]{opacity:var(",
+    ");}"
+], chipTokens.color, tokens.chipColor, chipTokens.background, tokens.chipBackground, chipTokens.colorHover, tokens.chipColorHover, chipTokens.backgroundHover, tokens.chipBackgroundHover, chipTokens.colorActive, tokens.chipColorActive, chipTokens.backgroundActive, tokens.chipBackgroundActive, chipTokens.backgroundReadOnly, tokens.chipBackgroundReadOnly, chipTokens.colorReadOnly, tokens.chipColorReadOnly, chipTokens.backgroundReadOnlyHover, tokens.chipBackgroundReadOnlyHover, chipTokens.colorReadOnlyHover, tokens.chipColorReadOnlyHover, chipTokens.borderRadius, tokens.chipBorderRadius, chipTokens.width, tokens.chipWidth, chipTokens.height, tokens.chipHeight, chipTokens.padding, tokens.chipPadding, chipTokens.fontFamily, tokens.chipFontFamily, chipTokens.fontSize, tokens.chipFontSize, chipTokens.fontStyle, tokens.chipFontStyle, chipTokens.fontWeight, tokens.chipFontWeight, chipTokens.letterSpacing, tokens.chipLetterSpacing, chipTokens.lineHeight, tokens.chipLineHeight, chipTokens.clearContentMarginLeft, tokens.chipClearContentMarginLeft, chipTokens.clearContentMarginRight, tokens.chipClearContentMarginRight, chipTokens.closeIconSize, tokens.chipCloseIconSize, chipTokens.closeIconColor, tokens.chipCloseIconColor, chipTokens.focusColor, tokens.focusColor, chipTokens.disabledOpacity, addFocus({
+    outlineOffset: '0.0625rem',
+    outlineSize: '0.0625rem',
+    outlineRadius: "calc(var(".concat(tokens.chipBorderRadius, ") - 0.1rem)"),
+    outlineColor: "var(".concat(tokens.focusColor, ")")
+}), tokens.chipOpacityReadonly);

package/styled-components/es/components/TextField/ui/index.js

@@ -1 +1,2 @@
 export { TextFieldChip } from "./TextFieldChip/TextFieldChip";
+export { TextFieldChipNew } from "./TextFieldChipNew/TextFieldChipNew";

package/styled-components/es/examples/components/Combobox/Combobox.js

@@ -1,7 +0,0 @@
-import { component, mergeConfig } from "../../../engines";
-import { comboboxNewConfig } from "../../..";
-import { config } from "./Combobox.config";
-var mergedConfig = mergeConfig(comboboxNewConfig, config);
-var ComboboxComponent = component(mergedConfig);
-var Combobox = ComboboxComponent;
-export { Combobox };

package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6E,MAAM,OAAO,CAAC;AAIlG,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AA8BxC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAOtD;;GAEG;AAEH,eAAO,MAAM,YAAY,SAAU,SAAS,CAAC,gBAAgB,EAAE,IAAI,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC,2FA2kBtF,CAAC;AAEP,eAAO,MAAM,cAAc;;;mBA7kBQ,SAAS,CAAC,gBAAgB,EAAE,IAAI,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC;;;;;;;;;;;;;;;;;;CAkmB3F,CAAC"}
+{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6E,MAAM,OAAO,CAAC;AAIlG,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AA6BxC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAOtD;;GAEG;AAEH,eAAO,MAAM,YAAY,SAAU,SAAS,CAAC,gBAAgB,EAAE,IAAI,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC,2FAkiBtF,CAAC;AAEP,eAAO,MAAM,cAAc;;;mBApiBQ,SAAS,CAAC,gBAAgB,EAAE,IAAI,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC;;;;;;;;;;;;;;;;;;CAyjB3F,CAAC"}

package/types/components/Combobox/ComboboxNew/hooks/getPathMaps.d.ts

@@ -4,7 +4,6 @@ export type PathMapType = Map<string, number>;
 export type FocusedToValueMapType = Map<string, ItemOptionTransformed>;
 export type ValueToCheckedMapType = Map<ItemOptionTransformed['value'], boolean | 'done' | 'dot' | 'indeterminate'>;
 export type ValueToItemMapType = Map<ItemOptionTransformed['value'], ItemOptionTransformed>;
-export type LabelToItemMapType = Map<ItemOptionTransformed['label'], ItemOptionTransformed>;
 export declare const getPathMap: (items: ComboboxProps["items"]) => [PathMapType, FocusedToValueMapType];
-export declare const getTreeMaps: (items: ComboboxProps["items"]) => [ValueToCheckedMapType, ValueToItemMapType, LabelToItemMapType];
+export declare const getTreeMaps: (items: ComboboxProps["items"]) => [ValueToCheckedMapType, ValueToItemMapType];
 //# sourceMappingURL=getPathMaps.d.ts.map

package/types/components/Combobox/ComboboxNew/hooks/getPathMaps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getPathMaps.d.ts","sourceRoot":"","sources":["../../../../../src/components/Combobox/ComboboxNew/hooks/getPathMaps.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAEvE,MAAM,MAAM,WAAW,GAAG,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC9C,MAAM,MAAM,qBAAqB,GAAG,GAAG,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAAC;AACvE,MAAM,MAAM,qBAAqB,GAAG,GAAG,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,KAAK,GAAG,eAAe,CAAC,CAAC;AACpH,MAAM,MAAM,kBAAkB,GAAG,GAAG,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,qBAAqB,CAAC,CAAC;AAC5F,MAAM,MAAM,kBAAkB,GAAG,GAAG,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,qBAAqB,CAAC,CAAC;AAE5F,eAAO,MAAM,UAAU,UAAW,aAAa,CAAC,OAAO,CAAC,KAqBb,CAAC,WAAW,EAAE,qBAAqB,CAC7E,CAAC;AAEF,eAAO,MAAM,WAAW,UAAW,aAAa,CAAC,OAAO,CAAC,KAuBS,CAC1D,qBAAqB,EACrB,kBAAkB,EAClB,kBAAkB,CAEzB,CAAC"}
+{"version":3,"file":"getPathMaps.d.ts","sourceRoot":"","sources":["../../../../../src/components/Combobox/ComboboxNew/hooks/getPathMaps.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAEvE,MAAM,MAAM,WAAW,GAAG,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC9C,MAAM,MAAM,qBAAqB,GAAG,GAAG,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAAC;AACvE,MAAM,MAAM,qBAAqB,GAAG,GAAG,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,KAAK,GAAG,eAAe,CAAC,CAAC;AACpH,MAAM,MAAM,kBAAkB,GAAG,GAAG,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,qBAAqB,CAAC,CAAC;AAE5F,eAAO,MAAM,UAAU,UAAW,aAAa,CAAC,OAAO,CAAC,KAqBb,CAAC,WAAW,EAAE,qBAAqB,CAC7E,CAAC;AAEF,eAAO,MAAM,WAAW,UAAW,aAAa,CAAC,OAAO,CAAC,KAqBP,CAAC,qBAAqB,EAAE,kBAAkB,CAC3F,CAAC"}

package/types/components/Combobox/ComboboxNew/utils/index.d.ts

@@ -5,6 +5,5 @@ export { updateSingleAncestors } from './updateSingleAncestors';
 export { sizeToIconSize } from './sizeToIconSize';
 export { filterItems } from './filterItems';
 export { getItemId } from './getItemId';
-export { getRemovedElement } from './getRemovedElement';
 export { getTextValue } from './getTextValue';
 //# sourceMappingURL=index.d.ts.map

package/types/components/Combobox/ComboboxNew/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Combobox/ComboboxNew/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Combobox/ComboboxNew/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

package/types/components/TextField/TextField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAYvE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAG7C,OAAO,KAAK,EAAuC,cAAc,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAuCjH,eAAO,MAAM,IAAI,0CAGhB,CAAC;AAIF,eAAO,MAAM,aAAa,SAAU,SAAS,CAAC,cAAc,EAAE,kBAAkB,CAAC,4FAyhB5E,CAAC;AAEN,eAAO,MAAM,eAAe;;;mBA3hBQ,SAAS,CAAC,cAAc,EAAE,kBAAkB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAokBhF,CAAC"}
+{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAYvE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAG7C,OAAO,KAAK,EAAuC,cAAc,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAuCjH,eAAO,MAAM,IAAI,0CAGhB,CAAC;AAIF,eAAO,MAAM,aAAa,SAAU,SAAS,CAAC,cAAc,EAAE,kBAAkB,CAAC,4FA2iB5E,CAAC;AAEN,eAAO,MAAM,eAAe;;;mBA7iBQ,SAAS,CAAC,cAAc,EAAE,kBAAkB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAslBhF,CAAC"}

package/types/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.d.ts

@@ -0,0 +1,19 @@
+import { FC, KeyboardEvent } from 'react';
+export declare const TextFieldChipNew: FC<{
+    chips: {
+        value: string;
+        label: string;
+        disabled: boolean;
+    }[];
+    onChipClick: (chip: {
+        value: string;
+        label: string;
+        disabled: boolean;
+    }) => void;
+    getRef: (...e: any) => void;
+    handleChipKeyDown: (event: KeyboardEvent<HTMLButtonElement>, chipId: string, chipIndex: number) => void;
+    onChipClear: (clearId: string, index: number) => void;
+    readOnly: boolean;
+    view?: string;
+}>;
+//# sourceMappingURL=TextFieldChipNew.d.ts.map

package/types/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextFieldChipNew.d.ts","sourceRoot":"","sources":["../../../../../src/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAOjD,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC;IAC9B,KAAK,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAA;KAAE,EAAE,CAAC;IAC7D,WAAW,EAAE,CAAC,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IACjF,MAAM,EAAE,CAAC,GAAG,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC5B,iBAAiB,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,iBAAiB,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACxG,WAAW,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtD,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,CA+CA,CAAC"}

package/types/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const StyledChip: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../../../engines/types").PropsType<import("../../../../engines/types").Variants> & import("../../../../components/Chip").ChipProps & import("react").RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=TextFieldChipNew.styles.d.ts.map

package/types/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextFieldChipNew.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,UAAU,mQAsCtB,CAAC"}

package/types/components/TextField/ui/index.d.ts

@@ -1,2 +1,3 @@
 export { TextFieldChip } from './TextFieldChip/TextFieldChip';
+export { TextFieldChipNew } from './TextFieldChipNew/TextFieldChipNew';
 //# sourceMappingURL=index.d.ts.map

package/types/components/TextField/ui/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/TextField/ui/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/TextField/ui/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC"}

package/cjs/components/Combobox/ComboboxNew/utils/getRemovedElement.js

@@ -1,17 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-// Утилита для определения какой чип был удален
-var getRemovedElement = function getRemovedElement(prevValues, newValues) {
-  var isTargetAmount = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-  if (isTargetAmount) {
-    return null;
-  }
-  return prevValues.filter(function (item) {
-    return !newValues.includes(item);
-  })[0] || null;
-};
-
-exports.getRemovedElement = getRemovedElement;
-//# sourceMappingURL=getRemovedElement.js.map

package/cjs/components/Combobox/ComboboxNew/utils/getRemovedElement.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getRemovedElement.js","sources":["../../../../../src/components/Combobox/ComboboxNew/utils/getRemovedElement.ts"],"sourcesContent":["// Утилита для определения какой чип был удален\nexport const getRemovedElement: (\n    prevValues: string[],\n    newValues: string[],\n    isTargetAmount?: boolean,\n) => string | null = (prevValues, newValues, isTargetAmount = false) => {\n    if (isTargetAmount) {\n        return null;\n    }\n\n    return prevValues.filter((item) => !newValues.includes(item))[0] || null;\n};\n"],"names":["getRemovedElement","prevValues","newValues","isTargetAmount","arguments","length","undefined","filter","item","includes"],"mappings":";;;;AAAA;AACO,IAAMA,iBAIK,GAAG,SAJRA,iBAIKA,CAAIC,UAAU,EAAEC,SAAS,EAA6B;AAAA,EAAA,IAA3BC,cAAc,GAAAC,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,KAAK,CAAA;AAC/D,EAAA,IAAID,cAAc,EAAE;AAChB,IAAA,OAAO,IAAI,CAAA;AACf,GAAA;AAEA,EAAA,OAAOF,UAAU,CAACM,MAAM,CAAC,UAACC,IAAI,EAAA;AAAA,IAAA,OAAK,CAACN,SAAS,CAACO,QAAQ,CAACD,IAAI,CAAC,CAAA;AAAA,GAAA,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI,CAAA;AAC5E;;;;"}

package/emotion/cjs/components/Combobox/ComboboxNew/utils/getRemovedElement.js

@@ -1,20 +0,0 @@
-// Утилита для определения какой чип был удален
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "getRemovedElement", {
-    enumerable: true,
-    get: function() {
-        return getRemovedElement;
-    }
-});
-var getRemovedElement = function(prevValues, newValues) {
-    var isTargetAmount = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : false;
-    if (isTargetAmount) {
-        return null;
-    }
-    return prevValues.filter(function(item) {
-        return !newValues.includes(item);
-    })[0] || null;
-};