@phillips/seldon 1.212.0 → 1.214.0-beta.0

package/dist/_virtual/index4.js

@@ -1,4 +1,4 @@
-var r = {};
+var e = { exports: {} };
 export {
-  r as __exports
+  e as __module
 };

package/dist/_virtual/index5.js

@@ -1,4 +1,4 @@
-var e = {};
+var r = {};
 export {
-  e as __exports
+  r as __exports
 };

package/dist/_virtual/index6.js

@@ -1,4 +1,4 @@
-var e = { exports: {} };
+var e = {};
 export {
-  e as __module
+  e as __exports
 };

package/dist/components/AddToCalendar/AddToCalendar.js

@@ -1,30 +1,29 @@
-import { jsx as e, jsxs as b } from "react/jsx-runtime";
-import { forwardRef as C, useState as h } from "react";
+import { jsx as a, jsxs as C } from "react/jsx-runtime";
+import { forwardRef as b, useState as h } from "react";
 import { getCommonProps as g } from "../../utils/index.js";
 import u from "../../node_modules/classnames/index.js";
-import { TextVariants as N } from "../Text/types.js";
-import O from "../Text/Text.js";
-import { Root as T, Trigger as x, Portal as I, Content as A, Item as L } from "../../node_modules/@radix-ui/react-dropdown-menu/dist/index.js";
-import P from "../Icon/Icon.js";
+import N from "../Text/Text.js";
+import { Root as O, Trigger as I, Portal as T, Content as x, Item as A } from "../../node_modules/@radix-ui/react-dropdown-menu/dist/index.js";
+import L from "../Icon/Icon.js";
 import "../Link/types.js";
