@phillips/seldon 1.215.0 → 1.217.0

package/dist/patterns/SaleCard/SaleCard.stories.d.ts

@@ -18,7 +18,7 @@ export declare const SaleCardPlayground: {
 export declare const SaleCardRelated: () => import("react/jsx-runtime").JSX.Element;
 export declare const SaleCardWithPrimaryAndSecondaryCTA: () => import("react/jsx-runtime").JSX.Element;
 export declare const SaleCardWithPrimaryCTA: () => import("react/jsx-runtime").JSX.Element;
-export declare const SaleCardWithSecondaryCTA: () => import("react/jsx-runtime").JSX.Element;
+export declare const SaleCardWithRegistrationStatus: () => import("react/jsx-runtime").JSX.Element;
 export declare const SaleCardWithDownloadLink: () => import("react/jsx-runtime").JSX.Element;
 export declare const SaleCardNoCTA: () => import("react/jsx-runtime").JSX.Element;
 export declare const SaleCardWithLink: () => import("react/jsx-runtime").JSX.Element;

package/dist/patterns/SaleCard/SaleCardActions.js

@@ -1,12 +1,13 @@
-import { jsx as e } from "react/jsx-runtime";
-import { forwardRef as t } from "react";
+import { jsx as t } from "react/jsx-runtime";
+import { forwardRef as e } from "react";
 import { getCommonProps as c } from "../../utils/index.js";
-const i = t(({ children: a, ...o }, s) => {
-  const { className: r, ...m } = c(o, "SaleCardActions");
-  return /* @__PURE__ */ e("div", { className: `${r}__ctas`, ...m, ref: s, children: a });
+import i from "../../components/Text/Text.js";
+const l = e(({ children: o, ...a }, r) => {
+  const { className: s, ...m } = c(a, "SaleCardActions");
+  return /* @__PURE__ */ t(i, { className: `${s}__ctas`, ...m, ref: r, children: o });
 });
-i.displayName = "SaleCardActions";
+l.displayName = "SaleCardActions";
 export {
-  i as SaleCardActions,
-  i as default
+  l as SaleCardActions,
+  l as default
 };

package/dist/patterns/SaleHeaderBanner/SaleHeaderBanner.js

@@ -1,4 +1,4 @@
-import { jsxs as n, jsx as a } from "react/jsx-runtime";
+import { jsxs as i, jsx as a } from "react/jsx-runtime";
 import { forwardRef as R } from "react";
 import { getCommonProps as D } from "../../utils/index.js";
 import F from "../../node_modules/classnames/index.js";
@@ -6,69 +6,69 @@ import f from "../../components/Countdown/Countdown.js";
 import O from "../../components/SeldonImage/SeldonImage.js";
 import { AuctionStatus as q } from "../../types/commonTypes.js";
 import { TextVariants as r } from "../../components/Text/types.js";
-import t from "../../components/Text/Text.js";
+import l from "../../components/Text/Text.js";
 import z from "../../components/PageContentWrapper/PageContentWrapper.js";
-import { SSRMediaQuery as g } from "../../providers/SeldonProvider/utils.js";
+import { SSRMediaQuery as u } from "../../providers/SeldonProvider/utils.js";
 const A = R(
   ({
-    auctionEndTime: i,
-    auctionTitle: o,
-    badgeText: c,
-    imageSrcUrl: v,
-    imageSrcSet: N,
-    imageSizes: u,
-    imageLoading: S,
-    imageFetchPriority: $,
-    location: w,
-    countdownTimerLabel: B,
-    countdownFormatDuration: b,
-    auctionState: k,
-    occurrenceInformation: x,
+    auctionEndTime: s,
+    auctionTitle: n,
+    badgeText: o,
+    imageSrcUrl: N,
+    imageSrcSet: v,
+    imageSizes: g,
+    imageLoading: $,
+    imageFetchPriority: S,
+    location: b,
+    countdownTimerLabel: M,
+    countdownFormatDuration: w,
+    auctionState: B,
+    occurrenceInformation: k,
     onClick: I,
-    children: C,
-    className: P,
-    footerElement: j,
-    headerLabel: y,
-    showTimer: l,
-    getCurrentDateTime: H,
-    ...s
+    children: x,
+    className: C,
+    footerElement: P,
+    headerLabel: j,
+    showTimer: c,
+    getCurrentDateTime: y,
+    ...t
   }, m) => {
-    const { className: e, ...d } = D(s, "SaleHeaderBanner"), _ = k === q.live, p = {
-      endDateTime: i,
-      label: B,
-      formatDurationStr: b,
-      getCurrentDateTime: H
+    const { className: e, ...d } = D(t, "SaleHeaderBanner"), _ = B === q.live, h = {
+      endDateTime: s,
+      label: M,
+      formatDurationStr: w,
+      getCurrentDateTime: y
     };
-    return /* @__PURE__ */ n("div", { ...d, className: F(e, P), ...s, ref: m, children: [
-      _ && i && l ? /* @__PURE__ */ a(g.Media, { lessThan: "md", children: /* @__PURE__ */ a("div", { className: `${e}__stack__countdown`, children: /* @__PURE__ */ a(f, { ...p, showBottomBorder: !1 }) }) }) : null,
+    return /* @__PURE__ */ i("div", { ...d, className: F(e, C), ...t, ref: m, children: [
+      _ && s && c ? /* @__PURE__ */ a(u.Media, { lessThan: "md", children: /* @__PURE__ */ a("div", { className: `${e}__stack__countdown`, children: /* @__PURE__ */ a(f, { ...h, showBottomBorder: !1 }) }) }) : null,
       /* @__PURE__ */ a(
         O,
         {
           aspectRatio: "16/9",
-          src: v,
-          alt: String(o),
+          src: N,
+          alt: String(n),
           objectFit: "cover",
           className: `${e}__image`,
-          srcSet: N,
-          sizes: u,
-          loading: S,
-          fetchPriority: $
+          srcSet: v,
+          sizes: g,
+          loading: $,
+          fetchPriority: S
         }
       ),
-      /* @__PURE__ */ a(z, { className: `${e}__stack-wrapper`, ...d, ...s, ref: m, children: /* @__PURE__ */ n("div", { className: `${e}__stack`, children: [
-        _ && i && l ? /* @__PURE__ */ a(g.Media, { greaterThanOrEqual: "md", children: /* @__PURE__ */ a("div", { className: `${e}__stack__countdown`, children: /* @__PURE__ */ a(f, { ...p }) }) }) : null,
-        /* @__PURE__ */ a(t, { variant: r.badge, children: y }),
-        /* @__PURE__ */ a(t, { variant: r.title1, children: o }),
-        c && /* @__PURE__ */ a(t, { variant: r.badge, className: `${e}__badge`, children: c }),
-        /* @__PURE__ */ a(t, { variant: r.string2, className: `${e}__location`, children: w }),
-        /* @__PURE__ */ n("div", { className: `${e}__occurrence-details`, children: [
-          x.map(({ date: h, occurrenceLabel: M }) => /* @__PURE__ */ n("div", { className: `${e}__occurrence-details-text`, children: [
-            /* @__PURE__ */ a(t, { variant: r.string2, children: M }),
-            /* @__PURE__ */ a(t, { variant: r.string2, className: `${e}__date`, children: h })
-          ] }, String(h))),
-          C
+      /* @__PURE__ */ a(z, { className: `${e}__stack-wrapper`, ...d, ...t, ref: m, children: /* @__PURE__ */ i("div", { className: `${e}__stack`, children: [
+        _ && s && c ? /* @__PURE__ */ a(u.Media, { greaterThanOrEqual: "md", children: /* @__PURE__ */ a("div", { className: `${e}__stack__countdown`, children: /* @__PURE__ */ a(f, { ...h }) }) }) : null,
+        /* @__PURE__ */ a(l, { variant: r.labelMedium, className: `${e}__header-label`, children: j }),
+        /* @__PURE__ */ a(l, { className: `${e}__title`, variant: r.headingLarge, children: n }),
+        o && /* @__PURE__ */ a(l, { variant: r.badge, className: `${e}__badge`, children: o }),
+        /* @__PURE__ */ a(l, { variant: r.labelMedium, className: `${e}__location`, children: b }),
+        /* @__PURE__ */ i("div", { className: `${e}__occurrence-details`, children: [
+          k.map(({ date: p, occurrenceLabel: H }) => /* @__PURE__ */ i("div", { className: `${e}__occurrence-details-text`, children: [
+            /* @__PURE__ */ a(l, { variant: r.labelMedium, children: H }),
+            /* @__PURE__ */ a(l, { variant: r.labelMedium, className: `${e}__date`, children: p })
+          ] }, String(p))),
+          x
         ] }),
-        j
+        P
       ] }) })
     ] });
   }

package/dist/patterns/SaleHeaderBanner/SaleHeaderBrowseAuctions.js

@@ -1,20 +1,27 @@
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import { forwardRef as i } from "react";
-import { getCommonProps as m } from "../../utils/index.js";
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import { forwardRef as m } from "react";
+import { getCommonProps as i } from "../../utils/index.js";
 import { TextVariants as n } from "../../components/Text/types.js";
 import l from "../../components/Text/Text.js";
 import "../../components/Link/types.js";
 import c from "../../components/Link/Link.js";
-const d = i(
-  ({ ctaText: r = "View Calendar", ctaLabel: a = "Browse Upcoming Sale", className: f, ...o }, p) => {
-    const { className: s } = m(o, "SaleHeaderBanner");
-    return /* @__PURE__ */ t("div", { className: `${s}__occurrence-details-text`, children: [
-      /* @__PURE__ */ e(l, { variant: n.string2, children: a }),
-      /* @__PURE__ */ e(c, { href: "/calendar", children: r })
-    ] });
+import d from "../../node_modules/classnames/index.js";
+const f = m(
+  ({ ctaText: a = "View Calendar", ctaLabel: o = "Browse Upcoming Sale", className: p, ...s }, u) => {
+    const { className: e } = i(s, "SaleHeaderBanner");
+    return /* @__PURE__ */ t(
+      "div",
+      {
+        className: d(`${e}__occurrence-details-text`, `${e}__browse-auctions-text`),
+        children: [
+          /* @__PURE__ */ r(l, { variant: n.labelMedium, children: o }),
+          /* @__PURE__ */ r(c, { href: "/calendar", children: a })
+        ]
+      }
+    );
   }
 );
-d.displayName = "SaleHeaderBrowseAuctions";
+f.displayName = "SaleHeaderBrowseAuctions";
 export {
-  d as default
+  f as default
 };

package/dist/patterns/Social/Social.js

@@ -1,29 +1,29 @@
-import { jsxs as l, jsx as a } from "react/jsx-runtime";
-import f from "../../node_modules/classnames/index.js";
-import { getCommonProps as p } from "../../utils/index.js";
-import d from "../../components/Button/Button.js";
-import { forwardRef as N } from "react";
-import { ButtonVariants as u } from "../../components/Button/types.js";
-import { TextVariants as h } from "../../components/Text/types.js";
-import x from "../../components/Text/Text.js";
-const b = N(
+import { jsxs as f, jsx as a } from "react/jsx-runtime";
+import p from "../../node_modules/classnames/index.js";
+import { getCommonProps as u } from "../../utils/index.js";
+import N from "../../components/Button/Button.js";
+import { forwardRef as h } from "react";
+import { ButtonVariants as v } from "../../components/Button/types.js";
+import { TextVariants as t } from "../../components/Text/types.js";
+import m from "../../components/Text/Text.js";
+const x = h(
   ({
-    className: t,
-    children: e,
-    titleText: m = "Never Miss A Moment",
-    buttonText: s = "Subscribe To Our Newsletter",
-    onSubscribeClick: i,
+    className: e,
+    children: i,
+    titleText: s = "Never miss a moment",
+    buttonText: n = "Subscribe to our newsletter",
+    onSubscribeClick: l,
     ...o
-  }, n) => {
-    const { className: r, ...c } = p(o, "Social");
-    return /* @__PURE__ */ l("div", { ref: n, ...c, className: f(r, t), ...o, children: [
-      /* @__PURE__ */ a(x, { variant: h.heading4, className: `${r}__header`, children: m }),
-      /* @__PURE__ */ a(d, { onClick: i, variant: u.tertiary, className: `${r}__button`, children: s }),
-      e
+  }, c) => {
+    const { className: r, ...d } = u(o, "Social");
+    return /* @__PURE__ */ f("div", { ref: c, ...d, className: p(r, e), ...o, children: [
+      /* @__PURE__ */ a(m, { variant: t.headingSmall, className: `${r}__header`, children: s }),
+      /* @__PURE__ */ a(N, { onClick: l, variant: v.tertiary, className: `${r}__button`, children: /* @__PURE__ */ a(m, { variant: t.linkMedium, children: n }) }),
+      i
     ] });
   }
 );
-b.displayName = "Social";
+x.displayName = "Social";
 export {
-  b as default
+  x as default
 };

package/dist/patterns/Subscribe/Subscribe.js

@@ -1,83 +1,85 @@
-import { jsxs as C, jsx as a } from "react/jsx-runtime";
-import * as I from "react";
-import L from "../../node_modules/classnames/index.js";
-import { getCommonProps as T } from "../../utils/index.js";
+import { jsxs as I, jsx as o } from "react/jsx-runtime";
+import * as L from "react";
+import M from "../../node_modules/classnames/index.js";
+import { getCommonProps as V } from "../../utils/index.js";
 import j from "../../components/Input/Input.js";
 import D from "../../components/Button/Button.js";
-import { SubscriptionState as o } from "./types.js";
-import { ButtonVariants as M } from "../../components/Button/types.js";
-const R = I.forwardRef(
+import { SubscriptionState as r } from "./types.js";
+import { ButtonVariants as R } from "../../components/Button/types.js";
+import { TextVariants as d } from "../../components/Text/types.js";
+import i from "../../components/Text/Text.js";
+const U = L.forwardRef(
   ({
-    autoFocus: c = !0,
-    blurb: s,
-    buttonText: d = "Sign Up",
-    buttonProps: u,
-    className: i,
-    element: p = "form",
-    inputLabelText: f = "Enter Your Email Address To Sign Up*",
-    inputPlaceholder: g = "example@email.com",
-    title: _ = "Never Miss A Moment",
-    loadingText: N = "Loading...",
-    invalidText: h = "",
-    errorText: v = "An error occurred. Please try again.",
-    successText: x,
-    privacyText: t = "By signing up, you agree to receive email communications from Phillips.",
-    subscriptionState: e = o.Default,
+    autoFocus: u = !0,
+    blurb: t,
+    buttonText: p = "Sign Up",
+    buttonProps: f,
+    className: m,
+    element: g = "form",
+    inputLabelText: x = "Enter Your Email Address To Sign Up*",
+    inputPlaceholder: v = "example@email.com",
+    title: h = "Never Miss A Moment",
+    loadingText: y = "Loading...",
+    invalidText: N = "",
+    errorText: _ = "An error occurred. Please try again.",
+    successText: b,
+    privacyText: s = "By signing up, you agree to receive email communications from Phillips.",
+    subscriptionState: e = r.Default,
     id: n,
-    ...m
-  }, y) => {
-    const { className: r, ...$ } = T({ id: n, ...m }, "Subscribe"), b = e === o.Invalid, E = e === o.Loading, P = e === o.Success, S = e === o.Error, w = {
-      invalid: h,
-      success: x,
-      loading: N,
-      error: v
-    }, l = e !== o.Default ? w[e] : "", A = P || E, B = b || S;
-    return /* @__PURE__ */ C(
-      p,
+    ...l
+  }, S) => {
+    const { className: a, ...T } = V({ id: n, ...l }, "Subscribe"), $ = e === r.Invalid, E = e === r.Loading, P = e === r.Success, w = e === r.Error, A = {
+      invalid: N,
+      success: b,
+      loading: y,
+      error: _
+    }, c = e !== r.Default ? A[e] : "", B = P || E, C = $ || w;
+    return /* @__PURE__ */ I(
+      g,
       {
         id: n,
-        ...$,
-        className: L(r, i),
+        ...T,
+        className: M(a, m),
         noValidate: !0,
-        ref: y,
-        ...m,
+        ref: S,
+        ...l,
         children: [
-          /* @__PURE__ */ a("h3", { className: `${r}__title`, children: _ }),
-          s ? /* @__PURE__ */ a("p", { className: `${r}__blurb`, children: s }) : null,
-          /* @__PURE__ */ a(
+          /* @__PURE__ */ o(i, { variant: d.headingSmall, className: `${a}__title`, children: h }),
+          t ? /* @__PURE__ */ o(i, { variant: d.bodyMedium, children: t }) : null,
+          /* @__PURE__ */ o(
             j,
             {
-              autoFocus: c,
-              className: `${r}__input`,
+              autoFocus: u,
+              className: `${a}__input`,
               type: "email",
               name: "email",
-              placeholder: g,
-              labelText: f,
-              invalid: B,
-              invalidText: l,
-              warn: A,
-              warnText: l,
+              placeholder: v,
+              labelText: x,
+              invalid: C,
+              invalidText: c,
+              warn: B,
+              warnText: c,
               required: !0,
               id: `${n}-input`
             }
           ),
-          /* @__PURE__ */ a(
+          /* @__PURE__ */ o(
             D,
             {
-              className: `${r}__button ${i}`,
-              variant: M.secondary,
+              className: `${a}__button ${m}`,
+              variant: R.secondary,
               type: "submit",
-              ...u,
-              children: d
+              ...f,
+              children: p
             }
           ),
-          t ? /* @__PURE__ */ a("p", { className: `${r}__privacy`, children: t }) : null
+          s ? /* @__PURE__ */ o(i, { element: "p", children: s }) : null
         ]
       }
     );
   }
 );
-R.displayName = "Subscribe";
+U.displayName = "Subscribe";
 export {
-  R as default
+  U as default
 };

package/dist/patterns/Subscribe/Subscribe.stories.d.ts

@@ -15,7 +15,6 @@ export declare const Playground: {
         blurb: string;
         subscriptionState: SubscriptionState;
         invalidText: string;
-        warn: boolean;
         successText: string;
     };
 };

package/dist/patterns/TextBanner/TextBanner.js

@@ -1,15 +1,15 @@
-import { jsx as r, jsxs as l } from "react/jsx-runtime";
-import { forwardRef as c } from "react";
-import { getCommonProps as p } from "../../utils/index.js";
-import n from "../../node_modules/classnames/index.js";
-import { TextVariants as d } from "../../components/Text/types.js";
-import f from "../../components/Text/Text.js";
-const x = c(
-  ({ headerText: o, className: t, description: a, ...s }, m) => {
-    const { className: e, ...i } = p(s, "TextBanner");
-    return /* @__PURE__ */ r("header", { ...i, className: n(e, t), ref: m, ...s, children: /* @__PURE__ */ l("span", { className: n(`${e}__content-wrapper`), children: [
-      /* @__PURE__ */ r(f, { variant: d.snwHeadingHero1, children: o }),
-      a ? /* @__PURE__ */ r("p", { className: `${e}__text-description`, children: a }) : null
+import { jsx as a, jsxs as i } from "react/jsx-runtime";
+import { forwardRef as p } from "react";
+import { getCommonProps as d } from "../../utils/index.js";
+import s from "../../node_modules/classnames/index.js";
+import { TextVariants as f } from "../../components/Text/types.js";
+import t from "../../components/Text/Text.js";
+const x = p(
+  ({ headerText: n, className: o, description: r, ...m }, l) => {
+    const { className: e, ...c } = d(m, "TextBanner");
+    return /* @__PURE__ */ a("header", { ...c, className: s(e, o), ref: l, ...m, children: /* @__PURE__ */ i("span", { className: s(`${e}__content-wrapper`), children: [
+      /* @__PURE__ */ a(t, { className: `${e}__header-text`, variant: f.displaySmall, children: n }),
+      r ? /* @__PURE__ */ a(t, { element: "p", children: r }) : null
     ] }) });
   }
 );

package/dist/patterns/UserManagement/UserManagement.js

@@ -1,30 +1,30 @@
-import { jsx as o, Fragment as x, jsxs as s } from "react/jsx-runtime";
+import { jsx as o, Fragment as x, jsxs as m } from "react/jsx-runtime";
 import { forwardRef as A } from "react";
 import { getCommonProps as w, noOp as C } from "../../utils/index.js";
 import $ from "../../node_modules/classnames/index.js";
-import { AuthState as t } from "./types.js";
-import { TextVariants as i } from "../../components/Text/types.js";
-import r from "../../components/Text/Text.js";
-import m from "../../components/Icon/Icon.js";
+import { AuthState as a } from "./types.js";
+import { TextVariants as s } from "../../components/Text/types.js";
+import i from "../../components/Text/Text.js";
+import r from "../../components/Icon/Icon.js";
 const b = A(
   ({
     accountDetailsLinkComponent: l = "a",
     className: d,
     onLogin: g = C,
-    authState: a = t.LoggedOut,
+    authState: t = a.LoggedOut,
     loginLabel: h = "Login",
     accountLabel: u = "Account",
     href: f = "/account",
     disabled: e = !1,
     ...c
   }, p) => {
-    const { className: n, ...N } = w(c, "UserManagement"), _ = a === t.LoggedIn, L = a !== t.Loading;
-    return /* @__PURE__ */ o("div", { ...N, className: $(n, d), ...c, ref: p, children: L && /* @__PURE__ */ o(x, { children: _ ? /* @__PURE__ */ s(l, { className: `${n}__login`, href: f, disabled: e, children: [
-      /* @__PURE__ */ o(m, { icon: "Account", className: `${n}__account-icon`, height: "100%", width: "100%" }),
-      /* @__PURE__ */ o(r, { variant: i.body3, children: u })
-    ] }) : /* @__PURE__ */ s("button", { className: `${n}__login`, onClick: g, disabled: e, children: [
-      /* @__PURE__ */ o(m, { icon: "Account", className: `${n}__account-icon`, height: "100%", width: "100%" }),
-      /* @__PURE__ */ o(r, { variant: i.body3, children: h })
+    const { className: n, ...N } = w(c, "UserManagement"), _ = t === a.LoggedIn, L = t !== a.Loading;
+    return /* @__PURE__ */ o("div", { ...N, className: $(n, d), ...c, ref: p, children: L && /* @__PURE__ */ o(x, { children: _ ? /* @__PURE__ */ m(l, { className: `${n}__login`, href: f, disabled: e, children: [
+      /* @__PURE__ */ o(r, { icon: "Account", className: `${n}__account-icon`, height: "100%", width: "100%" }),
+      /* @__PURE__ */ o(i, { variant: s.bodySmall, children: u })
+    ] }) : /* @__PURE__ */ m("button", { className: `${n}__login`, onClick: g, disabled: e, children: [
+      /* @__PURE__ */ o(r, { icon: "Account", className: `${n}__account-icon`, height: "100%", width: "100%" }),
+      /* @__PURE__ */ o(i, { variant: s.bodySmall, children: h })
     ] }) }) });
   }
 );

package/dist/patterns/ViewingDetails/ViewingDetails.d.ts

@@ -27,6 +27,10 @@ export interface ViewingDetailsProps extends ComponentProps<'div'> {
      * Session Times data array
      */
     sessionTimes?: ViewingSessionProps[];
+    /**
+     * Viewing Times label text for Viewings Details
+     */
+    viewingTimesLabel?: string;
     /**
      * Viewing Times string array
      */

package/dist/patterns/ViewingDetails/ViewingDetails.js

@@ -1,48 +1,50 @@
-import { jsx as a, jsxs as _ } from "react/jsx-runtime";
+import { jsx as e, jsxs as h } from "react/jsx-runtime";
 import v from "../../node_modules/classnames/index.js";
-import { forwardRef as b } from "react";
-import "../../components/Link/types.js";
-import g from "../../components/Link/Link.js";
-import { TextVariants as i } from "../../components/Text/types.js";
-import l from "../../components/Text/Text.js";
-import { getCommonProps as x } from "../../utils/index.js";
-const y = b(
+import { forwardRef as x } from "react";
+import { LinkVariants as u } from "../../components/Link/types.js";
+import V from "../../components/Link/Link.js";
+import { TextVariants as r } from "../../components/Text/types.js";
+import i from "../../components/Text/Text.js";
+import { getCommonProps as b } from "../../utils/index.js";
+const k = x(
   ({
-    className: p,
-    children: m,
-    label: s,
-    sessionTimesLabel: o,
-    sessionTimes: n,
-    viewingTimes: t,
-    location: c,
-    mapLink: d,
-    onClose: V,
-    linkElement: N = g,
-    ...h
+    className: N,
+    children: s,
+    label: p,
+    sessionTimesLabel: t,
+    sessionTimes: m,
+    viewingTimes: n,
+    viewingTimesLabel: c,
+    location: d,
+    mapLink: o,
+    onClose: M,
+    linkElement: $ = V,
+    ..._
   }, f) => {
-    const { className: e, ...$ } = x(h, "ViewingDetails");
-    return /* @__PURE__ */ a("div", { ...$, ...h, className: v(e, p), ref: f, children: /* @__PURE__ */ _("div", { className: `${e}__content`, children: [
-      m && /* @__PURE__ */ a("div", { className: `${e}__children`, children: m }),
-      o && /* @__PURE__ */ a(l, { variant: i.heading4, children: o }),
-      n && n.length > 0 && n.map((r) => /* @__PURE__ */ _(
+    const { className: a, ...g } = b(_, "ViewingDetails");
+    return /* @__PURE__ */ e("div", { ...g, ..._, className: v(a, N), ref: f, children: /* @__PURE__ */ h("div", { className: `${a}__content`, children: [
+      /* @__PURE__ */ e(i, { variant: r.headingMedium, className: `${a}__title`, children: p }),
+      s && /* @__PURE__ */ e("div", { className: `${a}__children`, children: s }),
+      t && /* @__PURE__ */ e(i, { variant: r.headingSmall, className: `${a}__heading`, children: t }),
+      m && m.length > 0 && m.map((l) => /* @__PURE__ */ h(
         "div",
         {
-          className: `${e}__session`,
+          className: `${a}__session`,
           children: [
-            r.sessionLabel && /* @__PURE__ */ a(l, { variant: i.heading5, className: `${e}__label`, children: r.sessionLabel }),
-            r.sessionTime && /* @__PURE__ */ a(l, { variant: i.body2, className: `${e}__text`, children: r.sessionTime })
+            l.sessionLabel && /* @__PURE__ */ e(i, { variant: r.labelMedium, className: `${a}__label`, children: l.sessionLabel }),
+            l.sessionTime && /* @__PURE__ */ e(i, { className: `${a}__text`, children: l.sessionTime })
           ]
         },
-        `${r.sessionLabel ?? ""}-${r.sessionTime ?? ""}`
+        `${l.sessionLabel ?? ""}-${l.sessionTime ?? ""}`
       )),
-      s && /* @__PURE__ */ a(l, { variant: i.heading4, children: s }),
-      t && t.length > 0 && t.map((r) => /* @__PURE__ */ a(l, { variant: i.body2, className: `${e}__label`, children: r }, r)),
-      c && /* @__PURE__ */ a(l, { variant: i.body2, className: `${e}__location`, children: c }),
-      d && /* @__PURE__ */ a(l, { variant: i.body2, className: `${e}__map-link`, children: /* @__PURE__ */ a(N, { href: d, children: "(Map)" }) })
+      c && /* @__PURE__ */ e(i, { variant: r.headingSmall, className: `${a}__heading`, children: c }),
+      n && n.length > 0 && n.map((l) => /* @__PURE__ */ e(i, { className: `${a}__viewing-time`, children: l }, l)),
+      d && /* @__PURE__ */ e(i, { className: `${a}__location`, children: d }),
+      o && /* @__PURE__ */ e(i, { className: `${a}__map-link`, children: /* @__PURE__ */ e($, { href: o, variant: u.linkMedium, children: "(Map)" }) })
     ] }) });
   }
 );
-y.displayName = "ViewingDetails";
+k.displayName = "ViewingDetails";
 export {
-  y as default
+  k as default
 };

package/dist/patterns/ViewingDetails/ViewingDetails.stories.d.ts

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

package/dist/patterns/ViewingDetails/ViewingDetailsMock.d.ts

@@ -7,6 +7,7 @@ export declare const viewingDetailsProps: {
         sessionTime: string;
     }[];
     viewingTimes: string[];
+    viewingTimesLabel: string;
     location: string;
     mapLink: string;
 };
@@ -24,6 +25,7 @@ export declare const viewingDetailsWithChildrenProps: {
         sessionTime: string;
     }[];
     viewingTimes: string[];
+    viewingTimesLabel: string;
     location: string;
     mapLink: string;
 };

package/dist/scss/_reset.scss

@@ -58,3 +58,7 @@ li {
 #root {
   isolation: isolate;
 }
+
+label {
+  cursor: inherit;
+}