@phillips/seldon 1.40.0 → 1.41.0

package/dist/components/HeroBanner/HeroBanner.js

@@ -1,38 +1,38 @@
-import { jsx as n, jsxs as e } from "react/jsx-runtime";
-import { getCommonProps as d } from "../../utils/index.js";
-import t from "../../node_modules/classnames/index.js";
-const f = ({
+import { jsx as n, jsxs as m } from "react/jsx-runtime";
+import { getCommonProps as u } from "../../utils/index.js";
+import f from "../../node_modules/classnames/index.js";
+import { TextVariants as c } from "../Text/types.js";
+import i from "../Text/Text.js";
+const v = ({
   prehead: r,
-  date: s,
-  headerText: o,
+  date: l,
+  headerText: t,
   subHeadText: a,
-  association: c,
+  association: s,
   background: p,
   className: h,
-  ...m
+  ...o
 }) => {
-  const { className: l, ...i } = d(m, "HeroBanner");
+  const { className: e, ...d } = u(o, "HeroBanner");
   return /* @__PURE__ */ n(
     "header",
     {
-      ...i,
-      className: t(l, h),
+      ...d,
+      className: f(e, h),
       style: { "--background": p },
-      ...m,
-      children: /* @__PURE__ */ e("span", { className: `${l}__content-wrapper`, children: [
-        r || s ? /* @__PURE__ */ e("p", { className: `${l}__pre-head`, children: [
+      ...o,
+      children: /* @__PURE__ */ m("span", { className: `${e}__content-wrapper`, children: [
+        r || l ? /* @__PURE__ */ m("p", { className: `${e}__pre-head`, children: [
           r ? /* @__PURE__ */ n("span", { children: r }) : null,
-          s ? /* @__PURE__ */ n("span", { children: s }) : null
+          l ? /* @__PURE__ */ n("span", { children: l }) : null
         ] }) : null,
-        /* @__PURE__ */ e("h1", { className: `${l}__heading`, children: [
-          o,
-          a ? /* @__PURE__ */ n("span", { children: a }) : null
-        ] }),
-        c ? /* @__PURE__ */ n("p", { children: c }) : null
+        /* @__PURE__ */ n(i, { variant: c.heading1, children: t }),
+        a ? /* @__PURE__ */ n(i, { variant: c.heading2, children: a }) : null,
+        s ? /* @__PURE__ */ n("p", { children: s }) : null
       ] })
     }
   );
 };
 export {
-  f as default
+  v as default
 };

package/dist/components/Link/Link.js

@@ -1,31 +1,30 @@
-import { jsx as m } from "react/jsx-runtime";
-import k from "../../node_modules/classnames/index.js";
-import { getCommonProps as x } from "../../utils/index.js";
-import { getLinkVariantClassName as L, isLinkExternal as N } from "./utils.js";
-import { LinkVariants as s } from "./types.js";
-import { TextVariants as t } from "../Text/types.js";
-import d from "../Text/Text.js";
-const j = ({
-  children: n,
-  className: i,
-  element: a = "a",
-  variant: r = s.standalone,
-  href: o,
-  ...e
+import { jsx as e } from "react/jsx-runtime";
+import p from "../../node_modules/classnames/index.js";
+import { getCommonProps as f } from "../../utils/index.js";
+import { getLinkVariantClassName as k, isLinkExternal as x } from "./utils.js";
+import { LinkVariants as L } from "./types.js";
+import N from "../Text/Text.js";
+const V = ({
+  children: m,
+  className: n,
+  element: r = "a",
+  variant: o = L.link,
+  href: s,
+  ...a
 }) => {
-  const { className: l, ...c } = x(e, "Link"), p = k(l, L(r), i), f = N(o);
-  return /* @__PURE__ */ m(
-    a,
+  const { className: t, ...i } = f(a, "Link"), l = p(t, k(o), n), c = x(s);
+  return /* @__PURE__ */ e(
+    r,
     {
-      ...c,
-      href: o,
-      className: p,
-      ...f && a === "a" ? { rel: "noopener noreferrer", target: "_blank" } : {},
-      ...e,
-      children: /* @__PURE__ */ m(d, { variant: r === s.email ? t.email : t.ctaSm, children: n })
+      ...i,
+      href: s,
+      className: l,
+      ...c && r === "a" ? { rel: "noopener noreferrer", target: "_blank" } : {},
+      ...a,
+      children: /* @__PURE__ */ e(N, { variant: o, children: m })
     }
   );
 };
 export {
-  j as default
+  V as default
 };

package/dist/components/Link/types.d.ts

@@ -1,22 +1,9 @@
 export declare enum LinkVariants {
-    /** Default variant, used */
-    standalone = "standalone",
     /** link rendering emailto: */
     email = "email",
-    /** these links are being rendered in a list */
-    list = "list",
-    /** link is being rendered within body copy */
-    inline = "inline",
-    /** link is being rendered in the main nav bar */
-    navMain = "navMain",
-    /** link is being rendered in a nav bar flyout*/
-    navLinkLg = "navLinkLg",
-    /** link is being rendered in a nav bar flyout*/
-    navLinkSm = "navLinkSm",
-    /** link is being rendered in a footer */
-    link = "link",
-    /** link is being rendered in a footer|header */
     snwHeaderLink = "snwHeaderLink",
     /** link is being rendered in a footer|header */
-    snwFlyoutLink = "snwFlyoutLink"
+    snwFlyoutLink = "snwFlyoutLink",
+    /** standard link */
+    link = "link"
 }

package/dist/components/Link/types.js

@@ -1,4 +1,8 @@
-var e = /* @__PURE__ */ ((n) => (n.standalone = "standalone", n.email = "email", n.list = "list", n.inline = "inline", n.navMain = "navMain", n.navLinkLg = "navLinkLg", n.navLinkSm = "navLinkSm", n.link = "link", n.snwHeaderLink = "snwHeaderLink", n.snwFlyoutLink = "snwFlyoutLink", n))(e || {});
+import { TextVariants as l } from "../Text/types.js";
+import "react/jsx-runtime";
+import "../../utils/index.js";
+import "../../node_modules/classnames/index.js";
+var o = ((e) => (e[e.email = l.email] = "email", e[e.snwHeaderLink = l.snwHeaderLink] = "snwHeaderLink", e[e.snwFlyoutLink = l.snwFlyoutLink] = "snwFlyoutLink", e[e.link = l.link] = "link", e))(o || {});
 export {
-  e as LinkVariants
+  o as LinkVariants
 };

package/dist/components/Link/utils.d.ts

@@ -1,19 +1,3 @@
-import { LinkVariants as UpdatedLinkVariants } from './types';
-export declare const getLinkVariantClassName: (variant: keyof typeof UpdatedLinkVariants) => string;
+import { LinkVariants } from './types';
+export declare const getLinkVariantClassName: (variant: keyof typeof LinkVariants) => string;
 export declare const isLinkExternal: (href?: string) => boolean;
-export declare enum LinkVariants {
-    /** Default variant, used */
-    standalone = "standalone",
-    /** link rendering emailto: */
-    email = "email",
-    /** these links are being rendered in a list */
-    list = "list",
-    /** link is being rendered within body copy */
-    inline = "inline",
-    /** link is being rendered in the main nav bar */
-    navMain = "navMain",
-    /** link is being rendered in a nav bar flyout*/
-    navLinkLg = "navLinkLg",
-    /** link is being rendered in a nav bar flyout*/
-    navLinkSm = "navLinkSm"
-}

package/dist/components/Link/utils.js

@@ -1,10 +1,8 @@
-import { px as l } from "../../utils/index.js";
-const m = (n) => `${l}-link--${n}`, t = (n) => !!(n != null && n.match(
+import { px as a } from "../../utils/index.js";
+const n = (t) => `${a}-link--${t}`, s = (t) => !!(t != null && t.match(
   /(http[s]?:\/\/)(?!.*phillips\.com)([a-zA-Z0-9\-.]+)(:[0-9]{1,4})?([a-zA-Z0-9/\-._~:?#[\]@!$&'()*+,;=]*)/g
 ));
-var a = /* @__PURE__ */ ((n) => (n.standalone = "standalone", n.email = "email", n.list = "list", n.inline = "inline", n.navMain = "navMain", n.navLinkLg = "navLinkLg", n.navLinkSm = "navLinkSm", n))(a || {});
 export {
-  a as LinkVariants,
-  m as getLinkVariantClassName,
-  t as isLinkExternal
+  n as getLinkVariantClassName,
+  s as isLinkExternal
 };

package/dist/components/LinkBlock/LinkBlock.js

@@ -1,14 +1,14 @@
 import { jsxs as l, jsx as n } from "react/jsx-runtime";
 import d from "../../node_modules/classnames/index.js";
-import { getCommonProps as p } from "../../utils/index.js";
-import k from "../Link/Link.js";
-import { LinkVariants as f } from "../Link/utils.js";
-const j = ({ linkProps: s, description: e, className: i, ...t }) => {
+import { getCommonProps as k } from "../../utils/index.js";
+import p from "../Link/Link.js";
+import { LinkVariants as f } from "../Link/types.js";
+const j = ({ linkProps: s, description: e, className: i, ...o }) => {
   var m;
-  const { className: o, ...a } = p(t, "LinkBlock"), r = d(o, i), c = (m = s.element) != null ? m : k;
-  return /* @__PURE__ */ l("div", { ...a, className: r, ...t, children: [
-    /* @__PURE__ */ n(c, { ...s, "data-testid": `${a["data-testid"]}-link`, variant: f.list }),
-    /* @__PURE__ */ n("p", { className: `${o}__description`, children: e })
+  const { className: t, ...a } = k(o, "LinkBlock"), r = d(t, i), c = (m = s.element) != null ? m : p;
+  return /* @__PURE__ */ l("div", { ...a, className: r, ...o, children: [
+    /* @__PURE__ */ n(c, { ...s, "data-testid": `${a["data-testid"]}-link`, variant: f.link }),
+    /* @__PURE__ */ n("p", { className: `${t}__description`, children: e })
   ] });
 };
 export {

package/dist/components/Navigation/NavigationItem/NavigationItem.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { LinkProps } from '../../Link/Link';
-import { LinkVariants } from '../../Link/utils';
+import { LinkVariants } from '../../Link/types';
 export interface NavigationItemProps extends Omit<React.HTMLAttributes<HTMLLIElement>, 'onClick'> {
     /**
      * Optional badge for navigation item. Used currently for location of auctions

package/dist/components/Navigation/NavigationItem/NavigationItem.js

@@ -1,36 +1,44 @@
-import { jsx as t, jsxs as p } from "react/jsx-runtime";
+import { jsx as e, jsxs as p } from "react/jsx-runtime";
 import * as f from "react";
-import { px as a } from "../../../utils/index.js";
+import { px as t } from "../../../utils/index.js";
 import x from "../../../node_modules/classnames/index.js";
-import v from "../../Link/Link.js";
-import { LinkVariants as _ } from "../../Link/utils.js";
-import { HeaderContext as h } from "../../Header/Header.js";
-const C = ({
-  badge: e,
-  className: i = "",
-  href: r,
+import _ from "../../Link/Link.js";
+import { LinkVariants as v } from "../../Link/types.js";
+import { HeaderContext as $ } from "../../Header/Header.js";
+const j = ({
+  badge: a,
+  className: r = "",
+  href: i,
   label: n,
   navGroup: s,
   navType: m,
   onClick: o,
-  element: l = v,
-  ...c
+  element: l = _,
+  ...d
 }) => {
-  const { expandedItem: d } = f.useContext(h);
-  return /* @__PURE__ */ t(
+  const { expandedItem: c } = f.useContext($);
+  return /* @__PURE__ */ e(
     "li",
     {
-      ...c,
+      ...d,
       onClick: o,
       "data-testid": `nav-item-${n}`,
-      className: x(`${a}-nav__item`, s, i),
-      children: /* @__PURE__ */ p(l, { href: r, variant: m || _.navMain, tabIndex: d === "" ? 0 : -1, children: [
-        /* @__PURE__ */ t("span", { className: `${a}-nav__item--label`, children: n }),
-        e ? /* @__PURE__ */ t("span", { className: `${a}-nav__item--badge `, children: e }) : null
-      ] })
+      className: x(`${t}-nav__item`, s, r),
+      children: /* @__PURE__ */ p(
+        l,
+        {
+          href: i,
+          variant: m || v.snwHeaderLink,
+          tabIndex: c === "" ? 0 : -1,
+          children: [
+            /* @__PURE__ */ e("span", { className: `${t}-nav__item--label`, children: n }),
+            a ? /* @__PURE__ */ e("span", { className: `${t}-nav__item--badge `, children: ` • ${a}` }) : null
+          ]
+        }
+      )
     }
   );
 };
 export {
-  C as default
+  j as default
 };

package/dist/components/Text/types.d.ts

@@ -1,14 +1,10 @@
 export declare enum TextVariants {
-    display0 = "display0",
-    display1 = "display1",
-    display2 = "display2",
-    display3 = "display3",
-    display4 = "display4",
     blockquote = "blockquote",
     heading1 = "heading1",
     heading2 = "heading2",
     heading3 = "heading3",
     heading4 = "heading4",
+    heading5 = "heading5",
     title1 = "title1",
     title2 = "title2",
     title3 = "title3",
@@ -20,9 +16,10 @@ export declare enum TextVariants {
     string2 = "string2",
     string3 = "string3",
     button = "button",
-    ctaLg = "ctaLg",
-    ctaSm = "ctaSm",
     email = "email",
     label = "label",
-    badge = "badge"
+    link = "link",
+    badge = "badge",
+    snwFlyoutLink = "snwFlyoutLink",
+    snwHeaderLink = "snwHeaderLink"
 }

package/dist/components/Text/types.js

@@ -1,4 +1,4 @@
-var l = /* @__PURE__ */ ((d) => (d.display0 = "display0", d.display1 = "display1", d.display2 = "display2", d.display3 = "display3", d.display4 = "display4", d.blockquote = "blockquote", d.heading1 = "heading1", d.heading2 = "heading2", d.heading3 = "heading3", d.heading4 = "heading4", d.title1 = "title1", d.title2 = "title2", d.title3 = "title3", d.title4 = "title4", d.body1 = "body1", d.body2 = "body2", d.body3 = "body3", d.string1 = "string1", d.string2 = "string2", d.string3 = "string3", d.button = "button", d.ctaLg = "ctaLg", d.ctaSm = "ctaSm", d.email = "email", d.label = "label", d.badge = "badge", d))(l || {});
+var l = /* @__PURE__ */ ((d) => (d.blockquote = "blockquote", d.heading1 = "heading1", d.heading2 = "heading2", d.heading3 = "heading3", d.heading4 = "heading4", d.heading5 = "heading5", d.title1 = "title1", d.title2 = "title2", d.title3 = "title3", d.title4 = "title4", d.body1 = "body1", d.body2 = "body2", d.body3 = "body3", d.string1 = "string1", d.string2 = "string2", d.string3 = "string3", d.button = "button", d.email = "email", d.label = "label", d.link = "link", d.badge = "badge", d.snwFlyoutLink = "snwFlyoutLink", d.snwHeaderLink = "snwHeaderLink", d))(l || {});
 export {
   l as TextVariants
 };

package/dist/components/Text/utils.js

@@ -1,10 +1,7 @@
-import { px as s } from "../../utils/index.js";
+import { px as r } from "../../utils/index.js";
 import { TextVariants as t } from "./types.js";
-const n = (e = t.body1) => {
-  const r = e.replace("ctaSm", "cta-sm").replace("ctaLg", "cta-lg");
-  return `${s}-text--${r.charAt(0).toLowerCase() + r.slice(1)}`;
-}, c = (e = t.body1) => [t.display0, t.display1].includes(e) ? "h1" : [t.display2, t.display3, t.display4].includes(e) ? "h3" : e === t.blockquote ? "blockquote" : e.includes("body") ? "p" : e === t.label ? "label" : e.includes("heading") ? `h${isNaN(parseInt(e.slice(-1))) ? 3 : parseInt(e.slice(-1))}` : "span";
+const o = (e = t.body1) => `${r}-text--${e.charAt(0).toLowerCase() + e.slice(1)}`, u = (e = t.body1) => e === t.blockquote ? "blockquote" : e.includes("body") ? "p" : e.includes("string") || e.includes("title") ? "span" : e === t.label ? "label" : e.includes("heading") ? `h${isNaN(parseInt(e.slice(-1))) ? 3 : parseInt(e.slice(-1))}` : "span";
 export {
-  c as determineDefaultTextElement,
-  n as determineTextClassName
+  u as determineDefaultTextElement,
+  o as determineTextClassName
 };

package/dist/components/Video/Video.d.ts

@@ -0,0 +1,23 @@
+import { ComponentProps } from 'react';
+export interface VideoProps extends ComponentProps<'div'> {
+    /**
+     * Aspect ratio of the video
+     * Defaults to 1.777 (16/9)
+     */
+    aspectRatio?: number;
+    /**
+     * The url of the video source
+     */
+    videoSource: string;
+}
+/**
+ * ## Overview
+ *
+ * A component for rendering a video iframe with a specified aspect ratio and height.
+ *
+ * [Figma Link](https://www.figma.com/design/Hp2FyltbOmRxTuw9kSwBAd/EPIC-About-Us?node-id=1103-5014)
+ *
+ * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-video--overview)
+ */
+declare const Video: ({ aspectRatio, className, videoSource, ...props }: VideoProps) => import("react/jsx-runtime").JSX.Element;
+export default Video;

package/dist/components/Video/Video.js

@@ -0,0 +1,26 @@
+import { jsx as t } from "react/jsx-runtime";
+import { getCommonProps as d } from "../../utils/index.js";
+import l from "../../node_modules/classnames/index.js";
+const u = ({ aspectRatio: s = 16 / 9, className: o, videoSource: m, ...e }) => {
+  const { className: a, "data-testid": r, ...i } = d(e, "Video"), c = {
+    className: l(a, o),
+    "data-testid": r,
+    style: { "--aspect-ratio": s },
+    ...i,
+    ...e
+  };
+  return /* @__PURE__ */ t("div", { ...c, children: /* @__PURE__ */ t(
+    "iframe",
+    {
+      "data-testid": `${r}-iframe`,
+      className: `${a}__iframe`,
+      src: m,
+      allowFullScreen: !0,
+      allow: "encrypted-media",
+      referrerPolicy: "no-referrer"
+    }
+  ) });
+};
+export {
+  u as default
+};

package/dist/index.d.ts

@@ -14,7 +14,7 @@ export { default as NavigationList, type NavigationListProps, } from './componen
 export { default as HeroBanner, type HeroBannerProps } from './components/HeroBanner/HeroBanner';
 export { default as Input, type InputProps } from './components/Input/Input';
 export { default as Link, type LinkProps } from './components/Link/Link';
-export { LinkVariants } from './components/Link/utils';
+export { LinkVariants } from './components/Link/types';
 export { default as LinkBlock, type LinkBlockProps } from './components/LinkBlock/LinkBlock';
 export { default as LinkList, type LinkListProps } from './components/LinkList/LinkList';
 export { default as Row, type RowProps } from './components/Row/Row';
@@ -36,3 +36,4 @@ export { default as UserManagement, type UserManagementProps } from './component
 export { AuthState } from './components/UserManagement/types';
 export * from './types/commonTypes';
 export { Breadcrumb, type BreadcrumbProps } from './components/Breadcrumb';
+export { default as Video, type VideoProps } from './components/Video/Video';

package/dist/index.js

@@ -3,7 +3,7 @@ import { default as g } from "./pages/Page.js";
 import { default as S } 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 k } from "./components/ErrorBoundary/ErrorBoundary.js";
 import { default as T } from "./components/Footer/Footer.js";
 import { Grid as h } from "./components/Grid/Grid.js";
 import { default as w } from "./components/Header/Header.js";
@@ -14,7 +14,7 @@ import { default as R } from "./components/Navigation/NavigationList/NavigationL
 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 { LinkVariants as q } from "./components/Link/types.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";
@@ -30,7 +30,7 @@ import { default as ge } from "./components/ViewingsList/ViewingsList.js";
 import { default as Se } 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 { TextVariants as ke } from "./components/Text/types.js";
 import { default as Te } from "./components/Text/Text.js";
 import { default as he } from "./components/Accordion/Accordion.js";
 import { default as we } from "./components/Accordion/AccordionItem.js";
@@ -40,6 +40,7 @@ import { SupportedLanguages as Me } from "./types/commonTypes.js";
 import { default as Re } from "./components/Breadcrumb/Breadcrumb.js";
 import "react/jsx-runtime";
 import "./node_modules/classnames/index.js";
+import { default as ze } from "./components/Video/Video.js";
 export {
   he as Accordion,
   we as AccordionItem,
@@ -48,7 +49,7 @@ export {
   S as Button,
   I as ButtonVariants,
   Ie as Drawer,
-  N as ErrorBoundary,
+  k as ErrorBoundary,
   T as Footer,
   h as Grid,
   $ as GridItem,
@@ -78,8 +79,9 @@ export {
   ie as SubscriptionState,
   Me as SupportedLanguages,
   Te as Text,
-  Ne as TextVariants,
+  ke as TextVariants,
   Ce as UserManagement,
+  ze as Video,
   ge as ViewingsList,
   f as defaultYear,
   m as emailValidation,