@salutejs/plasma-new-hope 0.134.0-canary.1406.10622689231.0 → 0.134.0-canary.1406.10628421547.0

package/emotion/es/components/Combobox/ComboboxNew/Combobox.styles.js

@@ -1,8 +1,9 @@
 import _styled from "@emotion/styled/base";
 import { css } from '@emotion/react';
-import { tokens, constants } from './Combobox.tokens';
+import { IconDisclosureDownCentered } from '../../_Icon';
+import { tokens, constants, classes } from './Combobox.tokens';
 export var Ul = /*#__PURE__*/_styled("ul", {
-  target: "e17e8k3g0",
+  target: "e17e8k3g2",
   label: "plasma-new-hope__Ul"
 })("box-sizing:border-box;background:var(", constants.background, ");box-shadow:", constants.boxShadow, ";border-radius:var(", tokens.borderRadius, ");width:", function (_ref) {
   var listWidth = _ref.listWidth;
@@ -16,5 +17,13 @@ export var Ul = /*#__PURE__*/_styled("ul", {
 }, ";margin:", function (_ref4) {
   var isInnerUl = _ref4.isInnerUl;
   return isInnerUl ? "calc(var(".concat(tokens.padding, ") * -1) 0 0 0") : 0;
-}, ";padding:var(", tokens.padding, ") 0;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ29tYm9ib3gvQ29tYm9ib3hOZXcvQ29tYm9ib3guc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVdFIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ29tYm9ib3gvQ29tYm9ib3hOZXcvQ29tYm9ib3guc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBDb21ib2JveFByb3BzIH0gZnJvbSAnLi9Db21ib2JveC50eXBlcyc7XG5pbXBvcnQgeyB0b2tlbnMsIGNvbnN0YW50cyB9IGZyb20gJy4vQ29tYm9ib3gudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IFVsID0gc3R5bGVkLnVsPHtcbiAgICBsaXN0T3ZlcmZsb3c/OiBDb21ib2JveFByb3BzWydsaXN0T3ZlcmZsb3cnXTtcbiAgICBsaXN0SGVpZ2h0PzogQ29tYm9ib3hQcm9wc1snbGlzdEhlaWdodCddO1xuICAgIGxpc3RXaWR0aD86IENvbWJvYm94UHJvcHNbJ2xpc3RXaWR0aCddO1xuICAgIGlzSW5uZXJVbD86IGJvb2xlYW47XG59PmBcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXG4gICAgYmFja2dyb3VuZDogdmFyKCR7Y29uc3RhbnRzLmJhY2tncm91bmR9KTtcbiAgICBib3gtc2hhZG93OiAke2NvbnN0YW50cy5ib3hTaGFkb3d9O1xuXG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmJvcmRlclJhZGl1c30pO1xuICAgIHdpZHRoOiAkeyh7IGxpc3RXaWR0aCB9KSA9PiBsaXN0V2lkdGggfHwgJzEwMCUnfTtcbiAgICBoZWlnaHQ6ICR7KHsgbGlzdEhlaWdodCB9KSA9PiBsaXN0SGVpZ2h0IHx8ICdhdXRvJ307XG4gICAgb3ZlcmZsb3c6ICR7KHsgbGlzdE92ZXJmbG93IH0pID0+IGxpc3RPdmVyZmxvdyB8fCAnaW5pdGlhbCd9O1xuXG4gICAgbWFyZ2luOiAkeyh7IGlzSW5uZXJVbCB9KSA9PiAoaXNJbm5lclVsID8gYGNhbGModmFyKCR7dG9rZW5zLnBhZGRpbmd9KSAqIC0xKSAwIDAgMGAgOiAwKX07XG4gICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLnBhZGRpbmd9KSAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgYDtcbiJdfQ== */"));
-export var base = /*#__PURE__*/css(";label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ29tYm9ib3gvQ29tYm9ib3hOZXcvQ29tYm9ib3guc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBCdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9Db21ib2JveC9Db21ib2JveE5ldy9Db21ib2JveC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IENvbWJvYm94UHJvcHMgfSBmcm9tICcuL0NvbWJvYm94LnR5cGVzJztcbmltcG9ydCB7IHRva2VucywgY29uc3RhbnRzIH0gZnJvbSAnLi9Db21ib2JveC50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgVWwgPSBzdHlsZWQudWw8e1xuICAgIGxpc3RPdmVyZmxvdz86IENvbWJvYm94UHJvcHNbJ2xpc3RPdmVyZmxvdyddO1xuICAgIGxpc3RIZWlnaHQ/OiBDb21ib2JveFByb3BzWydsaXN0SGVpZ2h0J107XG4gICAgbGlzdFdpZHRoPzogQ29tYm9ib3hQcm9wc1snbGlzdFdpZHRoJ107XG4gICAgaXNJbm5lclVsPzogYm9vbGVhbjtcbn0+YFxuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cbiAgICBiYWNrZ3JvdW5kOiB2YXIoJHtjb25zdGFudHMuYmFja2dyb3VuZH0pO1xuICAgIGJveC1zaGFkb3c6ICR7Y29uc3RhbnRzLmJveFNoYWRvd307XG5cbiAgICBib3JkZXItcmFkaXVzOiB2YXIoJHt0b2tlbnMuYm9yZGVyUmFkaXVzfSk7XG4gICAgd2lkdGg6ICR7KHsgbGlzdFdpZHRoIH0pID0+IGxpc3RXaWR0aCB8fCAnMTAwJSd9O1xuICAgIGhlaWdodDogJHsoeyBsaXN0SGVpZ2h0IH0pID0+IGxpc3RIZWlnaHQgfHwgJ2F1dG8nfTtcbiAgICBvdmVyZmxvdzogJHsoeyBsaXN0T3ZlcmZsb3cgfSkgPT4gbGlzdE92ZXJmbG93IHx8ICdpbml0aWFsJ307XG5cbiAgICBtYXJnaW46ICR7KHsgaXNJbm5lclVsIH0pID0+IChpc0lubmVyVWwgPyBgY2FsYyh2YXIoJHt0b2tlbnMucGFkZGluZ30pICogLTEpIDAgMCAwYCA6IDApfTtcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMucGFkZGluZ30pIDA7XG5gO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BgO1xuIl19 */"));
+}, ";padding:var(", tokens.padding, ") 0;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ29tYm9ib3gvQ29tYm9ib3hOZXcvQ29tYm9ib3guc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWFFIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ29tYm9ib3gvQ29tYm9ib3hOZXcvQ29tYm9ib3guc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBJY29uRGlzY2xvc3VyZURvd25DZW50ZXJlZCB9IGZyb20gJy4uLy4uL19JY29uJztcblxuaW1wb3J0IHsgQ29tYm9ib3hQcm9wcyB9IGZyb20gJy4vQ29tYm9ib3gudHlwZXMnO1xuaW1wb3J0IHsgdG9rZW5zLCBjb25zdGFudHMsIGNsYXNzZXMgfSBmcm9tICcuL0NvbWJvYm94LnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBVbCA9IHN0eWxlZC51bDx7XG4gICAgbGlzdE92ZXJmbG93PzogQ29tYm9ib3hQcm9wc1snbGlzdE92ZXJmbG93J107XG4gICAgbGlzdEhlaWdodD86IENvbWJvYm94UHJvcHNbJ2xpc3RIZWlnaHQnXTtcbiAgICBsaXN0V2lkdGg/OiBDb21ib2JveFByb3BzWydsaXN0V2lkdGgnXTtcbiAgICBpc0lubmVyVWw/OiBib29sZWFuO1xufT5gXG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICAgIGJhY2tncm91bmQ6IHZhcigke2NvbnN0YW50cy5iYWNrZ3JvdW5kfSk7XG4gICAgYm94LXNoYWRvdzogJHtjb25zdGFudHMuYm94U2hhZG93fTtcblxuICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5ib3JkZXJSYWRpdXN9KTtcbiAgICB3aWR0aDogJHsoeyBsaXN0V2lkdGggfSkgPT4gbGlzdFdpZHRoIHx8ICcxMDAlJ307XG4gICAgaGVpZ2h0OiAkeyh7IGxpc3RIZWlnaHQgfSkgPT4gbGlzdEhlaWdodCB8fCAnYXV0byd9O1xuICAgIG92ZXJmbG93OiAkeyh7IGxpc3RPdmVyZmxvdyB9KSA9PiBsaXN0T3ZlcmZsb3cgfHwgJ2luaXRpYWwnfTtcblxuICAgIG1hcmdpbjogJHsoeyBpc0lubmVyVWwgfSkgPT4gKGlzSW5uZXJVbCA/IGBjYWxjKHZhcigke3Rva2Vucy5wYWRkaW5nfSkgKiAtMSkgMCAwIDBgIDogMCl9O1xuICAgIHBhZGRpbmc6IHZhcigke3Rva2Vucy5wYWRkaW5nfSkgMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBJY29uQXJyb3dXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBsaW5lLWhlaWdodDogMDtcbiAgICBjb2xvcjogdmFyKCR7Y29uc3RhbnRzLmRpc2Nsb3N1cmVJY29uQ29sb3J9KTtcblxuICAgIC4ke2NsYXNzZXMuYXJyb3dJbnZlcnNlfSB7XG4gICAgICAgIHRyYW5zZm9ybTogcm90YXRlKC0xODBkZWcpO1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBcnJvdyA9IHN0eWxlZChJY29uRGlzY2xvc3VyZURvd25DZW50ZXJlZClgYDtcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgYDtcbiJdfQ== */"));
+export var IconArrowWrapper = /*#__PURE__*/_styled("div", {
+  target: "e17e8k3g1",
+  label: "plasma-new-hope__IconArrowWrapper"
+})("line-height:0;color:var(", constants.disclosureIconColor, ");.", classes.arrowInverse, "{transform:rotate(-180deg);}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ29tYm9ib3gvQ29tYm9ib3hOZXcvQ29tYm9ib3guc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRCMEMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9Db21ib2JveC9Db21ib2JveE5ldy9Db21ib2JveC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IEljb25EaXNjbG9zdXJlRG93bkNlbnRlcmVkIH0gZnJvbSAnLi4vLi4vX0ljb24nO1xuXG5pbXBvcnQgeyBDb21ib2JveFByb3BzIH0gZnJvbSAnLi9Db21ib2JveC50eXBlcyc7XG5pbXBvcnQgeyB0b2tlbnMsIGNvbnN0YW50cywgY2xhc3NlcyB9IGZyb20gJy4vQ29tYm9ib3gudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IFVsID0gc3R5bGVkLnVsPHtcbiAgICBsaXN0T3ZlcmZsb3c/OiBDb21ib2JveFByb3BzWydsaXN0T3ZlcmZsb3cnXTtcbiAgICBsaXN0SGVpZ2h0PzogQ29tYm9ib3hQcm9wc1snbGlzdEhlaWdodCddO1xuICAgIGxpc3RXaWR0aD86IENvbWJvYm94UHJvcHNbJ2xpc3RXaWR0aCddO1xuICAgIGlzSW5uZXJVbD86IGJvb2xlYW47XG59PmBcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXG4gICAgYmFja2dyb3VuZDogdmFyKCR7Y29uc3RhbnRzLmJhY2tncm91bmR9KTtcbiAgICBib3gtc2hhZG93OiAke2NvbnN0YW50cy5ib3hTaGFkb3d9O1xuXG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmJvcmRlclJhZGl1c30pO1xuICAgIHdpZHRoOiAkeyh7IGxpc3RXaWR0aCB9KSA9PiBsaXN0V2lkdGggfHwgJzEwMCUnfTtcbiAgICBoZWlnaHQ6ICR7KHsgbGlzdEhlaWdodCB9KSA9PiBsaXN0SGVpZ2h0IHx8ICdhdXRvJ307XG4gICAgb3ZlcmZsb3c6ICR7KHsgbGlzdE92ZXJmbG93IH0pID0+IGxpc3RPdmVyZmxvdyB8fCAnaW5pdGlhbCd9O1xuXG4gICAgbWFyZ2luOiAkeyh7IGlzSW5uZXJVbCB9KSA9PiAoaXNJbm5lclVsID8gYGNhbGModmFyKCR7dG9rZW5zLnBhZGRpbmd9KSAqIC0xKSAwIDAgMGAgOiAwKX07XG4gICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLnBhZGRpbmd9KSAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IEljb25BcnJvd1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIGxpbmUtaGVpZ2h0OiAwO1xuICAgIGNvbG9yOiB2YXIoJHtjb25zdGFudHMuZGlzY2xvc3VyZUljb25Db2xvcn0pO1xuXG4gICAgLiR7Y2xhc3Nlcy5hcnJvd0ludmVyc2V9IHtcbiAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoLTE4MGRlZyk7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFycm93ID0gc3R5bGVkKEljb25EaXNjbG9zdXJlRG93bkNlbnRlcmVkKWBgO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BgO1xuIl19 */"));
+export var StyledArrow = /*#__PURE__*/_styled(IconDisclosureDownCentered, {
+  target: "e17e8k3g0",
+  label: "plasma-new-hope__StyledArrow"
+})(process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ29tYm9ib3gvQ29tYm9ib3hOZXcvQ29tYm9ib3guc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFDNkQiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9Db21ib2JveC9Db21ib2JveE5ldy9Db21ib2JveC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IEljb25EaXNjbG9zdXJlRG93bkNlbnRlcmVkIH0gZnJvbSAnLi4vLi4vX0ljb24nO1xuXG5pbXBvcnQgeyBDb21ib2JveFByb3BzIH0gZnJvbSAnLi9Db21ib2JveC50eXBlcyc7XG5pbXBvcnQgeyB0b2tlbnMsIGNvbnN0YW50cywgY2xhc3NlcyB9IGZyb20gJy4vQ29tYm9ib3gudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IFVsID0gc3R5bGVkLnVsPHtcbiAgICBsaXN0T3ZlcmZsb3c/OiBDb21ib2JveFByb3BzWydsaXN0T3ZlcmZsb3cnXTtcbiAgICBsaXN0SGVpZ2h0PzogQ29tYm9ib3hQcm9wc1snbGlzdEhlaWdodCddO1xuICAgIGxpc3RXaWR0aD86IENvbWJvYm94UHJvcHNbJ2xpc3RXaWR0aCddO1xuICAgIGlzSW5uZXJVbD86IGJvb2xlYW47XG59PmBcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXG4gICAgYmFja2dyb3VuZDogdmFyKCR7Y29uc3RhbnRzLmJhY2tncm91bmR9KTtcbiAgICBib3gtc2hhZG93OiAke2NvbnN0YW50cy5ib3hTaGFkb3d9O1xuXG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmJvcmRlclJhZGl1c30pO1xuICAgIHdpZHRoOiAkeyh7IGxpc3RXaWR0aCB9KSA9PiBsaXN0V2lkdGggfHwgJzEwMCUnfTtcbiAgICBoZWlnaHQ6ICR7KHsgbGlzdEhlaWdodCB9KSA9PiBsaXN0SGVpZ2h0IHx8ICdhdXRvJ307XG4gICAgb3ZlcmZsb3c6ICR7KHsgbGlzdE92ZXJmbG93IH0pID0+IGxpc3RPdmVyZmxvdyB8fCAnaW5pdGlhbCd9O1xuXG4gICAgbWFyZ2luOiAkeyh7IGlzSW5uZXJVbCB9KSA9PiAoaXNJbm5lclVsID8gYGNhbGModmFyKCR7dG9rZW5zLnBhZGRpbmd9KSAqIC0xKSAwIDAgMGAgOiAwKX07XG4gICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLnBhZGRpbmd9KSAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IEljb25BcnJvd1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIGxpbmUtaGVpZ2h0OiAwO1xuICAgIGNvbG9yOiB2YXIoJHtjb25zdGFudHMuZGlzY2xvc3VyZUljb25Db2xvcn0pO1xuXG4gICAgLiR7Y2xhc3Nlcy5hcnJvd0ludmVyc2V9IHtcbiAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoLTE4MGRlZyk7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFycm93ID0gc3R5bGVkKEljb25EaXNjbG9zdXJlRG93bkNlbnRlcmVkKWBgO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BgO1xuIl19 */");
+export var base = /*#__PURE__*/css(";label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ29tYm9ib3gvQ29tYm9ib3hOZXcvQ29tYm9ib3guc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVDdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9Db21ib2JveC9Db21ib2JveE5ldy9Db21ib2JveC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IEljb25EaXNjbG9zdXJlRG93bkNlbnRlcmVkIH0gZnJvbSAnLi4vLi4vX0ljb24nO1xuXG5pbXBvcnQgeyBDb21ib2JveFByb3BzIH0gZnJvbSAnLi9Db21ib2JveC50eXBlcyc7XG5pbXBvcnQgeyB0b2tlbnMsIGNvbnN0YW50cywgY2xhc3NlcyB9IGZyb20gJy4vQ29tYm9ib3gudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IFVsID0gc3R5bGVkLnVsPHtcbiAgICBsaXN0T3ZlcmZsb3c/OiBDb21ib2JveFByb3BzWydsaXN0T3ZlcmZsb3cnXTtcbiAgICBsaXN0SGVpZ2h0PzogQ29tYm9ib3hQcm9wc1snbGlzdEhlaWdodCddO1xuICAgIGxpc3RXaWR0aD86IENvbWJvYm94UHJvcHNbJ2xpc3RXaWR0aCddO1xuICAgIGlzSW5uZXJVbD86IGJvb2xlYW47XG59PmBcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXG4gICAgYmFja2dyb3VuZDogdmFyKCR7Y29uc3RhbnRzLmJhY2tncm91bmR9KTtcbiAgICBib3gtc2hhZG93OiAke2NvbnN0YW50cy5ib3hTaGFkb3d9O1xuXG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmJvcmRlclJhZGl1c30pO1xuICAgIHdpZHRoOiAkeyh7IGxpc3RXaWR0aCB9KSA9PiBsaXN0V2lkdGggfHwgJzEwMCUnfTtcbiAgICBoZWlnaHQ6ICR7KHsgbGlzdEhlaWdodCB9KSA9PiBsaXN0SGVpZ2h0IHx8ICdhdXRvJ307XG4gICAgb3ZlcmZsb3c6ICR7KHsgbGlzdE92ZXJmbG93IH0pID0+IGxpc3RPdmVyZmxvdyB8fCAnaW5pdGlhbCd9O1xuXG4gICAgbWFyZ2luOiAkeyh7IGlzSW5uZXJVbCB9KSA9PiAoaXNJbm5lclVsID8gYGNhbGModmFyKCR7dG9rZW5zLnBhZGRpbmd9KSAqIC0xKSAwIDAgMGAgOiAwKX07XG4gICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLnBhZGRpbmd9KSAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IEljb25BcnJvd1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIGxpbmUtaGVpZ2h0OiAwO1xuICAgIGNvbG9yOiB2YXIoJHtjb25zdGFudHMuZGlzY2xvc3VyZUljb25Db2xvcn0pO1xuXG4gICAgLiR7Y2xhc3Nlcy5hcnJvd0ludmVyc2V9IHtcbiAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoLTE4MGRlZyk7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFycm93ID0gc3R5bGVkKEljb25EaXNjbG9zdXJlRG93bkNlbnRlcmVkKWBgO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BgO1xuIl19 */"));

