@nulogy/components 14.1.0 → 14.1.2

package/dist/main.js

@@ -28909,6 +28909,13 @@
       var theme = styled.useTheme();
       closeButtonLabel || (closeButtonLabel = t("close"));
       var closeOnClick = !disableCloseOnOverlayClick;
+      /*
+        x5: The footer buttons are x5 in height
+        x2: The footer has a padding top and bottom of x2
+        x4: To match the top padding of the content
+      */
+
+      var footerHeight = "calc(" + theme.space.x5 + " + (" + theme.space.x2 + " * 2) + " + theme.space.x4 + ")";
       return /*#__PURE__*/React__default["default"].createElement(BottomSheetParts.Root, {
         isOpen: isOpen,
         onClose: onClose
@@ -28929,7 +28936,8 @@
         margin: "0 auto"
       }, /*#__PURE__*/React__default["default"].createElement(BottomSheetParts.Header, null, title && /*#__PURE__*/React__default["default"].createElement(BottomSheetParts.Title, null, title), helpText && (typeof helpText === "string" ? /*#__PURE__*/React__default["default"].createElement(BottomSheetParts.HelpText, null, helpText) : helpText)), /*#__PURE__*/React__default["default"].createElement(Box, {
         px: "x3",
-        py: "x4"
+        pt: "x4",
+        pb: footerHeight
       }, children)), /*#__PURE__*/React__default["default"].createElement(BottomSheetParts.Footer, null, /*#__PURE__*/React__default["default"].createElement(Flex, {
         alignItems: "center",
         justifyContent: "space-between",
@@ -54828,7 +54836,11 @@
           x5: "40px",
           x6: "48px",
           x7: "56px",
-          x8: "64px"
+          x8: "64px",
+          x9: "72px",
+          x10: "80px",
+          x11: "88px",
+          x12: "96px"
         },
         sizes: {
           none: "0px",
@@ -54848,7 +54860,11 @@
           x5: "40px",
           x6: "48px",
           x7: "56px",
-          x8: "64px"
+          x8: "64px",
+          x9: "72px",
+          x10: "80px",
+          x11: "88px",
+          x12: "96px"
         },
         radii: {
           small: "2px",
@@ -54982,7 +54998,11 @@
           x5: "40px",
           x6: "48px",
           x7: "56px",
-          x8: "64px"
+          x8: "64px",
+          x9: "72px",
+          x10: "80px",
+          x11: "88px",
+          x12: "96px"
         },
         sizes: {
           none: "0px",
@@ -55002,7 +55022,11 @@
           x5: "40px",
           x6: "48px",
           x7: "56px",
-          x8: "64px"
+          x8: "64px",
+          x9: "72px",
+          x10: "80px",
+          x11: "88px",
+          x12: "96px"
         },
         radii: {
           small: "2px",
@@ -55136,7 +55160,11 @@
           x5: "56px",
           x6: "67.19999999999999px",
           x7: "78.39999999999999px",
-          x8: "89.6px"
+          x8: "89.6px",
+          x9: "100.8px",
+          x10: "112px",
+          x11: "123.19999999999999px",
+          x12: "134.39999999999998px"
         },
         sizes: {
           none: "0px",
@@ -55156,7 +55184,11 @@
           x5: "56px",
           x6: "67.19999999999999px",
           x7: "78.39999999999999px",
-          x8: "89.6px"
+          x8: "89.6px",
+          x9: "100.8px",
+          x10: "112px",
+          x11: "123.19999999999999px",
+          x12: "134.39999999999998px"
         },
         radii: {
           small: "2.8px",
@@ -55290,7 +55322,11 @@
           x5: "36px",
           x6: "43.2px",
           x7: "50.4px",
-          x8: "57.6px"
+          x8: "57.6px",
+          x9: "64.8px",
+          x10: "72px",
+          x11: "79.2px",
+          x12: "86.4px"
         },
         sizes: {
           none: "0px",
@@ -55310,7 +55346,11 @@
           x5: "36px",
           x6: "43.2px",
           x7: "50.4px",
-          x8: "57.6px"
+          x8: "57.6px",
+          x9: "64.8px",
+          x10: "72px",
+          x11: "79.2px",
+          x12: "86.4px"
         },
         radii: {
           small: "1.8px",

package/dist/main.module.js

@@ -28892,6 +28892,13 @@ function BottomSheet(_a) {
   var theme = useTheme();
   closeButtonLabel || (closeButtonLabel = t("close"));
   var closeOnClick = !disableCloseOnOverlayClick;
+  /*
+    x5: The footer buttons are x5 in height
+    x2: The footer has a padding top and bottom of x2
+    x4: To match the top padding of the content
+  */
+
+  var footerHeight = "calc(" + theme.space.x5 + " + (" + theme.space.x2 + " * 2) + " + theme.space.x4 + ")";
   return /*#__PURE__*/React__default.createElement(BottomSheetParts.Root, {
     isOpen: isOpen,
     onClose: onClose
@@ -28912,7 +28919,8 @@ function BottomSheet(_a) {
     margin: "0 auto"
   }, /*#__PURE__*/React__default.createElement(BottomSheetParts.Header, null, title && /*#__PURE__*/React__default.createElement(BottomSheetParts.Title, null, title), helpText && (typeof helpText === "string" ? /*#__PURE__*/React__default.createElement(BottomSheetParts.HelpText, null, helpText) : helpText)), /*#__PURE__*/React__default.createElement(Box, {
     px: "x3",
-    py: "x4"
+    pt: "x4",
+    pb: footerHeight
   }, children)), /*#__PURE__*/React__default.createElement(BottomSheetParts.Footer, null, /*#__PURE__*/React__default.createElement(Flex, {
     alignItems: "center",
     justifyContent: "space-between",
@@ -54811,7 +54819,11 @@ var themes = {
       x5: "40px",
       x6: "48px",
       x7: "56px",
-      x8: "64px"
+      x8: "64px",
+      x9: "72px",
+      x10: "80px",
+      x11: "88px",
+      x12: "96px"
     },
     sizes: {
       none: "0px",
@@ -54831,7 +54843,11 @@ var themes = {
       x5: "40px",
       x6: "48px",
       x7: "56px",
-      x8: "64px"
+      x8: "64px",
+      x9: "72px",
+      x10: "80px",
+      x11: "88px",
+      x12: "96px"
     },
     radii: {
       small: "2px",
@@ -54965,7 +54981,11 @@ var themes = {
       x5: "40px",
       x6: "48px",
       x7: "56px",
-      x8: "64px"
+      x8: "64px",
+      x9: "72px",
+      x10: "80px",
+      x11: "88px",
+      x12: "96px"
     },
     sizes: {
       none: "0px",
@@ -54985,7 +55005,11 @@ var themes = {
       x5: "40px",
       x6: "48px",
       x7: "56px",
-      x8: "64px"
+      x8: "64px",
+      x9: "72px",
+      x10: "80px",
+      x11: "88px",
+      x12: "96px"
     },
     radii: {
       small: "2px",
@@ -55119,7 +55143,11 @@ var themes = {
       x5: "56px",
       x6: "67.19999999999999px",
       x7: "78.39999999999999px",
-      x8: "89.6px"
+      x8: "89.6px",
+      x9: "100.8px",
+      x10: "112px",
+      x11: "123.19999999999999px",
+      x12: "134.39999999999998px"
     },
     sizes: {
       none: "0px",
@@ -55139,7 +55167,11 @@ var themes = {
       x5: "56px",
       x6: "67.19999999999999px",
       x7: "78.39999999999999px",
-      x8: "89.6px"
+      x8: "89.6px",
+      x9: "100.8px",
+      x10: "112px",
+      x11: "123.19999999999999px",
+      x12: "134.39999999999998px"
     },
     radii: {
       small: "2.8px",
@@ -55273,7 +55305,11 @@ var themes = {
       x5: "36px",
       x6: "43.2px",
       x7: "50.4px",
-      x8: "57.6px"
+      x8: "57.6px",
+      x9: "64.8px",
+      x10: "72px",
+      x11: "79.2px",
+      x12: "86.4px"
     },
     sizes: {
       none: "0px",
@@ -55293,7 +55329,11 @@ var themes = {
       x5: "36px",
       x6: "43.2px",
       x7: "50.4px",
-      x8: "57.6px"
+      x8: "57.6px",
+      x9: "64.8px",
+      x10: "72px",
+      x11: "79.2px",
+      x12: "86.4px"
     },
     radii: {
       small: "1.8px",

package/dist/src/theme/theme.type.d.ts

@@ -85,6 +85,10 @@ interface Space {
     x6: string;
     x7: string;
     x8: string;
+    x9: string;
+    x10: string;
+    x11: string;
+    x12: string;
 }
 interface Fonts {
     base: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nulogy/components",
-  "version": "14.1.0",
+  "version": "14.1.2",
   "description": "Component library for the Nulogy Design System - http://nulogy.design",
   "private": false,
   "publishConfig": {
@@ -80,6 +80,7 @@
     "@semantic-release/github": "^8.0.7",
     "@semantic-release/npm": "^9.0.0",
     "@semantic-release/release-notes-generator": "^10.0.3",
+    "@storybook/react": "6.3.12",
     "@storybook/addon-a11y": "^6.1.9",
     "@storybook/addon-actions": "^6.1.9",
     "@storybook/addon-docs": "6.1.9",
@@ -154,7 +155,6 @@
     "@emotion/is-prop-valid": "^1.3.1",
     "@nulogy/tokens": "^5.4.0",
     "@reach/dialog": "0.17.0",
-    "@storybook/react": "6.3.12",
     "@styled-system/prop-types": "^5.1.4",
     "@styled-system/theme-get": "^5.1.2",
     "@types/react-window": "^1.8.8",