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

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

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import classnames from 'classnames';
 import { useEffect, useRef } from 'react';
 import ReactDOM from 'react-dom';
@@ -12,6 +12,8 @@ const Modal = _ref => {
     size = 'md',
     closeOnBackdropClick = false,
     closeOnEsc = true,
+    showHeaderDivider = false,
+    showActionsDivider = false,
     className,
     zIndex,
     ...restProps
@@ -47,7 +49,10 @@ const Modal = _ref => {
     } : undefined,
     ...restProps,
     children: _jsx("div", {
-      className: classnames('ncua-modal', `ncua-modal--${size}`),
+      className: classnames('ncua-modal', `ncua-modal--${size}`, {
+        'ncua-modal--divider-header': showHeaderDivider,
+        'ncua-modal--divider-actions': showActionsDivider
+      }),
       children: children
     })
   });
@@ -61,36 +66,31 @@ Modal.Header = _ref2 => {
     title,
     subtitle,
     align = 'left',
-    showDivider = false,
     hideCloseButton = false
   } = _ref2;
-  return _jsxs(_Fragment, {
-    children: [_jsxs("header", {
-      className: classnames('ncua-modal__header', `ncua-modal__header--${align}`, {
-        'ncua-modal__header--close-button': !hideCloseButton
-      }),
-      children: [featuredIcon && _jsx(FeaturedIcon, {
-        icon: featuredIcon.icon,
-        color: featuredIcon.color,
-        theme: featuredIcon.theme,
-        size: "sm"
-      }), _jsxs("div", {
-        className: "ncua-modal__title",
-        children: [_jsx("div", {
-          className: "ncua-modal__title-text",
-          children: title
-        }), subtitle && _jsx("div", {
-          className: "ncua-modal__title-subtitle",
-          children: subtitle
-        })]
-      }), children, !hideCloseButton && _jsx(ButtonCloseX, {
-        className: "ncua-modal__close-button",
-        size: "sm",
-        theme: "light",
-        onClick: onClose
+  return _jsxs("header", {
+    className: classnames('ncua-modal__header', `ncua-modal__header--${align}`, {
+      'ncua-modal__header--close-button': !hideCloseButton
+    }),
+    children: [featuredIcon && _jsx(FeaturedIcon, {
+      icon: featuredIcon.icon,
+      color: featuredIcon.color,
+      theme: featuredIcon.theme,
+      size: "sm"
+    }), _jsxs("div", {
+      className: "ncua-modal__title",
+      children: [_jsx("div", {
+        className: "ncua-modal__title-text",
+        children: title
+      }), subtitle && _jsx("div", {
+        className: "ncua-modal__title-subtitle",
+        children: subtitle
       })]
-    }), showDivider && _jsx("div", {
-      className: "ncua-modal__header-divider"
+    }), children, !hideCloseButton && _jsx(ButtonCloseX, {
+      className: "ncua-modal__close-button",
+      size: "sm",
+      theme: "light",
+      onClick: onClose
     })]
   });
 };
@@ -136,28 +136,23 @@ Modal.Actions = _ref4 => {
   let {
     children,
     layout = 'vertical',
-    showDivider = false,
     align = 'stretch',
     checkboxContent,
     className
   } = _ref4;
-  return _jsxs(_Fragment, {
-    children: [showDivider && _jsx("div", {
-      className: "ncua-modal__actions-divider"
-    }), _jsxs("div", {
-      className: classnames('ncua-modal__actions-wrapper', className, {
-        'ncua-modal__actions-wrapper--checkbox': layout === 'checkbox'
-      }),
-      children: [layout === 'checkbox' && _jsx("div", {
-        className: "ncua-modal__actions-checkbox",
-        children: _jsx("div", {
-          className: "ncua-modal__actions-checkbox-content",
-          children: checkboxContent
-        })
-      }), _jsx("div", {
-        className: classnames('ncua-modal__actions', `ncua-modal__actions--${layout}`, `ncua-modal__actions--${align}`),
-        children: children
-      })]
+  return _jsxs("div", {
+    className: classnames('ncua-modal__actions-wrapper', className, {
+      'ncua-modal__actions-wrapper--checkbox': layout === 'checkbox'
+    }),
+    children: [layout === 'checkbox' && _jsx("div", {
+      className: "ncua-modal__actions-checkbox",
+      children: _jsx("div", {
+        className: "ncua-modal__actions-checkbox-content",
+        children: checkboxContent
+      })
+    }), _jsx("div", {
+      className: classnames('ncua-modal__actions', `ncua-modal__actions--${layout}`, `ncua-modal__actions--${align}`),
+      children: children
     })]
   });
 };

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

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