package/es/components/Combobox/ComboboxNew/Combobox.css

@@ -1,5 +1,3 @@
-.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
-
 .base_x252cy_b17hdes8__856a05b7 input[type='checkbox']:indeterminate + .base_x252cy_s1u3nd7e__856a05b7 .base_x252cy_sft3zxv__856a05b7{border:none;background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-fill-color);}.base_x252cy_b17hdes8__856a05b7 input:checked + .base_x252cy_s1u3nd7e__856a05b7 .base_x252cy_sft3zxv__856a05b7{border:none;background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-fill-color);}
 
 .base_1krdtt6_bxbqqc3__2d5e2cdd input:disabled + .base_1krdtt6_s1u3nd7e__2d5e2cdd{opacity:var(--plasma-checkbox-disabled-opacity);}.base_1krdtt6_bxbqqc3__2d5e2cdd input:disabled + .base_1krdtt6_s1u3nd7e__2d5e2cdd{cursor:not-allowed;}
@@ -75,5 +73,9 @@
 
 .Target_styles_1y5ups3_s1wiuml6__7a46cf8a{--plasma-textfield-color:var(--plasma-combobox-new-textfield-color);--plasma-textfield-bg-color:var(--plasma-combobox-new-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-combobox-new-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-combobox-new-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-combobox-new-textfield-border-color);--plasma-textfield-border-color-hover:var(--plasma-combobox-new-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-combobox-new-textfield-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-combobox-new-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-combobox-new-textfield-bg-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-combobox-new-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-combobox-new-textfield__placeholder-color-readonly);--plasma-textfield__caret-color:var(--plasma-combobox-new-textfield-caret-color);--plasma-textfield__placeholder-color:var(--plasma-combobox-new-textfield-placeholder-color);--plasma-textfield-height:var(--plasma-combobox-new-textfield-height);--plasma-textfield-border-width:var(--plasma-combobox-new-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-combobox-new-textfield-border-radius);--plasma-textfield-padding:var(--plasma-combobox-new-textfield-padding);--plasma-textfield__left-content-margin:var(--plasma-combobox-new-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-combobox-new-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-combobox-new-textfield-font-family);--plasma-textfield-font-style:var(--plasma-combobox-new-textfield-font-style);--plasma-textfield-font-size:var(--plasma-combobox-new-textfield-font-size);--plasma-textfield-font-weight:var(--plasma-combobox-new-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-combobox-new-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-combobox-new-textfield-line-height);--plasma-textfield__label-color:var(--plasma-combobox-new-textfield-label-color);--plasma-textfield__label-color-readonly:var(--plasma-combobox-new-textfield__label-color-readonly);--plasma-textfield__label-offset:var(--plasma-combobox-new-textfield__label-offset);--plasma-textfield__label-font-family:var(--plasma-combobox-new-textfield__label-font-family);--plasma-textfield__label-font-style:var(--plasma-combobox-new-textfield__label-font-style);--plasma-textfield__label-font-size:var(--plasma-combobox-new-textfield__label-font-size);--plasma-textfield__label-font-weight:var(--plasma-combobox-new-textfield__label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-combobox-new-textfield__label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-combobox-new-textfield__label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-combobox-new-textfield-placement_inner__label-font-family);--plasma-textfield-placement_inner__label-font-style:var(--plasma-combobox-new-textfield-placement_inner__label-font-style);--plasma-textfield-placement_inner__label-font-size:var(--plasma-combobox-new-textfield-placement_inner__label-font-size);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-combobox-new-textfield-placement_inner__label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-combobox-new-textfield-placement_inner__label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-combobox-new-textfield-placement_inner__label-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-combobox-new-textfield-placement_inner__label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-combobox-new-textfield-placement_inner__content-padding);--plasma-textfield__left-helper-color:var(--plasma-combobox-new-textfield__left-helper-color);--plasma-textfield__left-helper-color-readonly:var(--plasma-combobox-new-textfield__left-helper-color-readonly);--plasma-textfield__left-helper-offset:var(--plasma-combobox-new-textfield__left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-combobox-new-textfield__left-helper-font-family);--plasma-textfield__left-helper-font-style:var(--plasma-combobox-new-textfield__left-helper-font-style);--plasma-textfield__left-helper-font-size:var(--plasma-combobox-new-textfield__left-helper-font-size);--plasma-textfield__left-helper-font-weight:var(--plasma-combobox-new-textfield__left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-combobox-new-textfield__left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-combobox-new-textfield__left-helper-line-height);--plasma-textfield__before-text-color:var(--plasma-combobox-new-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-combobox-new-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-combobox-new-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-combobox-new-textfield__after-text-margin);--plasma-textfield-disabled-opacity:var(--plasma-combobox-new-textfield-disabled-opacity);--plasma-textfield-focus-color:var(--plasma-combobox-new-textfield-focus-color);--plasma-textfield__chip-close-icon-color:var(--plasma-combobox-new-textfield-chip-close-icons-color);--plasma-textfield__chip-color:var(--plasma-combobox-new-textfield-chip-color);--plasma-textfield__chip-background:var(--plasma-combobox-new-textfield--chip-background);--plasma-textfield__chip-color-hover:var(--plasma-combobox-new-textfield-chip-color-hover);--plasma-textfield__chip-background-hover:var(--plasma-combobox-new-textfield-chip-background-hover);--plasma-textfield__chip-color-active:var(--plasma-combobox-new-textfield-chip-color-active);--plasma-textfield__chip-background-active:var(--plasma-combobox-new-textfield-chip-background-active);--plasma-textfield__chip-background-readonly:var(--plasma-combobox-new-textfield-chip-background-read-only);--plasma-textfield__chip-color-readonly:var(--plasma-combobox-new-textfield-chip-color-read-only);--plasma-textfield__chip-background-readonly-hover:var(--plasma-combobox-new-textfield-chip-background-read-only-hover);--plasma-textfield__chip-color-readonly-hover:var(--plasma-combobox-new-textfield-chip-color-read-only-hover);--plasma-textfield__chip-opacity-readonly:var(--plasma-combobox-new-textfield-chip-opacity-read-only);--plasma-textfield__chip-gap:var(--plasma-combobox-new-textfield-chip-gap);--plasma-textfield__chip-border-radius:var(--plasma-combobox-new-textfield-chip-border-radius);--plasma-textfield__chip-width:var(--plasma-combobox-new-textfield-chip-width);--plasma-textfield__chip-height:var(--plasma-combobox-new-textfield-chip-height);--plasma-textfield__chip-padding-right:var(--plasma-combobox-new-textfield-chip-padding-right);--plasma-textfield__chip-padding-left:var(--plasma-combobox-new-textfield-chip-padding-left);--plasma-textfield__chip-clear-content-margin-left:var(--plasma-combobox-new-textfield-chip-clear-content-margin-left);--plasma-textfield__chip-clear-content-margin-right:var(--plasma-combobox-new-textfield-chip-clear-content-margin-right);--plasma-textfield__chip-close-icon-size:var(--plasma-combobox-new-textfield-chip-close-icon-size);--plasma-textfield__chip-font-family:var(--plasma-combobox-new-textfield-chip-font-family);--plasma-textfield__chip-font-size:var(--plasma-combobox-new-textfield-chip-font-size);--plasma-textfield__chip-font-style:var(--plasma-combobox-new-textfield-chip-font-style);--plasma-textfield__chip-font-weight:var(--plasma-combobox-new-textfield-chip-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-combobox-new-textfield-chip-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-combobox-new-textfield-chip-line-height);--plasma-textfield-padding-with-chips:var(--plasma-combobox-new-textfield-padding-with-chips);}
 
