@invoicebox/ui 0.1.0-alpha.296 → 0.1.0-alpha.298

package/dist/components/common/Drawer/index.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Drawer = void 0;
 var _react = _interopRequireWildcard(require("react"));
+var _reactDom = require("react-dom");
 var S = _interopRequireWildcard(require("./styles"));
 var _Typography = require("../Typography");
 var _palette = require("../../../palette");
@@ -106,7 +107,7 @@ var Drawer = exports.Drawer = function Drawer(_ref) {
   if (!shouldRender) return null;
   var isDragging = dragOffset > 0;
   var translateY = !isEntered ? '100%' : "".concat(dragOffset, "px");
-  return /*#__PURE__*/_react["default"].createElement(S.Root, {
+  return /*#__PURE__*/(0, _reactDom.createPortal)(/*#__PURE__*/_react["default"].createElement(S.Root, {
     role: "dialog",
     "aria-modal": "true"
   }, /*#__PURE__*/_react["default"].createElement(S.Backdrop, {
@@ -137,5 +138,5 @@ var Drawer = exports.Drawer = function Drawer(_ref) {
   }, title)), /*#__PURE__*/_react["default"].createElement(S.ChildrenWrapper, {
     $bgColor: palette.bg,
     $isPadding: isPadding
-  }, children)));
+  }, children))), document.body);
 };

package/dist/components/form/CountrySelect/stlyes.js

@@ -17,7 +17,7 @@ var HeaderWrapper = exports.HeaderWrapper = _styledComponents["default"].button.
 var ListWrapper = exports.ListWrapper = _styledComponents["default"].div.withConfig({
   displayName: "stlyes__ListWrapper",
   componentId: "sc-1mni8xu-2"
-})(["display:flex;align-items:center;flex-direction:column;pointer-events:auto;"]);
+})(["display:flex;align-items:stretch;flex-direction:column;pointer-events:auto;"]);
 var CountrySearchWrapper = exports.CountrySearchWrapper = _styledComponents["default"].div.withConfig({
   displayName: "stlyes__CountrySearchWrapper",
   componentId: "sc-1mni8xu-3"

package/dist/esm/components/common/Drawer/index.js

@@ -5,6 +5,7 @@ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length)
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 import React, { useCallback, useEffect, useRef, useState } from 'react';
+import { createPortal } from 'react-dom';
 import * as S from './styles';
 import { Typography } from '../Typography';
 import { useComponentPalette } from '../../../palette';
@@ -97,7 +98,7 @@ export var Drawer = function Drawer(_ref) {
   if (!shouldRender) return null;
   var isDragging = dragOffset > 0;
   var translateY = !isEntered ? '100%' : "".concat(dragOffset, "px");
-  return /*#__PURE__*/React.createElement(S.Root, {
+  return /*#__PURE__*/createPortal(/*#__PURE__*/React.createElement(S.Root, {
     role: "dialog",
     "aria-modal": "true"
   }, /*#__PURE__*/React.createElement(S.Backdrop, {
@@ -128,5 +129,5 @@ export var Drawer = function Drawer(_ref) {
   }, title)), /*#__PURE__*/React.createElement(S.ChildrenWrapper, {
     $bgColor: palette.bg,
     $isPadding: isPadding
-  }, children)));
+  }, children))), document.body);
 };

package/dist/esm/components/form/CountrySelect/stlyes.js

@@ -10,7 +10,7 @@ export var HeaderWrapper = styled.button.withConfig({
 export var ListWrapper = styled.div.withConfig({
   displayName: "stlyes__ListWrapper",
   componentId: "sc-1mni8xu-2"
-})(["display:flex;align-items:center;flex-direction:column;pointer-events:auto;"]);
+})(["display:flex;align-items:stretch;flex-direction:column;pointer-events:auto;"]);
 export var CountrySearchWrapper = styled.div.withConfig({
   displayName: "stlyes__CountrySearchWrapper",
   componentId: "sc-1mni8xu-3"

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@invoicebox/ui",
-    "version": "0.1.0-alpha.296",
+    "version": "0.1.0-alpha.298",
     "description": "Invoicebox UI",
     "license": "Apache License 2.0",
     "scripts": {