@salutejs/plasma-new-hope 0.337.1-canary.2276.18280051462.0 → 0.337.1-canary.2279.18374260150.0

package/styled-components/cjs/components/Chip/Chip.js

@@ -126,7 +126,8 @@ function _object_without_properties_loose(source, excluded) {
 var chipRoot = function(Root) {
     return /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
         var children = props.children, text = props.text, contentLeft = props.contentLeft, contentRight = props.contentRight, contentClearButton = props.contentClearButton, _props_hasClear = props.hasClear, hasClear = _props_hasClear === void 0 ? true : _props_hasClear, size = props.size, className = props.className, onClear = props.onClear, onClick = props.onClick, onClickClose = props.onClickClose, _props_pilled = props.pilled, pilled = _props_pilled === void 0 ? false : _props_pilled, _props_readOnly = props.readOnly, readOnly = _props_readOnly === void 0 ? false : _props_readOnly, _props_disabled = props.disabled, disabled = _props_disabled === void 0 ? false : _props_disabled, // @ts-ignore
-        _forceChipManipulationWithReadonly = props._forceChipManipulationWithReadonly, rest = _object_without_properties(props, [
+        _forceChipManipulationWithReadonly = props._forceChipManipulationWithReadonly, // @ts-ignore
+        chipClickArea = props.chipClickArea, rest = _object_without_properties(props, [
             "children",
             "text",
             "contentLeft",
@@ -141,7 +142,8 @@ var chipRoot = function(Root) {
             "pilled",
             "readOnly",
             "disabled",
-            "_forceChipManipulationWithReadonly"
+            "_forceChipManipulationWithReadonly",
+            "chipClickArea"
         ]);
         var txt = !text && typeof children === 'string' ? children : text;
         var pilledClass = pilled ? _Chiptokens.classes.pilled : undefined;
@@ -152,14 +154,16 @@ var chipRoot = function(Root) {
                 return;
             }
             onClick === null || onClick === void 0 ? void 0 : onClick(event);
-            onClear === null || onClear === void 0 ? void 0 : onClear();
         };
         var handleClickClose = function(event) {
-            if (disabled || readOnly || !onClickClose) {
+            if (disabled || readOnly && !_forceChipManipulationWithReadonly || !onClickClose) {
                 return;
             }
             event.stopPropagation();
             onClickClose(event);
+            if (onClear) {
+                onClear();
+            }
         };
         return /*#__PURE__*/ _react.default.createElement(Root, _object_spread({
             type: "button",
@@ -168,7 +172,7 @@ var chipRoot = function(Root) {
             tabIndex: readOnly ? -1 : 0,
             onClick: handleClick,
             disabled: disabled,
-            readOnly: !disabled && readOnly,
+            readOnly: !disabled && readOnly && !_forceChipManipulationWithReadonly,
             size: size
         }, rest), contentLeft && /*#__PURE__*/ _react.default.createElement(_Chipstyles.StyledContentLeft, null, contentLeft), txt ? /*#__PURE__*/ _react.default.createElement(_Chipstyles.StyledContentMain, null, txt) : children, contentRight && /*#__PURE__*/ _react.default.createElement(_Chipstyles.StyledContentRight, {
             hasClear: hasClear

package/styled-components/cjs/components/Chip/Chip.styles.js

@@ -74,7 +74,7 @@ var base = (0, _styledcomponents.css)([
 ]);
 var StyledContentLeft = _styledcomponents.default.div.withConfig({
     displayName: "Chip.styles__StyledContentLeft",
-    componentId: "sc-9d5799f0-0"
+    componentId: "sc-ea11377a-0"
 })([
     "display:flex;margin-left:var(",
     ");margin-right:var(",
@@ -83,14 +83,14 @@ var StyledContentLeft = _styledcomponents.default.div.withConfig({
 ], _Chiptokens.tokens.leftContentMarginLeft, _Chiptokens.tokens.leftContentMarginRight, _Chiptokens.tokens.leftContentColor);
 var StyledContentMain = _styledcomponents.default.div.withConfig({
     displayName: "Chip.styles__StyledContentMain",
-    componentId: "sc-9d5799f0-1"
+    componentId: "sc-ea11377a-1"
 })([
     "",
     ";"
 ], (0, _mixins.applyEllipsis)());
 var StyledContentRight = _styledcomponents.default.div.withConfig({
     displayName: "Chip.styles__StyledContentRight",
-    componentId: "sc-9d5799f0-2"
+    componentId: "sc-ea11377a-2"
 })([
     "display:flex;margin-left:var(",
     ");margin-right:",
@@ -100,10 +100,11 @@ var StyledContentRight = _styledcomponents.default.div.withConfig({
 });
 var StyledContentClear = _styledcomponents.default.div.withConfig({
     displayName: "Chip.styles__StyledContentClear",
-    componentId: "sc-9d5799f0-3"
+    componentId: "sc-ea11377a-3"
 })([
     "display:flex;margin-left:var(",
     ");margin-right:var(",
     ");color:var(",
-    ");"
-], _Chiptokens.tokens.clearContentMarginLeft, _Chiptokens.tokens.clearContentMarginRight, _Chiptokens.tokens.closeIconColor);
+    ");:hover{color:var(",
+    ");}"
+], _Chiptokens.tokens.clearContentMarginLeft, _Chiptokens.tokens.clearContentMarginRight, _Chiptokens.tokens.closeIconColor, _Chiptokens.tokens.closeIconColorHover);

package/styled-components/cjs/components/Chip/Chip.tokens.js

@@ -36,6 +36,7 @@ var tokens = {
     closeIconColor: '--plasma-chip-close-icon-color',
     closeIconColorHover: '--plasma-chip-close-icon-color-hover',
     closeIconColorActive: '--plasma-chip-close-icon-color-active',
+    closeIconColorReadonly: '--plasma-chip-close-icon-color-readonly',
     leftContentColor: '--plasma-chip-left-content-color',
     borderRadius: '--plasma-chip-border-radius',
     pilledBorderRadius: '--plasma-chip-pilled-border-radius',

package/styled-components/cjs/components/Chip/variations/_disabled/base.js

@@ -10,9 +10,13 @@ Object.defineProperty(exports, "base", {
 });
 var _styledcomponents = require("styled-components");
 var _Chiptokens = require("../../Chip.tokens");
+var _Chipstyles = require("../../Chip.styles");
 var base = (0, _styledcomponents.css)([
     "&[disabled]{opacity:var(",
     ");cursor:not-allowed;:hover,:active{scale:none;color:var(",
     ");background-color:var(",
-    ");}}"
-], _Chiptokens.tokens.disabledOpacity, _Chiptokens.tokens.color, _Chiptokens.tokens.background);
+    ");}",
+    "{color:var(",
+    ");&:hover{color:var(",
+    ");}}}"
+], _Chiptokens.tokens.disabledOpacity, _Chiptokens.tokens.color, _Chiptokens.tokens.background, _Chipstyles.StyledContentClear, _Chiptokens.tokens.closeIconColor, _Chiptokens.tokens.closeIconColor);

package/styled-components/cjs/components/Chip/variations/_readonly/base.js

@@ -10,10 +10,14 @@ Object.defineProperty(exports, "base", {
 });
 var _styledcomponents = require("styled-components");
 var _Chiptokens = require("../../Chip.tokens");
+var _Chipstyles = require("../../Chip.styles");
 var base = (0, _styledcomponents.css)([
     "&[readonly]{color:var(",
     ");background-color:var(",
     ");:hover,:active{scale:none;cursor:default;color:var(",
     ");background-color:var(",
-    ");}}"
-], _Chiptokens.tokens.colorReadOnly, _Chiptokens.tokens.backgroundReadOnly, _Chiptokens.tokens.colorReadOnlyHover, _Chiptokens.tokens.backgroundReadOnlyHover);
+    ");}",
+    "{color:var(",
+    ");&:hover{color:var(",
+    ");}}}"
+], _Chiptokens.tokens.colorReadOnly, _Chiptokens.tokens.backgroundReadOnly, _Chiptokens.tokens.colorReadOnlyHover, _Chiptokens.tokens.backgroundReadOnlyHover, _Chipstyles.StyledContentClear, _Chiptokens.tokens.closeIconColorReadonly, _Chiptokens.tokens.closeIconColorReadonly);

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

@@ -206,7 +206,7 @@ function _unsupported_iterable_to_array(o, minLen) {
 var comboboxRoot = function(Root) {
     return /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
         var _getItemByFocused;
-        var name = props.name, multiple = props.multiple, outerValue = props.value, outerOnChange = props.onChange, defaultValue = props.defaultValue, isTargetAmount = props.isTargetAmount, targetAmount = props.targetAmount, items = props.items, _props_placement = props.placement, placement = _props_placement === void 0 ? 'bottom-start' : _props_placement, label = props.label, placeholder = props.placeholder, helperText = props.helperText, contentLeft = props.contentLeft, textBefore = props.textBefore, textAfter = props.textAfter, _props_variant = props.variant, variant = _props_variant === void 0 ? 'normal' : _props_variant, listOverflow = props.listOverflow, listHeight = props.listHeight, listMaxHeight = props.listMaxHeight, listWidth = props.listWidth, portal = props.portal, renderItem = props.renderItem, view = props.view, size = props.size, labelPlacement = props.labelPlacement, keepPlaceholder = props.keepPlaceholder, _props_readOnly = props.readOnly, readOnly = _props_readOnly === void 0 ? false : _props_readOnly, _props_disabled = props.disabled, disabled = _props_disabled === void 0 ? false : _props_disabled, _props_alwaysOpened = props.alwaysOpened, alwaysOpened = _props_alwaysOpened === void 0 ? false : _props_alwaysOpened, filter = props.filter, outerCloseAfterSelect = props.closeAfterSelect, renderValue = props.renderValue, zIndex = props.zIndex, beforeList = props.beforeList, afterList = props.afterList, _props_virtual = props.virtual, virtual = _props_virtual === void 0 ? false : _props_virtual, hintView = props.hintView, hintSize = props.hintSize, emptyStateDescription = props.emptyStateDescription, onChangeValue = props.onChangeValue, onScroll = props.onScroll, onToggle = props.onToggle, _props_mode = props.mode, mode = _props_mode === void 0 ? 'default' : _props_mode, // @ts-ignore
+        var name = props.name, multiple = props.multiple, outerValue = props.value, outerOnChange = props.onChange, defaultValue = props.defaultValue, isTargetAmount = props.isTargetAmount, targetAmount = props.targetAmount, items = props.items, _props_placement = props.placement, placement = _props_placement === void 0 ? 'bottom-start' : _props_placement, label = props.label, placeholder = props.placeholder, helperText = props.helperText, contentLeft = props.contentLeft, textBefore = props.textBefore, textAfter = props.textAfter, _props_variant = props.variant, variant = _props_variant === void 0 ? 'normal' : _props_variant, listOverflow = props.listOverflow, listHeight = props.listHeight, listMaxHeight = props.listMaxHeight, listWidth = props.listWidth, portal = props.portal, renderItem = props.renderItem, view = props.view, size = props.size, labelPlacement = props.labelPlacement, keepPlaceholder = props.keepPlaceholder, _props_readOnly = props.readOnly, readOnly = _props_readOnly === void 0 ? false : _props_readOnly, _props_disabled = props.disabled, disabled = _props_disabled === void 0 ? false : _props_disabled, _props_alwaysOpened = props.alwaysOpened, alwaysOpened = _props_alwaysOpened === void 0 ? false : _props_alwaysOpened, filter = props.filter, outerCloseAfterSelect = props.closeAfterSelect, renderValue = props.renderValue, zIndex = props.zIndex, beforeList = props.beforeList, afterList = props.afterList, _props_virtual = props.virtual, virtual = _props_virtual === void 0 ? false : _props_virtual, hintView = props.hintView, hintSize = props.hintSize, emptyStateDescription = props.emptyStateDescription, onChangeValue = props.onChangeValue, onScroll = props.onScroll, onToggle = props.onToggle, _props_mode = props.mode, mode = _props_mode === void 0 ? 'default' : _props_mode, _props_chipClickArea = props.chipClickArea, chipClickArea = _props_chipClickArea === void 0 ? 'full' : _props_chipClickArea, // @ts-ignore
         _offset = props._offset, rest = _object_without_properties(props, [
             "name",
             "multiple",
@@ -251,6 +251,7 @@ var comboboxRoot = function(Root) {
             "onScroll",
             "onToggle",
             "mode",
+            "chipClickArea",
             "_offset"
         ]);
         var transformedItems = (0, _react.useMemo)(function() {
@@ -538,7 +539,7 @@ var comboboxRoot = function(Root) {
         // В данном эффекте мы следим за изменениями value снаружи и вносим коррективы в дерево чекбоксов.
         // Пример: когда юзер очистил value извне, тогда нужно пройтись по элементам и выключить все чекбоксы.
         (0, _react.useLayoutEffect)(function() {
-            var checkedCopy = new Map(checked);
+            var checkedCopy = new Map(valueToCheckedMap);
             checkedCopy.forEach(function(_, key) {
                 checkedCopy.set(key, false);
             });
@@ -664,8 +665,9 @@ var comboboxRoot = function(Root) {
                     keepPlaceholder: keepPlaceholder
                 }, multiple ? {
                     enumerationType: 'chip',
+                    _chipClickArea: chipClickArea,
                     _chips: getChips(),
-                    _onChipClick: handleChipClick
+                    _onChipCloseClick: handleChipClick
                 } : {
                     enumerationType: 'plain'
                 }, rest), {

package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js

@@ -202,6 +202,8 @@ var tokens = {
     textFieldChipBackgroundActive: '--plasma-combobox-new-textfield-chip-background-active',
     textFieldChipColorActive: '--plasma-combobox-new-textfield-chip-color-active',
     textFieldChipCloseIconColor: '--plasma-combobox-new-textfield-chip-close-icons-color',
+    textFieldChipCloseIconColorHover: '--plasma-combobox-new-textfield-chip-close-icons-color-hover',
+    textFieldChipCloseIconColorReadonly: '--plasma-combobox-new-textfield-chip-close-icons-color-readonly',
     textFieldChipOutlineSize: '--plasma-combobox-new-textfield-chip-outline-size',
     textFieldChipWidth: '--plasma-combobox-new-textfield-chip-width',
     textFieldChipPadding: '--plasma-combobox-new-textfield-chip-padding',

package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles.js

@@ -21,7 +21,7 @@ var mergedConfig = (0, _engines.mergeConfig)(_TextField.textFieldConfig);
 var TextField = (0, _engines.component)(mergedConfig);
 var StyledTextField = (0, _styledcomponents.default)(TextField).withConfig({
     displayName: "Target.styles__StyledTextField",
-    componentId: "sc-7712693a-0"
+    componentId: "sc-e19acd42-0"
 })([
     "",
     ":var(",
@@ -323,5 +323,9 @@ var StyledTextField = (0, _styledcomponents.default)(TextField).withConfig({
     ":var(",
     ");",
     ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
     ");"
-], _TextField.textFieldTokens.color, _Comboboxtokens.tokens.textFieldColor, _TextField.textFieldTokens.clearColor, _Comboboxtokens.tokens.textFieldColor, _TextField.textFieldTokens.backgroundColor, _Comboboxtokens.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.backgroundColorHover, _Comboboxtokens.tokens.textFieldBackgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _Comboboxtokens.tokens.textFieldBackgroundColorFocus, _TextField.textFieldTokens.borderColor, _Comboboxtokens.tokens.textFieldBorderColor, _TextField.textFieldTokens.borderColorHover, _Comboboxtokens.tokens.textFieldBorderColorHover, _TextField.textFieldTokens.borderColorFocus, _Comboboxtokens.tokens.textFieldBorderColorFocus, _TextField.textFieldTokens.colorReadOnly, _Comboboxtokens.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _Comboboxtokens.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.borderColorReadOnly, _Comboboxtokens.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _Comboboxtokens.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.readOnlyOpacity, _Comboboxtokens.tokens.textFieldReadOnlyOpacity, _TextField.textFieldTokens.caretColor, _Comboboxtokens.tokens.textFieldCaretColor, _TextField.textFieldTokens.placeholderColor, _Comboboxtokens.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.placeholderColorFocus, _Comboboxtokens.tokens.textFieldPlaceholderColorFocus, _TextField.textFieldTokens.clearPlaceholderColor, _Comboboxtokens.tokens.textFieldClearPlaceholderColor, _TextField.textFieldTokens.clearPlaceholderColorFocus, _Comboboxtokens.tokens.textFieldClearPlaceholderColorFocus, _TextField.textFieldTokens.optionalColor, _Comboboxtokens.tokens.textFieldOptionalColor, _TextField.textFieldTokens.height, _Comboboxtokens.tokens.textFieldHeight, _TextField.textFieldTokens.borderWidth, _Comboboxtokens.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _Comboboxtokens.tokens.textFieldBorderRadius, _TextField.textFieldTokens.padding, _Comboboxtokens.tokens.textFieldPadding, _TextField.textFieldTokens.paddingWithChips, _Comboboxtokens.tokens.textFieldPaddingWithChips, _TextField.textFieldTokens.leftContentMargin, _Comboboxtokens.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _Comboboxtokens.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.rightContentWithHintMargin, _Comboboxtokens.tokens.textFieldRightContentWithHintMargin, _TextField.textFieldTokens.contentRightWrapperGap, _Comboboxtokens.tokens.textFieldContentRightWrapperGap, _TextField.textFieldTokens.contentRightWrapperMargin, _Comboboxtokens.tokens.textFieldContentRightWrapperMargin, _TextField.textFieldTokens.fontFamily, _Comboboxtokens.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontStyle, _Comboboxtokens.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontSize, _Comboboxtokens.tokens.textFieldFontSize, _TextField.textFieldTokens.fontWeight, _Comboboxtokens.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _Comboboxtokens.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _Comboboxtokens.tokens.textFieldLineHeight, _TextField.textFieldTokens.contentSlotColor, _Comboboxtokens.tokens.textFieldContentSlotColor, _TextField.textFieldTokens.contentSlotColorHover, _Comboboxtokens.tokens.textFieldContentSlotColorHover, _TextField.textFieldTokens.contentSlotColorActive, _Comboboxtokens.tokens.textFieldContentSlotColorActive, _TextField.textFieldTokens.contentSlotRightColor, _Comboboxtokens.tokens.textFieldContentSlotRightColor, _TextField.textFieldTokens.contentSlotRightColorHover, _Comboboxtokens.tokens.textFieldContentSlotRightColorHover, _TextField.textFieldTokens.contentSlotRightColorActive, _Comboboxtokens.tokens.textFieldContentSlotRightColorActive, _TextField.textFieldTokens.contentSlotRightOpacityReadOnly, _Comboboxtokens.tokens.textFieldContentSlotRightOpacityReadOnly, _TextField.textFieldTokens.labelColor, _Comboboxtokens.tokens.textFieldLabelColor, _TextField.textFieldTokens.labelColorReadOnly, _Comboboxtokens.tokens.textFieldLabelColorReadOnly, _TextField.textFieldTokens.labelOffset, _Comboboxtokens.tokens.textFieldLabelOffset, _TextField.textFieldTokens.clearLabelOffset, _Comboboxtokens.tokens.textFieldClearLabelOffset, _TextField.textFieldTokens.labelFontFamily, _Comboboxtokens.tokens.textFieldLabelFontFamily, _TextField.textFieldTokens.labelFontStyle, _Comboboxtokens.tokens.textFieldLabelFontStyle, _TextField.textFieldTokens.labelFontSize, _Comboboxtokens.tokens.textFieldLabelFontSize, _TextField.textFieldTokens.labelFontWeight, _Comboboxtokens.tokens.textFieldLabelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _Comboboxtokens.tokens.textFieldLabelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _Comboboxtokens.tokens.textFieldLabelLineHeight, _TextField.textFieldTokens.labelInnerFontFamily, _Comboboxtokens.tokens.textFieldLabelInnerFontFamily, _TextField.textFieldTokens.labelInnerFontStyle, _Comboboxtokens.tokens.textFieldLabelInnerFontStyle, _TextField.textFieldTokens.labelInnerFontSize, _Comboboxtokens.tokens.textFieldLabelInnerFontSize, _TextField.textFieldTokens.labelInnerFontWeight, _Comboboxtokens.tokens.textFieldLabelInnerFontWeight, _TextField.textFieldTokens.labelInnerLetterSpacing, _Comboboxtokens.tokens.textFieldLabelInnerLetterSpacing, _TextField.textFieldTokens.labelInnerLineHeight, _Comboboxtokens.tokens.textFieldLabelInnerLineHeight, _TextField.textFieldTokens.labelInnerPadding, _Comboboxtokens.tokens.textFieldLabelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _Comboboxtokens.tokens.textFieldContentLabelInnerPadding, _TextField.textFieldTokens.titleCaptionColor, _Comboboxtokens.tokens.textFieldTitleCaptionColor, _TextField.textFieldTokens.titleCaptionColorReadOnly, _Comboboxtokens.tokens.textFieldTitleCaptionColorReadOnly, _TextField.textFieldTokens.titleCaptionInnerLabelOffset, _Comboboxtokens.tokens.textFieldTitleCaptionInnerLabelOffset, _TextField.textFieldTokens.titleCaptionFontFamily, _Comboboxtokens.tokens.textFieldTitleCaptionFontFamily, _TextField.textFieldTokens.titleCaptionFontStyle, _Comboboxtokens.tokens.textFieldTitleCaptionFontStyle, _TextField.textFieldTokens.titleCaptionFontSize, _Comboboxtokens.tokens.textFieldTitleCaptionFontSize, _TextField.textFieldTokens.titleCaptionFontWeight, _Comboboxtokens.tokens.textFieldTitleCaptionFontWeight, _TextField.textFieldTokens.titleCaptionLetterSpacing, _Comboboxtokens.tokens.textFieldTitleCaptionLetterSpacing, _TextField.textFieldTokens.titleCaptionLineHeight, _Comboboxtokens.tokens.textFieldTitleCaptionLineHeight, _TextField.textFieldTokens.leftHelperColor, _Comboboxtokens.tokens.textFieldLeftHelperColor, _TextField.textFieldTokens.leftHelperColorReadOnly, _Comboboxtokens.tokens.textFieldLeftHelperColorReadOnly, _TextField.textFieldTokens.leftHelperOffset, _Comboboxtokens.tokens.textFieldLeftHelperOffset, _TextField.textFieldTokens.leftHelperFontFamily, _Comboboxtokens.tokens.textFieldLeftHelperFontFamily, _TextField.textFieldTokens.leftHelperFontStyle, _Comboboxtokens.tokens.textFieldLeftHelperFontStyle, _TextField.textFieldTokens.leftHelperFontSize, _Comboboxtokens.tokens.textFieldLeftHelperFontSize, _TextField.textFieldTokens.leftHelperFontWeight, _Comboboxtokens.tokens.textFieldLeftHelperFontWeight, _TextField.textFieldTokens.leftHelperLetterSpacing, _Comboboxtokens.tokens.textFieldLeftHelperLetterSpacing, _TextField.textFieldTokens.leftHelperLineHeight, _Comboboxtokens.tokens.textFieldLeftHelperLineHeight, _TextField.textFieldTokens.textBeforeColor, _Comboboxtokens.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _Comboboxtokens.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _Comboboxtokens.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _Comboboxtokens.tokens.textFieldTextAfterMargin, _TextField.textFieldTokens.disabledOpacity, _Comboboxtokens.tokens.textFieldDisabledOpacity, _TextField.textFieldTokens.hintCustomIconTargetSize, _Comboboxtokens.tokens.textFieldHintCustomIconTargetSize, _TextField.textFieldTokens.hintMargin, _Comboboxtokens.tokens.textFieldHintMargin, _TextField.textFieldTokens.hintTargetSize, _Comboboxtokens.tokens.textFieldHintTargetSize, _TextField.textFieldTokens.hintIconColor, _Comboboxtokens.tokens.textFieldHintIconColor, _TextField.textFieldTokens.hintInnerLabelPlacementOffset, _Comboboxtokens.tokens.textFieldHintInnerLabelPlacementOffset, _TextField.textFieldTokens.clearHintInnerLabelPlacementOffset, _Comboboxtokens.tokens.textFieldClearHintInnerLabelPlacementOffset, _TextField.textFieldTokens.tooltipBackgroundColor, _Comboboxtokens.tokens.textFieldTooltipBackgroundColor, _TextField.textFieldTokens.tooltipBoxShadow, _Comboboxtokens.tokens.textFieldTooltipBoxShadow, _TextField.textFieldTokens.tooltipColor, _Comboboxtokens.tokens.textFieldTooltipColor, _TextField.textFieldTokens.tooltipPaddingTop, _Comboboxtokens.tokens.textFieldTooltipPaddingTop, _TextField.textFieldTokens.tooltipPaddingRight, _Comboboxtokens.tokens.textFieldTooltipPaddingRight, _TextField.textFieldTokens.tooltipPaddingBottom, _Comboboxtokens.tokens.textFieldTooltipPaddingBottom, _TextField.textFieldTokens.tooltipPaddingLeft, _Comboboxtokens.tokens.textFieldTooltipPaddingLeft, _TextField.textFieldTokens.tooltipMinHeight, _Comboboxtokens.tokens.textFieldTooltipMinHeight, _TextField.textFieldTokens.tooltipBorderRadius, _Comboboxtokens.tokens.textFieldTooltipBorderRadius, _TextField.textFieldTokens.tooltipTextFontFamily, _Comboboxtokens.tokens.textFieldTooltipTextFontFamily, _TextField.textFieldTokens.tooltipTextFontSize, _Comboboxtokens.tokens.textFieldTooltipTextFontSize, _TextField.textFieldTokens.tooltipTextFontStyle, _Comboboxtokens.tokens.textFieldTooltipTextFontStyle, _TextField.textFieldTokens.tooltipTextFontWeight, _Comboboxtokens.tokens.textFieldTooltipTextFontWeight, _TextField.textFieldTokens.tooltipTextFontLetterSpacing, _Comboboxtokens.tokens.textFieldTooltipTextFontLetterSpacing, _TextField.textFieldTokens.tooltipTextFontLineHeight, _Comboboxtokens.tokens.textFieldTooltipTextFontLineHeight, _TextField.textFieldTokens.tooltipContentLeftMargin, _Comboboxtokens.tokens.textFieldTooltipContentLeftMargin, _TextField.textFieldTokens.tooltipArrowMaskWidth, _Comboboxtokens.tokens.textFieldTooltipArrowMaskWidth, _TextField.textFieldTokens.tooltipArrowMaskHeight, _Comboboxtokens.tokens.textFieldTooltipArrowMaskHeight, _TextField.textFieldTokens.tooltipArrowMaskImage, _Comboboxtokens.tokens.textFieldTooltipArrowMaskImage, _TextField.textFieldTokens.tooltipArrowHeight, _Comboboxtokens.tokens.textFieldTooltipArrowHeight, _TextField.textFieldTokens.tooltipArrowEdgeMargin, _Comboboxtokens.tokens.textFieldTooltipArrowEdgeMargin, _TextField.textFieldTokens.tooltipArrowBackground, _Comboboxtokens.tokens.textFieldTooltipArrowBackground, _TextField.textFieldTokens.chipHeight, _Comboboxtokens.tokens.textFieldChipHeight, _TextField.textFieldTokens.chipBorderRadius, _Comboboxtokens.tokens.textFieldChipBorderRadius, _TextField.textFieldTokens.chipGap, _Comboboxtokens.tokens.textFieldChipGap, _TextField.textFieldTokens.chipBackground, _Comboboxtokens.tokens.textFieldChipBackground, _TextField.textFieldTokens.chipColor, _Comboboxtokens.tokens.textFieldChipColor, _TextField.textFieldTokens.chipBackgroundHover, _Comboboxtokens.tokens.textFieldChipBackgroundHover, _TextField.textFieldTokens.chipColorHover, _Comboboxtokens.tokens.textFieldChipColorHover, _TextField.textFieldTokens.chipBackgroundReadOnly, _Comboboxtokens.tokens.textFieldChipBackgroundReadOnly, _TextField.textFieldTokens.chipColorReadOnly, _Comboboxtokens.tokens.textFieldChipColorReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _Comboboxtokens.tokens.textFieldChipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipColorReadOnlyHover, _Comboboxtokens.tokens.textFieldChipColorReadOnlyHover, _TextField.textFieldTokens.chipBackgroundActive, _Comboboxtokens.tokens.textFieldChipBackgroundActive, _TextField.textFieldTokens.chipColorActive, _Comboboxtokens.tokens.textFieldChipColorActive, _TextField.textFieldTokens.chipCloseIconColor, _Comboboxtokens.tokens.textFieldChipCloseIconColor, _TextField.textFieldTokens.chipOutlineSize, _Comboboxtokens.tokens.textFieldChipOutlineSize, _TextField.textFieldTokens.chipWidth, _Comboboxtokens.tokens.textFieldChipWidth, _TextField.textFieldTokens.chipPadding, _Comboboxtokens.tokens.textFieldChipPadding, _TextField.textFieldTokens.chipCloseIconSize, _Comboboxtokens.tokens.textFieldChipCloseIconSize, _TextField.textFieldTokens.chipFontFamily, _Comboboxtokens.tokens.textFieldChipFontFamily, _TextField.textFieldTokens.chipFontSize, _Comboboxtokens.tokens.textFieldChipFontSize, _TextField.textFieldTokens.chipFontStyle, _Comboboxtokens.tokens.textFieldChipFontStyle, _TextField.textFieldTokens.chipFontWeight, _Comboboxtokens.tokens.textFieldChipFontWeight, _TextField.textFieldTokens.chipLetterSpacing, _Comboboxtokens.tokens.textFieldChipLetterSpacing, _TextField.textFieldTokens.chipLineHeight, _Comboboxtokens.tokens.textFieldChipLineHeight, _TextField.textFieldTokens.chipClearContentMarginLeft, _Comboboxtokens.tokens.textFieldChipClearContentMarginLeft, _TextField.textFieldTokens.chipClearContentMarginRight, _Comboboxtokens.tokens.textFieldChipClearContentMarginRight, _TextField.textFieldTokens.chipOpacityReadonly, _Comboboxtokens.tokens.textFieldChipOpacityReadonly, _TextField.textFieldTokens.focusColor, _Comboboxtokens.tokens.textFieldFocusColor, _TextField.textFieldTokens.indicatorColor, _Comboboxtokens.tokens.textFieldIndicatorColor, _TextField.textFieldTokens.indicatorSizeInner, _Comboboxtokens.tokens.textFieldIndicatorSizeInner, _TextField.textFieldTokens.indicatorSizeOuter, _Comboboxtokens.tokens.textFieldIndicatorSizeOuter, _TextField.textFieldTokens.indicatorLabelPlacementInner, _Comboboxtokens.tokens.textFieldIndicatorLabelPlacementInner, _TextField.textFieldTokens.indicatorLabelPlacementOuter, _Comboboxtokens.tokens.textFieldIndicatorLabelPlacementOuter, _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, _Comboboxtokens.tokens.textFieldIndicatorLabelPlacementInnerRight, _TextField.textFieldTokens.indicatorLabelPlacementOuterRight, _Comboboxtokens.tokens.textFieldIndicatorLabelPlacementOuterRight, _TextField.textFieldTokens.clearIndicatorLabelPlacementInner, _Comboboxtokens.tokens.textFieldClearIndicatorLabelPlacementInner, _TextField.textFieldTokens.clearIndicatorLabelPlacementInnerRight, _Comboboxtokens.tokens.textFieldClearIndicatorLabelPlacementInnerRight, _TextField.textFieldTokens.clearIndicatorHintInnerRight, _Comboboxtokens.tokens.textFieldClearIndicatorHintInnerRight, _TextField.textFieldTokens.boxShadow, _Comboboxtokens.tokens.textFieldBoxShadow);
+], _TextField.textFieldTokens.color, _Comboboxtokens.tokens.textFieldColor, _TextField.textFieldTokens.clearColor, _Comboboxtokens.tokens.textFieldColor, _TextField.textFieldTokens.backgroundColor, _Comboboxtokens.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.backgroundColorHover, _Comboboxtokens.tokens.textFieldBackgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _Comboboxtokens.tokens.textFieldBackgroundColorFocus, _TextField.textFieldTokens.borderColor, _Comboboxtokens.tokens.textFieldBorderColor, _TextField.textFieldTokens.borderColorHover, _Comboboxtokens.tokens.textFieldBorderColorHover, _TextField.textFieldTokens.borderColorFocus, _Comboboxtokens.tokens.textFieldBorderColorFocus, _TextField.textFieldTokens.colorReadOnly, _Comboboxtokens.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _Comboboxtokens.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.borderColorReadOnly, _Comboboxtokens.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _Comboboxtokens.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.readOnlyOpacity, _Comboboxtokens.tokens.textFieldReadOnlyOpacity, _TextField.textFieldTokens.caretColor, _Comboboxtokens.tokens.textFieldCaretColor, _TextField.textFieldTokens.placeholderColor, _Comboboxtokens.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.placeholderColorFocus, _Comboboxtokens.tokens.textFieldPlaceholderColorFocus, _TextField.textFieldTokens.clearPlaceholderColor, _Comboboxtokens.tokens.textFieldClearPlaceholderColor, _TextField.textFieldTokens.clearPlaceholderColorFocus, _Comboboxtokens.tokens.textFieldClearPlaceholderColorFocus, _TextField.textFieldTokens.optionalColor, _Comboboxtokens.tokens.textFieldOptionalColor, _TextField.textFieldTokens.height, _Comboboxtokens.tokens.textFieldHeight, _TextField.textFieldTokens.borderWidth, _Comboboxtokens.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _Comboboxtokens.tokens.textFieldBorderRadius, _TextField.textFieldTokens.padding, _Comboboxtokens.tokens.textFieldPadding, _TextField.textFieldTokens.paddingWithChips, _Comboboxtokens.tokens.textFieldPaddingWithChips, _TextField.textFieldTokens.leftContentMargin, _Comboboxtokens.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _Comboboxtokens.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.rightContentWithHintMargin, _Comboboxtokens.tokens.textFieldRightContentWithHintMargin, _TextField.textFieldTokens.contentRightWrapperGap, _Comboboxtokens.tokens.textFieldContentRightWrapperGap, _TextField.textFieldTokens.contentRightWrapperMargin, _Comboboxtokens.tokens.textFieldContentRightWrapperMargin, _TextField.textFieldTokens.fontFamily, _Comboboxtokens.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontStyle, _Comboboxtokens.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontSize, _Comboboxtokens.tokens.textFieldFontSize, _TextField.textFieldTokens.fontWeight, _Comboboxtokens.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _Comboboxtokens.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _Comboboxtokens.tokens.textFieldLineHeight, _TextField.textFieldTokens.contentSlotColor, _Comboboxtokens.tokens.textFieldContentSlotColor, _TextField.textFieldTokens.contentSlotColorHover, _Comboboxtokens.tokens.textFieldContentSlotColorHover, _TextField.textFieldTokens.contentSlotColorActive, _Comboboxtokens.tokens.textFieldContentSlotColorActive, _TextField.textFieldTokens.contentSlotRightColor, _Comboboxtokens.tokens.textFieldContentSlotRightColor, _TextField.textFieldTokens.contentSlotRightColorHover, _Comboboxtokens.tokens.textFieldContentSlotRightColorHover, _TextField.textFieldTokens.contentSlotRightColorActive, _Comboboxtokens.tokens.textFieldContentSlotRightColorActive, _TextField.textFieldTokens.contentSlotRightOpacityReadOnly, _Comboboxtokens.tokens.textFieldContentSlotRightOpacityReadOnly, _TextField.textFieldTokens.labelColor, _Comboboxtokens.tokens.textFieldLabelColor, _TextField.textFieldTokens.labelColorReadOnly, _Comboboxtokens.tokens.textFieldLabelColorReadOnly, _TextField.textFieldTokens.labelOffset, _Comboboxtokens.tokens.textFieldLabelOffset, _TextField.textFieldTokens.clearLabelOffset, _Comboboxtokens.tokens.textFieldClearLabelOffset, _TextField.textFieldTokens.labelFontFamily, _Comboboxtokens.tokens.textFieldLabelFontFamily, _TextField.textFieldTokens.labelFontStyle, _Comboboxtokens.tokens.textFieldLabelFontStyle, _TextField.textFieldTokens.labelFontSize, _Comboboxtokens.tokens.textFieldLabelFontSize, _TextField.textFieldTokens.labelFontWeight, _Comboboxtokens.tokens.textFieldLabelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _Comboboxtokens.tokens.textFieldLabelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _Comboboxtokens.tokens.textFieldLabelLineHeight, _TextField.textFieldTokens.labelInnerFontFamily, _Comboboxtokens.tokens.textFieldLabelInnerFontFamily, _TextField.textFieldTokens.labelInnerFontStyle, _Comboboxtokens.tokens.textFieldLabelInnerFontStyle, _TextField.textFieldTokens.labelInnerFontSize, _Comboboxtokens.tokens.textFieldLabelInnerFontSize, _TextField.textFieldTokens.labelInnerFontWeight, _Comboboxtokens.tokens.textFieldLabelInnerFontWeight, _TextField.textFieldTokens.labelInnerLetterSpacing, _Comboboxtokens.tokens.textFieldLabelInnerLetterSpacing, _TextField.textFieldTokens.labelInnerLineHeight, _Comboboxtokens.tokens.textFieldLabelInnerLineHeight, _TextField.textFieldTokens.labelInnerPadding, _Comboboxtokens.tokens.textFieldLabelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _Comboboxtokens.tokens.textFieldContentLabelInnerPadding, _TextField.textFieldTokens.titleCaptionColor, _Comboboxtokens.tokens.textFieldTitleCaptionColor, _TextField.textFieldTokens.titleCaptionColorReadOnly, _Comboboxtokens.tokens.textFieldTitleCaptionColorReadOnly, _TextField.textFieldTokens.titleCaptionInnerLabelOffset, _Comboboxtokens.tokens.textFieldTitleCaptionInnerLabelOffset, _TextField.textFieldTokens.titleCaptionFontFamily, _Comboboxtokens.tokens.textFieldTitleCaptionFontFamily, _TextField.textFieldTokens.titleCaptionFontStyle, _Comboboxtokens.tokens.textFieldTitleCaptionFontStyle, _TextField.textFieldTokens.titleCaptionFontSize, _Comboboxtokens.tokens.textFieldTitleCaptionFontSize, _TextField.textFieldTokens.titleCaptionFontWeight, _Comboboxtokens.tokens.textFieldTitleCaptionFontWeight, _TextField.textFieldTokens.titleCaptionLetterSpacing, _Comboboxtokens.tokens.textFieldTitleCaptionLetterSpacing, _TextField.textFieldTokens.titleCaptionLineHeight, _Comboboxtokens.tokens.textFieldTitleCaptionLineHeight, _TextField.textFieldTokens.leftHelperColor, _Comboboxtokens.tokens.textFieldLeftHelperColor, _TextField.textFieldTokens.leftHelperColorReadOnly, _Comboboxtokens.tokens.textFieldLeftHelperColorReadOnly, _TextField.textFieldTokens.leftHelperOffset, _Comboboxtokens.tokens.textFieldLeftHelperOffset, _TextField.textFieldTokens.leftHelperFontFamily, _Comboboxtokens.tokens.textFieldLeftHelperFontFamily, _TextField.textFieldTokens.leftHelperFontStyle, _Comboboxtokens.tokens.textFieldLeftHelperFontStyle, _TextField.textFieldTokens.leftHelperFontSize, _Comboboxtokens.tokens.textFieldLeftHelperFontSize, _TextField.textFieldTokens.leftHelperFontWeight, _Comboboxtokens.tokens.textFieldLeftHelperFontWeight, _TextField.textFieldTokens.leftHelperLetterSpacing, _Comboboxtokens.tokens.textFieldLeftHelperLetterSpacing, _TextField.textFieldTokens.leftHelperLineHeight, _Comboboxtokens.tokens.textFieldLeftHelperLineHeight, _TextField.textFieldTokens.textBeforeColor, _Comboboxtokens.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _Comboboxtokens.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _Comboboxtokens.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _Comboboxtokens.tokens.textFieldTextAfterMargin, _TextField.textFieldTokens.disabledOpacity, _Comboboxtokens.tokens.textFieldDisabledOpacity, _TextField.textFieldTokens.hintCustomIconTargetSize, _Comboboxtokens.tokens.textFieldHintCustomIconTargetSize, _TextField.textFieldTokens.hintMargin, _Comboboxtokens.tokens.textFieldHintMargin, _TextField.textFieldTokens.hintTargetSize, _Comboboxtokens.tokens.textFieldHintTargetSize, _TextField.textFieldTokens.hintIconColor, _Comboboxtokens.tokens.textFieldHintIconColor, _TextField.textFieldTokens.hintInnerLabelPlacementOffset, _Comboboxtokens.tokens.textFieldHintInnerLabelPlacementOffset, _TextField.textFieldTokens.clearHintInnerLabelPlacementOffset, _Comboboxtokens.tokens.textFieldClearHintInnerLabelPlacementOffset, _TextField.textFieldTokens.tooltipBackgroundColor, _Comboboxtokens.tokens.textFieldTooltipBackgroundColor, _TextField.textFieldTokens.tooltipBoxShadow, _Comboboxtokens.tokens.textFieldTooltipBoxShadow, _TextField.textFieldTokens.tooltipColor, _Comboboxtokens.tokens.textFieldTooltipColor, _TextField.textFieldTokens.tooltipPaddingTop, _Comboboxtokens.tokens.textFieldTooltipPaddingTop, _TextField.textFieldTokens.tooltipPaddingRight, _Comboboxtokens.tokens.textFieldTooltipPaddingRight, _TextField.textFieldTokens.tooltipPaddingBottom, _Comboboxtokens.tokens.textFieldTooltipPaddingBottom, _TextField.textFieldTokens.tooltipPaddingLeft, _Comboboxtokens.tokens.textFieldTooltipPaddingLeft, _TextField.textFieldTokens.tooltipMinHeight, _Comboboxtokens.tokens.textFieldTooltipMinHeight, _TextField.textFieldTokens.tooltipBorderRadius, _Comboboxtokens.tokens.textFieldTooltipBorderRadius, _TextField.textFieldTokens.tooltipTextFontFamily, _Comboboxtokens.tokens.textFieldTooltipTextFontFamily, _TextField.textFieldTokens.tooltipTextFontSize, _Comboboxtokens.tokens.textFieldTooltipTextFontSize, _TextField.textFieldTokens.tooltipTextFontStyle, _Comboboxtokens.tokens.textFieldTooltipTextFontStyle, _TextField.textFieldTokens.tooltipTextFontWeight, _Comboboxtokens.tokens.textFieldTooltipTextFontWeight, _TextField.textFieldTokens.tooltipTextFontLetterSpacing, _Comboboxtokens.tokens.textFieldTooltipTextFontLetterSpacing, _TextField.textFieldTokens.tooltipTextFontLineHeight, _Comboboxtokens.tokens.textFieldTooltipTextFontLineHeight, _TextField.textFieldTokens.tooltipContentLeftMargin, _Comboboxtokens.tokens.textFieldTooltipContentLeftMargin, _TextField.textFieldTokens.tooltipArrowMaskWidth, _Comboboxtokens.tokens.textFieldTooltipArrowMaskWidth, _TextField.textFieldTokens.tooltipArrowMaskHeight, _Comboboxtokens.tokens.textFieldTooltipArrowMaskHeight, _TextField.textFieldTokens.tooltipArrowMaskImage, _Comboboxtokens.tokens.textFieldTooltipArrowMaskImage, _TextField.textFieldTokens.tooltipArrowHeight, _Comboboxtokens.tokens.textFieldTooltipArrowHeight, _TextField.textFieldTokens.tooltipArrowEdgeMargin, _Comboboxtokens.tokens.textFieldTooltipArrowEdgeMargin, _TextField.textFieldTokens.tooltipArrowBackground, _Comboboxtokens.tokens.textFieldTooltipArrowBackground, _TextField.textFieldTokens.chipHeight, _Comboboxtokens.tokens.textFieldChipHeight, _TextField.textFieldTokens.chipBorderRadius, _Comboboxtokens.tokens.textFieldChipBorderRadius, _TextField.textFieldTokens.chipGap, _Comboboxtokens.tokens.textFieldChipGap, _TextField.textFieldTokens.chipBackground, _Comboboxtokens.tokens.textFieldChipBackground, _TextField.textFieldTokens.chipColor, _Comboboxtokens.tokens.textFieldChipColor, _TextField.textFieldTokens.chipBackgroundHover, _Comboboxtokens.tokens.textFieldChipBackgroundHover, _TextField.textFieldTokens.chipColorHover, _Comboboxtokens.tokens.textFieldChipColorHover, _TextField.textFieldTokens.chipBackgroundReadOnly, _Comboboxtokens.tokens.textFieldChipBackgroundReadOnly, _TextField.textFieldTokens.chipColorReadOnly, _Comboboxtokens.tokens.textFieldChipColorReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _Comboboxtokens.tokens.textFieldChipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipColorReadOnlyHover, _Comboboxtokens.tokens.textFieldChipColorReadOnlyHover, _TextField.textFieldTokens.chipBackgroundActive, _Comboboxtokens.tokens.textFieldChipBackgroundActive, _TextField.textFieldTokens.chipColorActive, _Comboboxtokens.tokens.textFieldChipColorActive, _TextField.textFieldTokens.chipCloseIconColor, _Comboboxtokens.tokens.textFieldChipCloseIconColor, _TextField.textFieldTokens.chipCloseIconColorHover, _Comboboxtokens.tokens.textFieldChipCloseIconColorHover, _TextField.textFieldTokens.chipCloseIconColorReadonly, _Comboboxtokens.tokens.textFieldChipCloseIconColorReadonly, _TextField.textFieldTokens.chipOutlineSize, _Comboboxtokens.tokens.textFieldChipOutlineSize, _TextField.textFieldTokens.chipWidth, _Comboboxtokens.tokens.textFieldChipWidth, _TextField.textFieldTokens.chipPadding, _Comboboxtokens.tokens.textFieldChipPadding, _TextField.textFieldTokens.chipCloseIconSize, _Comboboxtokens.tokens.textFieldChipCloseIconSize, _TextField.textFieldTokens.chipFontFamily, _Comboboxtokens.tokens.textFieldChipFontFamily, _TextField.textFieldTokens.chipFontSize, _Comboboxtokens.tokens.textFieldChipFontSize, _TextField.textFieldTokens.chipFontStyle, _Comboboxtokens.tokens.textFieldChipFontStyle, _TextField.textFieldTokens.chipFontWeight, _Comboboxtokens.tokens.textFieldChipFontWeight, _TextField.textFieldTokens.chipLetterSpacing, _Comboboxtokens.tokens.textFieldChipLetterSpacing, _TextField.textFieldTokens.chipLineHeight, _Comboboxtokens.tokens.textFieldChipLineHeight, _TextField.textFieldTokens.chipClearContentMarginLeft, _Comboboxtokens.tokens.textFieldChipClearContentMarginLeft, _TextField.textFieldTokens.chipClearContentMarginRight, _Comboboxtokens.tokens.textFieldChipClearContentMarginRight, _TextField.textFieldTokens.chipOpacityReadonly, _Comboboxtokens.tokens.textFieldChipOpacityReadonly, _TextField.textFieldTokens.focusColor, _Comboboxtokens.tokens.textFieldFocusColor, _TextField.textFieldTokens.indicatorColor, _Comboboxtokens.tokens.textFieldIndicatorColor, _TextField.textFieldTokens.indicatorSizeInner, _Comboboxtokens.tokens.textFieldIndicatorSizeInner, _TextField.textFieldTokens.indicatorSizeOuter, _Comboboxtokens.tokens.textFieldIndicatorSizeOuter, _TextField.textFieldTokens.indicatorLabelPlacementInner, _Comboboxtokens.tokens.textFieldIndicatorLabelPlacementInner, _TextField.textFieldTokens.indicatorLabelPlacementOuter, _Comboboxtokens.tokens.textFieldIndicatorLabelPlacementOuter, _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, _Comboboxtokens.tokens.textFieldIndicatorLabelPlacementInnerRight, _TextField.textFieldTokens.indicatorLabelPlacementOuterRight, _Comboboxtokens.tokens.textFieldIndicatorLabelPlacementOuterRight, _TextField.textFieldTokens.clearIndicatorLabelPlacementInner, _Comboboxtokens.tokens.textFieldClearIndicatorLabelPlacementInner, _TextField.textFieldTokens.clearIndicatorLabelPlacementInnerRight, _Comboboxtokens.tokens.textFieldClearIndicatorLabelPlacementInnerRight, _TextField.textFieldTokens.clearIndicatorHintInnerRight, _Comboboxtokens.tokens.textFieldClearIndicatorHintInnerRight, _TextField.textFieldTokens.boxShadow, _Comboboxtokens.tokens.textFieldBoxShadow);

package/styled-components/cjs/components/Select/Select.js

@@ -178,7 +178,7 @@ var selectRoot = function(Root) {
     return /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
         var _getItemByFocused;
         var // eslint-disable-block @typescript-eslint/ban-ts-comment
-        id = props.id, outerValue = props.value, outerOnChange = props.onChange, _props_target = props.target, target = _props_target === void 0 ? 'textfield-like' : _props_target, items = props.items, _props_placement = props.placement, placement = _props_placement === void 0 ? 'bottom' : _props_placement, label = props.label, labelPlacement = props.labelPlacement, placeholder = props.placeholder, helperText = props.helperText, _props_disabled = props.disabled, disabled = _props_disabled === void 0 ? false : _props_disabled, _props_readOnly = props.readOnly, readOnly = _props_readOnly === void 0 ? false : _props_readOnly, outerView = props.view, size = props.size, listOverflow = props.listOverflow, listHeight = props.listHeight, listMaxHeight = props.listMaxHeight, listWidth = props.listWidth, contentLeft = props.contentLeft, onScrollBottom = props.onScrollBottom, onScroll = props.onScroll, chipView = props.chipView, _props_variant = props.variant, variant = _props_variant === void 0 ? 'normal' : _props_variant, portal = props.portal, renderValue = props.renderValue, renderItem = props.renderItem, status = props.status, onItemSelect = props.onItemSelect, separator = props.separator, outerCloseAfterSelect = props.closeAfterSelect, isTargetAmount = props.isTargetAmount, beforeList = props.beforeList, afterList = props.afterList, zIndex = props.zIndex, name = props.name, defaultValue = props.defaultValue, _props_virtual = props.virtual, virtual = _props_virtual === void 0 ? false : _props_virtual, onToggle = props.onToggle, chipType = props.chipType, multiselect = props.multiselect, _props_mode = props.mode, mode = _props_mode === void 0 ? 'default' : _props_mode, // @ts-ignore
+        id = props.id, outerValue = props.value, outerOnChange = props.onChange, _props_target = props.target, target = _props_target === void 0 ? 'textfield-like' : _props_target, items = props.items, _props_placement = props.placement, placement = _props_placement === void 0 ? 'bottom' : _props_placement, label = props.label, labelPlacement = props.labelPlacement, placeholder = props.placeholder, helperText = props.helperText, _props_disabled = props.disabled, disabled = _props_disabled === void 0 ? false : _props_disabled, _props_readOnly = props.readOnly, readOnly = _props_readOnly === void 0 ? false : _props_readOnly, outerView = props.view, size = props.size, listOverflow = props.listOverflow, listHeight = props.listHeight, listMaxHeight = props.listMaxHeight, listWidth = props.listWidth, contentLeft = props.contentLeft, onScrollBottom = props.onScrollBottom, onScroll = props.onScroll, chipView = props.chipView, _props_variant = props.variant, variant = _props_variant === void 0 ? 'normal' : _props_variant, portal = props.portal, renderValue = props.renderValue, renderItem = props.renderItem, status = props.status, onItemSelect = props.onItemSelect, separator = props.separator, outerCloseAfterSelect = props.closeAfterSelect, isTargetAmount = props.isTargetAmount, beforeList = props.beforeList, afterList = props.afterList, zIndex = props.zIndex, name = props.name, defaultValue = props.defaultValue, _props_virtual = props.virtual, virtual = _props_virtual === void 0 ? false : _props_virtual, onToggle = props.onToggle, chipType = props.chipType, multiselect = props.multiselect, _props_mode = props.mode, mode = _props_mode === void 0 ? 'default' : _props_mode, chipClickArea = props.chipClickArea, // @ts-ignore
         _offset = props._offset, // Извлекаем пропсы для required и hint, чтобы они не попадали в DOM.
         // @ts-ignore
         required = props.required, // @ts-ignore
@@ -235,6 +235,7 @@ var selectRoot = function(Root) {
             "chipType",
             "multiselect",
             "mode",
+            "chipClickArea",
             "_offset",
             "required",
             "requiredPlacement",
@@ -459,7 +460,7 @@ var selectRoot = function(Root) {
         // В данном эффекте мы следим за изменениями value снаружи и вносим коррективы в дерево чекбоксов.
         // Пример: когда юзер очистил value извне, тогда нужно пройтись по элементам и выключить все чекбоксы.
         (0, _react.useLayoutEffect)(function() {
-            var checkedCopy = new Map(checked);
+            var checkedCopy = new Map(valueToCheckedMap);
             checkedCopy.forEach(function(_, key) {
                 checkedCopy.set(key, false);
             });

package/styled-components/cjs/components/Select/Select.tokens.js

@@ -216,6 +216,8 @@ var tokens = {
     textFieldChipBackgroundActive: '--plasma-select-textfield-chip-background-active',
     textFieldChipColorActive: '--plasma-select-textfield-chip-color-active',
     textFieldChipCloseIconColor: '--plasma-select-textfield-chip-close-icons-color',
+    textFieldChipCloseIconColorHover: '--plasma-select-textfield-chip-close-icons-color-hover',
+    textFieldChipCloseIconColorReadonly: '--plasma-select-textfield-chip-close-icons-color-readonly',
     textFieldChipOutlineSize: '--plasma-select-textfield-chip-outline-size',
     textFieldChipWidth: '--plasma-select-textfield-chip-width',
     textFieldChipPadding: '--plasma-select-textfield-chip-padding',

package/styled-components/cjs/components/Select/ui/Target/Target.js

@@ -101,6 +101,7 @@ var Target = /*#__PURE__*/ (0, _react.forwardRef)(function(param, ref) {
         chipView: chipView,
         requiredProps: requiredProps,
         hintProps: hintProps,
-        chipType: selectProps.chipType
+        chipType: selectProps.chipType,
+        chipClickArea: selectProps.chipClickArea
     });
 });

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

@@ -113,7 +113,7 @@ function _object_spread_props(target, source) {
     return target;
 }
 var Textfield = /*#__PURE__*/ (0, _react.forwardRef)(function(param, ref) {
-    var inputWrapperRef = param.inputWrapperRef, opened = param.opened, multiselect = param.multiselect, value = param.value, label = param.label, labelPlacement = param.labelPlacement, keepPlaceholder = param.keepPlaceholder, placeholder = param.placeholder, onKeyDown = param.onKeyDown, size = param.size, view = param.view, contentLeft = param.contentLeft, helperText = param.helperText, treeId = param.treeId, activeDescendantItemValue = param.activeDescendantItemValue, disabled = param.disabled, readOnly = param.readOnly, isTargetAmount = param.isTargetAmount, valueToItemMap = param.valueToItemMap, renderValue = param.renderValue, onChange = param.onChange, chipView = param.chipView, requiredProps = param.requiredProps, chipType = param.chipType, hintProps = param.hintProps;
+    var inputWrapperRef = param.inputWrapperRef, opened = param.opened, multiselect = param.multiselect, value = param.value, label = param.label, labelPlacement = param.labelPlacement, keepPlaceholder = param.keepPlaceholder, placeholder = param.placeholder, onKeyDown = param.onKeyDown, size = param.size, view = param.view, contentLeft = param.contentLeft, helperText = param.helperText, treeId = param.treeId, activeDescendantItemValue = param.activeDescendantItemValue, disabled = param.disabled, readOnly = param.readOnly, isTargetAmount = param.isTargetAmount, valueToItemMap = param.valueToItemMap, renderValue = param.renderValue, onChange = param.onChange, chipView = param.chipView, requiredProps = param.requiredProps, chipType = param.chipType, hintProps = param.hintProps, chipClickArea = param.chipClickArea;
     var withArrowInverse = opened ? _Selecttokens.classes.arrowInverse : undefined;
     var getValue = function() {
         var _valueToItemMap_get;
@@ -210,7 +210,8 @@ var Textfield = /*#__PURE__*/ (0, _react.forwardRef)(function(param, ref) {
     }, multiselect ? {
         enumerationType: 'chip',
         _chips: getChips(),
-        _onChipClick: handleChipClick,
+        _onChipCloseClick: handleChipClick,
+        _chipClickArea: chipClickArea,
         chipType: chipType,
         chipView: chipView
     } : {

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

@@ -39,7 +39,7 @@ var mergedConfig = (0, _engines.mergeConfig)(_TextField.textFieldConfig);
 var TextField = (0, _engines.component)(mergedConfig);
 var StyledTextField = (0, _styledcomponents.default)(TextField).withConfig({
     displayName: "Textfield.styles__StyledTextField",
-    componentId: "sc-27756630-0"
+    componentId: "sc-504ad6c9-0"
 })([
     "",
     ":var(",
@@ -316,6 +316,12 @@ var StyledTextField = (0, _styledcomponents.default)(TextField).withConfig({
     ");",
     ":var(",
     ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
     ":",
     ";& div.input-wrapper:focus-within{background-color:var(",
     ");}&.",
@@ -358,13 +364,13 @@ var StyledTextField = (0, _styledcomponents.default)(TextField).withConfig({
 }, _TextField.textFieldTokens.leftHelperColorReadOnly, _Selecttokens.tokens.textFieldLeftHelperColor, _TextField.textFieldTokens.labelColorReadOnly, _Selecttokens.tokens.textFieldLabelColor, _TextField.textFieldTokens.borderColorReadOnly, function(param) {
     var opened = param.opened;
     return opened ? "var(".concat(_Selecttokens.tokens.textFieldBorderColorFocus, ")") : "var(".concat(_Selecttokens.tokens.textFieldBorderColor, ")");
-}, _TextField.textFieldTokens.placeholderColor, _Selecttokens.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.borderColorHover, _Selecttokens.tokens.textFieldBorderColorHover, _TextField.textFieldTokens.borderColorFocus, _Selecttokens.tokens.textFieldBorderColorFocus, _TextField.textFieldTokens.optionalColor, _Selecttokens.tokens.textFieldOptionalColor, _TextField.textFieldTokens.height, _Selecttokens.tokens.textFieldHeight, _TextField.textFieldTokens.borderWidth, _Selecttokens.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _Selecttokens.tokens.textFieldBorderRadius, _TextField.textFieldTokens.padding, _Selecttokens.tokens.textFieldPadding, _TextField.textFieldTokens.paddingWithChips, _Selecttokens.tokens.textFieldPaddingWithChips, _TextField.textFieldTokens.leftContentMargin, _Selecttokens.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _Selecttokens.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.rightContentWithHintMargin, _Selecttokens.tokens.textFieldRightContentWithHintMargin, _TextField.textFieldTokens.contentRightWrapperGap, _Selecttokens.tokens.textFieldContentRightWrapperGap, _TextField.textFieldTokens.contentRightWrapperMargin, _Selecttokens.tokens.textFieldContentRightWrapperMargin, _TextField.textFieldTokens.fontFamily, _Selecttokens.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontStyle, _Selecttokens.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontSize, _Selecttokens.tokens.textFieldFontSize, _TextField.textFieldTokens.fontWeight, _Selecttokens.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _Selecttokens.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _Selecttokens.tokens.textFieldLineHeight, _TextField.textFieldTokens.contentSlotColor, _Selecttokens.tokens.textFieldContentSlotColor, _TextField.textFieldTokens.contentSlotColorHover, _Selecttokens.tokens.textFieldContentSlotColorHover, _TextField.textFieldTokens.contentSlotColorActive, _Selecttokens.tokens.textFieldContentSlotColorActive, _TextField.textFieldTokens.contentSlotRightColor, _Selecttokens.tokens.textFieldContentSlotRightColor, _TextField.textFieldTokens.contentSlotRightColorHover, _Selecttokens.tokens.textFieldContentSlotRightColorHover, _TextField.textFieldTokens.contentSlotRightColorActive, _Selecttokens.tokens.textFieldContentSlotRightColorActive, _TextField.textFieldTokens.labelOffset, _Selecttokens.tokens.textFieldLabelOffset, _TextField.textFieldTokens.labelFontFamily, _Selecttokens.tokens.textFieldLabelFontFamily, _TextField.textFieldTokens.labelFontStyle, _Selecttokens.tokens.textFieldLabelFontStyle, _TextField.textFieldTokens.labelFontSize, _Selecttokens.tokens.textFieldLabelFontSize, _TextField.textFieldTokens.labelFontWeight, _Selecttokens.tokens.textFieldLabelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _Selecttokens.tokens.textFieldLabelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _Selecttokens.tokens.textFieldLabelLineHeight, _TextField.textFieldTokens.labelInnerFontFamily, _Selecttokens.tokens.textFieldLabelInnerFontFamily, _TextField.textFieldTokens.labelInnerFontStyle, _Selecttokens.tokens.textFieldLabelInnerFontStyle, _TextField.textFieldTokens.labelInnerFontSize, _Selecttokens.tokens.textFieldLabelInnerFontSize, _TextField.textFieldTokens.labelInnerFontWeight, _Selecttokens.tokens.textFieldLabelInnerFontWeight, _TextField.textFieldTokens.labelInnerLetterSpacing, _Selecttokens.tokens.textFieldLabelInnerLetterSpacing, _TextField.textFieldTokens.labelInnerLineHeight, _Selecttokens.tokens.textFieldLabelInnerLineHeight, _TextField.textFieldTokens.labelInnerPadding, _Selecttokens.tokens.textFieldLabelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _Selecttokens.tokens.textFieldContentLabelInnerPadding, _TextField.textFieldTokens.titleCaptionColor, _Selecttokens.tokens.textFieldTitleCaptionColor, _TextField.textFieldTokens.titleCaptionInnerLabelOffset, _Selecttokens.tokens.textFieldTitleCaptionInnerLabelOffset, _TextField.textFieldTokens.titleCaptionFontFamily, _Selecttokens.tokens.textFieldTitleCaptionFontFamily, _TextField.textFieldTokens.titleCaptionFontStyle, _Selecttokens.tokens.textFieldTitleCaptionFontStyle, _TextField.textFieldTokens.titleCaptionFontSize, _Selecttokens.tokens.textFieldTitleCaptionFontSize, _TextField.textFieldTokens.titleCaptionFontWeight, _Selecttokens.tokens.textFieldTitleCaptionFontWeight, _TextField.textFieldTokens.titleCaptionLetterSpacing, _Selecttokens.tokens.textFieldTitleCaptionLetterSpacing, _TextField.textFieldTokens.titleCaptionLineHeight, _Selecttokens.tokens.textFieldTitleCaptionLineHeight, _TextField.textFieldTokens.leftHelperOffset, _Selecttokens.tokens.textFieldLeftHelperOffset, _TextField.textFieldTokens.leftHelperFontFamily, _Selecttokens.tokens.textFieldLeftHelperFontFamily, _TextField.textFieldTokens.leftHelperFontStyle, _Selecttokens.tokens.textFieldLeftHelperFontStyle, _TextField.textFieldTokens.leftHelperFontSize, _Selecttokens.tokens.textFieldLeftHelperFontSize, _TextField.textFieldTokens.leftHelperFontWeight, _Selecttokens.tokens.textFieldLeftHelperFontWeight, _TextField.textFieldTokens.leftHelperLetterSpacing, _Selecttokens.tokens.textFieldLeftHelperLetterSpacing, _TextField.textFieldTokens.leftHelperLineHeight, _Selecttokens.tokens.textFieldLeftHelperLineHeight, _TextField.textFieldTokens.textBeforeColor, _Selecttokens.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _Selecttokens.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _Selecttokens.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _Selecttokens.tokens.textFieldTextAfterMargin, _TextField.textFieldTokens.disabledOpacity, _Selecttokens.tokens.textFieldDisabledOpacity, _TextField.textFieldTokens.hintCustomIconTargetSize, _Selecttokens.tokens.textFieldHintCustomIconTargetSize, _TextField.textFieldTokens.hintMargin, _Selecttokens.tokens.textFieldHintMargin, _TextField.textFieldTokens.hintTargetSize, _Selecttokens.tokens.textFieldHintTargetSize, _TextField.textFieldTokens.hintIconColor, _Selecttokens.tokens.textFieldHintIconColor, _TextField.textFieldTokens.hintInnerLabelPlacementOffset, _Selecttokens.tokens.textFieldHintInnerLabelPlacementOffset, _TextField.textFieldTokens.clearHintInnerLabelPlacementOffset, _Selecttokens.tokens.textFieldClearHintInnerLabelPlacementOffset, _TextField.textFieldTokens.tooltipBackgroundColor, _Selecttokens.tokens.textFieldTooltipBackgroundColor, _TextField.textFieldTokens.tooltipBoxShadow, _Selecttokens.tokens.textFieldTooltipBoxShadow, _TextField.textFieldTokens.tooltipColor, _Selecttokens.tokens.textFieldTooltipColor, _TextField.textFieldTokens.tooltipPaddingTop, _Selecttokens.tokens.textFieldTooltipPaddingTop, _TextField.textFieldTokens.tooltipPaddingRight, _Selecttokens.tokens.textFieldTooltipPaddingRight, _TextField.textFieldTokens.tooltipPaddingBottom, _Selecttokens.tokens.textFieldTooltipPaddingBottom, _TextField.textFieldTokens.tooltipPaddingLeft, _Selecttokens.tokens.textFieldTooltipPaddingLeft, _TextField.textFieldTokens.tooltipMinHeight, _Selecttokens.tokens.textFieldTooltipMinHeight, _TextField.textFieldTokens.tooltipBorderRadius, _Selecttokens.tokens.textFieldTooltipBorderRadius, _TextField.textFieldTokens.tooltipTextFontFamily, _Selecttokens.tokens.textFieldTooltipTextFontFamily, _TextField.textFieldTokens.tooltipTextFontSize, _Selecttokens.tokens.textFieldTooltipTextFontSize, _TextField.textFieldTokens.tooltipTextFontStyle, _Selecttokens.tokens.textFieldTooltipTextFontStyle, _TextField.textFieldTokens.tooltipTextFontWeight, _Selecttokens.tokens.textFieldTooltipTextFontWeight, _TextField.textFieldTokens.tooltipTextFontLetterSpacing, _Selecttokens.tokens.textFieldTooltipTextFontLetterSpacing, _TextField.textFieldTokens.tooltipTextFontLineHeight, _Selecttokens.tokens.textFieldTooltipTextFontLineHeight, _TextField.textFieldTokens.tooltipContentLeftMargin, _Selecttokens.tokens.textFieldTooltipContentLeftMargin, _TextField.textFieldTokens.tooltipArrowMaskWidth, _Selecttokens.tokens.textFieldTooltipArrowMaskWidth, _TextField.textFieldTokens.tooltipArrowMaskHeight, _Selecttokens.tokens.textFieldTooltipArrowMaskHeight, _TextField.textFieldTokens.tooltipArrowMaskImage, _Selecttokens.tokens.textFieldTooltipArrowMaskImage, _TextField.textFieldTokens.tooltipArrowHeight, _Selecttokens.tokens.textFieldTooltipArrowHeight, _TextField.textFieldTokens.tooltipArrowEdgeMargin, _Selecttokens.tokens.textFieldTooltipArrowEdgeMargin, _TextField.textFieldTokens.tooltipArrowBackground, _Selecttokens.tokens.textFieldTooltipArrowBackground, _TextField.textFieldTokens.chipHeight, _Selecttokens.tokens.textFieldChipHeight, _TextField.textFieldTokens.chipBorderRadius, _Selecttokens.tokens.textFieldChipBorderRadius, _TextField.textFieldTokens.chipGap, _Selecttokens.tokens.textFieldChipGap, _TextField.textFieldTokens.chipColor, _Selecttokens.tokens.textFieldChipColor, _TextField.textFieldTokens.chipColorHover, _Selecttokens.tokens.textFieldChipColorHover, _TextField.textFieldTokens.chipBackground, _Selecttokens.tokens.textFieldChipBackground, _TextField.textFieldTokens.chipBackgroundActive, _Selecttokens.tokens.textFieldChipBackgroundActive, _TextField.textFieldTokens.chipColorActive, _Selecttokens.tokens.textFieldChipColorActive, _TextField.textFieldTokens.chipCloseIconColor, _Selecttokens.tokens.textFieldChipCloseIconColor, _TextField.textFieldTokens.chipOutlineSize, _Selecttokens.tokens.textFieldChipOutlineSize, _TextField.textFieldTokens.chipWidth, _Selecttokens.tokens.textFieldChipWidth, _TextField.textFieldTokens.chipPadding, _Selecttokens.tokens.textFieldChipPadding, _TextField.textFieldTokens.chipCloseIconSize, _Selecttokens.tokens.textFieldChipCloseIconSize, _TextField.textFieldTokens.chipFontFamily, _Selecttokens.tokens.textFieldChipFontFamily, _TextField.textFieldTokens.chipFontSize, _Selecttokens.tokens.textFieldChipFontSize, _TextField.textFieldTokens.chipFontStyle, _Selecttokens.tokens.textFieldChipFontStyle, _TextField.textFieldTokens.chipFontWeight, _Selecttokens.tokens.textFieldChipFontWeight, _TextField.textFieldTokens.chipLetterSpacing, _Selecttokens.tokens.textFieldChipLetterSpacing, _TextField.textFieldTokens.chipLineHeight, _Selecttokens.tokens.textFieldChipLineHeight, _TextField.textFieldTokens.chipColorReadOnly, _Selecttokens.tokens.textFieldChipColor, _TextField.textFieldTokens.chipColorReadOnlyHover, _Selecttokens.tokens.textFieldChipColor, _TextField.textFieldTokens.chipBackgroundReadOnly, _Selecttokens.tokens.textFieldChipBackground, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _Selecttokens.tokens.textFieldChipBackgroundHover, _TextField.textFieldTokens.chipClearContentMarginLeft, _Selecttokens.tokens.textFieldChipClearContentMarginLeft, _TextField.textFieldTokens.chipClearContentMarginRight, _Selecttokens.tokens.textFieldChipClearContentMarginRight, _TextField.textFieldTokens.indicatorColor, _Selecttokens.tokens.textFieldIndicatorColor, _TextField.textFieldTokens.indicatorSizeInner, _Selecttokens.tokens.textFieldIndicatorSizeInner, _TextField.textFieldTokens.indicatorSizeOuter, _Selecttokens.tokens.textFieldIndicatorSizeOuter, _TextField.textFieldTokens.indicatorLabelPlacementInner, _Selecttokens.tokens.textFieldIndicatorLabelPlacementInner, _TextField.textFieldTokens.indicatorLabelPlacementOuter, _Selecttokens.tokens.textFieldIndicatorLabelPlacementOuter, _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, _Selecttokens.tokens.textFieldIndicatorLabelPlacementInnerRight, _TextField.textFieldTokens.indicatorLabelPlacementOuterRight, _Selecttokens.tokens.textFieldIndicatorLabelPlacementOuterRight, _TextField.textFieldTokens.clearIndicatorLabelPlacementInner, _Selecttokens.tokens.textFieldClearIndicatorLabelPlacementInner, _TextField.textFieldTokens.clearIndicatorLabelPlacementInnerRight, _Selecttokens.tokens.textFieldClearIndicatorLabelPlacementInnerRight, _TextField.textFieldTokens.clearIndicatorHintInnerRight, _Selecttokens.tokens.textFieldClearIndicatorHintInnerRight, _TextField.textFieldTokens.focusColor, _Selecttokens.tokens.textFieldFocusColor, _TextField.textFieldTokens.boxShadow, function(param) {
+}, _TextField.textFieldTokens.placeholderColor, _Selecttokens.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.borderColorHover, _Selecttokens.tokens.textFieldBorderColorHover, _TextField.textFieldTokens.borderColorFocus, _Selecttokens.tokens.textFieldBorderColorFocus, _TextField.textFieldTokens.optionalColor, _Selecttokens.tokens.textFieldOptionalColor, _TextField.textFieldTokens.height, _Selecttokens.tokens.textFieldHeight, _TextField.textFieldTokens.borderWidth, _Selecttokens.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _Selecttokens.tokens.textFieldBorderRadius, _TextField.textFieldTokens.padding, _Selecttokens.tokens.textFieldPadding, _TextField.textFieldTokens.paddingWithChips, _Selecttokens.tokens.textFieldPaddingWithChips, _TextField.textFieldTokens.leftContentMargin, _Selecttokens.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _Selecttokens.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.rightContentWithHintMargin, _Selecttokens.tokens.textFieldRightContentWithHintMargin, _TextField.textFieldTokens.contentRightWrapperGap, _Selecttokens.tokens.textFieldContentRightWrapperGap, _TextField.textFieldTokens.contentRightWrapperMargin, _Selecttokens.tokens.textFieldContentRightWrapperMargin, _TextField.textFieldTokens.fontFamily, _Selecttokens.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontStyle, _Selecttokens.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontSize, _Selecttokens.tokens.textFieldFontSize, _TextField.textFieldTokens.fontWeight, _Selecttokens.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _Selecttokens.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _Selecttokens.tokens.textFieldLineHeight, _TextField.textFieldTokens.contentSlotColor, _Selecttokens.tokens.textFieldContentSlotColor, _TextField.textFieldTokens.contentSlotColorHover, _Selecttokens.tokens.textFieldContentSlotColorHover, _TextField.textFieldTokens.contentSlotColorActive, _Selecttokens.tokens.textFieldContentSlotColorActive, _TextField.textFieldTokens.contentSlotRightColor, _Selecttokens.tokens.textFieldContentSlotRightColor, _TextField.textFieldTokens.contentSlotRightColorHover, _Selecttokens.tokens.textFieldContentSlotRightColorHover, _TextField.textFieldTokens.contentSlotRightColorActive, _Selecttokens.tokens.textFieldContentSlotRightColorActive, _TextField.textFieldTokens.labelOffset, _Selecttokens.tokens.textFieldLabelOffset, _TextField.textFieldTokens.labelFontFamily, _Selecttokens.tokens.textFieldLabelFontFamily, _TextField.textFieldTokens.labelFontStyle, _Selecttokens.tokens.textFieldLabelFontStyle, _TextField.textFieldTokens.labelFontSize, _Selecttokens.tokens.textFieldLabelFontSize, _TextField.textFieldTokens.labelFontWeight, _Selecttokens.tokens.textFieldLabelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _Selecttokens.tokens.textFieldLabelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _Selecttokens.tokens.textFieldLabelLineHeight, _TextField.textFieldTokens.labelInnerFontFamily, _Selecttokens.tokens.textFieldLabelInnerFontFamily, _TextField.textFieldTokens.labelInnerFontStyle, _Selecttokens.tokens.textFieldLabelInnerFontStyle, _TextField.textFieldTokens.labelInnerFontSize, _Selecttokens.tokens.textFieldLabelInnerFontSize, _TextField.textFieldTokens.labelInnerFontWeight, _Selecttokens.tokens.textFieldLabelInnerFontWeight, _TextField.textFieldTokens.labelInnerLetterSpacing, _Selecttokens.tokens.textFieldLabelInnerLetterSpacing, _TextField.textFieldTokens.labelInnerLineHeight, _Selecttokens.tokens.textFieldLabelInnerLineHeight, _TextField.textFieldTokens.labelInnerPadding, _Selecttokens.tokens.textFieldLabelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _Selecttokens.tokens.textFieldContentLabelInnerPadding, _TextField.textFieldTokens.titleCaptionColor, _Selecttokens.tokens.textFieldTitleCaptionColor, _TextField.textFieldTokens.titleCaptionInnerLabelOffset, _Selecttokens.tokens.textFieldTitleCaptionInnerLabelOffset, _TextField.textFieldTokens.titleCaptionFontFamily, _Selecttokens.tokens.textFieldTitleCaptionFontFamily, _TextField.textFieldTokens.titleCaptionFontStyle, _Selecttokens.tokens.textFieldTitleCaptionFontStyle, _TextField.textFieldTokens.titleCaptionFontSize, _Selecttokens.tokens.textFieldTitleCaptionFontSize, _TextField.textFieldTokens.titleCaptionFontWeight, _Selecttokens.tokens.textFieldTitleCaptionFontWeight, _TextField.textFieldTokens.titleCaptionLetterSpacing, _Selecttokens.tokens.textFieldTitleCaptionLetterSpacing, _TextField.textFieldTokens.titleCaptionLineHeight, _Selecttokens.tokens.textFieldTitleCaptionLineHeight, _TextField.textFieldTokens.leftHelperOffset, _Selecttokens.tokens.textFieldLeftHelperOffset, _TextField.textFieldTokens.leftHelperFontFamily, _Selecttokens.tokens.textFieldLeftHelperFontFamily, _TextField.textFieldTokens.leftHelperFontStyle, _Selecttokens.tokens.textFieldLeftHelperFontStyle, _TextField.textFieldTokens.leftHelperFontSize, _Selecttokens.tokens.textFieldLeftHelperFontSize, _TextField.textFieldTokens.leftHelperFontWeight, _Selecttokens.tokens.textFieldLeftHelperFontWeight, _TextField.textFieldTokens.leftHelperLetterSpacing, _Selecttokens.tokens.textFieldLeftHelperLetterSpacing, _TextField.textFieldTokens.leftHelperLineHeight, _Selecttokens.tokens.textFieldLeftHelperLineHeight, _TextField.textFieldTokens.textBeforeColor, _Selecttokens.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _Selecttokens.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _Selecttokens.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _Selecttokens.tokens.textFieldTextAfterMargin, _TextField.textFieldTokens.disabledOpacity, _Selecttokens.tokens.textFieldDisabledOpacity, _TextField.textFieldTokens.hintCustomIconTargetSize, _Selecttokens.tokens.textFieldHintCustomIconTargetSize, _TextField.textFieldTokens.hintMargin, _Selecttokens.tokens.textFieldHintMargin, _TextField.textFieldTokens.hintTargetSize, _Selecttokens.tokens.textFieldHintTargetSize, _TextField.textFieldTokens.hintIconColor, _Selecttokens.tokens.textFieldHintIconColor, _TextField.textFieldTokens.hintInnerLabelPlacementOffset, _Selecttokens.tokens.textFieldHintInnerLabelPlacementOffset, _TextField.textFieldTokens.clearHintInnerLabelPlacementOffset, _Selecttokens.tokens.textFieldClearHintInnerLabelPlacementOffset, _TextField.textFieldTokens.tooltipBackgroundColor, _Selecttokens.tokens.textFieldTooltipBackgroundColor, _TextField.textFieldTokens.tooltipBoxShadow, _Selecttokens.tokens.textFieldTooltipBoxShadow, _TextField.textFieldTokens.tooltipColor, _Selecttokens.tokens.textFieldTooltipColor, _TextField.textFieldTokens.tooltipPaddingTop, _Selecttokens.tokens.textFieldTooltipPaddingTop, _TextField.textFieldTokens.tooltipPaddingRight, _Selecttokens.tokens.textFieldTooltipPaddingRight, _TextField.textFieldTokens.tooltipPaddingBottom, _Selecttokens.tokens.textFieldTooltipPaddingBottom, _TextField.textFieldTokens.tooltipPaddingLeft, _Selecttokens.tokens.textFieldTooltipPaddingLeft, _TextField.textFieldTokens.tooltipMinHeight, _Selecttokens.tokens.textFieldTooltipMinHeight, _TextField.textFieldTokens.tooltipBorderRadius, _Selecttokens.tokens.textFieldTooltipBorderRadius, _TextField.textFieldTokens.tooltipTextFontFamily, _Selecttokens.tokens.textFieldTooltipTextFontFamily, _TextField.textFieldTokens.tooltipTextFontSize, _Selecttokens.tokens.textFieldTooltipTextFontSize, _TextField.textFieldTokens.tooltipTextFontStyle, _Selecttokens.tokens.textFieldTooltipTextFontStyle, _TextField.textFieldTokens.tooltipTextFontWeight, _Selecttokens.tokens.textFieldTooltipTextFontWeight, _TextField.textFieldTokens.tooltipTextFontLetterSpacing, _Selecttokens.tokens.textFieldTooltipTextFontLetterSpacing, _TextField.textFieldTokens.tooltipTextFontLineHeight, _Selecttokens.tokens.textFieldTooltipTextFontLineHeight, _TextField.textFieldTokens.tooltipContentLeftMargin, _Selecttokens.tokens.textFieldTooltipContentLeftMargin, _TextField.textFieldTokens.tooltipArrowMaskWidth, _Selecttokens.tokens.textFieldTooltipArrowMaskWidth, _TextField.textFieldTokens.tooltipArrowMaskHeight, _Selecttokens.tokens.textFieldTooltipArrowMaskHeight, _TextField.textFieldTokens.tooltipArrowMaskImage, _Selecttokens.tokens.textFieldTooltipArrowMaskImage, _TextField.textFieldTokens.tooltipArrowHeight, _Selecttokens.tokens.textFieldTooltipArrowHeight, _TextField.textFieldTokens.tooltipArrowEdgeMargin, _Selecttokens.tokens.textFieldTooltipArrowEdgeMargin, _TextField.textFieldTokens.tooltipArrowBackground, _Selecttokens.tokens.textFieldTooltipArrowBackground, _TextField.textFieldTokens.chipHeight, _Selecttokens.tokens.textFieldChipHeight, _TextField.textFieldTokens.chipBorderRadius, _Selecttokens.tokens.textFieldChipBorderRadius, _TextField.textFieldTokens.chipGap, _Selecttokens.tokens.textFieldChipGap, _TextField.textFieldTokens.chipColor, _Selecttokens.tokens.textFieldChipColor, _TextField.textFieldTokens.chipColorHover, _Selecttokens.tokens.textFieldChipColorHover, _TextField.textFieldTokens.chipBackground, _Selecttokens.tokens.textFieldChipBackground, _TextField.textFieldTokens.chipBackgroundHover, _Selecttokens.tokens.textFieldChipBackgroundHover, _TextField.textFieldTokens.chipBackgroundActive, _Selecttokens.tokens.textFieldChipBackgroundActive, _TextField.textFieldTokens.chipColorActive, _Selecttokens.tokens.textFieldChipColorActive, _TextField.textFieldTokens.chipCloseIconColor, _Selecttokens.tokens.textFieldChipCloseIconColor, _TextField.textFieldTokens.chipCloseIconColorHover, _Selecttokens.tokens.textFieldChipCloseIconColorHover, _TextField.textFieldTokens.chipCloseIconColorReadonly, _Selecttokens.tokens.textFieldChipCloseIconColorReadonly, _TextField.textFieldTokens.chipOutlineSize, _Selecttokens.tokens.textFieldChipOutlineSize, _TextField.textFieldTokens.chipWidth, _Selecttokens.tokens.textFieldChipWidth, _TextField.textFieldTokens.chipPadding, _Selecttokens.tokens.textFieldChipPadding, _TextField.textFieldTokens.chipCloseIconSize, _Selecttokens.tokens.textFieldChipCloseIconSize, _TextField.textFieldTokens.chipFontFamily, _Selecttokens.tokens.textFieldChipFontFamily, _TextField.textFieldTokens.chipFontSize, _Selecttokens.tokens.textFieldChipFontSize, _TextField.textFieldTokens.chipFontStyle, _Selecttokens.tokens.textFieldChipFontStyle, _TextField.textFieldTokens.chipFontWeight, _Selecttokens.tokens.textFieldChipFontWeight, _TextField.textFieldTokens.chipLetterSpacing, _Selecttokens.tokens.textFieldChipLetterSpacing, _TextField.textFieldTokens.chipLineHeight, _Selecttokens.tokens.textFieldChipLineHeight, _TextField.textFieldTokens.chipColorReadOnly, _Selecttokens.tokens.textFieldChipColor, _TextField.textFieldTokens.chipColorReadOnlyHover, _Selecttokens.tokens.textFieldChipColor, _TextField.textFieldTokens.chipBackgroundReadOnly, _Selecttokens.tokens.textFieldChipBackground, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _Selecttokens.tokens.textFieldChipBackgroundHover, _TextField.textFieldTokens.chipClearContentMarginLeft, _Selecttokens.tokens.textFieldChipClearContentMarginLeft, _TextField.textFieldTokens.chipClearContentMarginRight, _Selecttokens.tokens.textFieldChipClearContentMarginRight, _TextField.textFieldTokens.indicatorColor, _Selecttokens.tokens.textFieldIndicatorColor, _TextField.textFieldTokens.indicatorSizeInner, _Selecttokens.tokens.textFieldIndicatorSizeInner, _TextField.textFieldTokens.indicatorSizeOuter, _Selecttokens.tokens.textFieldIndicatorSizeOuter, _TextField.textFieldTokens.indicatorLabelPlacementInner, _Selecttokens.tokens.textFieldIndicatorLabelPlacementInner, _TextField.textFieldTokens.indicatorLabelPlacementOuter, _Selecttokens.tokens.textFieldIndicatorLabelPlacementOuter, _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, _Selecttokens.tokens.textFieldIndicatorLabelPlacementInnerRight, _TextField.textFieldTokens.indicatorLabelPlacementOuterRight, _Selecttokens.tokens.textFieldIndicatorLabelPlacementOuterRight, _TextField.textFieldTokens.clearIndicatorLabelPlacementInner, _Selecttokens.tokens.textFieldClearIndicatorLabelPlacementInner, _TextField.textFieldTokens.clearIndicatorLabelPlacementInnerRight, _Selecttokens.tokens.textFieldClearIndicatorLabelPlacementInnerRight, _TextField.textFieldTokens.clearIndicatorHintInnerRight, _Selecttokens.tokens.textFieldClearIndicatorHintInnerRight, _TextField.textFieldTokens.focusColor, _Selecttokens.tokens.textFieldFocusColor, _TextField.textFieldTokens.boxShadow, function(param) {
     var disabled = param.disabled;
     return disabled ? 'none' : "var(".concat(_Selecttokens.tokens.textFieldBoxShadow, ")");
 }, _Selecttokens.tokens.textFieldBackgroundColorFocus, _Selecttokens.classes.readOnly, _TextField.textFieldTokens.colorReadOnly, _Selecttokens.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _Selecttokens.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _Selecttokens.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.dividerColorReadOnly, _Selecttokens.tokens.textFieldDividerColorReadOnly, _TextField.textFieldTokens.leftHelperColorReadOnly, _Selecttokens.tokens.textFieldLeftHelperColorReadOnly, _TextField.textFieldTokens.labelColorReadOnly, _Selecttokens.tokens.textFieldLabelColorReadOnly, _TextField.textFieldTokens.titleCaptionColorReadOnly, _Selecttokens.tokens.textFieldTitleCaptionColorReadOnly, _TextField.textFieldTokens.borderColorReadOnly, _Selecttokens.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.readOnlyOpacity, _Selecttokens.tokens.textFieldReadOnlyOpacity, _TextField.textFieldTokens.chipColorReadOnly, _Selecttokens.tokens.textFieldChipColorReadOnly, _TextField.textFieldTokens.chipColorReadOnlyHover, _Selecttokens.tokens.textFieldChipColorReadOnlyHover, _TextField.textFieldTokens.chipBackgroundReadOnly, _Selecttokens.tokens.textFieldChipBackgroundReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _Selecttokens.tokens.textFieldChipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipOpacityReadonly, _Selecttokens.tokens.textFieldChipOpacityReadonly, _TextField.textFieldTokens.boxShadow);
 var IconArrowWrapper = _styledcomponents.default.div.withConfig({
     displayName: "Textfield.styles__IconArrowWrapper",
-    componentId: "sc-27756630-1"
+    componentId: "sc-504ad6c9-1"
 })([
     "line-height:0;color:var(",
     ");cursor:",
@@ -388,7 +394,7 @@ var sizeMap = {
 };
 var StyledArrow = (0, _styledcomponents.default)(_Icon.IconDisclosureDownCentered).withConfig({
     displayName: "Textfield.styles__StyledArrow",
-    componentId: "sc-27756630-2"
+    componentId: "sc-504ad6c9-2"
 })([
     "width:",
     ";height:",
@@ -402,7 +408,7 @@ var StyledArrow = (0, _styledcomponents.default)(_Icon.IconDisclosureDownCentere
 });
 var StyledLeftHelper = _styledcomponents.default.span.withConfig({
     displayName: "Textfield.styles__StyledLeftHelper",
-    componentId: "sc-27756630-3"
+    componentId: "sc-504ad6c9-3"
 })([
     "margin:0;padding:0;"
 ]);

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

@@ -197,7 +197,8 @@ var textFieldRoot = function(Root) {
         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, // @ts-ignore
         _chips = _param._chips, // @ts-ignore
-        _onChipClick = _param._onChipClick, // events
+        _chipClickArea = _param._chipClickArea, // @ts-ignore
+        _onChipCloseClick = _param._onChipCloseClick, // 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
@@ -243,7 +244,8 @@ var textFieldRoot = function(Root) {
             "chips",
             "chipType",
             "_chips",
-            "_onChipClick",
+            "_chipClickArea",
+            "_onChipCloseClick",
             "onChange",
             "onChangeChips",
             "onSearch",
@@ -386,11 +388,13 @@ var textFieldRoot = function(Root) {
             disabled: disabled,
             readOnly: readOnly,
             chips: chips,
+            newCustomChips: _chips,
             enumerationType: enumerationType,
             updateChips: updateChips,
             onSearch: onSearch,
             onChange: onChange,
-            onEnterDisabled: _onEnterDisabled
+            onEnterDisabled: _onEnterDisabled,
+            onChipCloseClick: _onChipCloseClick
         }), handleInputKeydown = _useKeyNavigation.handleInputKeydown, handleChipKeyDown = _useKeyNavigation.handleChipKeyDown, onChipClear = _useKeyNavigation.onChipClear, handleContentKeyDown = _useKeyNavigation.handleContentKeyDown;
         var onChipClick = function(event) {
             return event.stopPropagation();
@@ -535,10 +539,11 @@ var textFieldRoot = function(Root) {
             className: (0, _utils.cx)(withHasChips, _TextFieldtokens.classes.inputScrollableWrapper)
         }, Boolean(textBefore && isChipEnumeration) && /*#__PURE__*/ _react.default.createElement(_TextFieldstyles.StyledTextBefore, null, textBefore), Boolean(_chips === null || _chips === void 0 ? void 0 : _chips.length) && /*#__PURE__*/ _react.default.createElement(_ui.TextFieldChipNew, {
             chips: _chips,
-            onChipClick: _onChipClick,
             getRef: getRef,
             handleChipKeyDown: handleChipKeyDown,
             onChipClear: onChipClear,
+            onChipCloseClick: _onChipCloseClick,
+            chipClickArea: _chipClickArea,
             view: chipView || view,
             readOnly: readOnly,
             chipType: chipType,

package/styled-components/cjs/components/TextField/TextField.tokens.js

@@ -171,6 +171,8 @@ var tokens = {
     chipColorActive: '--plasma-textfield__chip-color-active',
     chipFocusColor: '--plasma-textfield__chip-focus-color',
     chipCloseIconColor: '--plasma-textfield__chip-close-icon-color',
+    chipCloseIconColorHover: '--plasma-textfield__chip-close-icon-color-hover',
+    chipCloseIconColorReadonly: '--plasma-textfield__chip-close-icon-color-readonly',
     chipOutlineSize: '--plasma-textfield__chip-outline-size',
     chipWidth: '--plasma-textfield__chip-width',
     chipPadding: '--plasma-textfield__chip-padding',

package/styled-components/cjs/components/TextField/hooks/useKeyNavigation.js

@@ -84,10 +84,10 @@ var Keys = {
     Backspace: 'Backspace'
 };
 var useKeyNavigation = function(param) {
-    var _param_controlledRefs = param.controlledRefs, chipsRefs = _param_controlledRefs.chipsRefs, contentRef = _param_controlledRefs.contentRef, inputRef = _param_controlledRefs.inputRef, disabled = param.disabled, readOnly = param.readOnly, chips = param.chips, enumerationType = param.enumerationType, updateChips = param.updateChips, onChange = param.onChange, onSearch = param.onSearch, _param_onEnterDisabled = param.onEnterDisabled, onEnterDisabled = _param_onEnterDisabled === void 0 ? false : _param_onEnterDisabled;
+    var _param_controlledRefs = param.controlledRefs, chipsRefs = _param_controlledRefs.chipsRefs, contentRef = _param_controlledRefs.contentRef, inputRef = _param_controlledRefs.inputRef, disabled = param.disabled, readOnly = param.readOnly, chips = param.chips, newCustomChips = param.newCustomChips, enumerationType = param.enumerationType, updateChips = param.updateChips, onChange = param.onChange, onSearch = param.onSearch, _param_onEnterDisabled = param.onEnterDisabled, onEnterDisabled = _param_onEnterDisabled === void 0 ? false : _param_onEnterDisabled, onChipCloseClick = param.onChipCloseClick;
     var _useState = _sliced_to_array((0, _react.useState)(-1), 2), activeChipIndex = _useState[0], setActiveChipIndex = _useState[1];
     var handleInputKeydown = function(event) {
-        var _inputRef_current;
+        var _inputRef_current, _inputRef_current1;
         var value = event.target.value;
         if (disabled || readOnly) {
             return;
@@ -113,7 +113,14 @@ var useKeyNavigation = function(param) {
                 onSearch(value, event);
             }
         }
-        if (event.key === Keys.Backspace && chips.length && (inputRef === null || inputRef === void 0 ? void 0 : (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.selectionStart) === 0) {
+        if (event.key === Keys.Backspace && (newCustomChips === null || newCustomChips === void 0 ? void 0 : newCustomChips.length) && (inputRef === null || inputRef === void 0 ? void 0 : (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.selectionStart) === 0) {
+            var lastChip = newCustomChips.at(-1);
+            if (onChipCloseClick && lastChip) {
+                onChipCloseClick(lastChip);
+                chipsRefs === null || chipsRefs === void 0 ? void 0 : chipsRefs.current.pop();
+            }
+        }
+        if (event.key === Keys.Backspace && chips.length && (inputRef === null || inputRef === void 0 ? void 0 : (_inputRef_current1 = inputRef.current) === null || _inputRef_current1 === void 0 ? void 0 : _inputRef_current1.selectionStart) === 0) {
             var newChips1 = _to_consumable_array(chips);
             newChips1 === null || newChips1 === void 0 ? void 0 : newChips1.pop();
             chipsRefs === null || chipsRefs === void 0 ? void 0 : chipsRefs.current.pop();
@@ -125,7 +132,7 @@ var useKeyNavigation = function(param) {
         }
     };
     var onChipClear = function(clearId, index) {
-        if (!chips.length) {
+        if (!chips.length && !(newCustomChips === null || newCustomChips === void 0 ? void 0 : newCustomChips.length)) {
             return;
         }
         var newChips = (chips === null || chips === void 0 ? void 0 : chips.filter(function(param) {

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

@@ -76,6 +76,7 @@ var TextFieldChip = /*#__PURE__*/ (0, _react.forwardRef)(function(param, ref) {
         readOnly: readOnly,
         onClick: onClick,
         onClear: onClearHandle,
+        onClickClose: onClearHandle,
         onKeyDown: onKeyDownHandle,
         text: "".concat(text),
         view: view,

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

@@ -31,7 +31,7 @@ var mergedConfig = (0, _engines.mergeConfig)(_Chip.chipConfig);
 var Chip = (0, _engines.component)(mergedConfig);
 var StyledChip = (0, _styledcomponents.default)(Chip).withConfig({
     displayName: "TextFieldChip.styles__StyledChip",
-    componentId: "sc-e83042f5-0"
+    componentId: "sc-b645c28d-0"
 })([
     "",
     ":var(",
@@ -83,10 +83,12 @@ var StyledChip = (0, _styledcomponents.default)(Chip).withConfig({
     ":var(",
     ");",
     ":var(",
+    ");",
+    ":var(",
     ");scroll-snap-align:center;scroll-snap-stop:normal;",
     " &[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, (0, _mixins.addFocus)({
+], _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.closeIconColorHover, _TextFieldtokens.tokens.chipCloseIconColorHover, _Chip.chipTokens.focusColor, _TextFieldtokens.tokens.focusColor, (0, _mixins.addFocus)({
     outlineOffset: '0.0625rem',
     outlineSize: '0.0625rem',
     outlineRadius: "calc(var(".concat(_TextFieldtokens.tokens.chipBorderRadius, ") - 0.1rem)"),
@@ -94,7 +96,7 @@ var StyledChip = (0, _styledcomponents.default)(Chip).withConfig({
 }), _TextFieldtokens.tokens.chipOpacityReadonly);
 var TextChip = _styledcomponents.default.button.withConfig({
     displayName: "TextFieldChip.styles__TextChip",
-    componentId: "sc-e83042f5-1"
+    componentId: "sc-b645c28d-1"
 })([
     "display:block;flex:none;background:none;border:none;outline:none;padding:0;white-space:nowrap;cursor:pointer;font-family:var(",
     ");font-size:var(",