-.Combobox_styles_1bdcydw_uxiiees__06ae04d6{box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);border-radius:var(--plasma-combobox-border-radius);width:var(--uxiiees-0);height:var(--uxiiees-1);overflow:var(--uxiiees-2);margin:var(--uxiiees-3);padding:var(--plasma-combobox-padding) 0;}
+.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
+
+.Combobox_styles_1vz3bs3_uxiiees__39750eb3{box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);border-radius:var(--plasma-combobox-border-radius);width:var(--uxiiees-0);height:var(--uxiiees-1);overflow:var(--uxiiees-2);margin:var(--uxiiees-3);padding:var(--plasma-combobox-padding) 0;}
+.Combobox_styles_1vz3bs3_i1veo3wn__39750eb3{line-height:0;color:var(--text-secondary);}.Combobox_styles_1vz3bs3_i1veo3wn__39750eb3 .Combobox_styles_1vz3bs3_arrowInverse__39750eb3{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
+
 

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

@@ -4,6 +4,8 @@ import { useForkRef, safeUseId } from '@salutejs/plasma-core';
 import '../../../utils/react.js';
 import { isEmpty } from '../../../utils/isEmpty.js';
 import { useOutsideClick } from '../../../hooks/useOutsideClick.js';
+import { sizeToIconSize } from '../../Select/utils/sizeToIconSize.js';
+import { classes } from './Combobox.tokens.js';
 import { FloatingPopover } from './FloatingPopover.js';
 import { useKeyNavigation, getItemByFocused } from './hooks/useKeyboardNavigation.js';
 import { initialItemsTransform } from './utils/initialItemsTransform.js';
@@ -17,7 +19,7 @@ import { StyledTextField } from './ui/Target/Target.styles.js';
 import { pathReducer } from './reducers/pathReducer.js';
 import { focusedPathReducer } from './reducers/focusedPathReducer.js';
 import { getPathMap, getTreeMaps } from './hooks/getPathMaps.js';
-import { Ul, base } from './Combobox.styles.js';
+import { IconArrowWrapper, StyledArrow, Ul, base } from './Combobox.styles.js';
 import { base as base$1 } from './variations/_view/base.js';
 import { base as base$2 } from './variations/_size/base.js';
 
@@ -41,7 +43,6 @@ var comboboxRoot = function comboboxRoot(Root) {
       placeholder = props.placeholder,
       helperText = props.helperText,
       contentLeft = props.contentLeft,
-      contentRight = props.contentRight,
       textBefore = props.textBefore,
       textAfter = props.textAfter,
       _props$variant = props.variant,
@@ -297,6 +298,7 @@ var comboboxRoot = function comboboxRoot(Root) {
     }, [value]);
     var isCurrentListOpen = Boolean(path[0]);
     var activeDescendantItemValue = ((_getItemByFocused = getItemByFocused(focusedPath, focusedToValueMap)) === null || _getItemByFocused === void 0 ? void 0 : _getItemByFocused.value) || '';
+    var withArrowInverse = isCurrentListOpen ? classes.arrowInverse : undefined;
     return /*#__PURE__*/React.createElement(Root, {
       size: size,
       view: view,
@@ -338,7 +340,11 @@ var comboboxRoot = function comboboxRoot(Root) {
           label: label,
           placeholder: placeholder,
           contentLeft: contentLeft,
-          contentRight: contentRight,
+          contentRight: /*#__PURE__*/React.createElement(IconArrowWrapper, null, /*#__PURE__*/React.createElement(StyledArrow, {
+            color: "inherit",
+            size: sizeToIconSize(size),
+            className: withArrowInverse
+          })),
           textBefore: textBefore,
           textAfter: textAfter,
           onKeyDown: onKeyDown,

package/es/components/Combobox/ComboboxNew/Combobox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.js","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.tsx"],"sourcesContent":["import React, { forwardRef, useState, useReducer, useMemo, createContext, useLayoutEffect, useRef } from 'react';\nimport type { ChangeEvent } from 'react';\nimport { safeUseId, useForkRef } from '@salutejs/plasma-core';\n\nimport { RootProps } from '../../../engines';\nimport { isEmpty } from '../../../utils';\nimport { useOutsideClick } from '../../../hooks';\n\nimport { FloatingPopover } from './FloatingPopover';\nimport { useKeyNavigation, getItemByFocused } from './hooks/useKeyboardNavigation';\nimport {\n    initialItemsTransform,\n    updateAncestors,\n    updateDescendants,\n    updateSingleAncestors,\n    filterItems,\n    getItemId,\n} from './utils';\nimport { Inner, StyledTextField } from './ui';\nimport { pathReducer, focusedPathReducer } from './reducers';\nimport { getPathMap, getTreeMaps } from './hooks/getPathMaps';\nimport { Ul, base } from './Combobox.styles';\nimport type { ItemContext, ComboboxProps } from './Combobox.types';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport type { ItemOptionTransformed } from './ui/Inner/ui/Item/Item.types';\n\nexport const Context = createContext<ItemContext>({} as ItemContext);\n\n/**\n * Поле ввода с выпадающим списком и возможностью фильтрации и выбора элементов.\n */\nexport const comboboxRoot = (Root: RootProps<HTMLInputElement, Omit<ComboboxProps, 'items'>>) =>\n    forwardRef<HTMLInputElement, ComboboxProps>((props, ref) => {\n        const {\n            multiple,\n            value: outerValue,\n            onChange: outerOnChange,\n            isTargetAmount,\n            items,\n            placement = 'bottom-start',\n            label,\n            placeholder,\n            helperText,\n            contentLeft,\n            contentRight,\n            textBefore,\n            textAfter,\n            variant = 'normal',\n            listOverflow,\n            listHeight,\n            listWidth,\n            portal,\n            renderItem,\n            view,\n            size,\n            labelPlacement,\n            readOnly = false,\n            disabled = false,\n            filter,\n            ...rest\n        } = props;\n        const [textValue, setTextValue] = useState('');\n        const [internalValue, setInternalValue] = useState<string | Array<string>>(multiple ? [] : '');\n\n        const value = outerValue || internalValue;\n\n        const inputRef = useRef<HTMLInputElement>(null);\n        const floatingPopoverRef = useRef<HTMLDivElement>(null);\n        const inputForkRef = useForkRef(inputRef, ref);\n        const treeId = safeUseId();\n\n        const transformedItems = useMemo(() => initialItemsTransform(items || []), [items]);\n\n        const filteredItems = filterItems(\n            transformedItems,\n            textValue,\n            // valueToItemMap.get(value as string)?.label as string,\n            filter,\n        );\n\n        // Создаем структуры для быстрой работы с деревом\n        const [pathMap, focusedToValueMap] = useMemo(() => getPathMap(filteredItems), [filteredItems, textValue]);\n\n        const [valueToCheckedMap, valueToItemMap, labelToItemMap] = useMemo(() => getTreeMaps(items), [items]);\n\n        // Состояния дерева элементов\n        const [path, dispatchPath] = useReducer(pathReducer, []);\n        const [focusedPath, dispatchFocusedPath] = useReducer(focusedPathReducer, []);\n        const [checked, setChecked] = useState(valueToCheckedMap);\n\n        console.log('render', path, focusedPath);\n\n        // Логика работы при клике за пределами выпадающего списка\n        const targetRef = useOutsideClick<HTMLUListElement>(() => {\n            if (!isCurrentListOpen) {\n                return;\n            }\n\n            dispatchPath({ type: 'reset' });\n            dispatchFocusedPath({ type: 'reset' });\n\n            // Проверяем, отличается ли значение инпуте от выбранного value после закрытия дропдауна.\n            // Если изменилось, то возвращаем label выбранного айтема.\n            // Если нет выбранного элемента, то стираем значение инпута.\n            if (textValue !== value) {\n                if (isEmpty(value)) {\n                    setTextValue('');\n                } else {\n                    setTextValue(valueToItemMap.get(value as string)?.label || '');\n                }\n            }\n        }, floatingPopoverRef);\n\n        const onChange = (e: string | Array<string>) => {\n            if (outerOnChange) {\n                outerOnChange(e as any);\n            }\n\n            setInternalValue(e);\n        };\n\n        // Обработчик изменения значения в инпуте\n        const handleTextValueChange = (e: ChangeEvent<HTMLInputElement>) => {\n            setTextValue(e.target.value);\n            dispatchPath({ type: 'opened_first_level' });\n            dispatchFocusedPath({ type: 'reset' });\n        };\n\n        // Обработчик чипов\n        const handleChangeChips = (chipsAsLabel: any[]) => {\n            onChange(chipsAsLabel.map((chipLabel) => labelToItemMap.get(chipLabel)!.value));\n        };\n\n        // Обработчик открытия/закрытия выпадающего списка\n        const handleToggle = (opened: boolean) => {\n            if (opened) {\n                dispatchPath({ type: 'opened_first_level' });\n            } else {\n                dispatchFocusedPath({ type: 'reset' });\n                dispatchPath({ type: 'reset' });\n            }\n        };\n\n        // Обработчик выбора чекбоксов (только при multiple)\n        const handleCheckboxChange = (item: ItemOptionTransformed) => {\n            if (multiple) {\n                const checkedCopy = new Map(checked);\n\n                if (!checkedCopy.get(item.value)) {\n                    checkedCopy.set(item.value, true);\n                    updateDescendants(item, checkedCopy, true);\n                } else {\n                    checkedCopy.set(item.value, false);\n                    updateDescendants(item, checkedCopy, false);\n                }\n\n                updateAncestors(item, checkedCopy);\n\n                const newValues: Array<string> = [];\n\n                valueToItemMap.forEach((item, key) => {\n                    if (checkedCopy.get(key)) {\n                        newValues.push(item.value);\n                    }\n                });\n\n                if (onChange) {\n                    onChange(newValues);\n                }\n\n                // После выбора/снятия чекбокса скроллим к инпуту\n                setTimeout(() => {\n                    if (inputRef.current) {\n                        inputRef.current.scrollIntoView({\n                            behavior: 'smooth',\n                            inline: 'start',\n                        });\n                    }\n                }, 1);\n            }\n        };\n\n        // Обработчик клика по айтему выпадающего списка\n        const handleItemClick = (item: ItemOptionTransformed, e?: React.MouseEvent<HTMLElement>) => {\n            if (!isEmpty(item?.items)) {\n                return;\n            }\n\n            if (multiple) {\n                handleCheckboxChange(item);\n            } else {\n                if (e) {\n                    e.stopPropagation();\n                }\n\n                const checkedCopy = new Map(checked);\n\n                const isCurrentChecked = checkedCopy.get(item.value);\n\n                checkedCopy.forEach((_, key) => {\n                    checkedCopy.set(key, false);\n                });\n\n                if (!isCurrentChecked) {\n                    checkedCopy.set(item.value, 'done');\n                    updateSingleAncestors(item, checkedCopy, 'dot');\n                }\n\n                setTextValue(isCurrentChecked ? '' : item.label);\n\n                dispatchPath({ type: 'reset' });\n                dispatchFocusedPath({ type: 'reset' });\n\n                if (onChange) {\n                    onChange(isCurrentChecked ? '' : item.value);\n                }\n            }\n        };\n\n        const getChips = (): string[] => {\n            if (multiple) {\n                if (value.length === 0) return [];\n\n                if (isTargetAmount) {\n                    return [`Выбрано ${value.length}`];\n                }\n\n                return (value as []).map((value) => valueToItemMap.get(value)!.label);\n            }\n\n            return [];\n        };\n\n        const handlePressDown = (item: ItemOptionTransformed, e?: React.MouseEvent<HTMLElement>) => {\n            if (isEmpty(item.items)) {\n                handleItemClick(item, e);\n            } else if (multiple) {\n                handleCheckboxChange(item);\n            }\n        };\n\n        const { onKeyDown } = useKeyNavigation({\n            focusedPath,\n            dispatchFocusedPath,\n            path,\n            dispatchPath,\n            pathMap,\n            focusedToValueMap,\n            handleToggle,\n            handlePressDown,\n            multiselect: multiple,\n            setTextValue,\n        });\n\n        // В данном эффекте мы следим за изменениями value снаружи и вносим коррективы в дерево чекбоксов.\n        // Пример: когда юзер очистил value извне, тогда нужно пройтись по элементам и выключить все чекбоксы.\n        useLayoutEffect(() => {\n            const checkedCopy = new Map(checked);\n\n            checkedCopy.forEach((_, key) => {\n                checkedCopy.set(key, false);\n            });\n\n            if (!isEmpty(value)) {\n                if (Array.isArray(value)) {\n                    value.forEach((val) => {\n                        checkedCopy.set(val, true);\n                        updateDescendants(valueToItemMap.get(val)!, checkedCopy, true);\n                        updateAncestors(valueToItemMap.get(val)!, checkedCopy);\n                    });\n                } else {\n                    checkedCopy.set(value, 'done');\n                    updateSingleAncestors(valueToItemMap.get(value)!, checkedCopy, 'dot');\n                }\n            }\n\n            setChecked(checkedCopy);\n        }, [value]);\n\n        const isCurrentListOpen = Boolean(path[0]);\n        const activeDescendantItemValue = getItemByFocused(focusedPath, focusedToValueMap)?.value || '';\n\n        return (\n            <Root size={size} view={view} labelPlacement={labelPlacement} disabled={disabled} readOnly={readOnly}>\n                <div>\n                    <Context.Provider\n                        value={{\n                            focusedPath,\n                            checked,\n                            multiple,\n                            size,\n                            handleCheckboxChange,\n                            handleItemClick,\n                            variant,\n                            renderItem,\n                            valueToItemMap,\n                            treeId,\n                        }}\n                    >\n                        <FloatingPopover\n                            ref={floatingPopoverRef}\n                            opened={isCurrentListOpen}\n                            onToggle={(opened: boolean) => opened && handleToggle(true)}\n                            placement={placement}\n                            portal={portal}\n                            target={(referenceRef) => (\n                                <StyledTextField\n                                    ref={inputForkRef}\n                                    inputWrapperRef={referenceRef}\n                                    value={textValue}\n                                    onChange={handleTextValueChange}\n                                    size={size}\n                                    view={view}\n                                    labelPlacement={labelPlacement}\n                                    disabled={disabled}\n                                    readOnly={readOnly}\n                                    label={label}\n                                    placeholder={placeholder}\n                                    contentLeft={contentLeft}\n                                    contentRight={contentRight}\n                                    textBefore={textBefore}\n                                    textAfter={textAfter}\n                                    onKeyDown={onKeyDown}\n                                    leftHelper={helperText}\n                                    role=\"combobox\"\n                                    aria-autocomplete=\"list\"\n                                    aria-controls={`${treeId}_tree_level_1`}\n                                    aria-expanded={isCurrentListOpen}\n                                    aria-activedescendant={\n                                        activeDescendantItemValue ? getItemId(treeId, activeDescendantItemValue) : ''\n                                    }\n                                    {...(multiple\n                                        ? {\n                                              enumerationType: 'chip',\n                                              chips: getChips(),\n                                              onChangeChips: handleChangeChips,\n                                          }\n                                        : { enumerationType: 'plain' })}\n                                    {...rest}\n                                    onEnterDisabled // Пропс для отключения обработчика Enter внутри Textfield\n                                />\n                            )}\n                        >\n                            <Root\n                                size={size}\n                                view={view}\n                                labelPlacement={labelPlacement}\n                                disabled={disabled}\n                                readOnly={readOnly}\n                            >\n                                <Ul\n                                    role=\"tree\"\n                                    id={`${treeId}_tree_level_1`}\n                                    aria-multiselectable={Boolean(multiple)}\n                                    listHeight={listHeight}\n                                    listOverflow={listOverflow}\n                                    listWidth={listWidth}\n                                    ref={targetRef}\n                                >\n                                    {filteredItems.map((item, index) => (\n                                        <Inner\n                                            key={`${index}/0`}\n                                            item={item}\n                                            currentLevel={0}\n                                            path={path}\n                                            dispatchPath={dispatchPath}\n                                            index={index}\n                                            listWidth={listWidth}\n                                        />\n                                    ))}\n                                </Ul>\n                            </Root>\n                        </FloatingPopover>\n                    </Context.Provider>\n                </div>\n            </Root>\n        );\n    });\n\nexport const comboboxConfig = {\n    name: 'Select',\n    tag: 'div',\n    layout: comboboxRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        readOnly: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n        // readOnly: false,\n        // disabled: false,\n        labelPlacement: 'outer',\n    },\n};\n"],"names":["Context","createContext","comboboxRoot","Root","forwardRef","props","ref","_getItemByFocused","multiple","outerValue","value","outerOnChange","onChange","isTargetAmount","items","_props$placement","placement","label","placeholder","helperText","contentLeft","contentRight","textBefore","textAfter","_props$variant","variant","listOverflow","listHeight","listWidth","portal","renderItem","view","size","labelPlacement","_props$readOnly","readOnly","_props$disabled","disabled","filter","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","textValue","setTextValue","_useState3","_useState4","internalValue","setInternalValue","inputRef","useRef","floatingPopoverRef","inputForkRef","useForkRef","treeId","safeUseId","transformedItems","useMemo","initialItemsTransform","filteredItems","filterItems","_useMemo","getPathMap","_useMemo2","pathMap","focusedToValueMap","_useMemo3","getTreeMaps","_useMemo4","valueToCheckedMap","valueToItemMap","labelToItemMap","_useReducer","useReducer","pathReducer","_useReducer2","path","dispatchPath","_useReducer3","focusedPathReducer","_useReducer4","focusedPath","dispatchFocusedPath","_useState5","_useState6","checked","setChecked","console","log","targetRef","useOutsideClick","isCurrentListOpen","type","isEmpty","_valueToItemMap$get","get","e","handleTextValueChange","target","handleChangeChips","chipsAsLabel","map","chipLabel","handleToggle","opened","handleCheckboxChange","item","checkedCopy","Map","set","updateDescendants","updateAncestors","newValues","forEach","key","push","setTimeout","current","scrollIntoView","behavior","inline","handleItemClick","stopPropagation","isCurrentChecked","_","updateSingleAncestors","getChips","length","concat","handlePressDown","_useKeyNavigation","useKeyNavigation","multiselect","onKeyDown","useLayoutEffect","Array","isArray","val","Boolean","activeDescendantItemValue","getItemByFocused","React","createElement","Provider","FloatingPopover","onToggle","referenceRef","StyledTextField","_extends","inputWrapperRef","leftHelper","role","getItemId","enumerationType","chips","onChangeChips","onEnterDisabled","Ul","id","index","Inner","currentLevel","comboboxConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;IA2BaA,OAAO,gBAAGC,aAAa,CAAc,EAAiB,EAAC;;AAEpE;AACA;AACA;IACaC,YAAY,GAAG,SAAfA,YAAYA,CAAIC,IAA+D,EAAA;AAAA,EAAA,oBACxFC,UAAU,CAAkC,UAACC,KAAK,EAAEC,GAAG,EAAK;AAAA,IAAA,IAAAC,iBAAA,CAAA;AACxD,IAAA,IACIC,QAAQ,GA0BRH,KAAK,CA1BLG,QAAQ;MACDC,UAAU,GAyBjBJ,KAAK,CAzBLK,KAAK;MACKC,aAAa,GAwBvBN,KAAK,CAxBLO,QAAQ;MACRC,cAAc,GAuBdR,KAAK,CAvBLQ,cAAc;MACdC,KAAK,GAsBLT,KAAK,CAtBLS,KAAK;MAAAC,gBAAA,GAsBLV,KAAK,CArBLW,SAAS;AAATA,MAAAA,SAAS,GAAAD,gBAAA,KAAG,KAAA,CAAA,GAAA,cAAc,GAAAA,gBAAA;MAC1BE,KAAK,GAoBLZ,KAAK,CApBLY,KAAK;MACLC,WAAW,GAmBXb,KAAK,CAnBLa,WAAW;MACXC,UAAU,GAkBVd,KAAK,CAlBLc,UAAU;MACVC,WAAW,GAiBXf,KAAK,CAjBLe,WAAW;MACXC,YAAY,GAgBZhB,KAAK,CAhBLgB,YAAY;MACZC,UAAU,GAeVjB,KAAK,CAfLiB,UAAU;MACVC,SAAS,GAcTlB,KAAK,CAdLkB,SAAS;MAAAC,cAAA,GAcTnB,KAAK,CAbLoB,OAAO;AAAPA,MAAAA,OAAO,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,cAAA;MAClBE,YAAY,GAYZrB,KAAK,CAZLqB,YAAY;MACZC,UAAU,GAWVtB,KAAK,CAXLsB,UAAU;MACVC,SAAS,GAUTvB,KAAK,CAVLuB,SAAS;MACTC,MAAM,GASNxB,KAAK,CATLwB,MAAM;MACNC,UAAU,GAQVzB,KAAK,CARLyB,UAAU;MACVC,IAAI,GAOJ1B,KAAK,CAPL0B,IAAI;MACJC,IAAI,GAMJ3B,KAAK,CANL2B,IAAI;MACJC,cAAc,GAKd5B,KAAK,CALL4B,cAAc;MAAAC,eAAA,GAKd7B,KAAK,CAJL8B,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,eAAA;MAAAE,eAAA,GAIhB/B,KAAK,CAHLgC,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,eAAA;MAChBE,MAAM,GAENjC,KAAK,CAFLiC,MAAM;AACHC,MAAAA,IAAI,GAAAC,wBAAA,CACPnC,KAAK,EAAAoC,SAAA,CAAA,CAAA;AACT,IAAA,IAAAC,SAAA,GAAkCC,QAAQ,CAAC,EAAE,CAAC;MAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAvCI,MAAAA,SAAS,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,MAAAA,YAAY,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;IAC9B,IAAAI,UAAA,GAA0CL,QAAQ,CAAyBnC,QAAQ,GAAG,EAAE,GAAG,EAAE,CAAC;MAAAyC,UAAA,GAAAJ,cAAA,CAAAG,UAAA,EAAA,CAAA,CAAA;AAAvFE,MAAAA,aAAa,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,MAAAA,gBAAgB,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;AAEtC,IAAA,IAAMvC,KAAK,GAAGD,UAAU,IAAIyC,aAAa,CAAA;AAEzC,IAAA,IAAME,QAAQ,GAAGC,MAAM,CAAmB,IAAI,CAAC,CAAA;AAC/C,IAAA,IAAMC,kBAAkB,GAAGD,MAAM,CAAiB,IAAI,CAAC,CAAA;AACvD,IAAA,IAAME,YAAY,GAAGC,UAAU,CAACJ,QAAQ,EAAE9C,GAAG,CAAC,CAAA;AAC9C,IAAA,IAAMmD,MAAM,GAAGC,SAAS,EAAE,CAAA;IAE1B,IAAMC,gBAAgB,GAAGC,OAAO,CAAC,YAAA;AAAA,MAAA,OAAMC,qBAAqB,CAAC/C,KAAK,IAAI,EAAE,CAAC,CAAA;KAAE,EAAA,CAACA,KAAK,CAAC,CAAC,CAAA;AAEnF,IAAA,IAAMgD,aAAa,GAAGC,WAAW,CAC7BJ,gBAAgB,EAChBb,SAAS;AACT;AACAR,IAAAA,MACJ,CAAC,CAAA;;AAED;IACA,IAAA0B,QAAA,GAAqCJ,OAAO,CAAC,YAAA;QAAA,OAAMK,UAAU,CAACH,aAAa,CAAC,CAAA;AAAA,OAAA,EAAE,CAACA,aAAa,EAAEhB,SAAS,CAAC,CAAC;MAAAoB,SAAA,GAAArB,cAAA,CAAAmB,QAAA,EAAA,CAAA,CAAA;AAAlGG,MAAAA,OAAO,GAAAD,SAAA,CAAA,CAAA,CAAA;AAAEE,MAAAA,iBAAiB,GAAAF,SAAA,CAAA,CAAA,CAAA,CAAA;IAEjC,IAAAG,SAAA,GAA4DT,OAAO,CAAC,YAAA;QAAA,OAAMU,WAAW,CAACxD,KAAK,CAAC,CAAA;OAAE,EAAA,CAACA,KAAK,CAAC,CAAC;MAAAyD,SAAA,GAAA1B,cAAA,CAAAwB,SAAA,EAAA,CAAA,CAAA;AAA/FG,MAAAA,iBAAiB,GAAAD,SAAA,CAAA,CAAA,CAAA;AAAEE,MAAAA,cAAc,GAAAF,SAAA,CAAA,CAAA,CAAA;AAAEG,MAAAA,cAAc,GAAAH,SAAA,CAAA,CAAA,CAAA,CAAA;;AAExD;AACA,IAAA,IAAAI,WAAA,GAA6BC,UAAU,CAACC,WAAW,EAAE,EAAE,CAAC;MAAAC,YAAA,GAAAjC,cAAA,CAAA8B,WAAA,EAAA,CAAA,CAAA;AAAjDI,MAAAA,IAAI,GAAAD,YAAA,CAAA,CAAA,CAAA;AAAEE,MAAAA,YAAY,GAAAF,YAAA,CAAA,CAAA,CAAA,CAAA;AACzB,IAAA,IAAAG,YAAA,GAA2CL,UAAU,CAACM,kBAAkB,EAAE,EAAE,CAAC;MAAAC,YAAA,GAAAtC,cAAA,CAAAoC,YAAA,EAAA,CAAA,CAAA;AAAtEG,MAAAA,WAAW,GAAAD,YAAA,CAAA,CAAA,CAAA;AAAEE,MAAAA,mBAAmB,GAAAF,YAAA,CAAA,CAAA,CAAA,CAAA;AACvC,IAAA,IAAAG,UAAA,GAA8B3C,QAAQ,CAAC6B,iBAAiB,CAAC;MAAAe,UAAA,GAAA1C,cAAA,CAAAyC,UAAA,EAAA,CAAA,CAAA;AAAlDE,MAAAA,OAAO,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,MAAAA,UAAU,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;IAE1BG,OAAO,CAACC,GAAG,CAAC,QAAQ,EAAEZ,IAAI,EAAEK,WAAW,CAAC,CAAA;;AAExC;AACA,IAAA,IAAMQ,SAAS,GAAGC,eAAe,CAAmB,YAAM;MACtD,IAAI,CAACC,iBAAiB,EAAE;AACpB,QAAA,OAAA;AACJ,OAAA;AAEAd,MAAAA,YAAY,CAAC;AAAEe,QAAAA,IAAI,EAAE,OAAA;AAAQ,OAAC,CAAC,CAAA;AAC/BV,MAAAA,mBAAmB,CAAC;AAAEU,QAAAA,IAAI,EAAE,OAAA;AAAQ,OAAC,CAAC,CAAA;;AAEtC;AACA;AACA;MACA,IAAIjD,SAAS,KAAKpC,KAAK,EAAE;AACrB,QAAA,IAAIsF,OAAO,CAACtF,KAAK,CAAC,EAAE;UAChBqC,YAAY,CAAC,EAAE,CAAC,CAAA;AACpB,SAAC,MAAM;AAAA,UAAA,IAAAkD,mBAAA,CAAA;AACHlD,UAAAA,YAAY,CAAC,CAAAkD,CAAAA,mBAAA,GAAAxB,cAAc,CAACyB,GAAG,CAACxF,KAAe,CAAC,MAAA,IAAA,IAAAuF,mBAAA,KAAnCA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,mBAAA,CAAqChF,KAAK,KAAI,EAAE,CAAC,CAAA;AAClE,SAAA;AACJ,OAAA;KACH,EAAEqC,kBAAkB,CAAC,CAAA;AAEtB,IAAA,IAAM1C,QAAQ,GAAG,SAAXA,QAAQA,CAAIuF,CAAyB,EAAK;AAC5C,MAAA,IAAIxF,aAAa,EAAE;QACfA,aAAa,CAACwF,CAAQ,CAAC,CAAA;AAC3B,OAAA;MAEAhD,gBAAgB,CAACgD,CAAC,CAAC,CAAA;KACtB,CAAA;;AAED;AACA,IAAA,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAID,CAAgC,EAAK;AAChEpD,MAAAA,YAAY,CAACoD,CAAC,CAACE,MAAM,CAAC3F,KAAK,CAAC,CAAA;AAC5BsE,MAAAA,YAAY,CAAC;AAAEe,QAAAA,IAAI,EAAE,oBAAA;AAAqB,OAAC,CAAC,CAAA;AAC5CV,MAAAA,mBAAmB,CAAC;AAAEU,QAAAA,IAAI,EAAE,OAAA;AAAQ,OAAC,CAAC,CAAA;KACzC,CAAA;;AAED;AACA,IAAA,IAAMO,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,YAAmB,EAAK;AAC/C3F,MAAAA,QAAQ,CAAC2F,YAAY,CAACC,GAAG,CAAC,UAACC,SAAS,EAAA;AAAA,QAAA,OAAK/B,cAAc,CAACwB,GAAG,CAACO,SAAS,CAAC,CAAE/F,KAAK,CAAA;AAAA,OAAA,CAAC,CAAC,CAAA;KAClF,CAAA;;AAED;AACA,IAAA,IAAMgG,YAAY,GAAG,SAAfA,YAAYA,CAAIC,MAAe,EAAK;AACtC,MAAA,IAAIA,MAAM,EAAE;AACR3B,QAAAA,YAAY,CAAC;AAAEe,UAAAA,IAAI,EAAE,oBAAA;AAAqB,SAAC,CAAC,CAAA;AAChD,OAAC,MAAM;AACHV,QAAAA,mBAAmB,CAAC;AAAEU,UAAAA,IAAI,EAAE,OAAA;AAAQ,SAAC,CAAC,CAAA;AACtCf,QAAAA,YAAY,CAAC;AAAEe,UAAAA,IAAI,EAAE,OAAA;AAAQ,SAAC,CAAC,CAAA;AACnC,OAAA;KACH,CAAA;;AAED;AACA,IAAA,IAAMa,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAIC,IAA2B,EAAK;AAC1D,MAAA,IAAIrG,QAAQ,EAAE;AACV,QAAA,IAAMsG,WAAW,GAAG,IAAIC,GAAG,CAACvB,OAAO,CAAC,CAAA;QAEpC,IAAI,CAACsB,WAAW,CAACZ,GAAG,CAACW,IAAI,CAACnG,KAAK,CAAC,EAAE;UAC9BoG,WAAW,CAACE,GAAG,CAACH,IAAI,CAACnG,KAAK,EAAE,IAAI,CAAC,CAAA;AACjCuG,UAAAA,iBAAiB,CAACJ,IAAI,EAAEC,WAAW,EAAE,IAAI,CAAC,CAAA;AAC9C,SAAC,MAAM;UACHA,WAAW,CAACE,GAAG,CAACH,IAAI,CAACnG,KAAK,EAAE,KAAK,CAAC,CAAA;AAClCuG,UAAAA,iBAAiB,CAACJ,IAAI,EAAEC,WAAW,EAAE,KAAK,CAAC,CAAA;AAC/C,SAAA;AAEAI,QAAAA,eAAe,CAACL,IAAI,EAAEC,WAAW,CAAC,CAAA;QAElC,IAAMK,SAAwB,GAAG,EAAE,CAAA;AAEnC1C,QAAAA,cAAc,CAAC2C,OAAO,CAAC,UAACP,IAAI,EAAEQ,GAAG,EAAK;AAClC,UAAA,IAAIP,WAAW,CAACZ,GAAG,CAACmB,GAAG,CAAC,EAAE;AACtBF,YAAAA,SAAS,CAACG,IAAI,CAACT,IAAI,CAACnG,KAAK,CAAC,CAAA;AAC9B,WAAA;AACJ,SAAC,CAAC,CAAA;AAEF,QAAA,IAAIE,QAAQ,EAAE;UACVA,QAAQ,CAACuG,SAAS,CAAC,CAAA;AACvB,SAAA;;AAEA;AACAI,QAAAA,UAAU,CAAC,YAAM;UACb,IAAInE,QAAQ,CAACoE,OAAO,EAAE;AAClBpE,YAAAA,QAAQ,CAACoE,OAAO,CAACC,cAAc,CAAC;AAC5BC,cAAAA,QAAQ,EAAE,QAAQ;AAClBC,cAAAA,MAAM,EAAE,OAAA;AACZ,aAAC,CAAC,CAAA;AACN,WAAA;SACH,EAAE,CAAC,CAAC,CAAA;AACT,OAAA;KACH,CAAA;;AAED;IACA,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,CAAIf,IAA2B,EAAEV,CAAiC,EAAK;MACxF,IAAI,CAACH,OAAO,CAACa,IAAI,KAAA,IAAA,IAAJA,IAAI,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAJA,IAAI,CAAE/F,KAAK,CAAC,EAAE;AACvB,QAAA,OAAA;AACJ,OAAA;AAEA,MAAA,IAAIN,QAAQ,EAAE;QACVoG,oBAAoB,CAACC,IAAI,CAAC,CAAA;AAC9B,OAAC,MAAM;AACH,QAAA,IAAIV,CAAC,EAAE;UACHA,CAAC,CAAC0B,eAAe,EAAE,CAAA;AACvB,SAAA;AAEA,QAAA,IAAMf,WAAW,GAAG,IAAIC,GAAG,CAACvB,OAAO,CAAC,CAAA;QAEpC,IAAMsC,gBAAgB,GAAGhB,WAAW,CAACZ,GAAG,CAACW,IAAI,CAACnG,KAAK,CAAC,CAAA;AAEpDoG,QAAAA,WAAW,CAACM,OAAO,CAAC,UAACW,CAAC,EAAEV,GAAG,EAAK;AAC5BP,UAAAA,WAAW,CAACE,GAAG,CAACK,GAAG,EAAE,KAAK,CAAC,CAAA;AAC/B,SAAC,CAAC,CAAA;QAEF,IAAI,CAACS,gBAAgB,EAAE;UACnBhB,WAAW,CAACE,GAAG,CAACH,IAAI,CAACnG,KAAK,EAAE,MAAM,CAAC,CAAA;AACnCsH,UAAAA,qBAAqB,CAACnB,IAAI,EAAEC,WAAW,EAAE,KAAK,CAAC,CAAA;AACnD,SAAA;QAEA/D,YAAY,CAAC+E,gBAAgB,GAAG,EAAE,GAAGjB,IAAI,CAAC5F,KAAK,CAAC,CAAA;AAEhD+D,QAAAA,YAAY,CAAC;AAAEe,UAAAA,IAAI,EAAE,OAAA;AAAQ,SAAC,CAAC,CAAA;AAC/BV,QAAAA,mBAAmB,CAAC;AAAEU,UAAAA,IAAI,EAAE,OAAA;AAAQ,SAAC,CAAC,CAAA;AAEtC,QAAA,IAAInF,QAAQ,EAAE;UACVA,QAAQ,CAACkH,gBAAgB,GAAG,EAAE,GAAGjB,IAAI,CAACnG,KAAK,CAAC,CAAA;AAChD,SAAA;AACJ,OAAA;KACH,CAAA;AAED,IAAA,IAAMuH,QAAQ,GAAG,SAAXA,QAAQA,GAAmB;AAC7B,MAAA,IAAIzH,QAAQ,EAAE;AACV,QAAA,IAAIE,KAAK,CAACwH,MAAM,KAAK,CAAC,EAAE,OAAO,EAAE,CAAA;AAEjC,QAAA,IAAIrH,cAAc,EAAE;AAChB,UAAA,OAAO,+CAAAsH,MAAA,CAAYzH,KAAK,CAACwH,MAAM,CAAG,CAAA,CAAA;AACtC,SAAA;AAEA,QAAA,OAAQxH,KAAK,CAAQ8F,GAAG,CAAC,UAAC9F,KAAK,EAAA;AAAA,UAAA,OAAK+D,cAAc,CAACyB,GAAG,CAACxF,KAAK,CAAC,CAAEO,KAAK,CAAA;SAAC,CAAA,CAAA;AACzE,OAAA;AAEA,MAAA,OAAO,EAAE,CAAA;KACZ,CAAA;IAED,IAAMmH,eAAe,GAAG,SAAlBA,eAAeA,CAAIvB,IAA2B,EAAEV,CAAiC,EAAK;AACxF,MAAA,IAAIH,OAAO,CAACa,IAAI,CAAC/F,KAAK,CAAC,EAAE;AACrB8G,QAAAA,eAAe,CAACf,IAAI,EAAEV,CAAC,CAAC,CAAA;OAC3B,MAAM,IAAI3F,QAAQ,EAAE;QACjBoG,oBAAoB,CAACC,IAAI,CAAC,CAAA;AAC9B,OAAA;KACH,CAAA;IAED,IAAAwB,iBAAA,GAAsBC,gBAAgB,CAAC;AACnClD,QAAAA,WAAW,EAAXA,WAAW;AACXC,QAAAA,mBAAmB,EAAnBA,mBAAmB;AACnBN,QAAAA,IAAI,EAAJA,IAAI;AACJC,QAAAA,YAAY,EAAZA,YAAY;AACZb,QAAAA,OAAO,EAAPA,OAAO;AACPC,QAAAA,iBAAiB,EAAjBA,iBAAiB;AACjBsC,QAAAA,YAAY,EAAZA,YAAY;AACZ0B,QAAAA,eAAe,EAAfA,eAAe;AACfG,QAAAA,WAAW,EAAE/H,QAAQ;AACrBuC,QAAAA,YAAY,EAAZA,YAAAA;AACJ,OAAC,CAAC;MAXMyF,SAAS,GAAAH,iBAAA,CAATG,SAAS,CAAA;;AAajB;AACA;AACAC,IAAAA,eAAe,CAAC,YAAM;AAClB,MAAA,IAAM3B,WAAW,GAAG,IAAIC,GAAG,CAACvB,OAAO,CAAC,CAAA;AAEpCsB,MAAAA,WAAW,CAACM,OAAO,CAAC,UAACW,CAAC,EAAEV,GAAG,EAAK;AAC5BP,QAAAA,WAAW,CAACE,GAAG,CAACK,GAAG,EAAE,KAAK,CAAC,CAAA;AAC/B,OAAC,CAAC,CAAA;AAEF,MAAA,IAAI,CAACrB,OAAO,CAACtF,KAAK,CAAC,EAAE;AACjB,QAAA,IAAIgI,KAAK,CAACC,OAAO,CAACjI,KAAK,CAAC,EAAE;AACtBA,UAAAA,KAAK,CAAC0G,OAAO,CAAC,UAACwB,GAAG,EAAK;AACnB9B,YAAAA,WAAW,CAACE,GAAG,CAAC4B,GAAG,EAAE,IAAI,CAAC,CAAA;YAC1B3B,iBAAiB,CAACxC,cAAc,CAACyB,GAAG,CAAC0C,GAAG,CAAC,EAAG9B,WAAW,EAAE,IAAI,CAAC,CAAA;YAC9DI,eAAe,CAACzC,cAAc,CAACyB,GAAG,CAAC0C,GAAG,CAAC,EAAG9B,WAAW,CAAC,CAAA;AAC1D,WAAC,CAAC,CAAA;AACN,SAAC,MAAM;AACHA,UAAAA,WAAW,CAACE,GAAG,CAACtG,KAAK,EAAE,MAAM,CAAC,CAAA;UAC9BsH,qBAAqB,CAACvD,cAAc,CAACyB,GAAG,CAACxF,KAAK,CAAC,EAAGoG,WAAW,EAAE,KAAK,CAAC,CAAA;AACzE,SAAA;AACJ,OAAA;MAEArB,UAAU,CAACqB,WAAW,CAAC,CAAA;AAC3B,KAAC,EAAE,CAACpG,KAAK,CAAC,CAAC,CAAA;IAEX,IAAMoF,iBAAiB,GAAG+C,OAAO,CAAC9D,IAAI,CAAC,CAAC,CAAC,CAAC,CAAA;AAC1C,IAAA,IAAM+D,yBAAyB,GAAG,CAAA,CAAAvI,iBAAA,GAAAwI,gBAAgB,CAAC3D,WAAW,EAAEhB,iBAAiB,CAAC,cAAA7D,iBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAhDA,iBAAA,CAAkDG,KAAK,KAAI,EAAE,CAAA;AAE/F,IAAA,oBACIsI,KAAA,CAAAC,aAAA,CAAC9I,IAAI,EAAA;AAAC6B,MAAAA,IAAI,EAAEA,IAAK;AAACD,MAAAA,IAAI,EAAEA,IAAK;AAACE,MAAAA,cAAc,EAAEA,cAAe;AAACI,MAAAA,QAAQ,EAAEA,QAAS;AAACF,MAAAA,QAAQ,EAAEA,QAAAA;KACxF6G,eAAAA,KAAA,CAAAC,aAAA,CACID,KAAAA,EAAAA,IAAAA,eAAAA,KAAA,CAAAC,aAAA,CAACjJ,OAAO,CAACkJ,QAAQ,EAAA;AACbxI,MAAAA,KAAK,EAAE;AACH0E,QAAAA,WAAW,EAAXA,WAAW;AACXI,QAAAA,OAAO,EAAPA,OAAO;AACPhF,QAAAA,QAAQ,EAARA,QAAQ;AACRwB,QAAAA,IAAI,EAAJA,IAAI;AACJ4E,QAAAA,oBAAoB,EAApBA,oBAAoB;AACpBgB,QAAAA,eAAe,EAAfA,eAAe;AACfnG,QAAAA,OAAO,EAAPA,OAAO;AACPK,QAAAA,UAAU,EAAVA,UAAU;AACV2C,QAAAA,cAAc,EAAdA,cAAc;AACdhB,QAAAA,MAAM,EAANA,MAAAA;AACJ,OAAA;AAAE,KAAA,eAEFuF,KAAA,CAAAC,aAAA,CAACE,eAAe,EAAA;AACZ7I,MAAAA,GAAG,EAAEgD,kBAAmB;AACxBqD,MAAAA,MAAM,EAAEb,iBAAkB;MAC1BsD,QAAQ,EAAE,SAAAA,QAAAA,CAACzC,MAAe,EAAA;AAAA,QAAA,OAAKA,MAAM,IAAID,YAAY,CAAC,IAAI,CAAC,CAAA;OAAC;AAC5D1F,MAAAA,SAAS,EAAEA,SAAU;AACrBa,MAAAA,MAAM,EAAEA,MAAO;MACfwE,MAAM,EAAE,SAAAA,MAAAA,CAACgD,YAAY,EAAA;AAAA,QAAA,oBACjBL,KAAA,CAAAC,aAAA,CAACK,eAAe,EAAAC,QAAA,CAAA;AACZjJ,UAAAA,GAAG,EAAEiD,YAAa;AAClBiG,UAAAA,eAAe,EAAEH,YAAa;AAC9B3I,UAAAA,KAAK,EAAEoC,SAAU;AACjBlC,UAAAA,QAAQ,EAAEwF,qBAAsB;AAChCpE,UAAAA,IAAI,EAAEA,IAAK;AACXD,UAAAA,IAAI,EAAEA,IAAK;AACXE,UAAAA,cAAc,EAAEA,cAAe;AAC/BI,UAAAA,QAAQ,EAAEA,QAAS;AACnBF,UAAAA,QAAQ,EAAEA,QAAS;AACnBlB,UAAAA,KAAK,EAAEA,KAAM;AACbC,UAAAA,WAAW,EAAEA,WAAY;AACzBE,UAAAA,WAAW,EAAEA,WAAY;AACzBC,UAAAA,YAAY,EAAEA,YAAa;AAC3BC,UAAAA,UAAU,EAAEA,UAAW;AACvBC,UAAAA,SAAS,EAAEA,SAAU;AACrBiH,UAAAA,SAAS,EAAEA,SAAU;AACrBiB,UAAAA,UAAU,EAAEtI,UAAW;AACvBuI,UAAAA,IAAI,EAAC,UAAU;AACf,UAAA,mBAAA,EAAkB,MAAM;UACxB,eAAAvB,EAAAA,EAAAA,CAAAA,MAAA,CAAkB1E,MAAM,EAAgB,eAAA,CAAA;AACxC,UAAA,eAAA,EAAeqC,iBAAkB;UACjC,uBACIgD,EAAAA,yBAAyB,GAAGa,SAAS,CAAClG,MAAM,EAAEqF,yBAAyB,CAAC,GAAG,EAAA;AAC9E,SAAA,EACItI,QAAQ,GACP;AACIoJ,UAAAA,eAAe,EAAE,MAAM;UACvBC,KAAK,EAAE5B,QAAQ,EAAE;AACjB6B,UAAAA,aAAa,EAAExD,iBAAAA;AACnB,SAAC,GACD;AAAEsD,UAAAA,eAAe,EAAE,OAAA;AAAQ,SAAC,EAC9BrH,IAAI,EAAA;AACRwH,UAAAA,eAAe,EAAC,IAAA;AAAA,SAAA,CACnB,CAAC,CAAA;AAAA,OAAA;AACJ,KAAA,eAEFf,KAAA,CAAAC,aAAA,CAAC9I,IAAI,EAAA;AACD6B,MAAAA,IAAI,EAAEA,IAAK;AACXD,MAAAA,IAAI,EAAEA,IAAK;AACXE,MAAAA,cAAc,EAAEA,cAAe;AAC/BI,MAAAA,QAAQ,EAAEA,QAAS;AACnBF,MAAAA,QAAQ,EAAEA,QAAAA;AAAS,KAAA,eAEnB6G,KAAA,CAAAC,aAAA,CAACe,EAAE,EAAA;AACCN,MAAAA,IAAI,EAAC,MAAM;AACXO,MAAAA,EAAE,EAAA9B,EAAAA,CAAAA,MAAA,CAAK1E,MAAM,EAAgB,eAAA,CAAA;MAC7B,sBAAsBoF,EAAAA,OAAO,CAACrI,QAAQ,CAAE;AACxCmB,MAAAA,UAAU,EAAEA,UAAW;AACvBD,MAAAA,YAAY,EAAEA,YAAa;AAC3BE,MAAAA,SAAS,EAAEA,SAAU;AACrBtB,MAAAA,GAAG,EAAEsF,SAAAA;AAAU,KAAA,EAEd9B,aAAa,CAAC0C,GAAG,CAAC,UAACK,IAAI,EAAEqD,KAAK,EAAA;AAAA,MAAA,oBAC3BlB,KAAA,CAAAC,aAAA,CAACkB,KAAK,EAAA;AACF9C,QAAAA,GAAG,EAAAc,EAAAA,CAAAA,MAAA,CAAK+B,KAAK,EAAK,IAAA,CAAA;AAClBrD,QAAAA,IAAI,EAAEA,IAAK;AACXuD,QAAAA,YAAY,EAAE,CAAE;AAChBrF,QAAAA,IAAI,EAAEA,IAAK;AACXC,QAAAA,YAAY,EAAEA,YAAa;AAC3BkF,QAAAA,KAAK,EAAEA,KAAM;AACbtI,QAAAA,SAAS,EAAEA,SAAAA;AAAU,OACxB,CAAC,CAAA;AAAA,KACL,CACD,CACF,CACO,CACH,CACjB,CACH,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMyI,cAAc,GAAG;AAC1BC,EAAAA,IAAI,EAAE,QAAQ;AACdC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEtK,YAAY;AACpBuK,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACR3I,IAAAA,IAAI,EAAE;AACF4I,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACD5I,IAAAA,IAAI,EAAE;AACF2I,MAAAA,GAAG,EAAEE,MAAAA;KACR;AACD1I,IAAAA,QAAQ,EAAE;AACNwI,MAAAA,GAAG,EAAEE,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACN/I,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACT;AACA;AACAC,IAAAA,cAAc,EAAE,OAAA;AACpB,GAAA;AACJ;;;;"}
+{"version":3,"file":"Combobox.js","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.tsx"],"sourcesContent":["import React, { forwardRef, useState, useReducer, useMemo, createContext, useLayoutEffect, useRef } from 'react';\nimport type { ChangeEvent } from 'react';\nimport { safeUseId, useForkRef } from '@salutejs/plasma-core';\n\nimport { RootProps } from '../../../engines';\nimport { isEmpty } from '../../../utils';\nimport { useOutsideClick } from '../../../hooks';\nimport { sizeToIconSize } from '../../Select/utils';\n\nimport { classes } from './Combobox.tokens';\nimport { FloatingPopover } from './FloatingPopover';\nimport { useKeyNavigation, getItemByFocused } from './hooks/useKeyboardNavigation';\nimport {\n    initialItemsTransform,\n    updateAncestors,\n    updateDescendants,\n    updateSingleAncestors,\n    filterItems,\n    getItemId,\n} from './utils';\nimport { Inner, StyledTextField } from './ui';\nimport { pathReducer, focusedPathReducer } from './reducers';\nimport { getPathMap, getTreeMaps } from './hooks/getPathMaps';\nimport { Ul, base, StyledArrow, IconArrowWrapper } from './Combobox.styles';\nimport type { ItemContext, ComboboxProps } from './Combobox.types';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport type { ItemOptionTransformed } from './ui/Inner/ui/Item/Item.types';\n\nexport const Context = createContext<ItemContext>({} as ItemContext);\n\n/**\n * Поле ввода с выпадающим списком и возможностью фильтрации и выбора элементов.\n */\nexport const comboboxRoot = (Root: RootProps<HTMLInputElement, Omit<ComboboxProps, 'items'>>) =>\n    forwardRef<HTMLInputElement, ComboboxProps>((props, ref) => {\n        const {\n            multiple,\n            value: outerValue,\n            onChange: outerOnChange,\n            isTargetAmount,\n            items,\n            placement = 'bottom-start',\n            label,\n            placeholder,\n            helperText,\n            contentLeft,\n            contentRight,\n            textBefore,\n            textAfter,\n            variant = 'normal',\n            listOverflow,\n            listHeight,\n            listWidth,\n            portal,\n            renderItem,\n            view,\n            size,\n            labelPlacement,\n            readOnly = false,\n            disabled = false,\n            filter,\n            ...rest\n        } = props;\n        const [textValue, setTextValue] = useState('');\n        const [internalValue, setInternalValue] = useState<string | Array<string>>(multiple ? [] : '');\n\n        const value = outerValue || internalValue;\n\n        const inputRef = useRef<HTMLInputElement>(null);\n        const floatingPopoverRef = useRef<HTMLDivElement>(null);\n        const inputForkRef = useForkRef(inputRef, ref);\n        const treeId = safeUseId();\n\n        const transformedItems = useMemo(() => initialItemsTransform(items || []), [items]);\n\n        const filteredItems = filterItems(\n            transformedItems,\n            textValue,\n            // valueToItemMap.get(value as string)?.label as string,\n            filter,\n        );\n\n        // Создаем структуры для быстрой работы с деревом\n        const [pathMap, focusedToValueMap] = useMemo(() => getPathMap(filteredItems), [filteredItems, textValue]);\n\n        const [valueToCheckedMap, valueToItemMap, labelToItemMap] = useMemo(() => getTreeMaps(items), [items]);\n\n        // Состояния дерева элементов\n        const [path, dispatchPath] = useReducer(pathReducer, []);\n        const [focusedPath, dispatchFocusedPath] = useReducer(focusedPathReducer, []);\n        const [checked, setChecked] = useState(valueToCheckedMap);\n\n        console.log('render', path, focusedPath);\n\n        // Логика работы при клике за пределами выпадающего списка\n        const targetRef = useOutsideClick<HTMLUListElement>(() => {\n            if (!isCurrentListOpen) {\n                return;\n            }\n\n            dispatchPath({ type: 'reset' });\n            dispatchFocusedPath({ type: 'reset' });\n\n            // Проверяем, отличается ли значение инпуте от выбранного value после закрытия дропдауна.\n            // Если изменилось, то возвращаем label выбранного айтема.\n            // Если нет выбранного элемента, то стираем значение инпута.\n            if (textValue !== value) {\n                if (isEmpty(value)) {\n                    setTextValue('');\n                } else {\n                    setTextValue(valueToItemMap.get(value as string)?.label || '');\n                }\n            }\n        }, floatingPopoverRef);\n\n        const onChange = (e: string | Array<string>) => {\n            if (outerOnChange) {\n                outerOnChange(e as any);\n            }\n\n            setInternalValue(e);\n        };\n\n        // Обработчик изменения значения в инпуте\n        const handleTextValueChange = (e: ChangeEvent<HTMLInputElement>) => {\n            setTextValue(e.target.value);\n            dispatchPath({ type: 'opened_first_level' });\n            dispatchFocusedPath({ type: 'reset' });\n        };\n\n        // Обработчик чипов\n        const handleChangeChips = (chipsAsLabel: any[]) => {\n            onChange(chipsAsLabel.map((chipLabel) => labelToItemMap.get(chipLabel)!.value));\n        };\n\n        // Обработчик открытия/закрытия выпадающего списка\n        const handleToggle = (opened: boolean) => {\n            if (opened) {\n                dispatchPath({ type: 'opened_first_level' });\n            } else {\n                dispatchFocusedPath({ type: 'reset' });\n                dispatchPath({ type: 'reset' });\n            }\n        };\n\n        // Обработчик выбора чекбоксов (только при multiple)\n        const handleCheckboxChange = (item: ItemOptionTransformed) => {\n            if (multiple) {\n                const checkedCopy = new Map(checked);\n\n                if (!checkedCopy.get(item.value)) {\n                    checkedCopy.set(item.value, true);\n                    updateDescendants(item, checkedCopy, true);\n                } else {\n                    checkedCopy.set(item.value, false);\n                    updateDescendants(item, checkedCopy, false);\n                }\n\n                updateAncestors(item, checkedCopy);\n\n                const newValues: Array<string> = [];\n\n                valueToItemMap.forEach((item, key) => {\n                    if (checkedCopy.get(key)) {\n                        newValues.push(item.value);\n                    }\n                });\n\n                if (onChange) {\n                    onChange(newValues);\n                }\n\n                // После выбора/снятия чекбокса скроллим к инпуту\n                setTimeout(() => {\n                    if (inputRef.current) {\n                        inputRef.current.scrollIntoView({\n                            behavior: 'smooth',\n                            inline: 'start',\n                        });\n                    }\n                }, 1);\n            }\n        };\n\n        // Обработчик клика по айтему выпадающего списка\n        const handleItemClick = (item: ItemOptionTransformed, e?: React.MouseEvent<HTMLElement>) => {\n            if (!isEmpty(item?.items)) {\n                return;\n            }\n\n            if (multiple) {\n                handleCheckboxChange(item);\n            } else {\n                if (e) {\n                    e.stopPropagation();\n                }\n\n                const checkedCopy = new Map(checked);\n\n                const isCurrentChecked = checkedCopy.get(item.value);\n\n                checkedCopy.forEach((_, key) => {\n                    checkedCopy.set(key, false);\n                });\n\n                if (!isCurrentChecked) {\n                    checkedCopy.set(item.value, 'done');\n                    updateSingleAncestors(item, checkedCopy, 'dot');\n                }\n\n                setTextValue(isCurrentChecked ? '' : item.label);\n\n                dispatchPath({ type: 'reset' });\n                dispatchFocusedPath({ type: 'reset' });\n\n                if (onChange) {\n                    onChange(isCurrentChecked ? '' : item.value);\n                }\n            }\n        };\n\n        const getChips = (): string[] => {\n            if (multiple) {\n                if (value.length === 0) return [];\n\n                if (isTargetAmount) {\n                    return [`Выбрано ${value.length}`];\n                }\n\n                return (value as []).map((value) => valueToItemMap.get(value)!.label);\n            }\n\n            return [];\n        };\n\n        const handlePressDown = (item: ItemOptionTransformed, e?: React.MouseEvent<HTMLElement>) => {\n            if (isEmpty(item.items)) {\n                handleItemClick(item, e);\n            } else if (multiple) {\n                handleCheckboxChange(item);\n            }\n        };\n\n        const { onKeyDown } = useKeyNavigation({\n            focusedPath,\n            dispatchFocusedPath,\n            path,\n            dispatchPath,\n            pathMap,\n            focusedToValueMap,\n            handleToggle,\n            handlePressDown,\n            multiselect: multiple,\n            setTextValue,\n        });\n\n        // В данном эффекте мы следим за изменениями value снаружи и вносим коррективы в дерево чекбоксов.\n        // Пример: когда юзер очистил value извне, тогда нужно пройтись по элементам и выключить все чекбоксы.\n        useLayoutEffect(() => {\n            const checkedCopy = new Map(checked);\n\n            checkedCopy.forEach((_, key) => {\n                checkedCopy.set(key, false);\n            });\n\n            if (!isEmpty(value)) {\n                if (Array.isArray(value)) {\n                    value.forEach((val) => {\n                        checkedCopy.set(val, true);\n                        updateDescendants(valueToItemMap.get(val)!, checkedCopy, true);\n                        updateAncestors(valueToItemMap.get(val)!, checkedCopy);\n                    });\n                } else {\n                    checkedCopy.set(value, 'done');\n                    updateSingleAncestors(valueToItemMap.get(value)!, checkedCopy, 'dot');\n                }\n            }\n\n            setChecked(checkedCopy);\n        }, [value]);\n\n        const isCurrentListOpen = Boolean(path[0]);\n        const activeDescendantItemValue = getItemByFocused(focusedPath, focusedToValueMap)?.value || '';\n        const withArrowInverse = isCurrentListOpen ? classes.arrowInverse : undefined;\n\n        return (\n            <Root size={size} view={view} labelPlacement={labelPlacement} disabled={disabled} readOnly={readOnly}>\n                <div>\n                    <Context.Provider\n                        value={{\n                            focusedPath,\n                            checked,\n                            multiple,\n                            size,\n                            handleCheckboxChange,\n                            handleItemClick,\n                            variant,\n                            renderItem,\n                            valueToItemMap,\n                            treeId,\n                        }}\n                    >\n                        <FloatingPopover\n                            ref={floatingPopoverRef}\n                            opened={isCurrentListOpen}\n                            onToggle={(opened: boolean) => opened && handleToggle(true)}\n                            placement={placement}\n                            portal={portal}\n                            target={(referenceRef) => (\n                                <StyledTextField\n                                    ref={inputForkRef}\n                                    inputWrapperRef={referenceRef}\n                                    value={textValue}\n                                    onChange={handleTextValueChange}\n                                    size={size}\n                                    view={view}\n                                    labelPlacement={labelPlacement}\n                                    disabled={disabled}\n                                    readOnly={readOnly}\n                                    label={label}\n                                    placeholder={placeholder}\n                                    contentLeft={contentLeft}\n                                    contentRight={\n                                        <IconArrowWrapper>\n                                            <StyledArrow\n                                                color=\"inherit\"\n                                                size={sizeToIconSize(size)}\n                                                className={withArrowInverse}\n                                            />\n                                        </IconArrowWrapper>\n                                    }\n                                    textBefore={textBefore}\n                                    textAfter={textAfter}\n                                    onKeyDown={onKeyDown}\n                                    leftHelper={helperText}\n                                    role=\"combobox\"\n                                    aria-autocomplete=\"list\"\n                                    aria-controls={`${treeId}_tree_level_1`}\n                                    aria-expanded={isCurrentListOpen}\n                                    aria-activedescendant={\n                                        activeDescendantItemValue ? getItemId(treeId, activeDescendantItemValue) : ''\n                                    }\n                                    {...(multiple\n                                        ? {\n                                              enumerationType: 'chip',\n                                              chips: getChips(),\n                                              onChangeChips: handleChangeChips,\n                                          }\n                                        : { enumerationType: 'plain' })}\n                                    {...rest}\n                                    onEnterDisabled // Пропс для отключения обработчика Enter внутри Textfield\n                                />\n                            )}\n                        >\n                            <Root\n                                size={size}\n                                view={view}\n                                labelPlacement={labelPlacement}\n                                disabled={disabled}\n                                readOnly={readOnly}\n                            >\n                                <Ul\n                                    role=\"tree\"\n                                    id={`${treeId}_tree_level_1`}\n                                    aria-multiselectable={Boolean(multiple)}\n                                    listHeight={listHeight}\n                                    listOverflow={listOverflow}\n                                    listWidth={listWidth}\n                                    ref={targetRef}\n                                >\n                                    {filteredItems.map((item, index) => (\n                                        <Inner\n                                            key={`${index}/0`}\n                                            item={item}\n                                            currentLevel={0}\n                                            path={path}\n                                            dispatchPath={dispatchPath}\n                                            index={index}\n                                            listWidth={listWidth}\n                                        />\n                                    ))}\n                                </Ul>\n                            </Root>\n                        </FloatingPopover>\n                    </Context.Provider>\n                </div>\n            </Root>\n        );\n    });\n\nexport const comboboxConfig = {\n    name: 'Select',\n    tag: 'div',\n    layout: comboboxRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        readOnly: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n        // readOnly: false,\n        // disabled: false,\n        labelPlacement: 'outer',\n    },\n};\n"],"names":["Context","createContext","comboboxRoot","Root","forwardRef","props","ref","_getItemByFocused","multiple","outerValue","value","outerOnChange","onChange","isTargetAmount","items","_props$placement","placement","label","placeholder","helperText","contentLeft","textBefore","textAfter","_props$variant","variant","listOverflow","listHeight","listWidth","portal","renderItem","view","size","labelPlacement","_props$readOnly","readOnly","_props$disabled","disabled","filter","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","textValue","setTextValue","_useState3","_useState4","internalValue","setInternalValue","inputRef","useRef","floatingPopoverRef","inputForkRef","useForkRef","treeId","safeUseId","transformedItems","useMemo","initialItemsTransform","filteredItems","filterItems","_useMemo","getPathMap","_useMemo2","pathMap","focusedToValueMap","_useMemo3","getTreeMaps","_useMemo4","valueToCheckedMap","valueToItemMap","labelToItemMap","_useReducer","useReducer","pathReducer","_useReducer2","path","dispatchPath","_useReducer3","focusedPathReducer","_useReducer4","focusedPath","dispatchFocusedPath","_useState5","_useState6","checked","setChecked","console","log","targetRef","useOutsideClick","isCurrentListOpen","type","isEmpty","_valueToItemMap$get","get","e","handleTextValueChange","target","handleChangeChips","chipsAsLabel","map","chipLabel","handleToggle","opened","handleCheckboxChange","item","checkedCopy","Map","set","updateDescendants","updateAncestors","newValues","forEach","key","push","setTimeout","current","scrollIntoView","behavior","inline","handleItemClick","stopPropagation","isCurrentChecked","_","updateSingleAncestors","getChips","length","concat","handlePressDown","_useKeyNavigation","useKeyNavigation","multiselect","onKeyDown","useLayoutEffect","Array","isArray","val","Boolean","activeDescendantItemValue","getItemByFocused","withArrowInverse","classes","arrowInverse","undefined","React","createElement","Provider","FloatingPopover","onToggle","referenceRef","StyledTextField","_extends","inputWrapperRef","contentRight","IconArrowWrapper","StyledArrow","color","sizeToIconSize","className","leftHelper","role","getItemId","enumerationType","chips","onChangeChips","onEnterDisabled","Ul","id","index","Inner","currentLevel","comboboxConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}

package/es/components/Combobox/ComboboxNew/Combobox.styles.js

@@ -1,5 +1,7 @@
-import './Combobox.styles_1bdcydw.css';
+import './Combobox.styles_1vz3bs3.css';
 import { styled } from '@linaria/react';
+import 'react';
+import { IconDisclosureDownCentered } from '../../_Icon/Icons/IconDisclosureDownCentered.js';
 import { tokens } from './Combobox.tokens.js';
 
 var _exp4 = function _exp4() {
@@ -37,7 +39,20 @@ var Ul = /*#__PURE__*/styled('ul')({
     "uxiiees-3": [/*#__PURE__*/_exp7()]
   }
 });
-var base = "b1veo3wn";
+var IconArrowWrapper = /*#__PURE__*/styled('div')({
+  name: "IconArrowWrapper",
+  "class": "i1veo3wn",
+  propsAsIs: false
+});
+var _exp11 = function _exp11() {
+  return IconDisclosureDownCentered;
+};
+var StyledArrow = /*#__PURE__*/styled(_exp11())({
+  name: "StyledArrow",
+  "class": "s1hxiinv",
+  propsAsIs: true
+});
+var base = "br87xox";
 
-export { Ul, base };
+export { IconArrowWrapper, StyledArrow, Ul, base };
 //# sourceMappingURL=Combobox.styles.js.map

package/es/components/Combobox/ComboboxNew/Combobox.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.styles.js","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { ComboboxProps } from './Combobox.types';\nimport { tokens, constants } from './Combobox.tokens';\n\nexport const Ul = styled.ul<{\n    listOverflow?: ComboboxProps['listOverflow'];\n    listHeight?: ComboboxProps['listHeight'];\n    listWidth?: ComboboxProps['listWidth'];\n    isInnerUl?: boolean;\n}>`\n    box-sizing: border-box;\n\n    background: var(${constants.background});\n    box-shadow: ${constants.boxShadow};\n\n    border-radius: var(${tokens.borderRadius});\n    width: ${({ listWidth }) => listWidth || '100%'};\n    height: ${({ listHeight }) => listHeight || 'auto'};\n    overflow: ${({ listOverflow }) => listOverflow || 'initial'};\n\n    margin: ${({ isInnerUl }) => (isInnerUl ? `calc(var(${tokens.padding}) * -1) 0 0 0` : 0)};\n    padding: var(${tokens.padding}) 0;\n`;\n\nexport const base = css``;\n"],"names":["_exp4","_ref","listWidth","_exp5","_ref2","listHeight","_exp6","_ref3","listOverflow","_exp7","_ref4","isInnerUl","concat","tokens","padding","Ul","styled","name","class","propsAsIs","vars","base"],"mappings":";;;AAIsD,IAAAA,KAAA,GAHpCA,SAGoCA,KAAAA,GAAA;AAAA,EAAA,OAczC,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,SAAAA,GAAAA,IAAAA,CAAAA,SAAAA,CAAAA;IAAAA,OAAgBA,SAAS,IAAI,MAAM,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GAjBjCA,SAiBiCA,KAAAA,GAAA;AAAA,EAAA,OACrC,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,UAAAA,GAAAA,KAAAA,CAAAA,UAAAA,CAAAA;IAAAA,OAAiBA,UAAU,IAAI,MAAM,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GAlBpCA,SAkBoCA,KAAAA,GAAA;AAAA,EAAA,OACtC,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,YAAAA,GAAAA,KAAAA,CAAAA,YAAAA,CAAAA;IAAAA,OAAmBA,YAAY,IAAI,SAAS,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GAnB7CA,SAmB6CA,KAAAA,GAAA;AAAA,EAAA,OAEjD,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,SAAAA,GAAAA,KAAAA,CAAAA,SAAAA,CAAAA;IAAAA,OAAiBA,SAAS,eAAAC,MAAA,CAAeC,MAAM,CAACC,OAAQ,qBAAiB,CAAE,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAhBrF,IAAMC,EAAE,gBAAGC,MAAM,CAAA,IAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,IAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAYXpB,KAAsC,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cACrCG,KAAwC,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cACtCG,KAA+C,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cAEjDG,KAA8E,EAAA,CAAA;AAAA,GAAA;AAAA,CAE3F,EAAA;AAEM,IAAMY,IAAI,GAAQ;;;;"}
+{"version":3,"file":"Combobox.styles.js","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { IconDisclosureDownCentered } from '../../_Icon';\n\nimport { ComboboxProps } from './Combobox.types';\nimport { tokens, constants, classes } from './Combobox.tokens';\n\nexport const Ul = styled.ul<{\n    listOverflow?: ComboboxProps['listOverflow'];\n    listHeight?: ComboboxProps['listHeight'];\n    listWidth?: ComboboxProps['listWidth'];\n    isInnerUl?: boolean;\n}>`\n    box-sizing: border-box;\n\n    background: var(${constants.background});\n    box-shadow: ${constants.boxShadow};\n\n    border-radius: var(${tokens.borderRadius});\n    width: ${({ listWidth }) => listWidth || '100%'};\n    height: ${({ listHeight }) => listHeight || 'auto'};\n    overflow: ${({ listOverflow }) => listOverflow || 'initial'};\n\n    margin: ${({ isInnerUl }) => (isInnerUl ? `calc(var(${tokens.padding}) * -1) 0 0 0` : 0)};\n    padding: var(${tokens.padding}) 0;\n`;\n\nexport const IconArrowWrapper = styled.div`\n    line-height: 0;\n    color: var(${constants.disclosureIconColor});\n\n    .${classes.arrowInverse} {\n        transform: rotate(-180deg);\n    }\n`;\n\nexport const StyledArrow = styled(IconDisclosureDownCentered)``;\n\nexport const base = css``;\n"],"names":["_exp4","_ref","listWidth","_exp5","_ref2","listHeight","_exp6","_ref3","listOverflow","_exp7","_ref4","isInnerUl","concat","tokens","padding","Ul","styled","name","class","propsAsIs","vars","IconArrowWrapper","_exp11","IconDisclosureDownCentered","StyledArrow","base"],"mappings":";;;;;AAM+D,IAAAA,KAAA,GAL7CA,SAK6CA,KAAAA,GAAA;AAAA,EAAA,OAclD,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,SAAAA,GAAAA,IAAAA,CAAAA,SAAAA,CAAAA;IAAAA,OAAgBA,SAAS,IAAI,MAAM,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GAnBjCA,SAmBiCA,KAAAA,GAAA;AAAA,EAAA,OACrC,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,UAAAA,GAAAA,KAAAA,CAAAA,UAAAA,CAAAA;IAAAA,OAAiBA,UAAU,IAAI,MAAM,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GApBpCA,SAoBoCA,KAAAA,GAAA;AAAA,EAAA,OACtC,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,YAAAA,GAAAA,KAAAA,CAAAA,YAAAA,CAAAA;IAAAA,OAAmBA,YAAY,IAAI,SAAS,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GArB7CA,SAqB6CA,KAAAA,GAAA;AAAA,EAAA,OAEjD,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,SAAAA,GAAAA,KAAAA,CAAAA,SAAAA,CAAAA;IAAAA,OAAiBA,SAAS,eAAAC,MAAA,CAAeC,MAAM,CAACC,OAAQ,qBAAiB,CAAE,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAhBrF,IAAMC,EAAE,gBAAGC,MAAM,CAAA,IAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,IAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAYXpB,KAAsC,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cACrCG,KAAwC,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cACtCG,KAA+C,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cAEjDG,KAA8E,EAAA,CAAA;AAAA,GAAA;AAAA,CAE3F,EAAA;AAEM,IAAMY,gBAAgB,gBAAGL,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAOrC,EAAA;AAAC,IAAAG,MAAA,GAlCgBA,SAkChBA,MAAAA,GAAA;AAAA,EAAA,OAEgCC,0BAA0B,CAAA;AAAA,CAAA,CAAA;AAArD,IAAMC,WAAW,gBAAGR,MAAM,CAAAM,MAAA,EAAA,CAAA,CAAA;AAAAL,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAA8B,EAAA;AAExD,IAAMM,IAAI,GAAQ;;;;"}

package/es/components/Combobox/ComboboxNew/{Combobox.styles_1bdcydw.css → Combobox.styles_1vz3bs3.css}

@@ -1,2 +1,4 @@
 .uxiiees{box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);border-radius:var(--plasma-combobox-border-radius);width:var(--uxiiees-0);height:var(--uxiiees-1);overflow:var(--uxiiees-2);margin:var(--uxiiees-3);padding:var(--plasma-combobox-padding) 0;}
+.i1veo3wn{line-height:0;color:var(--text-secondary);}.i1veo3wn .arrow-inverse{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
+
 

package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css

@@ -1,7 +1,9 @@
-.Combobox_styles_1bdcydw_uxiiees__06ae04d6{box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);border-radius:var(--plasma-combobox-border-radius);width:var(--uxiiees-0);height:var(--uxiiees-1);overflow:var(--uxiiees-2);margin:var(--uxiiees-3);padding:var(--plasma-combobox-padding) 0;}
+.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
+
+.Combobox_styles_1vz3bs3_uxiiees__39750eb3{box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);border-radius:var(--plasma-combobox-border-radius);width:var(--uxiiees-0);height:var(--uxiiees-1);overflow:var(--uxiiees-2);margin:var(--uxiiees-3);padding:var(--plasma-combobox-padding) 0;}
+.Combobox_styles_1vz3bs3_i1veo3wn__39750eb3{line-height:0;color:var(--text-secondary);}.Combobox_styles_1vz3bs3_i1veo3wn__39750eb3 .Combobox_styles_1vz3bs3_arrowInverse__39750eb3{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
 
 
-.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
 
 .base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_io4bpie__2243bf3f{width:100%;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_iq39zt5__2243bf3f{height:var(--plasma-textfield-height);border-radius:var(--plasma-textfield-border-radius);padding:var(--plasma-textfield-padding);}.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_iq39zt5__2243bf3f.base_orwx1f_hasChips__2243bf3f{padding-top:var(--plasma-textfield-padding-with-chips);padding-bottom:var(--plasma-textfield-padding-with-chips);}.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_iq39zt5__2243bf3f.base_orwx1f_hasEmptyContentLeft__2243bf3f{padding-left:var(--plasma-textfield-padding-with-chips);}.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_iq39zt5__2243bf3f.base_orwx1f_hasEmptyContentRight__2243bf3f{padding-right:var(--plasma-textfield-padding-with-chips);}.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_l13qvwoy__2243bf3f{font-family:var(--plasma-textfield__label-font-family);font-size:var(--plasma-textfield__label-font-size);font-style:var(--plasma-textfield__label-font-style);font-weight:var(--plasma-textfield__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__label-letter-spacing);letter-spacing:var(--plasma-textfield__label-letter-spacing);line-height:var(--plasma-textfield__label-line-height);}.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_llv9av6__2243bf3f{margin-top:var(--plasma-textfield__left-helper-offset);font-family:var(--plasma-textfield__left-helper-font-family);font-size:var(--plasma-textfield__left-helper-font-size);font-style:var(--plasma-textfield__left-helper-font-style);font-weight:var(--plasma-textfield__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);line-height:var(--plasma-textfield__left-helper-line-height);}.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_s600610__2243bf3f,.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_suk2zst__2243bf3f{font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_s600610__2243bf3f{margin:var(--plasma-textfield__before-text-margin);}.base_orwx1f_b13ve66i__2243bf3f .base_orwx1f_suk2zst__2243bf3f{margin:var(--plasma-textfield__after-text-margin);}
 

package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css

@@ -45,7 +45,9 @@
 
 .Target_styles_1y5ups3_s1wiuml6__7a46cf8a{--plasma-textfield-color:var(--plasma-combobox-new-textfield-color);--plasma-textfield-bg-color:var(--plasma-combobox-new-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-combobox-new-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-combobox-new-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-combobox-new-textfield-border-color);--plasma-textfield-border-color-hover:var(--plasma-combobox-new-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-combobox-new-textfield-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-combobox-new-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-combobox-new-textfield-bg-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-combobox-new-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-combobox-new-textfield__placeholder-color-readonly);--plasma-textfield__caret-color:var(--plasma-combobox-new-textfield-caret-color);--plasma-textfield__placeholder-color:var(--plasma-combobox-new-textfield-placeholder-color);--plasma-textfield-height:var(--plasma-combobox-new-textfield-height);--plasma-textfield-border-width:var(--plasma-combobox-new-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-combobox-new-textfield-border-radius);--plasma-textfield-padding:var(--plasma-combobox-new-textfield-padding);--plasma-textfield__left-content-margin:var(--plasma-combobox-new-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-combobox-new-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-combobox-new-textfield-font-family);--plasma-textfield-font-style:var(--plasma-combobox-new-textfield-font-style);--plasma-textfield-font-size:var(--plasma-combobox-new-textfield-font-size);--plasma-textfield-font-weight:var(--plasma-combobox-new-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-combobox-new-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-combobox-new-textfield-line-height);--plasma-textfield__label-color:var(--plasma-combobox-new-textfield-label-color);--plasma-textfield__label-color-readonly:var(--plasma-combobox-new-textfield__label-color-readonly);--plasma-textfield__label-offset:var(--plasma-combobox-new-textfield__label-offset);--plasma-textfield__label-font-family:var(--plasma-combobox-new-textfield__label-font-family);--plasma-textfield__label-font-style:var(--plasma-combobox-new-textfield__label-font-style);--plasma-textfield__label-font-size:var(--plasma-combobox-new-textfield__label-font-size);--plasma-textfield__label-font-weight:var(--plasma-combobox-new-textfield__label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-combobox-new-textfield__label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-combobox-new-textfield__label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-combobox-new-textfield-placement_inner__label-font-family);--plasma-textfield-placement_inner__label-font-style:var(--plasma-combobox-new-textfield-placement_inner__label-font-style);--plasma-textfield-placement_inner__label-font-size:var(--plasma-combobox-new-textfield-placement_inner__label-font-size);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-combobox-new-textfield-placement_inner__label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-combobox-new-textfield-placement_inner__label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-combobox-new-textfield-placement_inner__label-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-combobox-new-textfield-placement_inner__label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-combobox-new-textfield-placement_inner__content-padding);--plasma-textfield__left-helper-color:var(--plasma-combobox-new-textfield__left-helper-color);--plasma-textfield__left-helper-color-readonly:var(--plasma-combobox-new-textfield__left-helper-color-readonly);--plasma-textfield__left-helper-offset:var(--plasma-combobox-new-textfield__left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-combobox-new-textfield__left-helper-font-family);--plasma-textfield__left-helper-font-style:var(--plasma-combobox-new-textfield__left-helper-font-style);--plasma-textfield__left-helper-font-size:var(--plasma-combobox-new-textfield__left-helper-font-size);--plasma-textfield__left-helper-font-weight:var(--plasma-combobox-new-textfield__left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-combobox-new-textfield__left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-combobox-new-textfield__left-helper-line-height);--plasma-textfield__before-text-color:var(--plasma-combobox-new-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-combobox-new-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-combobox-new-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-combobox-new-textfield__after-text-margin);--plasma-textfield-disabled-opacity:var(--plasma-combobox-new-textfield-disabled-opacity);--plasma-textfield-focus-color:var(--plasma-combobox-new-textfield-focus-color);--plasma-textfield__chip-close-icon-color:var(--plasma-combobox-new-textfield-chip-close-icons-color);--plasma-textfield__chip-color:var(--plasma-combobox-new-textfield-chip-color);--plasma-textfield__chip-background:var(--plasma-combobox-new-textfield--chip-background);--plasma-textfield__chip-color-hover:var(--plasma-combobox-new-textfield-chip-color-hover);--plasma-textfield__chip-background-hover:var(--plasma-combobox-new-textfield-chip-background-hover);--plasma-textfield__chip-color-active:var(--plasma-combobox-new-textfield-chip-color-active);--plasma-textfield__chip-background-active:var(--plasma-combobox-new-textfield-chip-background-active);--plasma-textfield__chip-background-readonly:var(--plasma-combobox-new-textfield-chip-background-read-only);--plasma-textfield__chip-color-readonly:var(--plasma-combobox-new-textfield-chip-color-read-only);--plasma-textfield__chip-background-readonly-hover:var(--plasma-combobox-new-textfield-chip-background-read-only-hover);--plasma-textfield__chip-color-readonly-hover:var(--plasma-combobox-new-textfield-chip-color-read-only-hover);--plasma-textfield__chip-opacity-readonly:var(--plasma-combobox-new-textfield-chip-opacity-read-only);--plasma-textfield__chip-gap:var(--plasma-combobox-new-textfield-chip-gap);--plasma-textfield__chip-border-radius:var(--plasma-combobox-new-textfield-chip-border-radius);--plasma-textfield__chip-width:var(--plasma-combobox-new-textfield-chip-width);--plasma-textfield__chip-height:var(--plasma-combobox-new-textfield-chip-height);--plasma-textfield__chip-padding-right:var(--plasma-combobox-new-textfield-chip-padding-right);--plasma-textfield__chip-padding-left:var(--plasma-combobox-new-textfield-chip-padding-left);--plasma-textfield__chip-clear-content-margin-left:var(--plasma-combobox-new-textfield-chip-clear-content-margin-left);--plasma-textfield__chip-clear-content-margin-right:var(--plasma-combobox-new-textfield-chip-clear-content-margin-right);--plasma-textfield__chip-close-icon-size:var(--plasma-combobox-new-textfield-chip-close-icon-size);--plasma-textfield__chip-font-family:var(--plasma-combobox-new-textfield-chip-font-family);--plasma-textfield__chip-font-size:var(--plasma-combobox-new-textfield-chip-font-size);--plasma-textfield__chip-font-style:var(--plasma-combobox-new-textfield-chip-font-style);--plasma-textfield__chip-font-weight:var(--plasma-combobox-new-textfield-chip-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-combobox-new-textfield-chip-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-combobox-new-textfield-chip-line-height);--plasma-textfield-padding-with-chips:var(--plasma-combobox-new-textfield-padding-with-chips);}
 
-.Combobox_styles_1bdcydw_uxiiees__06ae04d6{box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);border-radius:var(--plasma-combobox-border-radius);width:var(--uxiiees-0);height:var(--uxiiees-1);overflow:var(--uxiiees-2);margin:var(--uxiiees-3);padding:var(--plasma-combobox-padding) 0;}
+.Combobox_styles_1vz3bs3_uxiiees__39750eb3{box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);border-radius:var(--plasma-combobox-border-radius);width:var(--uxiiees-0);height:var(--uxiiees-1);overflow:var(--uxiiees-2);margin:var(--uxiiees-3);padding:var(--plasma-combobox-padding) 0;}
+.Combobox_styles_1vz3bs3_i1veo3wn__39750eb3{line-height:0;color:var(--text-secondary);}.Combobox_styles_1vz3bs3_i1veo3wn__39750eb3 .Combobox_styles_1vz3bs3_arrowInverse__39750eb3{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
+
 
 
 .base_x252cy_b17hdes8__856a05b7 input[type='checkbox']:indeterminate + .base_x252cy_s1u3nd7e__856a05b7 .base_x252cy_sft3zxv__856a05b7{border:none;background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-fill-color);}.base_x252cy_b17hdes8__856a05b7 input:checked + .base_x252cy_s1u3nd7e__856a05b7 .base_x252cy_sft3zxv__856a05b7{border:none;background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-fill-color);}

package/es/index.css

@@ -472,7 +472,9 @@
 
 .Target_styles_1y5ups3_s1wiuml6__7a46cf8a{--plasma-textfield-color:var(--plasma-combobox-new-textfield-color);--plasma-textfield-bg-color:var(--plasma-combobox-new-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-combobox-new-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-combobox-new-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-combobox-new-textfield-border-color);--plasma-textfield-border-color-hover:var(--plasma-combobox-new-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-combobox-new-textfield-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-combobox-new-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-combobox-new-textfield-bg-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-combobox-new-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-combobox-new-textfield__placeholder-color-readonly);--plasma-textfield__caret-color:var(--plasma-combobox-new-textfield-caret-color);--plasma-textfield__placeholder-color:var(--plasma-combobox-new-textfield-placeholder-color);--plasma-textfield-height:var(--plasma-combobox-new-textfield-height);--plasma-textfield-border-width:var(--plasma-combobox-new-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-combobox-new-textfield-border-radius);--plasma-textfield-padding:var(--plasma-combobox-new-textfield-padding);--plasma-textfield__left-content-margin:var(--plasma-combobox-new-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-combobox-new-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-combobox-new-textfield-font-family);--plasma-textfield-font-style:var(--plasma-combobox-new-textfield-font-style);--plasma-textfield-font-size:var(--plasma-combobox-new-textfield-font-size);--plasma-textfield-font-weight:var(--plasma-combobox-new-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-combobox-new-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-combobox-new-textfield-line-height);--plasma-textfield__label-color:var(--plasma-combobox-new-textfield-label-color);--plasma-textfield__label-color-readonly:var(--plasma-combobox-new-textfield__label-color-readonly);--plasma-textfield__label-offset:var(--plasma-combobox-new-textfield__label-offset);--plasma-textfield__label-font-family:var(--plasma-combobox-new-textfield__label-font-family);--plasma-textfield__label-font-style:var(--plasma-combobox-new-textfield__label-font-style);--plasma-textfield__label-font-size:var(--plasma-combobox-new-textfield__label-font-size);--plasma-textfield__label-font-weight:var(--plasma-combobox-new-textfield__label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-combobox-new-textfield__label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-combobox-new-textfield__label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-combobox-new-textfield-placement_inner__label-font-family);--plasma-textfield-placement_inner__label-font-style:var(--plasma-combobox-new-textfield-placement_inner__label-font-style);--plasma-textfield-placement_inner__label-font-size:var(--plasma-combobox-new-textfield-placement_inner__label-font-size);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-combobox-new-textfield-placement_inner__label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-combobox-new-textfield-placement_inner__label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-combobox-new-textfield-placement_inner__label-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-combobox-new-textfield-placement_inner__label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-combobox-new-textfield-placement_inner__content-padding);--plasma-textfield__left-helper-color:var(--plasma-combobox-new-textfield__left-helper-color);--plasma-textfield__left-helper-color-readonly:var(--plasma-combobox-new-textfield__left-helper-color-readonly);--plasma-textfield__left-helper-offset:var(--plasma-combobox-new-textfield__left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-combobox-new-textfield__left-helper-font-family);--plasma-textfield__left-helper-font-style:var(--plasma-combobox-new-textfield__left-helper-font-style);--plasma-textfield__left-helper-font-size:var(--plasma-combobox-new-textfield__left-helper-font-size);--plasma-textfield__left-helper-font-weight:var(--plasma-combobox-new-textfield__left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-combobox-new-textfield__left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-combobox-new-textfield__left-helper-line-height);--plasma-textfield__before-text-color:var(--plasma-combobox-new-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-combobox-new-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-combobox-new-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-combobox-new-textfield__after-text-margin);--plasma-textfield-disabled-opacity:var(--plasma-combobox-new-textfield-disabled-opacity);--plasma-textfield-focus-color:var(--plasma-combobox-new-textfield-focus-color);--plasma-textfield__chip-close-icon-color:var(--plasma-combobox-new-textfield-chip-close-icons-color);--plasma-textfield__chip-color:var(--plasma-combobox-new-textfield-chip-color);--plasma-textfield__chip-background:var(--plasma-combobox-new-textfield--chip-background);--plasma-textfield__chip-color-hover:var(--plasma-combobox-new-textfield-chip-color-hover);--plasma-textfield__chip-background-hover:var(--plasma-combobox-new-textfield-chip-background-hover);--plasma-textfield__chip-color-active:var(--plasma-combobox-new-textfield-chip-color-active);--plasma-textfield__chip-background-active:var(--plasma-combobox-new-textfield-chip-background-active);--plasma-textfield__chip-background-readonly:var(--plasma-combobox-new-textfield-chip-background-read-only);--plasma-textfield__chip-color-readonly:var(--plasma-combobox-new-textfield-chip-color-read-only);--plasma-textfield__chip-background-readonly-hover:var(--plasma-combobox-new-textfield-chip-background-read-only-hover);--plasma-textfield__chip-color-readonly-hover:var(--plasma-combobox-new-textfield-chip-color-read-only-hover);--plasma-textfield__chip-opacity-readonly:var(--plasma-combobox-new-textfield-chip-opacity-read-only);--plasma-textfield__chip-gap:var(--plasma-combobox-new-textfield-chip-gap);--plasma-textfield__chip-border-radius:var(--plasma-combobox-new-textfield-chip-border-radius);--plasma-textfield__chip-width:var(--plasma-combobox-new-textfield-chip-width);--plasma-textfield__chip-height:var(--plasma-combobox-new-textfield-chip-height);--plasma-textfield__chip-padding-right:var(--plasma-combobox-new-textfield-chip-padding-right);--plasma-textfield__chip-padding-left:var(--plasma-combobox-new-textfield-chip-padding-left);--plasma-textfield__chip-clear-content-margin-left:var(--plasma-combobox-new-textfield-chip-clear-content-margin-left);--plasma-textfield__chip-clear-content-margin-right:var(--plasma-combobox-new-textfield-chip-clear-content-margin-right);--plasma-textfield__chip-close-icon-size:var(--plasma-combobox-new-textfield-chip-close-icon-size);--plasma-textfield__chip-font-family:var(--plasma-combobox-new-textfield-chip-font-family);--plasma-textfield__chip-font-size:var(--plasma-combobox-new-textfield-chip-font-size);--plasma-textfield__chip-font-style:var(--plasma-combobox-new-textfield-chip-font-style);--plasma-textfield__chip-font-weight:var(--plasma-combobox-new-textfield-chip-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-combobox-new-textfield-chip-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-combobox-new-textfield-chip-line-height);--plasma-textfield-padding-with-chips:var(--plasma-combobox-new-textfield-padding-with-chips);}
 
-.Combobox_styles_1bdcydw_uxiiees__06ae04d6{box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);border-radius:var(--plasma-combobox-border-radius);width:var(--uxiiees-0);height:var(--uxiiees-1);overflow:var(--uxiiees-2);margin:var(--uxiiees-3);padding:var(--plasma-combobox-padding) 0;}
+.Combobox_styles_1vz3bs3_uxiiees__39750eb3{box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);border-radius:var(--plasma-combobox-border-radius);width:var(--uxiiees-0);height:var(--uxiiees-1);overflow:var(--uxiiees-2);margin:var(--uxiiees-3);padding:var(--plasma-combobox-padding) 0;}
+.Combobox_styles_1vz3bs3_i1veo3wn__39750eb3{line-height:0;color:var(--text-secondary);}.Combobox_styles_1vz3bs3_i1veo3wn__39750eb3 .Combobox_styles_1vz3bs3_arrowInverse__39750eb3{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
+
 
 
 .Indicator_styles_v8giip_b5hgwnm__ffd4472f{border-radius:100%;}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.134.0-canary.1406.10622689231.0",
+  "version": "0.134.0-canary.1406.10628421547.0",
   "description": "Salute Design System blueprint",
   "main": "cjs/index.js",
   "module": "es/index.js",
@@ -121,5 +121,5 @@
     "react-popper": "2.3.0",
     "storeon": "3.1.5"
   },
-  "gitHead": "3aa387361f0402b3306d6b09a19d7f301e9f94d7"
+  "gitHead": "d9297236e0481ba129247272269737e92b574cea"
 }

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

