@phillips/seldon 1.33.0 → 1.35.0

package/dist/components/ViewingsList/ViewingsListCard.js

@@ -1,87 +1,88 @@
-import { jsxs as a, jsx as t, Fragment as y } from "react/jsx-runtime";
-import * as r from "react";
-import it from "../../node_modules/classnames/index.js";
-import { px as E } from "../../utils/index.js";
-import g from "../Input/Input.js";
-import l from "../Button/Button.js";
-import pt from "./ViewingsListCardForm.js";
-const u = `${E}-viewings-list-card`, Et = ({
-  address1: d,
-  address1Label: $,
-  addressUrl: C,
-  addressUrlLabel: T,
-  address2: O,
-  address2Label: w,
-  address3: x,
-  address3Label: z,
-  cancelBtnLabel: A = "CANCEL",
-  cardTitle: L = "Add New Viewing",
-  deleteBtnLabel: _ = "DELETE",
-  editBtnLabel: k = "EDIT",
-  isEditState: o,
-  enableOnSite: i = "false",
-  enableOnSiteToggleLabel: I = "Enabled on website",
-  email: N,
-  emailLabel: S = "Email",
-  emailLink: V,
-  emailLinkLabel: v = "Email Address",
-  emailOn: j = "false",
+import { jsxs as u, jsx as t, Fragment as E } from "react/jsx-runtime";
+import * as a from "react";
+import mt from "../../node_modules/classnames/index.js";
+import { px as d } from "../../utils/index.js";
+import y from "../Input/Input.js";
+import c from "../Button/Button.js";
+import { ButtonVariants as l } from "../Button/types.js";
+import ft from "./ViewingsListCardForm.js";
+const i = `${d}-viewings-list-card`, $t = ({
+  address1: $,
+  address1Label: C,
+  addressUrl: O,
+  addressUrlLabel: w,
+  address2: v,
+  address2Label: x,
+  address3: z,
+  address3Label: A,
+  cancelBtnLabel: L = "CANCEL",
+  cardTitle: T = "Add New Viewing",
+  deleteBtnLabel: V = "DELETE",
+  editBtnLabel: _ = "EDIT",
+  isEditState: s,
+  enableOnSite: m = "false",
+  enableOnSiteToggleLabel: k = "Enabled on website",
+  email: I,
+  emailLabel: N = "Email",
+  emailLink: S,
+  emailLinkLabel: j = "Email Address",
+  emailOn: B = "false",
   emailToggleLabel: D = "Include Email Address",
   id: e,
   invalidFields: n,
   location: R,
   locationLabel: q = "Location",
-  onCancel: p,
-  onEdit: m,
-  onDelete: f,
-  onSave: h,
-  previewDates: B,
-  previewDatesLabel: G,
-  previewHours1: H,
-  previewHours1Label: J,
-  previewHours2: K,
-  previewHours2Label: M,
-  previewLabel: P,
-  previewLabelValue: Q,
-  previewOn: U,
-  previewToggleLabel: W,
-  saveBtnLabel: X = "SAVE DETAILS",
-  viewingLabel: Y,
-  viewingLabelValue: Z,
-  viewingDates: F,
-  viewingDatesLabel: tt,
-  viewingHours1: et,
-  viewingHours1Label: nt,
+  onCancel: f,
+  onEdit: p,
+  onDelete: h,
+  onSave: b,
+  previewDates: G,
+  previewDatesLabel: H,
+  previewHours1: J,
+  previewHours1Label: K,
+  previewHours2: M,
+  previewHours2Label: P,
+  previewLabel: Q,
+  previewLabelValue: U,
+  previewOn: W,
+  previewToggleLabel: X,
+  saveBtnLabel: Y = "SAVE DETAILS",
+  viewingLabel: Z,
+  viewingLabelValue: F,
+  viewingDates: tt,
+  viewingDatesLabel: et,
+  viewingHours1: nt,
+  viewingHours1Label: st,
   viewingHours2: ot,
-  viewingHours2Label: st
+  viewingHours2Label: rt
 }) => {
-  const [ct, rt] = r.useState(i === "true"), c = r.useRef(null);
-  r.useEffect(() => {
-    o && c.current && c.current.focus();
-  }, [o]), r.useEffect(() => {
-    var s, b;
-    n && c.current && ((b = (s = c.current.closest(".phillips-viewings-list-card")) == null ? void 0 : s.querySelector(".phillips-input--invalid input")) == null || b.focus());
+  const [at, ct] = a.useState(m === "true"), r = a.useRef(null);
+  a.useEffect(() => {
+    s && r.current && r.current.focus();
+  }, [s]), a.useEffect(() => {
+    var o, g;
+    n && r.current && ((g = (o = r.current.closest(".phillips-viewings-list-card")) == null ? void 0 : o.querySelector(".phillips-input--invalid input")) == null || g.focus());
   }, [n]);
   const lt = () => {
+    typeof f == "function" && f();
+  }, it = () => {
     typeof p == "function" && p();
-  }, ut = () => {
-    typeof m == "function" && m();
-  }, at = (s) => {
-    typeof h == "function" && h(s);
+  }, ut = (o) => {
+    typeof b == "function" && b(o);
   };
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ u(
     "section",
     {
       "data-testid": `viewings-list-card-${e}`,
       id: e,
-      className: it(`${u}`, { [`${u}--edit-state`]: o }),
+      className: mt(`${i}`, { [`${i}--edit-state`]: s }),
       children: [
-        /* @__PURE__ */ t("h3", { className: `${u}__title`, children: L }),
+        /* @__PURE__ */ t("h3", { className: `${i}__title`, children: T }),
         /* @__PURE__ */ t("input", { type: "hidden", name: "id", value: e }),
         /* @__PURE__ */ t(
-          g,
+          y,
           {
-            ref: c,
+            ref: r,
             id: `location-${e}`,
             defaultValue: R,
             labelText: q,
@@ -89,80 +90,110 @@ const u = `${E}-viewings-list-card`, Et = ({
             name: "location",
             invalid: n == null ? void 0 : n.location,
             invalidText: n == null ? void 0 : n.location,
-            readOnly: !o
+            readOnly: !s
           }
         ),
-        o ? /* @__PURE__ */ t(
-          pt,
+        s ? /* @__PURE__ */ t(
+          ft,
           {
-            address1: d,
-            address1Label: $,
-            addressUrl: C,
-            addressUrlLabel: T,
-            address2: O,
-            address2Label: w,
-            address3: x,
-            address3Label: z,
-            email: N,
-            emailLabel: S,
-            emailLink: V,
-            emailLinkLabel: v,
-            emailOn: j,
+            address1: $,
+            address1Label: C,
+            addressUrl: O,
+            addressUrlLabel: w,
+            address2: v,
+            address2Label: x,
+            address3: z,
+            address3Label: A,
+            email: I,
+            emailLabel: N,
+            emailLink: S,
+            emailLinkLabel: j,
+            emailOn: B,
             emailToggleLabel: D,
             id: e,
             invalidFields: n,
-            previewDates: B,
-            previewDatesLabel: G,
-            previewHours1: H,
-            previewHours1Label: J,
-            previewHours2: K,
-            previewHours2Label: M,
-            previewLabel: P,
-            previewLabelValue: Q,
-            previewOn: U,
-            previewToggleLabel: W,
-            viewingLabel: Y,
-            viewingLabelValue: Z,
-            viewingDates: F,
-            viewingDatesLabel: tt,
-            viewingHours1: et,
-            viewingHours1Label: nt,
+            previewDates: G,
+            previewDatesLabel: H,
+            previewHours1: J,
+            previewHours1Label: K,
+            previewHours2: M,
+            previewHours2Label: P,
+            previewLabel: Q,
+            previewLabelValue: U,
+            previewOn: W,
+            previewToggleLabel: X,
+            viewingLabel: Z,
+            viewingLabelValue: F,
+            viewingDates: tt,
+            viewingDatesLabel: et,
+            viewingHours1: nt,
+            viewingHours1Label: st,
             viewingHours2: ot,
-            viewingHours2Label: st
+            viewingHours2Label: rt
           }
         ) : null,
         /* @__PURE__ */ t(
-          g,
+          y,
           {
             id: `enableOnSite-${e}`,
             type: "toggle",
-            defaultChecked: i === "true",
-            labelText: I,
+            defaultChecked: m === "true",
+            labelText: k,
             size: "md",
             inline: !0,
             value: "true",
             name: "enableOnSite",
-            onChange: () => rt((s) => !s),
-            readOnly: !o
+            onChange: () => ct((o) => !o),
+            readOnly: !s
           }
         ),
-        ct ? null : /* @__PURE__ */ t("input", { type: "hidden", name: "enableOnSite", value: "false" }),
+        at ? null : /* @__PURE__ */ t("input", { type: "hidden", name: "enableOnSite", value: "false" }),
         /* @__PURE__ */ t("hr", {}),
-        /* @__PURE__ */ t("div", { className: `${u}__btn-group ${E}-button__group`, children: o ? /* @__PURE__ */ a(y, { children: [
-          /* @__PURE__ */ t(l, { id: `vlc-save-btn-${e}`, buttonType: "ghost", type: "submit", size: "sm", onClick: at, children: X }),
-          /* @__PURE__ */ t(l, { id: `vlc-cancel-btn-${e}`, buttonType: "ghost", type: "button", size: "sm", onClick: lt, children: A })
-        ] }) : /* @__PURE__ */ a(y, { children: [
-          /* @__PURE__ */ t(l, { id: `vlc-edit-btn-${e}`, buttonType: "ghost", type: "button", size: "sm", onClick: ut, children: k }),
+        /* @__PURE__ */ t("div", { className: `${i}__btn-group ${d}-button__group`, children: s ? /* @__PURE__ */ u(E, { children: [
           /* @__PURE__ */ t(
-            l,
+            c,
             {
-              id: `vlc-delete-btn-${e}`,
-              buttonType: "ghost",
+              id: `vlc-save-btn-${e}`,
+              variant: l.ghost,
+              type: "submit",
+              size: "sm",
+              onClick: ut,
+              children: Y
+            }
+          ),
+          /* @__PURE__ */ t(
+            c,
+            {
+              id: `vlc-cancel-btn-${e}`,
+              variant: l.ghost,
               type: "button",
               size: "sm",
-              onClick: () => typeof f == "function" && f(e),
+              onClick: lt,
+              children: L
+            }
+          )
+        ] }) : /* @__PURE__ */ u(E, { children: [
+          /* @__PURE__ */ t(
+            c,
+            {
+              id: `vlc-edit-btn-${e}`,
+              variant: l.ghost,
+              type: "button",
+              size: "sm",
+              onClick: it,
               children: _
             }
+          ),
+          /* @__PURE__ */ t(
+            c,
+            {
+              id: `vlc-delete-btn-${e}`,
+              variant: l.ghost,
+              type: "button",
+              size: "sm",
+              onClick: () => typeof h == "function" && h(e),
+              children: V
+            }
           )
         ] }) })
       ]
@@ -170,5 +201,5 @@ const u = `${E}-viewings-list-card`, Et = ({
   );
 };
 export {
-  Et as default
+  $t as default
 };

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 export * from './utils';
 export { default as Page } from './pages/Page';
 export { default as Button, type ButtonProps } from './components/Button/Button';
+export { ButtonVariants } from './components/Button/types';
 export { default as IconButton } from './components/IconButton/IconButton';
 export { default as ErrorBoundary, type ErrorBoundaryProps } from './components/ErrorBoundary/ErrorBoundary';
 export { default as Footer, type FooterProps } from './components/Footer/Footer';

package/dist/index.js

@@ -1,87 +1,91 @@
-import { PaddingTokens as a, defaultYear as f, emailValidation as m, generatePaddingClassName as p, getCommonProps as s, noOp as d, px as l, useNormalizedInputProps as u } from "./utils/index.js";
-import { default as x } from "./pages/Page.js";
-import { default as g } from "./components/Button/Button.js";
-import { default as L } from "./components/IconButton/IconButton.js";
-import { default as I } from "./components/ErrorBoundary/ErrorBoundary.js";
-import { default as B } from "./components/Footer/Footer.js";
-import { Grid as P } from "./components/Grid/Grid.js";
-import { default as b } from "./components/Header/Header.js";
-import { default as w } from "./components/Navigation/Navigation.js";
-import { default as A } from "./components/Navigation/NavigationItem/NavigationItem.js";
-import { default as C } from "./components/Navigation/NavigationItemTrigger/NavigationItemTrigger.js";
-import { default as M } from "./components/Navigation/NavigationList/NavigationList.js";
-import { default as y } from "./components/HeroBanner/HeroBanner.js";
-import { default as D } from "./components/Input/Input.js";
-import { default as F } from "./components/Link/Link.js";
-import { LinkVariants as R } from "./components/Link/utils.js";
-import { default as Y } from "./components/LinkBlock/LinkBlock.js";
-import { default as q } from "./components/LinkList/LinkList.js";
-import { default as K } from "./components/Row/Row.js";
-import { default as W } from "./components/GridItem/GridItem.js";
-import { GridItemAlign as Z } from "./components/GridItem/types.js";
-import { default as $ } from "./components/Search/Search.js";
-import { default as re } from "./components/Select/Select.js";
-import { default as te } from "./components/SplitPanel/SplitPanel.js";
-import { default as fe } from "./components/Subscribe/Subscribe.js";
-import { SubscriptionState as pe } from "./components/Subscribe/types.js";
-import { default as de } from "./components/Social/Social.js";
-import { default as ue } from "./components/ViewingsList/ViewingsList.js";
-import { default as xe } from "./components/Modal/Modal.js";
-import { default as ge } from "./components/Drawer/Drawer.js";
-import { default as Le } from "./components/ViewingsList/StatefulViewingsList.js";
-import { TextVariants as Ie } from "./components/Text/types.js";
-import { default as Be } from "./components/Text/Text.js";
-import { default as Pe } from "./components/Accordion/Accordion.js";
-import { default as be } from "./components/Accordion/AccordionItem.js";
-import { default as we } from "./components/UserManagement/UserManagement.js";
-import { SupportedLanguages as Ae } from "./types/commonTypes.js";
-import { default as Ce } from "./components/Breadcrumb/Breadcrumb.js";
+import { PaddingTokens as a, defaultYear as f, emailValidation as m, encodeURLSearchParams as p, findChildrenOfType as d, generatePaddingClassName as s, getCommonProps as i, noOp as l, px as u, useNormalizedInputProps as x } from "./utils/index.js";
+import { default as g } from "./pages/Page.js";
+import { default as L } from "./components/Button/Button.js";
+import { ButtonVariants as I } from "./components/Button/types.js";
+import { default as P } from "./components/IconButton/IconButton.js";
+import { default as N } from "./components/ErrorBoundary/ErrorBoundary.js";
+import { default as T } from "./components/Footer/Footer.js";
+import { Grid as v } from "./components/Grid/Grid.js";
+import { default as h } from "./components/Header/Header.js";
+import { default as C } from "./components/Navigation/Navigation.js";
+import { default as y } from "./components/Navigation/NavigationItem/NavigationItem.js";
+import { default as M } from "./components/Navigation/NavigationItemTrigger/NavigationItemTrigger.js";
+import { default as R } from "./components/Navigation/NavigationList/NavigationList.js";
+import { default as z } from "./components/HeroBanner/HeroBanner.js";
+import { default as E } from "./components/Input/Input.js";
+import { default as Y } from "./components/Link/Link.js";
+import { LinkVariants as q } from "./components/Link/utils.js";
+import { default as K } from "./components/LinkBlock/LinkBlock.js";
+import { default as W } from "./components/LinkList/LinkList.js";
+import { default as Z } from "./components/Row/Row.js";
+import { default as $ } from "./components/GridItem/GridItem.js";
+import { GridItemAlign as re } from "./components/GridItem/types.js";
+import { default as te } from "./components/Search/Search.js";
+import { default as fe } from "./components/Select/Select.js";
+import { default as pe } from "./components/SplitPanel/SplitPanel.js";
+import { default as se } from "./components/Subscribe/Subscribe.js";
+import { SubscriptionState as le } from "./components/Subscribe/types.js";
+import { default as xe } from "./components/Social/Social.js";
+import { default as ge } from "./components/ViewingsList/ViewingsList.js";
+import { default as Le } from "./components/Modal/Modal.js";
+import { default as Ie } from "./components/Drawer/Drawer.js";
+import { default as Pe } from "./components/ViewingsList/StatefulViewingsList.js";
+import { TextVariants as Ne } from "./components/Text/types.js";
+import { default as Te } from "./components/Text/Text.js";
+import { default as ve } from "./components/Accordion/Accordion.js";
+import { default as he } from "./components/Accordion/AccordionItem.js";
+import { default as Ce } from "./components/UserManagement/UserManagement.js";
+import { SupportedLanguages as ye } from "./types/commonTypes.js";
+import { default as Me } from "./components/Breadcrumb/Breadcrumb.js";
 import "react/jsx-runtime";
 import "./node_modules/classnames/index.js";
 export {
-  Pe as Accordion,
-  be as AccordionItem,
-  Ce as Breadcrumb,
-  g as Button,
-  ge as Drawer,
-  I as ErrorBoundary,
-  B as Footer,
-  P as Grid,
-  W as GridItem,
-  Z as GridItemAlign,
-  b as Header,
-  y as HeroBanner,
-  L as IconButton,
-  D as Input,
-  F as Link,
-  Y as LinkBlock,
-  q as LinkList,
-  R as LinkVariants,
-  xe as Modal,
-  w as Navigation,
-  A as NavigationItem,
-  C as NavigationItemTrigger,
-  M as NavigationList,
+  ve as Accordion,
+  he as AccordionItem,
+  Me as Breadcrumb,
+  L as Button,
+  I as ButtonVariants,
+  Ie as Drawer,
+  N as ErrorBoundary,
+  T as Footer,
+  v as Grid,
+  $ as GridItem,
+  re as GridItemAlign,
+  h as Header,
+  z as HeroBanner,
+  P as IconButton,
+  E as Input,
+  Y as Link,
+  K as LinkBlock,
+  W as LinkList,
+  q as LinkVariants,
+  Le as Modal,
+  C as Navigation,
+  y as NavigationItem,
+  M as NavigationItemTrigger,
+  R as NavigationList,
   a as PaddingTokens,
-  x as Page,
-  K as Row,
-  $ as Search,
-  re as Select,
-  de as Social,
-  te as SplitPanel,
-  Le as StatefulViewingsList,
-  fe as Subscribe,
-  pe as SubscriptionState,
-  Ae as SupportedLanguages,
-  Be as Text,
-  Ie as TextVariants,
-  we as UserManagement,
-  ue as ViewingsList,
+  g as Page,
+  Z as Row,
+  te as Search,
+  fe as Select,
+  xe as Social,
+  pe as SplitPanel,
+  Pe as StatefulViewingsList,
+  se as Subscribe,
+  le as SubscriptionState,
+  ye as SupportedLanguages,
+  Te as Text,
+  Ne as TextVariants,
+  Ce as UserManagement,
+  ge as ViewingsList,
   f as defaultYear,
   m as emailValidation,
-  p as generatePaddingClassName,
-  s as getCommonProps,
-  d as noOp,
-  l as px,
-  u as useNormalizedInputProps
+  p as encodeURLSearchParams,
+  d as findChildrenOfType,
+  s as generatePaddingClassName,
+  i as getCommonProps,
+  l as noOp,
+  u as px,
+  x as useNormalizedInputProps
 };

package/dist/scss/components/Footer/_footer.scss

@@ -5,44 +5,76 @@
 
 .#{$px}-footer {
   background-color: $off-white;
-  border-top: 1px solid $keyline-gray;
   margin: $spacing-lg 0 0;
   width: 100%;
 
-  ul {
-    list-style: none;
-    padding: 0;
-  }
-
-  &__navigation {
-    background-color: $white;
-    padding: $spacing-md $spacing-md $spacing-sm;
-    text-align: right;
-
-    @include media($size-md) {
-      padding: $spacing-md $spacing-lg $spacing-sm;
-    }
-
-    @include media($size-lg) {
-      padding: $spacing-md $spacing-xl $spacing-sm;
+  .#{$px}-accordion {
+    border-bottom: 1px solid #eae8e4;
+    border-top: 1px solid #eae8e4;
+    width: 100%;
+
+    &-item {
+      padding: $spacing-sm 0 0;
+
+      ul {
+        li {
+          a {
+            font-size: 0.875rem;
+            font-weight: 500;
+            line-height: 1.875rem;
+
+            &:hover {
+              text-decoration: underline;
+            }
+          }
+        }
+      }
+
+      &-label {
+        opacity: 1;
+        padding: 0 0 0.5rem;
+
+        @include media($size-sm) {
+          cursor: unset;
+        }
+
+        &__text {
+          color: $pure-black;
+          font-family: $Distinct;
+          font-size: 1rem;
+          font-weight: 600;
+        }
+      }
+
+      &__border-bottom {
+        border-bottom: 1px solid #eae8e4;
+      }
     }
+  }
 
-    ul {
-      display: inline-flex;
-      flex-wrap: wrap;
-      gap: $spacing-md;
-      justify-content: center;
-      list-style: none;
-      padding: 0;
+  @include media($size-sm) {
+    .#{$px}-accordion {
+      border-bottom: 0;
+      border-top: 0;
+      display: flex;
+      width: 100%;
+
+      &-item {
+        border-bottom: 0;
+        flex: 1;
+        max-width: 18rem;
+        padding: $spacing-sm;
+
+        &-label__icon {
+          display: none;
+        }
+      }
     }
+  }
 
-    a,
-    button {
-      @include text('cta-sm');
-      @include bodyText;
-
-      cursor: pointer;
-    }
+  ul {
+    list-style: none;
+    padding: 0;
   }
 
   &__content {
@@ -88,10 +120,25 @@
     align-items: center;
     background-color: $white;
     display: flex;
+    flex-direction: column;
+    font-size: 1rem;
+    gap: 1rem;
 
-    // font-size: 0.875rem;
     // height: 2.125rem;
     justify-content: center;
     padding: $spacing-xsm 0;
+
+    h1 {
+      margin-top: $spacing-md;
+    }
+  }
+
+  .#{$px}-split-panel {
+    @include media($size-sm) {
+      & > :last-child {
+        flex: unset;
+        width: unset;
+      }
+    }
   }
 }

package/dist/scss/components/Input/_input.scss

@@ -126,7 +126,8 @@ $lg: #{$px}-input--lg;
 
   .#{$px}-input__validation {
     animation: reveal 0.45s linear forwards;
-    margin-bottom: 0.5rem;
+    padding-bottom: 0.5rem;
+    padding-left: 2rem;
   }
 }