@invoicebox/ui 0.1.0-alpha.232 → 0.1.0-alpha.234

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

@@ -49,6 +49,14 @@ var Drawer = exports.Drawer = function Drawer(_ref) {
   }, [isOpen]);
   if (!shouldRender) return null;
   return /*#__PURE__*/_react["default"].createElement(S.BottomSheet, {
+    sibling: /*#__PURE__*/_react["default"].createElement("div", {
+      "data-rsbs-backdrop": "true",
+      onClick: function onClick(event) {
+        event.stopPropagation();
+        event.preventDefault();
+        onClose();
+      }
+    }),
     open: isOpen,
     onDismiss: onClose,
     expandOnContentDrag: false,

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

@@ -13,7 +13,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 var BottomSheet = exports.BottomSheet = (0, _styledComponents["default"])(_reactSpringBottomSheet.BottomSheet).withConfig({
   displayName: "styles__BottomSheet",
   componentId: "sc-1kysg49-0"
-})(["--rsbs-backdrop-bg:", ";--rsbs-bg:", ";--rsbs-overlay-rounded:10px;& [data-rsbs-overlay],[data-rsbs-backdrop]{z-index:9999;}&::after{z-index:9999;}[data-rsbs-header]{", " padding:0;border-top-left-radius:10px;border-top-right-radius:10px;}[data-rsbs-overlay]{", "}", ""], function (_ref) {
+})(["--rsbs-backdrop-bg:", ";--rsbs-bg:", ";--rsbs-overlay-rounded:10px;& [data-rsbs-overlay],[data-rsbs-backdrop]{z-index:9999;}&::after{z-index:9999;}[data-rsbs-backdrop]:not(:first-child){display:none;}[data-rsbs-header]{", " padding:0;border-top-left-radius:10px;border-top-right-radius:10px;}[data-rsbs-overlay]{", "}", ""], function (_ref) {
   var $palette = _ref.$palette;
   return $palette.backdropBg;
 }, function (_ref2) {

package/dist/components/common/Dropdown/styles.js

@@ -13,7 +13,7 @@ var visible = (0, _styledComponents.css)(["visibility:visible;opacity:1;transiti
 var Wrapper = exports.Wrapper = _styledComponents["default"].div.withConfig({
   displayName: "styles__Wrapper",
   componentId: "sc-1f1enhf-0"
-})(["padding:", ";overflow:hidden;border-radius:20px;box-shadow:0 10px 17px ", ";background:", ";min-width:", ";width:", ";position:absolute;left:", ";right:", ";z-index:", ";", ";", ";", ";"], function (_ref) {
+})(["padding:", ";overflow:hidden;border-radius:20px;box-shadow:0 10px 17px ", ";background:", ";outline:1px solid ", ";min-width:", ";width:", ";position:absolute;left:", ";right:", ";z-index:", ";", ";", ";", ";"], function (_ref) {
   var $usePadding = _ref.$usePadding;
   return $usePadding ? '8px 0;' : 'none';
 }, function (_ref2) {
@@ -23,28 +23,31 @@ var Wrapper = exports.Wrapper = _styledComponents["default"].div.withConfig({
   var $palette = _ref3.$palette;
   return $palette.bg;
 }, function (_ref4) {
-  var $minWidth = _ref4.$minWidth;
-  return $minWidth;
+  var $palette = _ref4.$palette;
+  return $palette.bg;
 }, function (_ref5) {
-  var $width = _ref5.$width;
-  return $width;
+  var $minWidth = _ref5.$minWidth;
+  return $minWidth;
 }, function (_ref6) {
-  var $positionLeft = _ref6.$positionLeft;
-  return $positionLeft;
+  var $width = _ref6.$width;
+  return $width;
 }, function (_ref7) {
-  var $positionRight = _ref7.$positionRight;
-  return $positionRight;
+  var $positionLeft = _ref7.$positionLeft;
+  return $positionLeft;
 }, function (_ref8) {
-  var $zIndex = _ref8.$zIndex;
-  return $zIndex !== null && $zIndex !== void 0 ? $zIndex : 5;
+  var $positionRight = _ref8.$positionRight;
+  return $positionRight;
 }, function (_ref9) {
-  var $isVisible = _ref9.$isVisible;
-  return $isVisible ? visible : hidden;
+  var $zIndex = _ref9.$zIndex;
+  return $zIndex !== null && $zIndex !== void 0 ? $zIndex : 5;
 }, function (_ref10) {
-  var $isAbove = _ref10.$isAbove,
-    $positionVertical = _ref10.$positionVertical;
-  return $isAbove ? (0, _styledComponents.css)(["bottom:calc(100% + ", "px);"], $positionVertical) : (0, _styledComponents.css)(["top:calc(100% + ", "px);"], $positionVertical);
+  var $isVisible = _ref10.$isVisible;
+  return $isVisible ? visible : hidden;
 }, function (_ref11) {
-  var $translateY = _ref11.$translateY;
+  var $isAbove = _ref11.$isAbove,
+    $positionVertical = _ref11.$positionVertical;
+  return $isAbove ? (0, _styledComponents.css)(["bottom:calc(100% + ", "px);"], $positionVertical) : (0, _styledComponents.css)(["top:calc(100% + ", "px);"], $positionVertical);
+}, function (_ref12) {
+  var $translateY = _ref12.$translateY;
   return (0, _styledComponents.css)(["transform:translateY(", ");"], $translateY);
 });

package/package.json

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