@phillips/seldon 1.34.0 → 1.36.0

package/dist/components/Subscribe/Subscribe.js

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

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/Input/_input.scss

@@ -15,11 +15,10 @@ $lg: #{$px}-input--lg;
   }
 
   &__label {
-    color: $keyline-gray;
-    font-size: 0.8125rem;
+    color: $pure-black;
+    font-size: 0.75rem;
     font-weight: 600;
     margin-bottom: 0.5rem;
-    text-transform: uppercase;
     word-break: break-word;
 
     &--hidden {
@@ -105,6 +104,10 @@ $lg: #{$px}-input--lg;
   &--invalid {
     color: $error-red;
 
+    label {
+      color: $error-red;
+    }
+
     .#{$px}-input__input,
     .#{$px}-input__input::placeholder,
     .#{$px}-input__validation {
@@ -126,7 +129,7 @@ $lg: #{$px}-input--lg;
 
   .#{$px}-input__validation {
     animation: reveal 0.45s linear forwards;
-    margin-bottom: 0.5rem;
+    padding-bottom: 0.5rem;
   }
 }