@nulogy/components 10.2.11 → 10.2.12

package/dist/main.js

@@ -42117,6 +42117,7 @@
         onClick: closeOnOutsideClick && isOpen && onClose
       })), /*#__PURE__*/React__default["default"].createElement(AnimatedBox, Object.assign({
         role: "dialog",
+        paddingX: "x1",
         bg: "white",
         display: "flex",
         flexDirection: "column",
@@ -42137,27 +42138,21 @@
         zIndex: zIndex,
         ref: sideBarRef
       }, props), /*#__PURE__*/React__default["default"].createElement(Flex, {
-        p: p,
-        maxHeight: "100%",
-        overflow: "auto",
-        flexGrow: 1,
-        flexDirection: "column",
-        style: {
-          overflowBehaviour: "contain"
-        }
-      }, /*#__PURE__*/React__default["default"].createElement(Flex, {
         flexDirection: "column",
-        pb: "x3"
+        p: "x2",
+        borderBottomWidth: "1px",
+        borderBottomStyle: "solid",
+        borderBottomColor: "lightGrey"
       }, /*#__PURE__*/React__default["default"].createElement(Flex, {
         flexDirection: "column",
-        pb: "x2"
+        gap: "x1"
       }, /*#__PURE__*/React__default["default"].createElement(Flex, {
         justifyContent: "space-between",
         alignItems: "flex-start"
       }, title && /*#__PURE__*/React__default["default"].createElement(Flex, {
         alignItems: "center",
         height: "100%"
-      }, /*#__PURE__*/React__default["default"].createElement(Heading3, {
+      }, /*#__PURE__*/React__default["default"].createElement(Heading2, {
         mb: 0
       }, title)), !hideCloseButton && /*#__PURE__*/React__default["default"].createElement(Box, {
         marginLeft: "x2"
@@ -42169,12 +42164,17 @@
         "data-testid": closeButtonTestId,
         "aria-label": closeButtonAriaLabel || t("close")
       }))), renderHelpText ? renderHelpText() : helpText && /*#__PURE__*/React__default["default"].createElement(Text, {
-        pt: "x1",
         color: "midGrey"
-      }, helpText)), /*#__PURE__*/React__default["default"].createElement(Divider$1, {
-        m: "0 -8px",
-        width: "calc(100% + 16px)"
-      })), /*#__PURE__*/React__default["default"].createElement(AnimatedBox, {
+      }, helpText))), /*#__PURE__*/React__default["default"].createElement(Flex, {
+        p: p,
+        maxHeight: "100%",
+        overflow: "auto",
+        flexGrow: 1,
+        flexDirection: "column",
+        style: {
+          overflowBehaviour: "contain"
+        }
+      }, /*#__PURE__*/React__default["default"].createElement(AnimatedBox, {
         variants: childVariants,
         animate: isOpen ? "open" : "closed",
         flexGrow: 1,

package/dist/main.module.js

@@ -42100,6 +42100,7 @@ function Sidebar(_a) {
     onClick: closeOnOutsideClick && isOpen && onClose
   })), /*#__PURE__*/React__default.createElement(AnimatedBox, Object.assign({
     role: "dialog",
+    paddingX: "x1",
     bg: "white",
     display: "flex",
     flexDirection: "column",
@@ -42120,27 +42121,21 @@ function Sidebar(_a) {
     zIndex: zIndex,
     ref: sideBarRef
   }, props), /*#__PURE__*/React__default.createElement(Flex, {
-    p: p,
-    maxHeight: "100%",
-    overflow: "auto",
-    flexGrow: 1,
-    flexDirection: "column",
-    style: {
-      overflowBehaviour: "contain"
-    }
-  }, /*#__PURE__*/React__default.createElement(Flex, {
     flexDirection: "column",
-    pb: "x3"
+    p: "x2",
+    borderBottomWidth: "1px",
+    borderBottomStyle: "solid",
+    borderBottomColor: "lightGrey"
   }, /*#__PURE__*/React__default.createElement(Flex, {
     flexDirection: "column",
-    pb: "x2"
+    gap: "x1"
   }, /*#__PURE__*/React__default.createElement(Flex, {
     justifyContent: "space-between",
     alignItems: "flex-start"
   }, title && /*#__PURE__*/React__default.createElement(Flex, {
     alignItems: "center",
     height: "100%"
-  }, /*#__PURE__*/React__default.createElement(Heading3, {
+  }, /*#__PURE__*/React__default.createElement(Heading2, {
     mb: 0
   }, title)), !hideCloseButton && /*#__PURE__*/React__default.createElement(Box, {
     marginLeft: "x2"
@@ -42152,12 +42147,17 @@ function Sidebar(_a) {
     "data-testid": closeButtonTestId,
     "aria-label": closeButtonAriaLabel || t("close")
   }))), renderHelpText ? renderHelpText() : helpText && /*#__PURE__*/React__default.createElement(Text, {
-    pt: "x1",
     color: "midGrey"
-  }, helpText)), /*#__PURE__*/React__default.createElement(Divider$1, {
-    m: "0 -8px",
-    width: "calc(100% + 16px)"
-  })), /*#__PURE__*/React__default.createElement(AnimatedBox, {
+  }, helpText))), /*#__PURE__*/React__default.createElement(Flex, {
+    p: p,
+    maxHeight: "100%",
+    overflow: "auto",
+    flexGrow: 1,
+    flexDirection: "column",
+    style: {
+      overflowBehaviour: "contain"
+    }
+  }, /*#__PURE__*/React__default.createElement(AnimatedBox, {
     variants: childVariants,
     animate: isOpen ? "open" : "closed",
     flexGrow: 1,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nulogy/components",
-  "version": "10.2.11",
+  "version": "10.2.12",
   "description": "Component library for the Nulogy Design System - http://nulogy.design",
   "private": false,
   "publishConfig": {
@@ -144,7 +144,6 @@
     "@types/styled-system": "5.1.22",
     "body-scroll-lock": "^3.1.5",
     "core-js": "3",
-    "create-react-context": "^0.3.0",
     "date-fns": "2.23.0",
     "debounce": "^1.2.0",
     "deep-equal": "^2.2.1",
@@ -155,7 +154,6 @@
     "react-fast-compare": "^3.2.0",
     "react-hot-toast": "^2.4.1",
     "react-i18next": "^12.3.1",
-    "react-input-autosize": "^2.2.2",
     "react-modal": "^3.14.4",
     "react-popper": "1.3.11",
     "react-popper-2": "npm:react-popper@2.2.4",