@cashub/ui 0.31.1 → 0.32.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cashub/ui",
-  "version": "0.31.1",
+  "version": "0.32.1",
   "private": false,
   "author": "CasHUB Team",
   "description": "CasHUB UI components library",

package/select/Select.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = require("react");
+var _reactDom = require("react-dom");
 var _reactI18next = require("react-i18next");
 var _reactOutsideClickHandler = _interopRequireDefault(require("react-outside-click-handler"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
@@ -534,7 +535,7 @@ const Select = _ref => {
           "aria-haspopup": "listbox",
           "aria-expanded": display
         })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ListBox.default, _objectSpread(_objectSpread({
+      }), /*#__PURE__*/(0, _reactDom.createPortal)(/*#__PURE__*/(0, _jsxRuntime.jsxs)(_ListBox.default, _objectSpread(_objectSpread({
         role: "listbox",
         tabIndex: "0",
         id: id,
@@ -558,7 +559,7 @@ const Select = _ref => {
             children: "No results found"
           })
         })]
-      }))]
+      })), document.body)]
     })
   });
 };

package/select/subComponent/ListBox.js

@@ -8,7 +8,7 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _templateObject;
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-const ListBox = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  visibility: ", ";\n  background: var(--color-background1);\n  color: var(--font-on-background);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  box-shadow: var(--box-shadow);\n  width: ", "px;\n  z-index: 31;\n"])), _ref => {
+const ListBox = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  visibility: ", ";\n  background: var(--color-background1);\n  color: var(--font-on-background);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  box-shadow: var(--box-shadow);\n  width: ", "px;\n  z-index: 85;\n"])), _ref => {
   let {
     $display
   } = _ref;