@blerp/design 1.0.87 → 1.0.90

package/dist/index.cjs.js

@@ -3594,7 +3594,8 @@ var NewCollectionModal$1 = function NewCollectionModal(_ref) {
       deleteCollectionModal = _ref.deleteCollectionModal,
       trigger = _ref.trigger,
       collectionToBeEdited = _ref.collectionToBeEdited,
-      handleChangePremium = _ref.handleChangePremium;
+      handleChangePremium = _ref.handleChangePremium,
+      onClose = _ref.onClose;
       _ref.children;
       var isAdmin = _ref.isAdmin;
 
@@ -3646,6 +3647,15 @@ var NewCollectionModal$1 = function NewCollectionModal(_ref) {
       _useState18[1];
 
   var size = useWindowSize();
+
+  var handleClose = function handleClose() {
+    setopen(false);
+
+    if (onClose) {
+      onClose();
+    }
+  };
+
   return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, trigger ? /*#__PURE__*/React.cloneElement(trigger, {
     ref: triggerRef,
     onClick: function onClick() {
@@ -3664,7 +3674,7 @@ var NewCollectionModal$1 = function NewCollectionModal(_ref) {
     "aria-describedby": "transition-modal-description",
     open: open,
     onClose: function onClose() {
-      return setopen(false);
+      return handleClose();
     },
     closeAfterTransition: true
   }, /*#__PURE__*/React__default['default'].createElement(Stack, {
@@ -3748,7 +3758,7 @@ var NewCollectionModal$1 = function NewCollectionModal(_ref) {
       }
     },
     onClick: function onClick() {
-      return setopen(false);
+      return handleClose();
     }
   }), /*#__PURE__*/React__default['default'].createElement(Stack, {
     sx: {
@@ -3970,7 +3980,7 @@ var NewCollectionModal$1 = function NewCollectionModal(_ref) {
             visibility: visibility,
             price: price
           });
-          setopen(false);
+          handleClose();
         } else {
           console.log("price must be set higher than 0");
         } // what to do if this modal is being used to create a new collection
@@ -3984,7 +3994,7 @@ var NewCollectionModal$1 = function NewCollectionModal(_ref) {
             visibility: visibility,
             price: collectionToBeEdited !== null && collectionToBeEdited !== void 0 && collectionToBeEdited.isPremium ? price : 0
           });
-          setopen(false);
+          handleClose();
         } else {
           console.log("price must be set higher than 0");
         }
@@ -3999,7 +4009,7 @@ var NewCollectionModal$1 = function NewCollectionModal(_ref) {
       margin: "10px auto"
     },
     onClick: function onClick() {
-      setopen(false);
+      handleClose();
     }
   }, "Cancel"), /*#__PURE__*/React__default['default'].createElement(Text, {
     fontSize: "14px",
@@ -88437,6 +88447,7 @@ var QuadernoTaxCalc = function QuadernoTaxCalc(_ref) {
     sx: {
       backgroundColor: "white.override",
       width: "150px",
+      margin: "12px 16px",
       "& label": {
         position: "absolute"
       }
@@ -88504,7 +88515,7 @@ var BraintreeUI = function BraintreeUI(_ref) {
     alignSelf: "start",
     fontSize: "20px",
     width: "90%",
-    margin: "10px auto 0 auto"
+    margin: "20px 12px 12px"
   }, "Billing Address"), /*#__PURE__*/React__default['default'].createElement(QuadernoTaxCalc, {
     amount: price,
     setTotal: setTotal,
@@ -88533,7 +88544,8 @@ var BraintreeUI = function BraintreeUI(_ref) {
     variant: "contained",
     disabled: postalCode === "" ? true : false,
     sx: {
-      marginBottom: "15px"
+      marginBottom: "15px",
+      marginTop: "6px"
     },
     onClick: /*#__PURE__*/function () {
       var _ref2 = _asyncToGenerator__default['default']( /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee(event) {

package/dist/index.esm.js

@@ -3525,7 +3525,8 @@ var NewCollectionModal$1 = function NewCollectionModal(_ref) {
       deleteCollectionModal = _ref.deleteCollectionModal,
       trigger = _ref.trigger,
       collectionToBeEdited = _ref.collectionToBeEdited,
-      handleChangePremium = _ref.handleChangePremium;
+      handleChangePremium = _ref.handleChangePremium,
+      onClose = _ref.onClose;
       _ref.children;
       var isAdmin = _ref.isAdmin;
 
@@ -3577,6 +3578,15 @@ var NewCollectionModal$1 = function NewCollectionModal(_ref) {
       _useState18[1];
 
   var size = useWindowSize();
+
+  var handleClose = function handleClose() {
+    setopen(false);
+
+    if (onClose) {
+      onClose();
+    }
+  };
+
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, trigger ? /*#__PURE__*/cloneElement(trigger, {
     ref: triggerRef,
     onClick: function onClick() {
@@ -3595,7 +3605,7 @@ var NewCollectionModal$1 = function NewCollectionModal(_ref) {
     "aria-describedby": "transition-modal-description",
     open: open,
     onClose: function onClose() {
-      return setopen(false);
+      return handleClose();
     },
     closeAfterTransition: true
   }, /*#__PURE__*/React__default.createElement(Stack, {
@@ -3679,7 +3689,7 @@ var NewCollectionModal$1 = function NewCollectionModal(_ref) {
       }
     },
     onClick: function onClick() {
-      return setopen(false);
+      return handleClose();
     }
   }), /*#__PURE__*/React__default.createElement(Stack, {
     sx: {
@@ -3901,7 +3911,7 @@ var NewCollectionModal$1 = function NewCollectionModal(_ref) {
             visibility: visibility,
             price: price
           });
-          setopen(false);
+          handleClose();
         } else {
           console.log("price must be set higher than 0");
         } // what to do if this modal is being used to create a new collection
@@ -3915,7 +3925,7 @@ var NewCollectionModal$1 = function NewCollectionModal(_ref) {
             visibility: visibility,
             price: collectionToBeEdited !== null && collectionToBeEdited !== void 0 && collectionToBeEdited.isPremium ? price : 0
           });
-          setopen(false);
+          handleClose();
         } else {
           console.log("price must be set higher than 0");
         }
@@ -3930,7 +3940,7 @@ var NewCollectionModal$1 = function NewCollectionModal(_ref) {
       margin: "10px auto"
     },
     onClick: function onClick() {
-      setopen(false);
+      handleClose();
     }
   }, "Cancel"), /*#__PURE__*/React__default.createElement(Text, {
     fontSize: "14px",
@@ -88368,6 +88378,7 @@ var QuadernoTaxCalc = function QuadernoTaxCalc(_ref) {
     sx: {
       backgroundColor: "white.override",
       width: "150px",
+      margin: "12px 16px",
       "& label": {
         position: "absolute"
       }
@@ -88435,7 +88446,7 @@ var BraintreeUI = function BraintreeUI(_ref) {
     alignSelf: "start",
     fontSize: "20px",
     width: "90%",
-    margin: "10px auto 0 auto"
+    margin: "20px 12px 12px"
   }, "Billing Address"), /*#__PURE__*/React__default.createElement(QuadernoTaxCalc, {
     amount: price,
     setTotal: setTotal,
@@ -88464,7 +88475,8 @@ var BraintreeUI = function BraintreeUI(_ref) {
     variant: "contained",
     disabled: postalCode === "" ? true : false,
     sx: {
-      marginBottom: "15px"
+      marginBottom: "15px",
+      marginTop: "6px"
     },
     onClick: /*#__PURE__*/function () {
       var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(event) {

package/dist/index.umd.js

@@ -3546,7 +3546,8 @@
           deleteCollectionModal = _ref.deleteCollectionModal,
           trigger = _ref.trigger,
           collectionToBeEdited = _ref.collectionToBeEdited,
-          handleChangePremium = _ref.handleChangePremium;
+          handleChangePremium = _ref.handleChangePremium,
+          onClose = _ref.onClose;
           _ref.children;
           var isAdmin = _ref.isAdmin;
 
@@ -3598,6 +3599,15 @@
           _useState18[1];
 
       var size = useWindowSize();
+
+      var handleClose = function handleClose() {
+        setopen(false);
+
+        if (onClose) {
+          onClose();
+        }
+      };
+
       return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, trigger ? /*#__PURE__*/React.cloneElement(trigger, {
         ref: triggerRef,
         onClick: function onClick() {
@@ -3616,7 +3626,7 @@
         "aria-describedby": "transition-modal-description",
         open: open,
         onClose: function onClose() {
-          return setopen(false);
+          return handleClose();
         },
         closeAfterTransition: true
       }, /*#__PURE__*/React__default['default'].createElement(Stack, {
@@ -3700,7 +3710,7 @@
           }
         },
         onClick: function onClick() {
-          return setopen(false);
+          return handleClose();
         }
       }), /*#__PURE__*/React__default['default'].createElement(Stack, {
         sx: {
@@ -3922,7 +3932,7 @@
                 visibility: visibility,
                 price: price
               });
-              setopen(false);
+              handleClose();
             } else {
               console.log("price must be set higher than 0");
             } // what to do if this modal is being used to create a new collection
@@ -3936,7 +3946,7 @@
                 visibility: visibility,
                 price: collectionToBeEdited !== null && collectionToBeEdited !== void 0 && collectionToBeEdited.isPremium ? price : 0
               });
-              setopen(false);
+              handleClose();
             } else {
               console.log("price must be set higher than 0");
             }
@@ -3951,7 +3961,7 @@
           margin: "10px auto"
         },
         onClick: function onClick() {
-          setopen(false);
+          handleClose();
         }
       }, "Cancel"), /*#__PURE__*/React__default['default'].createElement(Text, {
         fontSize: "14px",
@@ -88389,6 +88399,7 @@
         sx: {
           backgroundColor: "white.override",
           width: "150px",
+          margin: "12px 16px",
           "& label": {
             position: "absolute"
           }
@@ -88456,7 +88467,7 @@
         alignSelf: "start",
         fontSize: "20px",
         width: "90%",
-        margin: "10px auto 0 auto"
+        margin: "20px 12px 12px"
       }, "Billing Address"), /*#__PURE__*/React__default['default'].createElement(QuadernoTaxCalc, {
         amount: price,
         setTotal: setTotal,
@@ -88485,7 +88496,8 @@
         variant: "contained",
         disabled: postalCode === "" ? true : false,
         sx: {
-          marginBottom: "15px"
+          marginBottom: "15px",
+          marginTop: "6px"
         },
         onClick: /*#__PURE__*/function () {
           var _ref2 = _asyncToGenerator__default['default']( /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee(event) {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@blerp/design",
-    "version": "1.0.87",
+    "version": "1.0.90",
     "description": "Blerp UI",
     "main": "dist/index.cjs.js",
     "scripts": {