@@ -9,13 +9,15 @@ var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react")
 var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
 var _utils = /*#__PURE__*/require("../../../utils");
 var _hooks = /*#__PURE__*/require("../../../hooks");
+var _utils2 = /*#__PURE__*/require("../../Select/utils");
+var _Combobox = /*#__PURE__*/require("./Combobox.tokens");
 var _FloatingPopover = /*#__PURE__*/require("./FloatingPopover");
 var _useKeyboardNavigation = /*#__PURE__*/require("./hooks/useKeyboardNavigation");
-var _utils2 = /*#__PURE__*/require("./utils");
+var _utils3 = /*#__PURE__*/require("./utils");
 var _ui = /*#__PURE__*/require("./ui");
 var _reducers = /*#__PURE__*/require("./reducers");
 var _getPathMaps = /*#__PURE__*/require("./hooks/getPathMaps");
-var _Combobox = /*#__PURE__*/require("./Combobox.styles");
+var _Combobox2 = /*#__PURE__*/require("./Combobox.styles");
 var _base = /*#__PURE__*/require("./variations/_view/base");
 var _base2 = /*#__PURE__*/require("./variations/_size/base");
 var _excluded = ["multiple", "value", "onChange", "isTargetAmount", "items", "placement", "label", "placeholder", "helperText", "contentLeft", "contentRight", "textBefore", "textAfter", "variant", "listOverflow", "listHeight", "listWidth", "portal", "renderItem", "view", "size", "labelPlacement", "readOnly", "disabled", "filter"];
