@salutejs/plasma-new-hope 0.193.0-canary.1550.11805988388.0 → 0.193.0-canary.1558.11807380775.0

package/emotion/es/components/Select/Select.styles.js

@@ -1,21 +1,39 @@
 import _styled from "@emotion/styled/base";
 import { css } from '@emotion/react';
+import { component } from '../../engines';
+import { popoverClasses, popoverConfig } from '../Popover';
 import { getCorrectHeight } from './utils';
 import { tokens, constants } from './Select.tokens';
+var Popover = /*#__PURE__*/component(popoverConfig);
+export var StyledPopover = /*#__PURE__*/_styled(Popover, {
+  target: "e1ea4cwt3",
+  label: "plasma-new-hope__StyledPopover"
+})(".", /*#__PURE__*/String(popoverClasses.root), "{width:", function (_ref) {
+  var listWidth = _ref.listWidth;
+  return listWidth || '100%';
+}, ";}.", /*#__PURE__*/String(popoverClasses.target), "{width:100%;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VsZWN0L1NlbGVjdC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWXNGIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VsZWN0L1NlbGVjdC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGNvbXBvbmVudCB9IGZyb20gJy4uLy4uL2VuZ2luZXMnO1xuaW1wb3J0IHsgcG9wb3ZlckNsYXNzZXMsIHBvcG92ZXJDb25maWcgfSBmcm9tICcuLi9Qb3BvdmVyJztcblxuaW1wb3J0IHsgZ2V0Q29ycmVjdEhlaWdodCB9IGZyb20gJy4vdXRpbHMnO1xuaW1wb3J0IHsgU2VsZWN0UHJvcHMgfSBmcm9tICcuL1NlbGVjdC50eXBlcyc7XG5pbXBvcnQgeyB0b2tlbnMsIGNvbnN0YW50cyB9IGZyb20gJy4vU2VsZWN0LnRva2Vucyc7XG5cbmNvbnN0IFBvcG92ZXIgPSBjb21wb25lbnQocG9wb3ZlckNvbmZpZyk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQb3BvdmVyID0gc3R5bGVkKFBvcG92ZXIpPHsgbGlzdFdpZHRoPzogU2VsZWN0UHJvcHNbJ2xpc3RXaWR0aCddIH0+YFxuICAgIC4ke1N0cmluZyhwb3BvdmVyQ2xhc3Nlcy5yb290KX0ge1xuICAgICAgICB3aWR0aDogJHsoeyBsaXN0V2lkdGggfSkgPT4gbGlzdFdpZHRoIHx8ICcxMDAlJ307XG4gICAgfVxuXG4gICAgLiR7U3RyaW5nKHBvcG92ZXJDbGFzc2VzLnRhcmdldCl9IHtcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFVsID0gc3R5bGVkLnVsPHtcbiAgICBsaXN0T3ZlcmZsb3c/OiBTZWxlY3RQcm9wc1snbGlzdE92ZXJmbG93J107XG4gICAgbGlzdEhlaWdodD86IFNlbGVjdFByb3BzWydsaXN0SGVpZ2h0J107XG4gICAgbGlzdFdpZHRoPzogU2VsZWN0UHJvcHNbJ2xpc3RXaWR0aCddO1xuICAgIGlzSW5uZXJVbD86IGJvb2xlYW47XG59PmBcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXG4gICAgYmFja2dyb3VuZDogdmFyKCR7Y29uc3RhbnRzLmJhY2tncm91bmR9KTtcbiAgICBib3gtc2hhZG93OiAke2NvbnN0YW50cy5ib3hTaGFkb3d9O1xuXG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmJvcmRlclJhZGl1c30pO1xuICAgIHdpZHRoOiAkeyh7IGxpc3RXaWR0aCB9KSA9PiBsaXN0V2lkdGggfHwgJzEwMCUnfTtcbiAgICBoZWlnaHQ6ICR7KHsgbGlzdEhlaWdodCB9KSA9PiAobGlzdEhlaWdodCA/IGdldENvcnJlY3RIZWlnaHQobGlzdEhlaWdodCkgOiAnYXV0bycpfTtcbiAgICBvdmVyZmxvdzogJHsoeyBsaXN0T3ZlcmZsb3cgfSkgPT4gbGlzdE92ZXJmbG93IHx8ICdpbml0aWFsJ307XG4gICAgYm9yZGVyOiB2YXIoJHt0b2tlbnMucG9wb3ZlckJvcmRlcldpZHRofSkgc29saWQgdmFyKCR7dG9rZW5zLnBvcG92ZXJCb3JkZXJDb2xvcn0pO1xuXG4gICAgbWFyZ2luOiAkeyh7IGlzSW5uZXJVbCB9KSA9PiAoaXNJbm5lclVsID8gYGNhbGModmFyKCR7dG9rZW5zLnBhZGRpbmd9KSAqIC0xKSAwIDAgdmFyKCR7dG9rZW5zLnBhZGRpbmd9KWAgOiAwKX07XG4gICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLnBhZGRpbmd9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIC4ke3BvcG92ZXJDbGFzc2VzLndyYXBwZXJ9LCAuJHtwb3BvdmVyQ2xhc3Nlcy50YXJnZXR9IHtcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IE91dGVyTGFiZWwgPSBzdHlsZWQubGFiZWxgXG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgbWFyZ2luLWJvdHRvbTogdmFyKCR7dG9rZW5zLmxhYmVsT2Zmc2V0fSk7XG4gICAgY29sb3I6IHZhcigke2NvbnN0YW50cy50ZXh0ZmllbGRPdXRlckxhYmVsQ29sb3J9KTtcblxuICAgIGZvbnQtZmFtaWx5OiB2YXIoJHt0b2tlbnMubGFiZWxGb250RmFtaWx5fSk7XG4gICAgZm9udC1zaXplOiB2YXIoJHt0b2tlbnMubGFiZWxGb250U2l6ZX0pO1xuICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy5sYWJlbEZvbnRTdHlsZX0pO1xuICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHt0b2tlbnMubGFiZWxGb250V2VpZ2h0fSk7XG4gICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy5sYWJlbEZvbnRMZXR0ZXJTcGFjaW5nfSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy5sYWJlbEZvbnRMaW5lSGVpZ2h0fSk7XG5gO1xuXG5leHBvcnQgY29uc3QgSGVscGVyVGV4dCA9IHN0eWxlZC5kaXZgXG4gICAgbWFyZ2luLXRvcDogdmFyKCR7dG9rZW5zLmhlbHBlclRleHRPZmZzZXR9KTtcbiAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmhlbHBlclRleHRDb2xvcn0pO1xuICAgIGZvbnQtZmFtaWx5OiB2YXIoJHt0b2tlbnMuaGVscGVyVGV4dEZvbnRGYW1pbHl9KTtcbiAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy5oZWxwZXJUZXh0Rm9udFNpemV9KTtcbiAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMuaGVscGVyVGV4dEZvbnRTdHlsZX0pO1xuICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHt0b2tlbnMuaGVscGVyVGV4dEZvbnRXZWlnaHR9KTtcbiAgICBsZXR0ZXItc3BhY2luZzogdmFyKCR7dG9rZW5zLmhlbHBlclRleHRGb250TGV0dGVyU3BhY2luZ30pO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMuaGVscGVyVGV4dEZvbnRMaW5lSGVpZ2h0fSk7XG5gO1xuIl19 */"));
 export var Ul = /*#__PURE__*/_styled("ul", {
-  target: "e1ea4cwt0",
+  target: "e1ea4cwt2",
   label: "plasma-new-hope__Ul"
-})("box-sizing:border-box;background:var(", constants.background, ");box-shadow:", constants.boxShadow, ",inset 0 0 0 var(", tokens.dropdownBorderWidth, ", 0rem) var(", tokens.dropdownBorderColor, ", transparent);border-radius:var(", tokens.borderRadius, ");width:", function (_ref) {
-  var listWidth = _ref.listWidth;
+})("box-sizing:border-box;background:var(", constants.background, ");box-shadow:", constants.boxShadow, ";border-radius:var(", tokens.borderRadius, ");width:", function (_ref2) {
+  var listWidth = _ref2.listWidth;
   return listWidth || '100%';
-}, ";height:", function (_ref2) {
-  var listHeight = _ref2.listHeight;
+}, ";height:", function (_ref3) {
+  var listHeight = _ref3.listHeight;
   return listHeight ? getCorrectHeight(listHeight) : 'auto';
-}, ";overflow:", function (_ref3) {
-  var listOverflow = _ref3.listOverflow;
+}, ";overflow:", function (_ref4) {
+  var listOverflow = _ref4.listOverflow;
   return listOverflow || 'initial';
-}, ";margin:", function (_ref4) {
-  var isInnerUl = _ref4.isInnerUl;
-  return isInnerUl ? "calc(var(".concat(tokens.padding, ") * -1) 0 0 0") : 0;
-}, ";padding:calc(var(", tokens.padding, ") + var(", tokens.dropdownBorderWidth, ", 0rem)) 0;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VsZWN0L1NlbGVjdC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWUUiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9TZWxlY3QvU2VsZWN0LnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgZ2V0Q29ycmVjdEhlaWdodCB9IGZyb20gJy4vdXRpbHMnO1xuaW1wb3J0IHsgU2VsZWN0UHJvcHMgfSBmcm9tICcuL1NlbGVjdC50eXBlcyc7XG5pbXBvcnQgeyB0b2tlbnMsIGNvbnN0YW50cyB9IGZyb20gJy4vU2VsZWN0LnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBVbCA9IHN0eWxlZC51bDx7XG4gICAgbGlzdE92ZXJmbG93PzogU2VsZWN0UHJvcHNbJ2xpc3RPdmVyZmxvdyddO1xuICAgIGxpc3RIZWlnaHQ/OiBTZWxlY3RQcm9wc1snbGlzdEhlaWdodCddO1xuICAgIGxpc3RXaWR0aD86IFNlbGVjdFByb3BzWydsaXN0V2lkdGgnXTtcbiAgICBpc0lubmVyVWw/OiBib29sZWFuO1xufT5gXG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICAgIGJhY2tncm91bmQ6IHZhcigke2NvbnN0YW50cy5iYWNrZ3JvdW5kfSk7XG4gICAgYm94LXNoYWRvdzogJHtjb25zdGFudHMuYm94U2hhZG93fSxcbiAgICAgICAgaW5zZXQgMCAwIDAgdmFyKCR7dG9rZW5zLmRyb3Bkb3duQm9yZGVyV2lkdGh9LCAwcmVtKSB2YXIoJHt0b2tlbnMuZHJvcGRvd25Cb3JkZXJDb2xvcn0sIHRyYW5zcGFyZW50KTtcblxuICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5ib3JkZXJSYWRpdXN9KTtcbiAgICB3aWR0aDogJHsoeyBsaXN0V2lkdGggfSkgPT4gbGlzdFdpZHRoIHx8ICcxMDAlJ307XG4gICAgaGVpZ2h0OiAkeyh7IGxpc3RIZWlnaHQgfSkgPT4gKGxpc3RIZWlnaHQgPyBnZXRDb3JyZWN0SGVpZ2h0KGxpc3RIZWlnaHQpIDogJ2F1dG8nKX07XG4gICAgb3ZlcmZsb3c6ICR7KHsgbGlzdE92ZXJmbG93IH0pID0+IGxpc3RPdmVyZmxvdyB8fCAnaW5pdGlhbCd9O1xuXG4gICAgbWFyZ2luOiAkeyh7IGlzSW5uZXJVbCB9KSA9PiAoaXNJbm5lclVsID8gYGNhbGModmFyKCR7dG9rZW5zLnBhZGRpbmd9KSAqIC0xKSAwIDAgMGAgOiAwKX07XG4gICAgcGFkZGluZzogY2FsYyh2YXIoJHt0b2tlbnMucGFkZGluZ30pICsgdmFyKCR7dG9rZW5zLmRyb3Bkb3duQm9yZGVyV2lkdGh9LCAwcmVtKSkgMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYGA7XG4iXX0= */"));
-export var base = /*#__PURE__*/css(";label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VsZWN0L1NlbGVjdC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEJ1QiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1NlbGVjdC9TZWxlY3Quc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBnZXRDb3JyZWN0SGVpZ2h0IH0gZnJvbSAnLi91dGlscyc7XG5pbXBvcnQgeyBTZWxlY3RQcm9wcyB9IGZyb20gJy4vU2VsZWN0LnR5cGVzJztcbmltcG9ydCB7IHRva2VucywgY29uc3RhbnRzIH0gZnJvbSAnLi9TZWxlY3QudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IFVsID0gc3R5bGVkLnVsPHtcbiAgICBsaXN0T3ZlcmZsb3c/OiBTZWxlY3RQcm9wc1snbGlzdE92ZXJmbG93J107XG4gICAgbGlzdEhlaWdodD86IFNlbGVjdFByb3BzWydsaXN0SGVpZ2h0J107XG4gICAgbGlzdFdpZHRoPzogU2VsZWN0UHJvcHNbJ2xpc3RXaWR0aCddO1xuICAgIGlzSW5uZXJVbD86IGJvb2xlYW47XG59PmBcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXG4gICAgYmFja2dyb3VuZDogdmFyKCR7Y29uc3RhbnRzLmJhY2tncm91bmR9KTtcbiAgICBib3gtc2hhZG93OiAke2NvbnN0YW50cy5ib3hTaGFkb3d9LFxuICAgICAgICBpbnNldCAwIDAgMCB2YXIoJHt0b2tlbnMuZHJvcGRvd25Cb3JkZXJXaWR0aH0sIDByZW0pIHZhcigke3Rva2Vucy5kcm9wZG93bkJvcmRlckNvbG9yfSwgdHJhbnNwYXJlbnQpO1xuXG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmJvcmRlclJhZGl1c30pO1xuICAgIHdpZHRoOiAkeyh7IGxpc3RXaWR0aCB9KSA9PiBsaXN0V2lkdGggfHwgJzEwMCUnfTtcbiAgICBoZWlnaHQ6ICR7KHsgbGlzdEhlaWdodCB9KSA9PiAobGlzdEhlaWdodCA/IGdldENvcnJlY3RIZWlnaHQobGlzdEhlaWdodCkgOiAnYXV0bycpfTtcbiAgICBvdmVyZmxvdzogJHsoeyBsaXN0T3ZlcmZsb3cgfSkgPT4gbGlzdE92ZXJmbG93IHx8ICdpbml0aWFsJ307XG5cbiAgICBtYXJnaW46ICR7KHsgaXNJbm5lclVsIH0pID0+IChpc0lubmVyVWwgPyBgY2FsYyh2YXIoJHt0b2tlbnMucGFkZGluZ30pICogLTEpIDAgMCAwYCA6IDApfTtcbiAgICBwYWRkaW5nOiBjYWxjKHZhcigke3Rva2Vucy5wYWRkaW5nfSkgKyB2YXIoJHt0b2tlbnMuZHJvcGRvd25Cb3JkZXJXaWR0aH0sIDByZW0pKSAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgYDtcbiJdfQ== */"));
+}, ";border:var(", tokens.popoverBorderWidth, ") solid var(", tokens.popoverBorderColor, ");margin:", function (_ref5) {
+  var isInnerUl = _ref5.isInnerUl;
+  return isInnerUl ? "calc(var(".concat(tokens.padding, ") * -1) 0 0 var(").concat(tokens.padding, ")") : 0;
+}, ";padding:var(", tokens.padding, ");" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VsZWN0L1NlbGVjdC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkJFIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VsZWN0L1NlbGVjdC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGNvbXBvbmVudCB9IGZyb20gJy4uLy4uL2VuZ2luZXMnO1xuaW1wb3J0IHsgcG9wb3ZlckNsYXNzZXMsIHBvcG92ZXJDb25maWcgfSBmcm9tICcuLi9Qb3BvdmVyJztcblxuaW1wb3J0IHsgZ2V0Q29ycmVjdEhlaWdodCB9IGZyb20gJy4vdXRpbHMnO1xuaW1wb3J0IHsgU2VsZWN0UHJvcHMgfSBmcm9tICcuL1NlbGVjdC50eXBlcyc7XG5pbXBvcnQgeyB0b2tlbnMsIGNvbnN0YW50cyB9IGZyb20gJy4vU2VsZWN0LnRva2Vucyc7XG5cbmNvbnN0IFBvcG92ZXIgPSBjb21wb25lbnQocG9wb3ZlckNvbmZpZyk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQb3BvdmVyID0gc3R5bGVkKFBvcG92ZXIpPHsgbGlzdFdpZHRoPzogU2VsZWN0UHJvcHNbJ2xpc3RXaWR0aCddIH0+YFxuICAgIC4ke1N0cmluZyhwb3BvdmVyQ2xhc3Nlcy5yb290KX0ge1xuICAgICAgICB3aWR0aDogJHsoeyBsaXN0V2lkdGggfSkgPT4gbGlzdFdpZHRoIHx8ICcxMDAlJ307XG4gICAgfVxuXG4gICAgLiR7U3RyaW5nKHBvcG92ZXJDbGFzc2VzLnRhcmdldCl9IHtcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFVsID0gc3R5bGVkLnVsPHtcbiAgICBsaXN0T3ZlcmZsb3c/OiBTZWxlY3RQcm9wc1snbGlzdE92ZXJmbG93J107XG4gICAgbGlzdEhlaWdodD86IFNlbGVjdFByb3BzWydsaXN0SGVpZ2h0J107XG4gICAgbGlzdFdpZHRoPzogU2VsZWN0UHJvcHNbJ2xpc3RXaWR0aCddO1xuICAgIGlzSW5uZXJVbD86IGJvb2xlYW47XG59PmBcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXG4gICAgYmFja2dyb3VuZDogdmFyKCR7Y29uc3RhbnRzLmJhY2tncm91bmR9KTtcbiAgICBib3gtc2hhZG93OiAke2NvbnN0YW50cy5ib3hTaGFkb3d9O1xuXG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmJvcmRlclJhZGl1c30pO1xuICAgIHdpZHRoOiAkeyh7IGxpc3RXaWR0aCB9KSA9PiBsaXN0V2lkdGggfHwgJzEwMCUnfTtcbiAgICBoZWlnaHQ6ICR7KHsgbGlzdEhlaWdodCB9KSA9PiAobGlzdEhlaWdodCA/IGdldENvcnJlY3RIZWlnaHQobGlzdEhlaWdodCkgOiAnYXV0bycpfTtcbiAgICBvdmVyZmxvdzogJHsoeyBsaXN0T3ZlcmZsb3cgfSkgPT4gbGlzdE92ZXJmbG93IHx8ICdpbml0aWFsJ307XG4gICAgYm9yZGVyOiB2YXIoJHt0b2tlbnMucG9wb3ZlckJvcmRlcldpZHRofSkgc29saWQgdmFyKCR7dG9rZW5zLnBvcG92ZXJCb3JkZXJDb2xvcn0pO1xuXG4gICAgbWFyZ2luOiAkeyh7IGlzSW5uZXJVbCB9KSA9PiAoaXNJbm5lclVsID8gYGNhbGModmFyKCR7dG9rZW5zLnBhZGRpbmd9KSAqIC0xKSAwIDAgdmFyKCR7dG9rZW5zLnBhZGRpbmd9KWAgOiAwKX07XG4gICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLnBhZGRpbmd9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIC4ke3BvcG92ZXJDbGFzc2VzLndyYXBwZXJ9LCAuJHtwb3BvdmVyQ2xhc3Nlcy50YXJnZXR9IHtcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IE91dGVyTGFiZWwgPSBzdHlsZWQubGFiZWxgXG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgbWFyZ2luLWJvdHRvbTogdmFyKCR7dG9rZW5zLmxhYmVsT2Zmc2V0fSk7XG4gICAgY29sb3I6IHZhcigke2NvbnN0YW50cy50ZXh0ZmllbGRPdXRlckxhYmVsQ29sb3J9KTtcblxuICAgIGZvbnQtZmFtaWx5OiB2YXIoJHt0b2tlbnMubGFiZWxGb250RmFtaWx5fSk7XG4gICAgZm9udC1zaXplOiB2YXIoJHt0b2tlbnMubGFiZWxGb250U2l6ZX0pO1xuICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy5sYWJlbEZvbnRTdHlsZX0pO1xuICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHt0b2tlbnMubGFiZWxGb250V2VpZ2h0fSk7XG4gICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy5sYWJlbEZvbnRMZXR0ZXJTcGFjaW5nfSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy5sYWJlbEZvbnRMaW5lSGVpZ2h0fSk7XG5gO1xuXG5leHBvcnQgY29uc3QgSGVscGVyVGV4dCA9IHN0eWxlZC5kaXZgXG4gICAgbWFyZ2luLXRvcDogdmFyKCR7dG9rZW5zLmhlbHBlclRleHRPZmZzZXR9KTtcbiAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmhlbHBlclRleHRDb2xvcn0pO1xuICAgIGZvbnQtZmFtaWx5OiB2YXIoJHt0b2tlbnMuaGVscGVyVGV4dEZvbnRGYW1pbHl9KTtcbiAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy5oZWxwZXJUZXh0Rm9udFNpemV9KTtcbiAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMuaGVscGVyVGV4dEZvbnRTdHlsZX0pO1xuICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHt0b2tlbnMuaGVscGVyVGV4dEZvbnRXZWlnaHR9KTtcbiAgICBsZXR0ZXItc3BhY2luZzogdmFyKCR7dG9rZW5zLmhlbHBlclRleHRGb250TGV0dGVyU3BhY2luZ30pO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMuaGVscGVyVGV4dEZvbnRMaW5lSGVpZ2h0fSk7XG5gO1xuIl19 */"));
+export var base = /*#__PURE__*/css(".", popoverClasses.wrapper, ",.", popoverClasses.target, "{display:block;};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VsZWN0L1NlbGVjdC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkN1QiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1NlbGVjdC9TZWxlY3Quc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBjb21wb25lbnQgfSBmcm9tICcuLi8uLi9lbmdpbmVzJztcbmltcG9ydCB7IHBvcG92ZXJDbGFzc2VzLCBwb3BvdmVyQ29uZmlnIH0gZnJvbSAnLi4vUG9wb3Zlcic7XG5cbmltcG9ydCB7IGdldENvcnJlY3RIZWlnaHQgfSBmcm9tICcuL3V0aWxzJztcbmltcG9ydCB7IFNlbGVjdFByb3BzIH0gZnJvbSAnLi9TZWxlY3QudHlwZXMnO1xuaW1wb3J0IHsgdG9rZW5zLCBjb25zdGFudHMgfSBmcm9tICcuL1NlbGVjdC50b2tlbnMnO1xuXG5jb25zdCBQb3BvdmVyID0gY29tcG9uZW50KHBvcG92ZXJDb25maWcpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUG9wb3ZlciA9IHN0eWxlZChQb3BvdmVyKTx7IGxpc3RXaWR0aD86IFNlbGVjdFByb3BzWydsaXN0V2lkdGgnXSB9PmBcbiAgICAuJHtTdHJpbmcocG9wb3ZlckNsYXNzZXMucm9vdCl9IHtcbiAgICAgICAgd2lkdGg6ICR7KHsgbGlzdFdpZHRoIH0pID0+IGxpc3RXaWR0aCB8fCAnMTAwJSd9O1xuICAgIH1cblxuICAgIC4ke1N0cmluZyhwb3BvdmVyQ2xhc3Nlcy50YXJnZXQpfSB7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBVbCA9IHN0eWxlZC51bDx7XG4gICAgbGlzdE92ZXJmbG93PzogU2VsZWN0UHJvcHNbJ2xpc3RPdmVyZmxvdyddO1xuICAgIGxpc3RIZWlnaHQ/OiBTZWxlY3RQcm9wc1snbGlzdEhlaWdodCddO1xuICAgIGxpc3RXaWR0aD86IFNlbGVjdFByb3BzWydsaXN0V2lkdGgnXTtcbiAgICBpc0lubmVyVWw/OiBib29sZWFuO1xufT5gXG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICAgIGJhY2tncm91bmQ6IHZhcigke2NvbnN0YW50cy5iYWNrZ3JvdW5kfSk7XG4gICAgYm94LXNoYWRvdzogJHtjb25zdGFudHMuYm94U2hhZG93fTtcblxuICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5ib3JkZXJSYWRpdXN9KTtcbiAgICB3aWR0aDogJHsoeyBsaXN0V2lkdGggfSkgPT4gbGlzdFdpZHRoIHx8ICcxMDAlJ307XG4gICAgaGVpZ2h0OiAkeyh7IGxpc3RIZWlnaHQgfSkgPT4gKGxpc3RIZWlnaHQgPyBnZXRDb3JyZWN0SGVpZ2h0KGxpc3RIZWlnaHQpIDogJ2F1dG8nKX07XG4gICAgb3ZlcmZsb3c6ICR7KHsgbGlzdE92ZXJmbG93IH0pID0+IGxpc3RPdmVyZmxvdyB8fCAnaW5pdGlhbCd9O1xuICAgIGJvcmRlcjogdmFyKCR7dG9rZW5zLnBvcG92ZXJCb3JkZXJXaWR0aH0pIHNvbGlkIHZhcigke3Rva2Vucy5wb3BvdmVyQm9yZGVyQ29sb3J9KTtcblxuICAgIG1hcmdpbjogJHsoeyBpc0lubmVyVWwgfSkgPT4gKGlzSW5uZXJVbCA/IGBjYWxjKHZhcigke3Rva2Vucy5wYWRkaW5nfSkgKiAtMSkgMCAwIHZhcigke3Rva2Vucy5wYWRkaW5nfSlgIDogMCl9O1xuICAgIHBhZGRpbmc6IHZhcigke3Rva2Vucy5wYWRkaW5nfSk7XG5gO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICAuJHtwb3BvdmVyQ2xhc3Nlcy53cmFwcGVyfSwgLiR7cG9wb3ZlckNsYXNzZXMudGFyZ2V0fSB7XG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBPdXRlckxhYmVsID0gc3R5bGVkLmxhYmVsYFxuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIG1hcmdpbi1ib3R0b206IHZhcigke3Rva2Vucy5sYWJlbE9mZnNldH0pO1xuICAgIGNvbG9yOiB2YXIoJHtjb25zdGFudHMudGV4dGZpZWxkT3V0ZXJMYWJlbENvbG9yfSk7XG5cbiAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLmxhYmVsRm9udEZhbWlseX0pO1xuICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLmxhYmVsRm9udFNpemV9KTtcbiAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMubGFiZWxGb250U3R5bGV9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLmxhYmVsRm9udFdlaWdodH0pO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMubGFiZWxGb250TGV0dGVyU3BhY2luZ30pO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMubGFiZWxGb250TGluZUhlaWdodH0pO1xuYDtcblxuZXhwb3J0IGNvbnN0IEhlbHBlclRleHQgPSBzdHlsZWQuZGl2YFxuICAgIG1hcmdpbi10b3A6IHZhcigke3Rva2Vucy5oZWxwZXJUZXh0T2Zmc2V0fSk7XG4gICAgY29sb3I6IHZhcigke3Rva2Vucy5oZWxwZXJUZXh0Q29sb3J9KTtcbiAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLmhlbHBlclRleHRGb250RmFtaWx5fSk7XG4gICAgZm9udC1zaXplOiB2YXIoJHt0b2tlbnMuaGVscGVyVGV4dEZvbnRTaXplfSk7XG4gICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLmhlbHBlclRleHRGb250U3R5bGV9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLmhlbHBlclRleHRGb250V2VpZ2h0fSk7XG4gICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy5oZWxwZXJUZXh0Rm9udExldHRlclNwYWNpbmd9KTtcbiAgICBsaW5lLWhlaWdodDogdmFyKCR7dG9rZW5zLmhlbHBlclRleHRGb250TGluZUhlaWdodH0pO1xuYDtcbiJdfQ== */"));
+export var OuterLabel = /*#__PURE__*/_styled("label", {
+  target: "e1ea4cwt1",
+  label: "plasma-new-hope__OuterLabel"
+})("display:block;margin-bottom:var(", tokens.labelOffset, ");color:var(", constants.textfieldOuterLabelColor, ");font-family:var(", tokens.labelFontFamily, ");font-size:var(", tokens.labelFontSize, ");font-style:var(", tokens.labelFontStyle, ");font-weight:var(", tokens.labelFontWeight, ");letter-spacing:var(", tokens.labelFontLetterSpacing, ");line-height:var(", tokens.labelFontLineHeight, ");" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VsZWN0L1NlbGVjdC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaURzQyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1NlbGVjdC9TZWxlY3Quc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBjb21wb25lbnQgfSBmcm9tICcuLi8uLi9lbmdpbmVzJztcbmltcG9ydCB7IHBvcG92ZXJDbGFzc2VzLCBwb3BvdmVyQ29uZmlnIH0gZnJvbSAnLi4vUG9wb3Zlcic7XG5cbmltcG9ydCB7IGdldENvcnJlY3RIZWlnaHQgfSBmcm9tICcuL3V0aWxzJztcbmltcG9ydCB7IFNlbGVjdFByb3BzIH0gZnJvbSAnLi9TZWxlY3QudHlwZXMnO1xuaW1wb3J0IHsgdG9rZW5zLCBjb25zdGFudHMgfSBmcm9tICcuL1NlbGVjdC50b2tlbnMnO1xuXG5jb25zdCBQb3BvdmVyID0gY29tcG9uZW50KHBvcG92ZXJDb25maWcpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUG9wb3ZlciA9IHN0eWxlZChQb3BvdmVyKTx7IGxpc3RXaWR0aD86IFNlbGVjdFByb3BzWydsaXN0V2lkdGgnXSB9PmBcbiAgICAuJHtTdHJpbmcocG9wb3ZlckNsYXNzZXMucm9vdCl9IHtcbiAgICAgICAgd2lkdGg6ICR7KHsgbGlzdFdpZHRoIH0pID0+IGxpc3RXaWR0aCB8fCAnMTAwJSd9O1xuICAgIH1cblxuICAgIC4ke1N0cmluZyhwb3BvdmVyQ2xhc3Nlcy50YXJnZXQpfSB7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBVbCA9IHN0eWxlZC51bDx7XG4gICAgbGlzdE92ZXJmbG93PzogU2VsZWN0UHJvcHNbJ2xpc3RPdmVyZmxvdyddO1xuICAgIGxpc3RIZWlnaHQ/OiBTZWxlY3RQcm9wc1snbGlzdEhlaWdodCddO1xuICAgIGxpc3RXaWR0aD86IFNlbGVjdFByb3BzWydsaXN0V2lkdGgnXTtcbiAgICBpc0lubmVyVWw/OiBib29sZWFuO1xufT5gXG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICAgIGJhY2tncm91bmQ6IHZhcigke2NvbnN0YW50cy5iYWNrZ3JvdW5kfSk7XG4gICAgYm94LXNoYWRvdzogJHtjb25zdGFudHMuYm94U2hhZG93fTtcblxuICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5ib3JkZXJSYWRpdXN9KTtcbiAgICB3aWR0aDogJHsoeyBsaXN0V2lkdGggfSkgPT4gbGlzdFdpZHRoIHx8ICcxMDAlJ307XG4gICAgaGVpZ2h0OiAkeyh7IGxpc3RIZWlnaHQgfSkgPT4gKGxpc3RIZWlnaHQgPyBnZXRDb3JyZWN0SGVpZ2h0KGxpc3RIZWlnaHQpIDogJ2F1dG8nKX07XG4gICAgb3ZlcmZsb3c6ICR7KHsgbGlzdE92ZXJmbG93IH0pID0+IGxpc3RPdmVyZmxvdyB8fCAnaW5pdGlhbCd9O1xuICAgIGJvcmRlcjogdmFyKCR7dG9rZW5zLnBvcG92ZXJCb3JkZXJXaWR0aH0pIHNvbGlkIHZhcigke3Rva2Vucy5wb3BvdmVyQm9yZGVyQ29sb3J9KTtcblxuICAgIG1hcmdpbjogJHsoeyBpc0lubmVyVWwgfSkgPT4gKGlzSW5uZXJVbCA/IGBjYWxjKHZhcigke3Rva2Vucy5wYWRkaW5nfSkgKiAtMSkgMCAwIHZhcigke3Rva2Vucy5wYWRkaW5nfSlgIDogMCl9O1xuICAgIHBhZGRpbmc6IHZhcigke3Rva2Vucy5wYWRkaW5nfSk7XG5gO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICAuJHtwb3BvdmVyQ2xhc3Nlcy53cmFwcGVyfSwgLiR7cG9wb3ZlckNsYXNzZXMudGFyZ2V0fSB7XG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBPdXRlckxhYmVsID0gc3R5bGVkLmxhYmVsYFxuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIG1hcmdpbi1ib3R0b206IHZhcigke3Rva2Vucy5sYWJlbE9mZnNldH0pO1xuICAgIGNvbG9yOiB2YXIoJHtjb25zdGFudHMudGV4dGZpZWxkT3V0ZXJMYWJlbENvbG9yfSk7XG5cbiAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLmxhYmVsRm9udEZhbWlseX0pO1xuICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLmxhYmVsRm9udFNpemV9KTtcbiAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMubGFiZWxGb250U3R5bGV9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLmxhYmVsRm9udFdlaWdodH0pO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMubGFiZWxGb250TGV0dGVyU3BhY2luZ30pO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMubGFiZWxGb250TGluZUhlaWdodH0pO1xuYDtcblxuZXhwb3J0IGNvbnN0IEhlbHBlclRleHQgPSBzdHlsZWQuZGl2YFxuICAgIG1hcmdpbi10b3A6IHZhcigke3Rva2Vucy5oZWxwZXJUZXh0T2Zmc2V0fSk7XG4gICAgY29sb3I6IHZhcigke3Rva2Vucy5oZWxwZXJUZXh0Q29sb3J9KTtcbiAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLmhlbHBlclRleHRGb250RmFtaWx5fSk7XG4gICAgZm9udC1zaXplOiB2YXIoJHt0b2tlbnMuaGVscGVyVGV4dEZvbnRTaXplfSk7XG4gICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLmhlbHBlclRleHRGb250U3R5bGV9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLmhlbHBlclRleHRGb250V2VpZ2h0fSk7XG4gICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy5oZWxwZXJUZXh0Rm9udExldHRlclNwYWNpbmd9KTtcbiAgICBsaW5lLWhlaWdodDogdmFyKCR7dG9rZW5zLmhlbHBlclRleHRGb250TGluZUhlaWdodH0pO1xuYDtcbiJdfQ== */"));
+export var HelperText = /*#__PURE__*/_styled("div", {
+  target: "e1ea4cwt0",
+  label: "plasma-new-hope__HelperText"
+})("margin-top:var(", tokens.helperTextOffset, ");color:var(", tokens.helperTextColor, ");font-family:var(", tokens.helperTextFontFamily, ");font-size:var(", tokens.helperTextFontSize, ");font-style:var(", tokens.helperTextFontStyle, ");font-weight:var(", tokens.helperTextFontWeight, ");letter-spacing:var(", tokens.helperTextFontLetterSpacing, ");line-height:var(", tokens.helperTextFontLineHeight, ");" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU2VsZWN0L1NlbGVjdC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOERvQyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1NlbGVjdC9TZWxlY3Quc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBjb21wb25lbnQgfSBmcm9tICcuLi8uLi9lbmdpbmVzJztcbmltcG9ydCB7IHBvcG92ZXJDbGFzc2VzLCBwb3BvdmVyQ29uZmlnIH0gZnJvbSAnLi4vUG9wb3Zlcic7XG5cbmltcG9ydCB7IGdldENvcnJlY3RIZWlnaHQgfSBmcm9tICcuL3V0aWxzJztcbmltcG9ydCB7IFNlbGVjdFByb3BzIH0gZnJvbSAnLi9TZWxlY3QudHlwZXMnO1xuaW1wb3J0IHsgdG9rZW5zLCBjb25zdGFudHMgfSBmcm9tICcuL1NlbGVjdC50b2tlbnMnO1xuXG5jb25zdCBQb3BvdmVyID0gY29tcG9uZW50KHBvcG92ZXJDb25maWcpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUG9wb3ZlciA9IHN0eWxlZChQb3BvdmVyKTx7IGxpc3RXaWR0aD86IFNlbGVjdFByb3BzWydsaXN0V2lkdGgnXSB9PmBcbiAgICAuJHtTdHJpbmcocG9wb3ZlckNsYXNzZXMucm9vdCl9IHtcbiAgICAgICAgd2lkdGg6ICR7KHsgbGlzdFdpZHRoIH0pID0+IGxpc3RXaWR0aCB8fCAnMTAwJSd9O1xuICAgIH1cblxuICAgIC4ke1N0cmluZyhwb3BvdmVyQ2xhc3Nlcy50YXJnZXQpfSB7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBVbCA9IHN0eWxlZC51bDx7XG4gICAgbGlzdE92ZXJmbG93PzogU2VsZWN0UHJvcHNbJ2xpc3RPdmVyZmxvdyddO1xuICAgIGxpc3RIZWlnaHQ/OiBTZWxlY3RQcm9wc1snbGlzdEhlaWdodCddO1xuICAgIGxpc3RXaWR0aD86IFNlbGVjdFByb3BzWydsaXN0V2lkdGgnXTtcbiAgICBpc0lubmVyVWw/OiBib29sZWFuO1xufT5gXG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICAgIGJhY2tncm91bmQ6IHZhcigke2NvbnN0YW50cy5iYWNrZ3JvdW5kfSk7XG4gICAgYm94LXNoYWRvdzogJHtjb25zdGFudHMuYm94U2hhZG93fTtcblxuICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5ib3JkZXJSYWRpdXN9KTtcbiAgICB3aWR0aDogJHsoeyBsaXN0V2lkdGggfSkgPT4gbGlzdFdpZHRoIHx8ICcxMDAlJ307XG4gICAgaGVpZ2h0OiAkeyh7IGxpc3RIZWlnaHQgfSkgPT4gKGxpc3RIZWlnaHQgPyBnZXRDb3JyZWN0SGVpZ2h0KGxpc3RIZWlnaHQpIDogJ2F1dG8nKX07XG4gICAgb3ZlcmZsb3c6ICR7KHsgbGlzdE92ZXJmbG93IH0pID0+IGxpc3RPdmVyZmxvdyB8fCAnaW5pdGlhbCd9O1xuICAgIGJvcmRlcjogdmFyKCR7dG9rZW5zLnBvcG92ZXJCb3JkZXJXaWR0aH0pIHNvbGlkIHZhcigke3Rva2Vucy5wb3BvdmVyQm9yZGVyQ29sb3J9KTtcblxuICAgIG1hcmdpbjogJHsoeyBpc0lubmVyVWwgfSkgPT4gKGlzSW5uZXJVbCA/IGBjYWxjKHZhcigke3Rva2Vucy5wYWRkaW5nfSkgKiAtMSkgMCAwIHZhcigke3Rva2Vucy5wYWRkaW5nfSlgIDogMCl9O1xuICAgIHBhZGRpbmc6IHZhcigke3Rva2Vucy5wYWRkaW5nfSk7XG5gO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICAuJHtwb3BvdmVyQ2xhc3Nlcy53cmFwcGVyfSwgLiR7cG9wb3ZlckNsYXNzZXMudGFyZ2V0fSB7XG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBPdXRlckxhYmVsID0gc3R5bGVkLmxhYmVsYFxuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIG1hcmdpbi1ib3R0b206IHZhcigke3Rva2Vucy5sYWJlbE9mZnNldH0pO1xuICAgIGNvbG9yOiB2YXIoJHtjb25zdGFudHMudGV4dGZpZWxkT3V0ZXJMYWJlbENvbG9yfSk7XG5cbiAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLmxhYmVsRm9udEZhbWlseX0pO1xuICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLmxhYmVsRm9udFNpemV9KTtcbiAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMubGFiZWxGb250U3R5bGV9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLmxhYmVsRm9udFdlaWdodH0pO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMubGFiZWxGb250TGV0dGVyU3BhY2luZ30pO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMubGFiZWxGb250TGluZUhlaWdodH0pO1xuYDtcblxuZXhwb3J0IGNvbnN0IEhlbHBlclRleHQgPSBzdHlsZWQuZGl2YFxuICAgIG1hcmdpbi10b3A6IHZhcigke3Rva2Vucy5oZWxwZXJUZXh0T2Zmc2V0fSk7XG4gICAgY29sb3I6IHZhcigke3Rva2Vucy5oZWxwZXJUZXh0Q29sb3J9KTtcbiAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLmhlbHBlclRleHRGb250RmFtaWx5fSk7XG4gICAgZm9udC1zaXplOiB2YXIoJHt0b2tlbnMuaGVscGVyVGV4dEZvbnRTaXplfSk7XG4gICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLmhlbHBlclRleHRGb250U3R5bGV9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLmhlbHBlclRleHRGb250V2VpZ2h0fSk7XG4gICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy5oZWxwZXJUZXh0Rm9udExldHRlclNwYWNpbmd9KTtcbiAgICBsaW5lLWhlaWdodDogdmFyKCR7dG9rZW5zLmhlbHBlclRleHRGb250TGluZUhlaWdodH0pO1xuYDtcbiJdfQ== */"));

package/emotion/es/components/Select/Select.tokens.js

@@ -7,19 +7,31 @@ export var classes = {
   textfieldTarget: 'select-textfield-target',
   selectChipIsFocused: 'select-chip-is-focused',
   selectWithoutBoxShadow: 'select-without-box-shadow',
+  selectItemCheckbox: 'select-item-checkbox',
   selectSpinner: 'select-spinner'
 };
 export var tokens = {
   borderRadius: '--plasma-select-border-radius',
   padding: '--plasma-select-padding',
+  focusOffset: '--plasma-select-focus-offset',
   fontFamily: '--plasma-select-font-family',
   fontSize: '--plasma-select-font-size',
   fontStyle: '--plasma-select-font-style',
   fontWeight: '--plasma-select-font-weight',
   fontLetterSpacing: '--plasma-select-font-letter-spacing',
   fontLineHeight: '--plasma-select-font-line-height',
-  dropdownBorderColor: '--plasma-select-dropdown-border-color',
-  dropdownBorderWidth: '--plasma-select-dropdown-border-width',
+  labelFontFamily: '--plasma-select-label-font-family',
+  labelFontSize: '--plasma-select-label-font-size',
+  labelFontStyle: '--plasma-select-label-font-style',
+  labelFontWeight: '--plasma-select-label-font-weight',
+  labelFontLetterSpacing: '--plasma-select-label-font-letter-spacing',
+  labelFontLineHeight: '--plasma-select-label-font-line-height',
+  helperTextFontFamily: '--plasma-select-helper-text-font-family',
+  helperTextFontSize: '--plasma-select-helper-text-font-size',
+  helperTextFontStyle: '--plasma-select-helper-text-font-style',
+  helperTextFontWeight: '--plasma-select-helper-text-font-weight',
+  helperTextFontLetterSpacing: '--plasma-select-helper-text-font-letter-spacing',
+  helperTextFontLineHeight: '--plasma-select-helper-text-font-line-height',
   itemHeight: '--plasma-select-item-height',
   itemBorderRadius: '--plasma-select-item-border-radius',
   itemPadding: '--plasma-select-item-padding',
@@ -28,18 +40,6 @@ export var tokens = {
   itemIconSizeTight: '--plasma-select-item-icon-size-tight',
   itemIconMargin: '--plasma-select-item-icon-margin',
   itemBackgroundHover: '--plasma-select-item-background-hover',
-  cellPadding: '--plasma-select-cell-padding',
-  cellPaddingLeftContent: '--plasma-select-cell-padding-left-content',
-  cellPaddingContent: '--plasma-select-cell-padding-content',
-  cellPaddingRightContent: '--plasma-select-cell-padding-right-content',
-  cellTextboxGap: '--plasma-select-cell-textbox-gap',
-  cellGap: '--plasma-select-cell-gap',
-  cellTitleFontFamily: '--plasma-select-cell-title-font-family',
-  cellTitleFontSize: '--plasma-select-cell-title-font-size',
-  cellTitleFontStyle: '--plasma-select-cell-title-font-style',
-  cellTitleFontWeight: '--plasma-select-cell-title-font-weight',
-  cellTitleLetterSpacing: '--plasma-select-cell-title-letter-spacing',
-  cellTitleLineHeight: '--plasma-select-cell-title-line-height',
   checkboxTriggerSize: '--plasma-select-checkbox-trigger-size',
   checkboxTriggerSizeTight: '--plasma-select-checkbox-trigger-size-tight',
   checkboxTriggerBorderRadius: '--plasma-select-checkbox-trigger-border-radius',
@@ -48,116 +48,53 @@ export var tokens = {
   checkboxIconColor: '--plasma-select-checkbox-icon-color',
   checkboxTriggerBorderColor: '--plasma-select-checkbox-trigger-border-color',
   indicatorSize: '--plasma-select-indicator-size',
+  targetButtonColor: '--plasma-select-target-button-color',
+  targetButtonColorHover: '--plasma-select-target-button-color-hover',
+  targetButtonColorActive: '--plasma-select-target-button-color-active',
+  targetButtonArrowColor: '--plasma-select-target-button-arrow-color',
+  targetButtonArrowColorHover: '--plasma-select-target-button-arrow-color-hover',
+  targetButtonArrowColorActive: '--plasma-select-target-button-arrow-color-active',
+  targetTextfieldArrowColor: '--plasma-select-target-textfield-arrow-color',
+  targetTextfieldArrowColorHover: '--plasma-select-target-textfield-arrow-color-hover',
+  targetTextfieldArrowColorActive: '--plasma-select-target-textfield-arrow-color-active',
+  targetButtonArrowMargin: '--plasma-select-target-button-arrow-margin',
+  targetTextfieldArrowMargin: '--plasma-select-target-textfield-arrow-margin',
+  targetButtonBackgroundColor: '--plasma-select-target-button-background-color',
+  targetButtonBackgroundColorHover: '--plasma-select-target-button-background-color-hover',
+  targetButtonBackgroundColorActive: '--plasma-select-target-button-background-color-active',
+  targetTextfieldBackgroundColor: '--plasma-select-target-textfield-background-color',
+  targetTextfieldBackgroundColorOpened: '--plasma-select-target-textfield-background-color-opened',
+  targetTextfieldBorderColor: '--plasma-select-target-textfield-border-color',
+  targetTextfieldBorderColorHover: '--plasma-select-target-textfield-border-color-hover',
+  targetTextfieldBorderOpenedColor: '--plasma-select-target-textfield-border-opened-color',
+  targetTextfieldBorderSize: '--plasma-select-target-textfield-border-size',
+  targetButtonPadding: '--plasma-select-target-button-padding',
+  targetTextfieldPadding: '--plasma-select-target-textfield-padding',
+  targetTextfieldChipPadding: '--plasma-select-target-textfield-chip-padding',
   targetHeight: '--plasma-select-target-height',
-  // Токены для Button
-  buttonColor: '--plasma-select-button-color',
-  buttonColorHover: '--plasma-select-button-color-hover',
-  buttonColorActive: '--plasma-select-button-color-active',
-  buttonArrowColor: '--plasma-select-button-arrow-color',
-  buttonArrowColorHover: '--plasma-select-button-arrow-color-hover',
-  buttonArrowColorActive: '--plasma-select-button-arrow-color-active',
-  buttonArrowMargin: '--plasma-select-button-arrow-margin',
-  buttonBackgroundColor: '--plasma-select-button-background-color',
-  buttonBackgroundColorHover: '--plasma-select-button-background-color-hover',
-  buttonBackgroundColorActive: '--plasma-select-button-background-color-active',
-  buttonPadding: '--plasma-select-button-padding',
-  // Токены для TextField
-  textFieldColor: '--plasma-select-textfield-color',
-  textFieldBackgroundColor: '--plasma-select-textfield-background-color',
-  textFieldBackgroundColorHover: '--plasma-select-textfield-background-color-hover',
-  textFieldBackgroundColorFocus: '--plasma-select-textfield-background-color-focus',
-  textFieldBorderColor: '--plasma-select-textfield-border-color',
-  textFieldBorderColorHover: '--plasma-select-textfield-border-color-hover',
-  textFieldBorderColorFocus: '--plasma-select-textfield-border-color-focus',
-  textFieldPlaceholderColor: '--plasma-select-textfield-placeholder-color',
-  textFieldPlaceholderColorFocus: '--plasma-select-textfield-placeholder-color-focus',
-  textFieldOptionalColor: '--plasma-select-textfield-optional-color',
-  textFieldHeight: '--plasma-select-textfield-height',
-  textFieldBorderWidth: '--plasma-select-textfield-border-width',
-  textFieldBorderRadius: '--plasma-select-textfield-border-radius',
-  textFieldPadding: '--plasma-select-textfield-padding',
-  textFieldPaddingWithChips: '--plasma-select-textfield-padding-with-chips',
-  textFieldLeftContentMargin: '--plasma-select-textfield-left-content-margin',
-  textFieldRightContentMargin: '--plasma-select-textfield-right-content-margin',
-  textFieldFontFamily: '--plasma-select-textfield-font-family',
-  textFieldFontStyle: '--plasma-select-textfield-font-style',
-  textFieldFontSize: '--plasma-select-textfield-font-size',
-  textFieldFontWeight: '--plasma-select-textfield-font-weight',
-  textFieldLetterSpacing: '--plasma-select-textfield-letter-spacing',
-  textFieldLineHeight: '--plasma-select-textfield-line-height',
-  textFieldContentSlotColor: '--plasma-select-textfield-content-slot-color',
-  textFieldContentSlotColorHover: '--plasma-select-textfield-content-slot-color-hover',
-  textFieldContentSlotColorActive: '--plasma-select-textfield-content-slot-color-active',
-  textFieldContentSlotRightColor: '--plasma-select-textfield-content-right-slot-color',
-  textFieldContentSlotRightColorHover: '--plasma-select-textfield-content-right-slot-color-hover',
-  textFieldContentSlotRightColorActive: '--plasma-select-textfield-content-right-slot-color-active',
-  textFieldLabelColor: '--plasma-select-textfield-label-color',
-  textFieldLabelOffset: '--plasma-select-textfield-label-offset',
-  textFieldLabelFontFamily: '--plasma-select-textfield-label-font-family',
-  textFieldLabelFontStyle: '--plasma-select-textfield-label-font-style',
-  textFieldLabelFontSize: '--plasma-select-textfield-label-font-size',
-  textFieldLabelFontWeight: '--plasma-select-textfield-label-font-weight',
-  textFieldLabelLetterSpacing: '--plasma-select-textfield-label-letter-spacing',
-  textFieldLabelLineHeight: '--plasma-select-textfield-label-line-height',
-  textFieldLabelInnerFontFamily: '--plasma-select-textfield-placement-inner-label-font-family',
-  textFieldLabelInnerFontStyle: '--plasma-select-textfield-placement-inner-label-font-style',
-  textFieldLabelInnerFontSize: '--plasma-select-textfield-placement-inner-label-font-size',
-  textFieldLabelInnerFontWeight: '--plasma-select-textfield-placement-inner-label-font-weight',
-  textFieldLabelInnerLetterSpacing: '--plasma-select-textfield-placement-inner-label-letter-spacing',
-  textFieldLabelInnerLineHeight: '--plasma-select-textfield-placement-inner-label-line-height',
-  textFieldLabelInnerPadding: '--plasma-select-textfield-placement-inner-label-padding',
-  textFieldContentLabelInnerPadding: '--plasma-select-textfield-placement-inner-content-padding',
-  textFieldTitleCaptionColor: '--plasma-select-textfield-title-caption-color',
-  textFieldTitleCaptionInnerLabelOffset: '--plasma-select-textfield-title-caption-label-inner-offset',
-  textFieldTitleCaptionFontFamily: '--plasma-select-textfield-title-caption-font-family',
-  textFieldTitleCaptionFontStyle: '--plasma-select-textfield-title-caption-font-style',
-  textFieldTitleCaptionFontSize: '--plasma-select-textfield-title-caption-font-size',
-  textFieldTitleCaptionFontWeight: '--plasma-select-textfield-title-caption-font-weight',
-  textFieldTitleCaptionLetterSpacing: '--plasma-select-textfield-title-caption-letter-spacing',
-  textFieldTitleCaptionLineHeight: '--plasma-select-textfield-title-caption-line-height',
-  textFieldLeftHelperColor: '--plasma-select-textfield-left-helper-color',
-  textFieldLeftHelperOffset: '--plasma-select-textfield-left-helper-offset',
-  textFieldLeftHelperFontFamily: '--plasma-select-textfield-left-helper-font-family',
-  textFieldLeftHelperFontStyle: '--plasma-select-textfield-left-helper-font-style',
-  textFieldLeftHelperFontSize: '--plasma-select-textfield-left-helper-font-size',
-  textFieldLeftHelperFontWeight: '--plasma-select-textfield-left-helper-font-weight',
-  textFieldLeftHelperLetterSpacing: '--plasma-select-textfield-left-helper-letter-spacing',
-  textFieldLeftHelperLineHeight: '--plasma-select-textfield-left-helper-line-height',
-  textFieldTextBeforeColor: '--plasma-select-textfield-before-text-color',
-  textFieldTextAfterColor: '--plasma-select-textfield-after-text-color',
-  textFieldTextBeforeMargin: '--plasma-select-textfield-before-text-margin',
-  textFieldTextAfterMargin: '--plasma-select-textfield-after-text-margin',
-  textFieldDisabledOpacity: '--plasma-select-textfield-disabled-opacity',
-  textFieldChipHeight: '--plasma-select-textfield-chip-height',
-  textFieldChipBorderRadius: '--plasma-select-textfield-chip-border-radius',
-  textFieldChipGap: '--plasma-select-textfield-chip-gap',
-  textFieldChipBackground: '--plasma-select-textfield--chip-background',
-  textFieldChipColor: '--plasma-select-textfield-chip-color',
-  textFieldChipBackgroundHover: '--plasma-select-textfield-chip-background-hover',
-  textFieldChipColorHover: '--plasma-select-textfield-chip-color-hover',
-  textFieldChipScaleHover: '--plasma-select-textfield-chip-scale-hover',
-  textFieldChipBackgroundActive: '--plasma-select-textfield-chip-background-active',
-  textFieldChipColorActive: '--plasma-select-textfield-chip-color-active',
-  textFieldChipScaleActive: '--plasma-select-textfield-chip-scale-active',
-  textFieldChipCloseIconColor: '--plasma-select-textfield-chip-close-icons-color',
-  textFieldChipOutlineSize: '--plasma-select-textfield-chip-outline-size',
-  textFieldChipWidth: '--plasma-select-textfield-chip-width',
-  textFieldChipPaddingTop: '--plasma-select-textfield-chip-padding-top',
-  textFieldChipPaddingRight: '--plasma-select-textfield-chip-padding-right',
-  textFieldChipPaddingBottom: '--plasma-select-textfield-chip-padding-bottom',
-  textFieldChipPaddingLeft: '--plasma-select-textfield-chip-padding-left',
-  textFieldChipCloseIconSize: '--plasma-select-textfield-chip-close-icon-size',
-  textFieldChipFontFamily: '--plasma-select-textfield-chip-font-family',
-  textFieldChipFontSize: '--plasma-select-textfield-chip-font-size',
-  textFieldChipFontStyle: '--plasma-select-textfield-chip-font-style',
-  textFieldChipFontWeight: '--plasma-select-textfield-chip-font-weight',
-  textFieldChipLetterSpacing: '--plasma-select-textfield-chip-letter-spacing',
-  textFieldChipLineHeight: '--plasma-select-textfield-chip-line-height',
-  textFieldChipClearContentMarginLeft: '--plasma-select-textfield-chip-clear-content-margin-left',
-  textFieldChipClearContentMarginRight: '--plasma-select-textfield-chip-clear-content-margin-right',
-  textFieldFocusColor: '--plasma-select-textfield-focus-color',
+  chipColor: '--plasma-select-chip-color',
+  chipBackground: '--plasma-select-chip-background',
+  chipBackgroundHover: '--plasma-select-chip-background-hover',
+  chipBackgroundActive: '--plasma-select-chip-background-active',
+  chipGap: '--plasma-select-chip-gap',
+  chipBorderRadius: '--plasma-select-chip-border-radius',
+  chipHeight: '--plasma-select-chip-height',
+  chipPaddingRight: '--plasma-select-chip-padding-right',
+  chipPaddingLeft: '--plasma-select-chip-padding-left',
+  chipCloseIconSize: '--plasma-select-chip-close-icon-size',
+  chipClearContentMarginLeft: '--plasma-select-chip-clear-content-margin-left',
+  chipClearContentMarginRight: '--plasma-select-chip-clear-content-margin-right',
+  popoverBorderColor: '--plasma-select-popover-border-color',
+  popoverBorderWidth: '--plasma-select-popover-border-width',
+  labelOffset: '--plasma-select-label-offset',
+  innerLabelGap: '--plasma-select-inner-label-gap',
+  helperTextColor: '--plasma-select-helper-text-color',
+  helperTextOffset: '--plasma-select-helper-text-offset',
+  spinnerSize: '--plasma-select-spinner-size',
+  spinnerSizeTight: '--plasma-select-spinner-size-tight',
   disclosureIconColor: '--plasma-select-disclosure-icon-color',
-  disclosureIconColorHover: '--plasma-select-disclosure-icon-color-hover'
+  disclosureIconColorHover: '--plasma-select-disclosure-icon-color-hover',
+  contentLeftColor: '--plasma-select-content-left-color'
 };
 export var constants = {
   focusColor: '--surface-accent',
@@ -175,7 +112,5 @@ export var constants = {
   fontStyle: '--plasma-typo-body-xs-font-style',
   fontWeight: '--plasma-typo-body-xs-font-weight',
   fontLetterSpacing: '--plasma-typo-body-xs-letter-spacing',
-  fontLineHeight: '--plasma-typo-body-xs-line-height',
-  cellTitleColor: '--text-primary',
-  cellBackgroundColor: '--plasma-colors-transparent'
+  fontLineHeight: '--plasma-typo-body-xs-line-height'
 };

package/emotion/es/components/Select/hooks/useKeyboardNavigation.js

@@ -14,7 +14,7 @@ export var keys = {
   PageUp: 'PageUp',
   PageDown: 'PageDown'
 };
-export var getItemByFocused = function getItemByFocused(focusedPath, focusedToValueMap) {
+var getFurtherPath = function getFurtherPath(focusedPath, focusedToValueMap) {
   var focusedPathAsString = focusedPath.reduce(function (acc, n) {
     return "".concat(acc, "/").concat(n);
   }, '').replace(/^(\/)/, '');
@@ -27,8 +27,14 @@ export var useKeyNavigation = function useKeyNavigation(_ref) {
     dispatchPath = _ref.dispatchPath,
     pathMap = _ref.pathMap,
     focusedToValueMap = _ref.focusedToValueMap,
-    handleListToggle = _ref.handleListToggle,
-    handlePressDown = _ref.handlePressDown;
+    handleToggle = _ref.handleToggle,
+    handlePressDown = _ref.handlePressDown,
+    focusedChipIndex = _ref.focusedChipIndex,
+    dispatchFocusedChipIndex = _ref.dispatchFocusedChipIndex,
+    value = _ref.value,
+    valueToItemMap = _ref.valueToItemMap,
+    multiselect = _ref.multiselect,
+    isTargetAmount = _ref.isTargetAmount;
   var currentIndex = (focusedPath === null || focusedPath === void 0 ? void 0 : focusedPath[focusedPath.length - 1]) || 0;
   var currentLength = pathMap.get(path === null || path === void 0 ? void 0 : path[focusedPath.length - 1]) || 0;
   var onKeyDown = function onKeyDown(event) {
@@ -54,7 +60,12 @@ export var useKeyNavigation = function useKeyNavigation(_ref) {
             dispatchFocusedPath({
               type: 'set_initial_focus'
             });
-            handleListToggle(true);
+            handleToggle(true);
+          }
+          if (Array.isArray(value)) {
+            dispatchFocusedChipIndex({
+              type: 'reset'
+            });
           }
           break;
         }
@@ -79,7 +90,12 @@ export var useKeyNavigation = function useKeyNavigation(_ref) {
             dispatchFocusedPath({
               type: 'set_initial_focus'
             });
-            handleListToggle(true);
+            handleToggle(true);
+          }
+          if (Array.isArray(value)) {
+            dispatchFocusedChipIndex({
+              type: 'reset'
+            });
           }
           break;
         }
@@ -98,8 +114,12 @@ export var useKeyNavigation = function useKeyNavigation(_ref) {
               }
             }
             if (path.length === 1) {
-              handleListToggle(false);
+              handleToggle(false);
             }
+          } else if (Array.isArray(value) && !isTargetAmount) {
+            dispatchFocusedChipIndex({
+              type: 'moveLeft'
+            });
           }
           break;
         }
@@ -109,7 +129,7 @@ export var useKeyNavigation = function useKeyNavigation(_ref) {
             if (!focusedPath.length) {
               break;
             }
-            var currentItem = getItemByFocused(focusedPath, focusedToValueMap);
+            var currentItem = getFurtherPath(focusedPath, focusedToValueMap);
             if (currentItem !== null && currentItem !== void 0 && currentItem.items) {
               if (path.length > focusedPath.length) {
                 dispatchFocusedPath({
@@ -123,13 +143,39 @@ export var useKeyNavigation = function useKeyNavigation(_ref) {
                 });
               }
             }
+          } else if (Array.isArray(value) && !isTargetAmount) {
+            dispatchFocusedChipIndex({
+              type: 'moveRight',
+              total: value.length
+            });
+          }
+          break;
+        }
+      case keys.Backspace:
+        {
+          if (!multiselect || !Array.isArray(value)) break;
+          if (focusedChipIndex !== null) {
+            var _currentItem = valueToItemMap.get(value[focusedChipIndex]);
+            handlePressDown(_currentItem);
+            if (value.length === 1) {
+              dispatchFocusedChipIndex({
+                type: 'reset'
+              });
+              break;
+            }
+            if (focusedChipIndex === value.length - 1) {
+              dispatchFocusedChipIndex({
+                type: 'moveLeft'
+              });
+              break;
+            }
           }
           break;
         }
       case keys.Space:
         {
           event.preventDefault();
-          var _currentItem = getItemByFocused(focusedPath, focusedToValueMap);
+          var _currentItem2 = getFurtherPath(focusedPath, focusedToValueMap);
           if (!path[0]) {
             dispatchPath({
               type: 'opened_first_level'
@@ -139,17 +185,22 @@ export var useKeyNavigation = function useKeyNavigation(_ref) {
             });
             break;
           }
-          if (!_currentItem || _currentItem !== null && _currentItem !== void 0 && _currentItem.disabled) {
+          if (!_currentItem2 || _currentItem2 !== null && _currentItem2 !== void 0 && _currentItem2.disabled) {
             break;
           }
-          handlePressDown(_currentItem);
+          handlePressDown(_currentItem2);
           break;
         }
       case keys.Enter:
         {
           event.preventDefault();
-          var _currentItem2 = getItemByFocused(focusedPath, focusedToValueMap);
-          if (_currentItem2 !== null && _currentItem2 !== void 0 && _currentItem2.disabled) {
+          if (Array.isArray(value)) {
+            dispatchFocusedChipIndex({
+              type: 'reset'
+            });
+          }
+          var _currentItem3 = getFurtherPath(focusedPath, focusedToValueMap);
+          if (_currentItem3 !== null && _currentItem3 !== void 0 && _currentItem3.disabled) {
             break;
           }
           if (!path[0]) {
@@ -161,7 +212,7 @@ export var useKeyNavigation = function useKeyNavigation(_ref) {
             });
             break;
           }
-          if (_currentItem2 !== null && _currentItem2 !== void 0 && _currentItem2.items) {
+          if (_currentItem3 !== null && _currentItem3 !== void 0 && _currentItem3.items) {
             if (path.length > focusedPath.length) {
               dispatchFocusedPath({
                 type: 'add_focus',
@@ -170,12 +221,12 @@ export var useKeyNavigation = function useKeyNavigation(_ref) {
             } else {
               dispatchPath({
                 type: 'added_next_level',
-                value: _currentItem2.value.toString()
+                value: _currentItem3.value.toString()
               });
             }
             break;
           }
-          handlePressDown(_currentItem2);
+          handlePressDown(_currentItem3);
           break;
         }
       case keys.Tab:
@@ -187,7 +238,10 @@ export var useKeyNavigation = function useKeyNavigation(_ref) {
           dispatchPath({
             type: 'reset'
           });
-          handleListToggle(false);
+          dispatchFocusedChipIndex({
+            type: 'reset'
+          });
+          handleToggle(false);
           break;
         }
       case keys.Home:
@@ -209,7 +263,7 @@ export var useKeyNavigation = function useKeyNavigation(_ref) {
             dispatchFocusedPath({
               type: 'set_initial_focus'
             });
-            handleListToggle(true);
+            handleToggle(true);
           }
           break;
         }
@@ -233,7 +287,7 @@ export var useKeyNavigation = function useKeyNavigation(_ref) {
               type: 'change_last_focus',
               value: (pathMap.get('root') || 0) - 1
             });
-            handleListToggle(true);
+            handleToggle(true);
           }
           break;
         }

package/emotion/es/components/Select/hooks/usePathMaps.js

@@ -5,20 +5,17 @@ export var usePathMaps = function usePathMaps(items) {
   var focusedToValueMap = new Map();
   var valueToCheckedMap = new Map();
   var valueToItemMap = new Map();
-  var labelToItemMap = new Map();
   pathMap.set('root', (items === null || items === void 0 ? void 0 : items.length) || 0);
   var rec = function rec(items) {
     var prevIndex = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
     items === null || items === void 0 || items.forEach(function (item, index) {
       var value = item.value,
-        label = item.label,
         innerItems = item.items;
       var currIndex = "".concat(prevIndex, "/").concat(index).replace(/^(\/)/, '');
       focusedToValueMap.set(currIndex, item);
       valueToCheckedMap.set(value, false);
       if (isEmpty(innerItems) || !innerItems) {
         valueToItemMap.set(value, item);
-        labelToItemMap.set(label, item);
       } else {
         pathMap.set(value, innerItems.length);
         rec(innerItems, currIndex);
@@ -26,5 +23,5 @@ export var usePathMaps = function usePathMaps(items) {
     });
   };
   rec(items);
-  return [pathMap, focusedToValueMap, valueToCheckedMap, valueToItemMap, labelToItemMap];
+  return [pathMap, focusedToValueMap, valueToCheckedMap, valueToItemMap];
 };

package/emotion/es/components/Select/reducers/focusedChipIndexReducer.js

@@ -0,0 +1,32 @@
+export function focusedChipIndexReducer(state, action) {
+  switch (action.type) {
+    case 'reset':
+      {
+        return null;
+      }
+    case 'moveLeft':
+      {
+        if (state === null) {
+          return 0;
+        }
+        if (state === 0) {
+          return state;
+        }
+        return state - 1;
+      }
+    case 'moveRight':
+      {
+        if (state === null) {
+          return action.total - 1;
+        }
+        if (state === action.total - 1) {
+          return state;
+        }
+        return state + 1;
+      }
+    default:
+      {
+        return null;
+      }
+  }
+}

package/emotion/es/components/Select/reducers/index.js

@@ -1,2 +1,3 @@
 export * from './pathReducer';
-export * from './focusedPathReducer';
+export * from './focusedPathReducer';
+export * from './focusedChipIndexReducer';

package/emotion/es/components/Select/ui/Inner/Inner.js

@@ -1,8 +1,6 @@
 import React from 'react';
-import { safeUseId } from '@salutejs/plasma-core';
 import { isEmpty } from '../../../../utils';
-import { Ul } from '../../Select.styles';
-import { FloatingPopover } from '../../FloatingPopover';
+import { Ul, StyledPopover } from '../../Select.styles';
 import { Item } from './ui';
 export var Inner = function Inner(_ref) {
   var item = _ref.item,
@@ -26,16 +24,15 @@ export var Inner = function Inner(_ref) {
     }
   };
   var isCurrentListOpen = path[currentLevel + 1] === item.value.toString();
-  var treeId = safeUseId();
-  var listId = "".concat(treeId, "_tree_level_").concat(currentLevel + 2);
+  var listId = "tree_level_".concat(currentLevel + 2);
   var nextLevel = currentLevel + 1;
   if (!isEmpty(item === null || item === void 0 ? void 0 : item.items)) {
     var _item$items;
-    return /*#__PURE__*/React.createElement(FloatingPopover, {
-      placement: "right",
+    return /*#__PURE__*/React.createElement(StyledPopover, {
       opened: isCurrentListOpen,
-      onToggle: handleToggle,
-      offset: 2,
+      usePortal: false,
+      placement: "right-start",
+      trigger: "click",
       target: /*#__PURE__*/React.createElement(Item, {
         item: item,
         path: path,
@@ -45,7 +42,10 @@ export var Inner = function Inner(_ref) {
         ariaExpanded: isCurrentListOpen,
         ariaLevel: nextLevel,
         ariaLabel: item.label
-      })
+      }),
+      onToggle: handleToggle,
+      isFocusTrapped: false,
+      preventOverflow: false
     }, /*#__PURE__*/React.createElement(Ul, {
       role: "group",
       id: listId,