@ncds/ui-admin 1.8.22-alpha.2 → 1.8.22

package/dist/cjs/src/components/overlays/modal/Modal.js

@@ -19,8 +19,6 @@ const Modal = _ref => {
     size = 'md',
     closeOnBackdropClick = false,
     closeOnEsc = true,
-    showHeaderDivider = false,
-    showActionsDivider = false,
     className,
     zIndex,
     ...restProps
@@ -56,10 +54,7 @@ const Modal = _ref => {
     } : undefined,
     ...restProps,
     children: (0, _jsxRuntime.jsx)("div", {
-      className: (0, _classnames.default)('ncua-modal', `ncua-modal--${size}`, {
-        'ncua-modal--divider-header': showHeaderDivider,
-        'ncua-modal--divider-actions': showActionsDivider
-      }),
+      className: (0, _classnames.default)('ncua-modal', `ncua-modal--${size}`),
       children: children
     })
   });
@@ -74,31 +69,36 @@ Modal.Header = _ref2 => {
     title,
     subtitle,
     align = 'left',
+    showDivider = false,
     hideCloseButton = false
   } = _ref2;
-  return (0, _jsxRuntime.jsxs)("header", {
-    className: (0, _classnames.default)('ncua-modal__header', `ncua-modal__header--${align}`, {
-      'ncua-modal__header--close-button': !hideCloseButton
-    }),
-    children: [featuredIcon && (0, _jsxRuntime.jsx)(_featuredIcon.FeaturedIcon, {
-      icon: featuredIcon.icon,
-      color: featuredIcon.color,
-      theme: featuredIcon.theme,
-      size: "sm"
-    }), (0, _jsxRuntime.jsxs)("div", {
-      className: "ncua-modal__title",
-      children: [(0, _jsxRuntime.jsx)("div", {
-        className: "ncua-modal__title-text",
-        children: title
-      }), subtitle && (0, _jsxRuntime.jsx)("div", {
-        className: "ncua-modal__title-subtitle",
-        children: subtitle
+  return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [(0, _jsxRuntime.jsxs)("header", {
+      className: (0, _classnames.default)('ncua-modal__header', `ncua-modal__header--${align}`, {
+        'ncua-modal__header--close-button': !hideCloseButton
+      }),
+      children: [featuredIcon && (0, _jsxRuntime.jsx)(_featuredIcon.FeaturedIcon, {
+        icon: featuredIcon.icon,
+        color: featuredIcon.color,
+        theme: featuredIcon.theme,
+        size: "sm"
+      }), (0, _jsxRuntime.jsxs)("div", {
+        className: "ncua-modal__title",
+        children: [(0, _jsxRuntime.jsx)("div", {
+          className: "ncua-modal__title-text",
+          children: title
+        }), subtitle && (0, _jsxRuntime.jsx)("div", {
+          className: "ncua-modal__title-subtitle",
+          children: subtitle
+        })]
+      }), children, !hideCloseButton && (0, _jsxRuntime.jsx)(_ButtonCloseX.ButtonCloseX, {
+        className: "ncua-modal__close-button",
+        size: "sm",
+        theme: "light",
+        onClick: onClose
       })]
-    }), children, !hideCloseButton && (0, _jsxRuntime.jsx)(_ButtonCloseX.ButtonCloseX, {
-      className: "ncua-modal__close-button",
-      size: "sm",
-      theme: "light",
-      onClick: onClose
+    }), showDivider && (0, _jsxRuntime.jsx)("div", {
+      className: "ncua-modal__header-divider"
     })]
   });
 };
@@ -144,23 +144,28 @@ Modal.Actions = _ref4 => {
   let {
     children,
     layout = 'vertical',
+    showDivider = false,
     align = 'stretch',
     checkboxContent,
     className
   } = _ref4;
-  return (0, _jsxRuntime.jsxs)("div", {
-    className: (0, _classnames.default)('ncua-modal__actions-wrapper', className, {
-      'ncua-modal__actions-wrapper--checkbox': layout === 'checkbox'
-    }),
-    children: [layout === 'checkbox' && (0, _jsxRuntime.jsx)("div", {
-      className: "ncua-modal__actions-checkbox",
-      children: (0, _jsxRuntime.jsx)("div", {
-        className: "ncua-modal__actions-checkbox-content",
-        children: checkboxContent
-      })
-    }), (0, _jsxRuntime.jsx)("div", {
-      className: (0, _classnames.default)('ncua-modal__actions', `ncua-modal__actions--${layout}`, `ncua-modal__actions--${align}`),
-      children: children
+  return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [showDivider && (0, _jsxRuntime.jsx)("div", {
+      className: "ncua-modal__actions-divider"
+    }), (0, _jsxRuntime.jsxs)("div", {
+      className: (0, _classnames.default)('ncua-modal__actions-wrapper', className, {
+        'ncua-modal__actions-wrapper--checkbox': layout === 'checkbox'
+      }),
+      children: [layout === 'checkbox' && (0, _jsxRuntime.jsx)("div", {
+        className: "ncua-modal__actions-checkbox",
+        children: (0, _jsxRuntime.jsx)("div", {
+          className: "ncua-modal__actions-checkbox-content",
+          children: checkboxContent
+        })
+      }), (0, _jsxRuntime.jsx)("div", {
+        className: (0, _classnames.default)('ncua-modal__actions', `ncua-modal__actions--${layout}`, `ncua-modal__actions--${align}`),
+        children: children
+      })]
     })]
   });
 };

package/dist/cjs/src/components/overlays/postcode-search-modal/PostcodeSearchModal.js

@@ -152,10 +152,10 @@ const PostcodeSearchModal = _ref2 => {
     size: "md",
     zIndex: zIndex,
     className: className,
-    showHeaderDivider: true,
     children: [(0, _jsxRuntime.jsx)(_modal.Modal.Header, {
       title: MODAL_TITLE,
-      onClose: onClose
+      onClose: onClose,
+      showDivider: true
     }), (0, _jsxRuntime.jsx)(_modal.Modal.Content, {
       children: (0, _jsxRuntime.jsxs)("div", {
         className: "ncua-postcode-search-modal",