@phillips/seldon 1.184.0 → 1.185.0

package/dist/components/ComposedModal/ComposedModal.d.ts

@@ -14,7 +14,7 @@ export interface ComposedModalProps extends Omit<ModalProps, 'onClose' | 'role'
     /**
      * Title for Composed Modal
      */
-    title: string;
+    title?: string;
     /**
      * The content of the modal.
      */

package/dist/components/ComposedModal/ComposedModal.js

@@ -1,67 +1,67 @@
-import { jsxs as s, jsx as i, Fragment as C } from "react/jsx-runtime";
+import { jsxs as e, jsx as m, Fragment as C } from "react/jsx-runtime";
 import g from "../../node_modules/classnames/index.js";
 import { forwardRef as x } from "react";
 import { getCommonProps as k, noOp as M } from "../../utils/index.js";
-import d from "../Button/Button.js";
-import { ButtonVariants as t } from "../Button/types.js";
+import t from "../Button/Button.js";
+import { ButtonVariants as n } from "../Button/types.js";
 import y from "../Divider/Divider.js";
 import j from "../Modal/Modal.js";
-import { TextVariants as n } from "../Text/types.js";
-import c from "../Text/Text.js";
-const L = x(
+import { TextVariants as c } from "../Text/types.js";
+import p from "../Text/Text.js";
+const u = x(
   ({
-    children: p,
-    className: f,
-    overlayClassName: P,
-    isOpen: h = !1,
-    onClose: v = M,
-    maxHeightValue: b = "60vh",
-    title: N,
-    footerContent: o,
-    secondaryButton: r,
-    primaryButton: e,
-    id: m,
-    ...l
+    children: f,
+    className: h,
+    overlayClassName: L,
+    isOpen: v = !1,
+    onClose: b = M,
+    maxHeightValue: N = "60vh",
+    title: l,
+    footerContent: s,
+    secondaryButton: i,
+    primaryButton: o,
+    id: r,
+    ...d
   }, _) => {
     const {
       className: a,
-      "data-testid": T,
+      "data-testid": P,
       ...$
-    } = k({ id: m, ...l }, "ComposedModal");
-    return /* @__PURE__ */ s(
+    } = k({ id: r, ...d }, "ComposedModal");
+    return /* @__PURE__ */ e(
       j,
       {
-        isOpen: h,
-        onClose: v,
-        ...l,
+        isOpen: v,
+        onClose: b,
+        ...d,
         ...$,
-        className: g(`${a}`, f),
-        id: m,
+        className: g(`${a}`, h),
+        id: r,
         ref: _,
         children: [
-          /* @__PURE__ */ i(c, { variant: n.heading3, className: `${a}__title`, children: N }),
-          /* @__PURE__ */ i(
+          l ? /* @__PURE__ */ m(p, { variant: c.heading3, className: `${a}__title`, children: l }) : null,
+          /* @__PURE__ */ m(
             "div",
             {
               className: `${a}__body`,
-              style: { "--max-modal-body-height": b },
-              children: p
+              style: { "--max-modal-body-height": N },
+              children: f
             }
           ),
-          (r || e || o) && /* @__PURE__ */ s(C, { children: [
-            /* @__PURE__ */ i(y, { className: `${a}__divider`, id: `${m}-divider` }),
-            /* @__PURE__ */ s("div", { className: `${a}__btns-group`, children: [
-              r && /* @__PURE__ */ i(d, { id: `${m}-secondary-btn`, variant: t.secondary, onClick: r.onClick, children: r.buttonLabel }),
-              e && /* @__PURE__ */ i(d, { id: `${m}-primary-btn`, variant: t.primary, onClick: e.onClick, children: e.buttonLabel })
+          (i || o || s) && /* @__PURE__ */ e(C, { children: [
+            /* @__PURE__ */ m(y, { className: `${a}__divider`, id: `${r}-divider` }),
+            /* @__PURE__ */ e("div", { className: `${a}__btns-group`, children: [
+              i && /* @__PURE__ */ m(t, { id: `${r}-secondary-btn`, variant: n.secondary, onClick: i.onClick, children: i.buttonLabel }),
+              o && /* @__PURE__ */ m(t, { id: `${r}-primary-btn`, variant: n.primary, onClick: o.onClick, children: o.buttonLabel })
             ] }),
-            o && /* @__PURE__ */ i(c, { variant: n.heading5, className: `${a}__disclaimer`, children: o })
+            s && /* @__PURE__ */ m(p, { variant: c.heading5, className: `${a}__disclaimer`, children: s })
           ] })
         ]
       }
     );
   }
 );
-L.displayName = "ComposedModal";
+u.displayName = "ComposedModal";
 export {
-  L as default
+  u as default
 };

package/dist/scss/_vars.scss

@@ -423,7 +423,7 @@ $desktop-max-width: var(--desktop-max-width);
 /// z-index TOKENS:
 ///////////////////////
 $modal-z-index: 30;
-$z-index-notification-banner: 1000;
+$notification-banner-z-index: 10;
 
 ////////////////////////
 /// Our tokens usually support at least 4 sizes.

package/dist/scss/_vars.scss.js

@@ -423,7 +423,7 @@ $desktop-max-width: var(--desktop-max-width);
 /// z-index TOKENS:
 ///////////////////////
 $modal-z-index: 30;
-$z-index-notification-banner: 1000;
+$notification-banner-z-index: 10;
 
 ////////////////////////
 /// Our tokens usually support at least 4 sizes.

package/dist/scss/components/ComposedModal/_composedModal.scss

@@ -4,33 +4,41 @@
   border-radius: 1rem;
   max-width: 95vw;
   min-width: 0;
-  padding: $spacing-sm 0;
+  padding: $spacing-lg 0 $spacing-sm 0;
   width: 95vw;
+  &:not(:has(.#{$px}-composed-modal__btns-group)) {
+    padding-bottom: $spacing-lg;
+  }
 
   &__title {
-    margin-top: $spacing-md;
-    padding: 0 $spacing-md;
+    margin: $spacing-md $spacing-lg $spacing-sm;
   }
 
   &__body {
+    margin: 0 $spacing-lg $spacing-md;
     max-height: var('--max-modal-body-height');
     overflow-y: auto;
   }
 
-  &__divider {
+  .#{$px}-divider {
     margin: 0;
+
+    hr {
+      margin: 0;
+    }
   }
 
   &__btns-group {
     display: flex;
     gap: $spacing-sm;
     justify-content: center;
-    padding: $spacing-sm $spacing-md;
+    margin: 0 $spacing-lg;
+    padding: $spacing-sm 0 0;
   }
 
   &__btns-group > * {
     flex: 1 1 50%;
-    max-width: 50%;
+    margin: $spacing-xsm 0 0;
   }
 
   &__btns {

package/dist/scss/components/NotificationBanner/_notificationBanner.scss

@@ -12,7 +12,7 @@
   text-align: center;
   top: 0;
   width: 100%;
-  z-index: $z-index-notification-banner;
+  z-index: $notification-banner-z-index;
 
   > * {
     font-size: $snowflake-note-size;

package/dist/scss/patterns/ViewingDetails/_viewingDetails.scss

@@ -2,7 +2,6 @@
 
 .#{$px}-viewing-details {
   &__content {
-    padding: 0 $spacing-md;
     position: relative;
   }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phillips/seldon",
-  "version": "1.184.0",
+  "version": "1.185.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/PhillipsAuctionHouse/seldon"