-import $ from "../Link/Link.js";
-import { generateGoogleCalendarLink as w, generateOutlookOnlineLink as R, generateYahooCalendarLink as S, generateCalendarFile as j } from "./calendarLinks.js";
-import y from "../IconButton/IconButton.js";
-const G = C(
-  ({ className: r, event: o, label: s = "Add to calendar", linkElement: d = $, ...n }, m) => {
-    const { className: l, ...c } = g(n, "AddToCalendar"), [t, f] = h(!1), k = (a, i) => {
-      a === "file" ? j(o) : a === "link" && i && window.open(i, "_blank");
+import P from "../Link/Link.js";
+import { generateGoogleCalendarLink as $, generateOutlookOnlineLink as w, generateYahooCalendarLink as R, generateCalendarFile as S } from "./calendarLinks.js";
+import j from "../IconButton/IconButton.js";
+const G = b(
+  ({ className: r, event: o, label: s = "Add to calendar", linkElement: d = P, ...n }, c) => {
+    const { className: l, ...m } = g(n, "AddToCalendar"), [t, f] = h(!1), k = (e, i) => {
+      e === "file" ? S(o) : e === "link" && i && window.open(i, "_blank");
     }, p = [
       { label: "iCalendar", action: "file" },
-      { label: "Google Calendar", action: "link", link: w(o) },
+      { label: "Google Calendar", action: "link", link: $(o) },
       { label: "Outlook", action: "file" },
-      { label: "Outlook Online", action: "link", link: R(o) },
-      { label: "Yahoo Calendar", action: "link", link: S(o) }
+      { label: "Outlook Online", action: "link", link: w(o) },
+      { label: "Yahoo Calendar", action: "link", link: R(o) }
     ];
-    return /* @__PURE__ */ e("div", { ...c, className: u(l, r), ...n, ref: m, children: /* @__PURE__ */ b(T, { open: t, onOpenChange: f, children: [
-      /* @__PURE__ */ e(x, { asChild: !0, children: /* @__PURE__ */ e(y, { children: /* @__PURE__ */ e(P, { icon: t ? "CloseX" : "Calendar", title: s }) }) }),
-      /* @__PURE__ */ e(I, { children: /* @__PURE__ */ e(
-        A,
+    return /* @__PURE__ */ a("div", { ...m, className: u(l, r), ...n, ref: c, children: /* @__PURE__ */ C(O, { open: t, onOpenChange: f, children: [
+      /* @__PURE__ */ a(I, { asChild: !0, children: /* @__PURE__ */ a(j, { children: /* @__PURE__ */ a(L, { icon: t ? "CloseX" : "Calendar", title: s }) }) }),
+      /* @__PURE__ */ a(T, { children: /* @__PURE__ */ a(
+        x,
         {
           sideOffset: 5,
           align: "start",
@@ -32,14 +31,14 @@ const G = C(
           "data-side": "bottom",
           avoidCollisions: !1,
           className: `${l}-atcb-list`,
-          children: p.map((a) => /* @__PURE__ */ e(
-            L,
+          children: p.map((e) => /* @__PURE__ */ a(
+            A,
             {
               className: `${l}-atcb-item`,
-              onSelect: () => k(a.action, a.link),
-              children: a.action === "link" ? /* @__PURE__ */ e(d, { className: `${l}-atcb-item-link`, href: a.link, children: a.label }) : /* @__PURE__ */ e("button", { className: `${l}-atcb-item-link`, children: /* @__PURE__ */ e(O, { variant: N.body2, children: a.label }) })
+              onSelect: () => k(e.action, e.link),
+              children: e.action === "link" ? /* @__PURE__ */ a(d, { className: `${l}-atcb-item-link`, href: e.link, children: e.label }) : /* @__PURE__ */ a("button", { className: `${l}-atcb-item-link`, children: /* @__PURE__ */ a(N, { children: e.label }) })
             },
-            a.label
+            e.label
           ))
         }
       ) })

package/dist/components/Article/Article.js

@@ -1,27 +1,27 @@
-import { jsxs as c, jsx as e } from "react/jsx-runtime";
-import { forwardRef as u } from "react";
+import { jsxs as s, jsx as l } from "react/jsx-runtime";
+import { forwardRef as N } from "react";
 import { getCommonProps as h } from "../../utils/index.js";
 import x from "../../node_modules/classnames/index.js";
 import $ from "../SeldonImage/SeldonImage.js";
-import { TextVariants as l } from "../Text/types.js";
-import n from "../Text/Text.js";
-import "../Link/types.js";
+import { TextVariants as c } from "../Text/types.js";
+import t from "../Text/Text.js";
+import { LinkVariants as k } from "../Link/types.js";
 import v from "../Link/Link.js";
-const b = u(
-  ({ className: p, imageSrc: r, label: a, header: o, description: m, linkElement: d = v, linkLabel: s, linkHref: f, ...i }, _) => {
-    const { className: t, ...N } = h(i, "Article");
-    return /* @__PURE__ */ c("article", { ...N, className: x(t, p), ...i, ref: _, children: [
-      r ? /* @__PURE__ */ e($, { aspectRatio: "16/9", src: r, alt: "bull" }) : null,
-      /* @__PURE__ */ c("div", { className: `${t}__content`, children: [
-        a ? /* @__PURE__ */ e(n, { variant: l.label, className: `${t}__content-label`, children: a }) : null,
-        o ? /* @__PURE__ */ e(n, { variant: l.heading3, className: `${t}__content-title`, children: o }) : null,
-        m ? /* @__PURE__ */ e(n, { variant: l.body2, className: `${t}__content-description`, element: "p", children: m }) : null,
-        s ? /* @__PURE__ */ e(d, { href: f, className: `${t}__content-link`, children: s }) : null
+const A = N(
+  ({ className: d, imageSrc: n, label: a, header: r, description: m, linkElement: f = v, linkLabel: i, linkHref: p, ...o }, u) => {
+    const { className: e, ..._ } = h(o, "Article");
+    return /* @__PURE__ */ s("article", { ..._, className: x(e, d), ...o, ref: u, children: [
+      n ? /* @__PURE__ */ l($, { aspectRatio: "16/9", src: n, alt: "bull" }) : null,
+      /* @__PURE__ */ s("div", { className: `${e}__content`, children: [
+        a ? /* @__PURE__ */ l(t, { variant: c.labelSmall, className: `${e}__content-label`, children: a }) : null,
+        r ? /* @__PURE__ */ l(t, { variant: c.headingMedium, className: `${e}__content-title`, children: r }) : null,
+        m ? /* @__PURE__ */ l(t, { className: `${e}__content-description`, element: "p", children: m }) : null,
+        i ? /* @__PURE__ */ l(f, { href: p, variant: k.linkMedium, className: `${e}__content-link`, children: i }) : null
       ] })
     ] });
   }
 );
-b.displayName = "Article";
+A.displayName = "Article";
 export {
-  b as default
+  A as default
 };

package/dist/components/Button/Button.d.ts

@@ -40,6 +40,10 @@ export interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement | HT
      * Boolean to specify whether we need to display skeleton loader
      */
     isSkeletonLoading?: boolean;
+    /**
+     * This is only used when a button is rendered as a link. It controls the size of the link.
+     */
+    linkSize?: 'sm' | 'md' | 'lg';
 }
 /**
  * ## Overview

package/dist/components/Button/Button.js

@@ -1,78 +1,96 @@
-import { jsxs as N, Fragment as k, jsx as o } from "react/jsx-runtime";
-import $ from "../../node_modules/classnames/index.js";
-import { getCommonProps as b, px as P } from "../../utils/index.js";
-import { ButtonVariants as j } from "./types.js";
-import { forwardRef as y, useState as H } from "react";
-const L = y(
+import { jsxs as P, Fragment as B, jsx as n } from "react/jsx-runtime";
+import C from "../../node_modules/classnames/index.js";
+import { getCommonProps as V, px as j } from "../../utils/index.js";
+import { ButtonVariants as s } from "./types.js";
+import { forwardRef as v, useState as w } from "react";
+import { LinkVariants as l } from "../Link/types.js";
+import H from "../Link/Link.js";
+const g = v(
   ({
-    variant: s = j.primary,
-    children: a,
-    className: l,
-    isIconLast: m = !1,
-    type: v = "button",
-    isDisabled: t = !1,
-    href: n,
-    target: i,
-    prefetch: c = "none",
-    isSkeletonLoading: x,
-    ...r
-  }, f) => {
-    const { className: e, ...u } = b(r, "Button"), [B, C] = H(!1);
-    if (n) {
-      const d = () => /* @__PURE__ */ o(k, { children: /* @__PURE__ */ o("link", { "data-testid": "prefetch-link", rel: "prefetch", href: n }) });
-      return /* @__PURE__ */ N(k, { children: [
-        /* @__PURE__ */ o(
-          "a",
+    variant: t = s.primary,
+    children: k,
+    className: c,
+    isIconLast: u = !1,
+    type: N = "button",
+    isDisabled: a = !1,
+    href: o,
+    target: f,
+    prefetch: d = "none",
+    isSkeletonLoading: i,
+    linkSize: y = "md",
+    ...m
+  }, p) => {
+    const { className: e, ...$ } = V(m, "Button"), [L, M] = w(!1);
+    if (o || t === s.link) {
+      const b = () => /* @__PURE__ */ n(B, { children: /* @__PURE__ */ n("link", { "data-testid": "prefetch-link", rel: "prefetch", href: o }) });
+      let r = l.linkMedium;
+      switch (y) {
+        case "lg":
+          r = l.linkLarge;
+          break;
+        case "md":
+          r = l.linkMedium;
+          break;
+        case "sm":
+          r = l.linkSmall;
+          break;
+      }
+      return /* @__PURE__ */ P(B, { children: [
+        /* @__PURE__ */ n(
+          H,
           {
-            ...u,
-            ref: f,
-            href: n,
-            className: $(
+            ...$,
+            variant: r,
+            ref: p,
+            href: o,
+            className: C(
               `${e}`,
-              `${e}--${s}`,
+              { [`${e}--${t}`]: t !== s.link },
+              { [`${e}--link`]: t === s.link },
               {
-                [`${e}--icon-last`]: m
+                [`${e}--icon-last`]: u
               },
-              l
+              c
             ),
-            target: i,
-            rel: i === "_blank" ? "noopener noreferrer" : void 0,
+            target: f,
+            rel: f === "_blank" ? "noopener noreferrer" : void 0,
             onMouseOver: () => {
-              t || C(!0);
+              a || M(!0);
             },
-            onClick: (p) => {
-              t ? p.preventDefault() : r.onClick?.(p);
+            onClick: (x) => {
+              a ? x.preventDefault() : m.onClick?.(x);
             },
-            children: a
+            children: k
           }
         ),
-        c === "intent" && B && /* @__PURE__ */ o(d, {}),
-        c === "render" && /* @__PURE__ */ o(d, {})
+        d === "intent" && o && L && /* @__PURE__ */ n(b, {}),
+        d === "render" && o && /* @__PURE__ */ n(b, {})
       ] });
     } else
-      return /* @__PURE__ */ o(
+      return /* @__PURE__ */ n(
         "button",
         {
-          ...u,
-          ref: f,
-          type: v,
-          className: $(
+          ...$,
+          ref: p,
+          type: N,
+          "aria-busy": i,
+          className: C(
             `${e}`,
-            `${e}--${s}`,
+            `${e}--${t}`,
             {
-              [`${e}--icon-last`]: m,
-              [`${P}-skeleton`]: x
+              [`${e}--icon-last`]: u,
+              [`${j}-skeleton`]: i
             },
-            l
+            c
           ),
-          disabled: t,
-          ...r,
-          children: a
+          disabled: i || a,
+          ...m,
+          children: k
         }
       );
   }
 );
-L.displayName = "Button";
+g.displayName = "Button";
 export {
-  L as default
+  g as default
 };

package/dist/components/Button/Button.stories.d.ts

@@ -10,12 +10,19 @@ declare const meta: {
                 type: "select";
             };
         };
+        linkSize: {
+            options: string[];
+            control: {
+                type: "select";
+            };
+        };
         isIconLast: {
             control: "boolean";
         };
     };
 };
 export default meta;
+export declare const Default: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
 export declare const ButtonDisabled: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
 export declare const ButtonWithIcon: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
 export declare const ButtonWithIconDisabled: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
@@ -23,7 +30,6 @@ export declare const ButtonAsLink: {
     (props: ButtonProps): import("react/jsx-runtime").JSX.Element;
     args: {
         variant: ButtonVariants;
-        size: string;
     };
 };
 export declare const ButtonAsLinkWithPrefetch: {

package/dist/components/ComboBox/ComboBox.js

@@ -1,8 +1,8 @@
 import { jsxs as T, jsx as i } from "react/jsx-runtime";
-import { Root as ht, Trigger as _t, Portal as vt, Content as Ct } from "../../node_modules/@radix-ui/react-popover/dist/index.js";
+import { Root as ht, Trigger as _t, Portal as vt, Content as bt } from "../../node_modules/@radix-ui/react-popover/dist/index.js";
 import d from "../../node_modules/classnames/index.js";
-import { Command as bt, CommandInput as yt, CommandList as $t, CommandGroup as wt, CommandItem as gt } from "../../node_modules/cmdk/dist/index.js";
-import Nt, { useState as B, useCallback as g, useRef as k, useMemo as x } from "react";
+import { Command as Ct, CommandInput as yt, CommandList as $t, CommandGroup as wt, CommandItem as gt } from "../../node_modules/cmdk/dist/index.js";
+import Nt, { useState as B, useCallback as g, useRef as x, useMemo as k } from "react";
 import { useOnClickOutside as It } from "../../node_modules/usehooks-ts/dist/index.js";
 import "../../assets/formatted/AccountActive.js";
 import "../../assets/formatted/Account.js";
@@ -33,7 +33,7 @@ import Tt from "../../assets/formatted/ChevronDown.js";
 import "../../assets/formatted/ChevronLeft.js";
 import "../../assets/formatted/ChevronRight.js";
 import "../../assets/formatted/ChevronUp.js";
-import kt from "../../assets/formatted/CloseX.js";
+import xt from "../../assets/formatted/CloseX.js";
 import "../../assets/formatted/ConditionReport.js";
 import "../../assets/formatted/Delete.js";
 import "../../assets/formatted/Download.js";
@@ -84,11 +84,13 @@ import "../../assets/formatted/VolumeMaximum.js";
 import "../../assets/formatted/VolumeMid.js";
 import "../../assets/formatted/VolumeMinimum.js";
 import "../../assets/formatted/WeChat.js";
-import { getCommonProps as xt, useNormalizedInputProps as Lt } from "../../utils/index.js";
+import { getCommonProps as kt, useNormalizedInputProps as Lt } from "../../utils/index.js";
 import U from "../IconButton/IconButton.js";
 import { ButtonVariants as W } from "../Button/types.js";
 import { usePrevious as Ot } from "../../utils/usePrevious.js";
-const Dt = Nt.forwardRef(function({
+import { TextVariants as Vt } from "../Text/types.js";
+import Dt from "../Text/Text.js";
+const Mt = Nt.forwardRef(function({
   options: n = [],
   className: X,
   id: s,
@@ -110,19 +112,19 @@ const Dt = Nt.forwardRef(function({
   invalidText: it,
   countOfCharsBeforeDropdown: j = 0,
   ...at
-}, D) {
-  const { className: e, ...lt } = xt({ id: s }, "ComboBox"), st = Tt, nt = kt, q = Lt({
+}, V) {
+  const { className: e, ...lt } = kt({ id: s }, "ComboBox"), st = Tt, nt = xt, q = Lt({
     id: s,
     invalid: N,
     invalidText: it,
     type: "text"
-  }), [f, z] = B(!1), [mt, ct] = B(""), G = Ot(p), V = g((t) => t.label || t.value, []), [o, C] = B(() => {
+  }), [f, z] = B(!1), [mt, ct] = B(""), G = Ot(p), D = g((t) => t.label || t.value, []), [o, b] = B(() => {
     if (p !== void 0) {
       const t = n.find((r) => r.value === p);
-      return t ? t.displayValue || V(t) : "";
+      return t ? t.displayValue || D(t) : "";
     }
     return "";
-  }), b = k(null), y = k(null), $ = k(!1), M = k(null), m = g((t) => V(t), [V]), h = p !== void 0, R = h ? p : mt, a = x(() => n.find((t) => t.value === R) || null, [n, R]), _ = x(() => a ? a.displayValue || m(a) : "", [a, m]), c = x(() => {
+  }), C = x(null), y = x(null), $ = x(!1), M = x(null), m = g((t) => D(t), [D]), h = p !== void 0, R = h ? p : mt, a = k(() => n.find((t) => t.value === R) || null, [n, R]), _ = k(() => a ? a.displayValue || m(a) : "", [a, m]), c = k(() => {
     if (!o || a && o === _)
       return n;
     const t = o.toLowerCase().trim();
@@ -146,20 +148,20 @@ const Dt = Nt.forwardRef(function({
     (t) => {
       h || ct(t.value);
       const r = t.displayValue || m(t);
-      C(r), u && u(t.value, t), l(!1), $.current = !0, requestAnimationFrame(() => {
+      b(r), u && u(t.value, t), l(!1), $.current = !0, requestAnimationFrame(() => {
         $.current = !1;
       });
     },
     [h, u, l, m]
   ), pt = (t) => {
-    l(!1), $.current = !0, t.preventDefault(), t.stopPropagation(), u && h && u("", null), C(""), y.current?.focus(), requestAnimationFrame(() => {
+    l(!1), $.current = !0, t.preventDefault(), t.stopPropagation(), u && h && u("", null), b(""), y.current?.focus(), requestAnimationFrame(() => {
       $.current = !1;
     });
   }, ut = () => {
     z(!f), y.current?.focus();
   }, ft = (t) => {
-    C(t), t !== "" && c.length > 0 && l(!0, t);
-  }, K = x(() => {
+    b(t), t !== "" && c.length > 0 && l(!0, t);
+  }, K = k(() => {
     if (h) {
       if (p !== G)
         return a ? _ : o;
@@ -173,9 +175,9 @@ const Dt = Nt.forwardRef(function({
   }, [h, o, p, G, a, _]), E = (t) => {
     if (a) {
       const r = _;
-      r !== K && !t && C(r);
+      r !== K && !t && b(r);
     } else
-      C("");
+      b("");
   }, F = g(() => {
     const t = n.filter((r) => {
       const w = m(r).toLowerCase(), P = r.value.toLowerCase(), A = r.displayValue?.toLowerCase(), v = o.toLowerCase();
@@ -183,9 +185,9 @@ const Dt = Nt.forwardRef(function({
     });
     t.length === 1 && I(t[0]);
   }, [o, n, I, m]);
-  return It(b, (t) => {
-    t.target.closest(`.${e}__item`) || t.target.closest(`.${e}__content`) || b.current?.contains(t.target) || t.target === b.current || (F(), E(), l(!1));
-  }), /* @__PURE__ */ T("div", { ref: D, className: d(e, X), id: s, ...lt, ...at, children: [
+  return It(C, (t) => {
+    t.target.closest(`.${e}__item`) || t.target.closest(`.${e}__content`) || C.current?.contains(t.target) || t.target === C.current || (F(), E(), l(!1));
+  }), /* @__PURE__ */ T("div", { ref: V, className: d(e, X), id: s, ...lt, ...at, children: [
     L && /* @__PURE__ */ i(
       "input",
       {
@@ -194,14 +196,16 @@ const Dt = Nt.forwardRef(function({
         id: L,
         value: R || "",
         ref: (t) => {
-          typeof D == "function" && t && D(t);
+          typeof V == "function" && t && V(t);
         }
       }
     ),
-    /* @__PURE__ */ T("div", { ref: b, className: `${e}__wrapper`, children: [
+    /* @__PURE__ */ T("div", { ref: C, className: `${e}__wrapper`, children: [
       /* @__PURE__ */ i(
-        "label",
+        Dt,
         {
+          element: "label",
+          variant: Vt.labelMedium,
           htmlFor: `${s}-input`,
           className: d(`${e}__label`, {
             [`${e}__label--hidden`]: et,
@@ -212,7 +216,7 @@ const Dt = Nt.forwardRef(function({
         }
       ),
       /* @__PURE__ */ i(
-        bt,
+        Ct,
         {
           loop: !0,
           onKeyDown: (t) => {
@@ -303,7 +307,7 @@ const Dt = Nt.forwardRef(function({
               }
             ) }),
             f && /* @__PURE__ */ i(vt, { container: rt?.current || document.body, children: /* @__PURE__ */ i(
-              Ct,
+              bt,
               {
                 className: `${e}__content`,
                 "aria-label": tt,
@@ -315,7 +319,7 @@ const Dt = Nt.forwardRef(function({
                   document.activeElement !== y.current && y.current?.focus();
                 },
                 style: {
-                  width: b.current?.offsetWidth || "100%"
+                  width: C.current?.offsetWidth || "100%"
                 },
                 children: /* @__PURE__ */ i($t, { className: `${e}__list`, children: c.length > 0 ? /* @__PURE__ */ i(wt, { className: `${e}__group`, children: c.map((t) => /* @__PURE__ */ i(
                   gt,
@@ -335,11 +339,11 @@ const Dt = Nt.forwardRef(function({
           ] })
         }
       ),
-      q.validation ? q.validation : /* @__PURE__ */ i("p", { className: d(`${e}__validation`), children: " " })
+      q.validation ? q.validation : /* @__PURE__ */ i("p", { className: d(`${e}__empty-validation`), children: " " })
     ] })
   ] });
 });
-Dt.displayName = "ComboBox";
+Mt.displayName = "ComboBox";
 export {
-  Dt as default
+  Mt as default
 };

package/dist/components/ComposedModal/ComposedModal.js

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

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

@@ -17,6 +17,7 @@ export declare const Playground: {
                 sessionTime: string;
             }[];
             viewingTimes: string[];
+            viewingTimesLabel: string;
             location: string;
             mapLink: string;
         };