@@ -82,9 +84,9 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
     var inputForkRef = (0, _plasmaCore.useForkRef)(inputRef, ref);
     var treeId = (0, _plasmaCore.safeUseId)();
     var transformedItems = (0, _react.useMemo)(function () {
-      return (0, _utils2.initialItemsTransform)(items || []);
+      return (0, _utils3.initialItemsTransform)(items || []);
     }, [items]);
-    var filteredItems = (0, _utils2.filterItems)(transformedItems, textValue,
+    var filteredItems = (0, _utils3.filterItems)(transformedItems, textValue,
     // valueToItemMap.get(value as string)?.label as string,
     filter);
 
@@ -189,12 +191,12 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
         var checkedCopy = new Map(checked);
         if (!checkedCopy.get(item.value)) {
           checkedCopy.set(item.value, true);
-          (0, _utils2.updateDescendants)(item, checkedCopy, true);
+          (0, _utils3.updateDescendants)(item, checkedCopy, true);
         } else {
           checkedCopy.set(item.value, false);
-          (0, _utils2.updateDescendants)(item, checkedCopy, false);
+          (0, _utils3.updateDescendants)(item, checkedCopy, false);
         }
-        (0, _utils2.updateAncestors)(item, checkedCopy);
+        (0, _utils3.updateAncestors)(item, checkedCopy);
         var newValues = [];
         valueToItemMap.forEach(function (item, key) {
           if (checkedCopy.get(key)) {
@@ -235,7 +237,7 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
         });
         if (!isCurrentChecked) {
           checkedCopy.set(item.value, 'done');
-          (0, _utils2.updateSingleAncestors)(item, checkedCopy, 'dot');
+          (0, _utils3.updateSingleAncestors)(item, checkedCopy, 'dot');
         }
         setTextValue(isCurrentChecked ? '' : item.label);
         dispatchPath({
@@ -293,18 +295,19 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
         if (Array.isArray(value)) {
           value.forEach(function (val) {
             checkedCopy.set(val, true);
-            (0, _utils2.updateDescendants)(valueToItemMap.get(val), checkedCopy, true);
-            (0, _utils2.updateAncestors)(valueToItemMap.get(val), checkedCopy);
+            (0, _utils3.updateDescendants)(valueToItemMap.get(val), checkedCopy, true);
+            (0, _utils3.updateAncestors)(valueToItemMap.get(val), checkedCopy);
           });
         } else {
           checkedCopy.set(value, 'done');
-          (0, _utils2.updateSingleAncestors)(valueToItemMap.get(value), checkedCopy, 'dot');
+          (0, _utils3.updateSingleAncestors)(valueToItemMap.get(value), checkedCopy, 'dot');
         }
       }
       setChecked(checkedCopy);
     }, [value]);
     var isCurrentListOpen = Boolean(path[0]);
     var activeDescendantItemValue = ((_getItemByFocused = (0, _useKeyboardNavigation.getItemByFocused)(focusedPath, focusedToValueMap)) === null || _getItemByFocused === void 0 ? void 0 : _getItemByFocused.value) || '';
+    var withArrowInverse = isCurrentListOpen ? _Combobox.classes.arrowInverse : undefined;
     return /*#__PURE__*/_react["default"].createElement(Root, {
       size: size,
       view: view,
@@ -346,7 +349,11 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
           label: label,
           placeholder: placeholder,
           contentLeft: contentLeft,
-          contentRight: contentRight,
+          contentRight: /*#__PURE__*/_react["default"].createElement(_Combobox2.IconArrowWrapper, null, /*#__PURE__*/_react["default"].createElement(_Combobox2.StyledArrow, {
+            color: "inherit",
+            size: (0, _utils2.sizeToIconSize)(size),
+            className: withArrowInverse
+          })),
           textBefore: textBefore,
           textAfter: textAfter,
           onKeyDown: onKeyDown,
@@ -355,7 +362,7 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
           "aria-autocomplete": "list",
           "aria-controls": "".concat(treeId, "_tree_level_1"),
           "aria-expanded": isCurrentListOpen,
-          "aria-activedescendant": activeDescendantItemValue ? (0, _utils2.getItemId)(treeId, activeDescendantItemValue) : ''
+          "aria-activedescendant": activeDescendantItemValue ? (0, _utils3.getItemId)(treeId, activeDescendantItemValue) : ''
         }, multiple ? {
           enumerationType: 'chip',
           chips: getChips(),
@@ -372,7 +379,7 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
       labelPlacement: labelPlacement,
       disabled: disabled,
       readOnly: readOnly
-    }, /*#__PURE__*/_react["default"].createElement(_Combobox.Ul, {
+    }, /*#__PURE__*/_react["default"].createElement(_Combobox2.Ul, {
       role: "tree",
       id: "".concat(treeId, "_tree_level_1"),
       "aria-multiselectable": Boolean(multiple),
@@ -397,7 +404,7 @@ var comboboxConfig = exports.comboboxConfig = {
   name: 'Select',
   tag: 'div',
   layout: comboboxRoot,
-  base: _Combobox.base,
+  base: _Combobox2.base,
   variations: {
     view: {
       css: _base.base

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

@@ -4,8 +4,9 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.base = exports.Ul = void 0;
+exports.base = exports.Ul = exports.StyledArrow = exports.IconArrowWrapper = void 0;
 var _styledComponents = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("styled-components"));
+var _Icon = /*#__PURE__*/require("../../_Icon");
 var _Combobox = /*#__PURE__*/require("./Combobox.tokens");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
@@ -24,4 +25,10 @@ var Ul = exports.Ul = /*#__PURE__*/_styledComponents["default"].ul.withConfig({
   var isInnerUl = _ref4.isInnerUl;
   return isInnerUl ? "calc(var(".concat(_Combobox.tokens.padding, ") * -1) 0 0 0") : 0;
 }, _Combobox.tokens.padding);
+var IconArrowWrapper = exports.IconArrowWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-2kddkg-1"
+})(["line-height:0;color:var(", ");.", "{transform:rotate(-180deg);}"], _Combobox.constants.disclosureIconColor, _Combobox.classes.arrowInverse);
+var StyledArrow = exports.StyledArrow = /*#__PURE__*/(0, _styledComponents["default"])(_Icon.IconDisclosureDownCentered).withConfig({
+  componentId: "plasma-new-hope__sc-2kddkg-2"
+})([""]);
 var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([""]);