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

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

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

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,
-      showDivider: true
+      onClose: onClose
     }), (0, _jsxRuntime.jsx)(_modal.Modal.Content, {
       children: (0, _jsxRuntime.jsxs)("div", {
         className: "ncua-postcode-search-modal",