@phillips/seldon 1.53.1 → 1.54.1

package/dist/_virtual/Breakpoints.js

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

package/dist/_virtual/DynamicResponsive.js

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

package/dist/_virtual/Interactions.js

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

package/dist/_virtual/Media.js

@@ -0,0 +1,4 @@
+var a = {};
+export {
+  a as __exports
+};

package/dist/_virtual/MediaQueries.js

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

package/dist/_virtual/Utils.js

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

package/dist/_virtual/index2.js

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

package/dist/_virtual/index3.js

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

package/dist/_virtual/index4.js

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

package/dist/_virtual/index6.js

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

package/dist/components/{ReadMore/ReadMore.d.ts → ContentPeek/ContentPeek.d.ts}

@@ -1,5 +1,5 @@
 import React from 'react';
-export interface ReadMoreProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface ContentPeekProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * Unique id for component testing
      */
@@ -9,13 +9,13 @@ export interface ReadMoreProps extends React.HTMLAttributes<HTMLDivElement> {
      */
     children?: React.ReactNode;
     /**
-     * Text for the "Read More" button
+     * Text for the "Content Expand" button
      */
-    readMoreText?: string;
+    contentExpandText?: string;
     /**
-     * Text for the "Read Less" button
+     * Text for the "Content Collapse" button
      */
-    readLessText?: string;
+    contentCollapseText?: string;
     /**
      * Maximum height of the content when collapsed
      */
@@ -24,12 +24,12 @@ export interface ReadMoreProps extends React.HTMLAttributes<HTMLDivElement> {
 /**
  * ## Overview
  *
- * A component for displaying expandable content with a "Read More" functionality.
+ * A component for displaying expandable content with a "ContentPeek" functionality allowing you to see the first part of the content and expand to see more.
  *
  * This component is a wrapper around the Collapsible and Button component and uses the CollapsibleTrigger and CollapsibleContent components to control the expand and collapse functionality.
  *
  * [Figma Link](https://www.figma.com/design/hMu9IWH5N3KamJy8tLFdyV/EASEL-Compendium%3A-Tokens%2C-Components-%26-Patterns?node-id=7755-5572&t=JCYbkM8yQcdb51UQ-4)
  *
  */
-declare const ReadMore: React.ForwardRefExoticComponent<ReadMoreProps & React.RefAttributes<HTMLDivElement>>;
-export default ReadMore;
+declare const ContentPeek: React.ForwardRefExoticComponent<ContentPeekProps & React.RefAttributes<HTMLDivElement>>;
+export default ContentPeek;

package/dist/components/ContentPeek/ContentPeek.js

@@ -0,0 +1,64 @@
+import { jsxs as m, jsx as o } from "react/jsx-runtime";
+import { forwardRef as N, useState as i, useRef as x, useEffect as $, useCallback as P } from "react";
+import c from "../../node_modules/classnames/index.js";
+import { getCommonProps as b } from "../../utils/index.js";
+import k from "../Button/Button.js";
+import { ButtonVariants as R } from "../Button/types.js";
+import w from "../Collapsible/Collapsible.js";
+import E from "../Collapsible/CollapsibleContent.js";
+import M from "../Collapsible/CollapsibleTrigger.js";
+import O from "../../assets/plus.svg.js";
+import S from "../../assets/minus.svg.js";
+const j = N(
+  ({
+    className: f,
+    children: n,
+    contentExpandText: d = "Read More",
+    contentCollapseText: u = "Read Less",
+    maxHeight: a = 480,
+    ...r
+  }, p) => {
+    const { className: e, ...g } = b(r, "ContentPeek"), [t, v] = i(!1), [l, C] = i(!1), s = x(null);
+    $(() => {
+      s.current && C(s.current.scrollHeight > a);
+    }, [n, a]);
+    const h = P(() => {
+      v((y) => !y);
+    }, []);
+    return /* @__PURE__ */ m(
+      w,
+      {
+        id: r == null ? void 0 : r.id,
+        open: t,
+        onOpenChange: h,
+        className: c(e, f),
+        style: {
+          "--content-peek-max-height": `${a}px`
+        },
+        ref: p,
+        ...g,
+        ...r,
+        children: [
+          /* @__PURE__ */ o(E, { className: `${e}-content`, ref: s, forceMount: !0, children: n }),
+          l ? /* @__PURE__ */ o(
+            "div",
+            {
+              className: c(`${e}-overlay`, {
+                [`${e}-overlay--expanded`]: t,
+                [`${e}-overlay--gradient`]: l && !t
+              }),
+              children: /* @__PURE__ */ o("div", { className: `${e}-overlay-trigger-wrapper`, children: /* @__PURE__ */ o(M, { asChild: !0, className: `${e}-overlay-trigger`, children: /* @__PURE__ */ m(k, { variant: R.secondary, children: [
+                t ? /* @__PURE__ */ o(S, {}) : /* @__PURE__ */ o(O, {}),
+                t ? u : d
+              ] }) }) })
+            }
+          ) : null
+        ]
+      }
+    );
+  }
+);
+j.displayName = "ContentPeek";
+export {
+  j as default
+};

package/dist/components/ContentPeek/index.d.ts

@@ -0,0 +1 @@
+export { default as ContentPeek, type ContentPeekProps } from './ContentPeek';

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

@@ -8,7 +8,7 @@ export interface NavigationProps extends ComponentProps<'nav'> {
 /**
  * ## Overview
  *
- * This is used within the Header component and displays the site navigation links.  It support both mobile and desktop.
+ * This is used within the Header component and displays the site navigation links.  It supports both mobile and desktop. It requires the <SeldonProvider> to be wrapped around it to support SSR Media Queries.
  *
  * [Figma Link](https://www.figma.com/design/hMu9IWH5N3KamJy8tLFdyV/EASEL-Compendium%3A-Tokens%2C-Components-%26-Patterns?node-id=10570-5784&m=dev)
  *

package/dist/components/Navigation/Navigation.js

@@ -1,37 +1,37 @@
-import { jsx as x, jsxs as h } from "react/jsx-runtime";
+import { jsx as l, jsxs as x } from "react/jsx-runtime";
 import e, { forwardRef as E } from "react";
-import { findChildrenOfType as l, findChildrenExcludingTypes as N, px as d } from "../../utils/index.js";
-import C from "../../node_modules/classnames/index.js";
-import { HeaderContext as y } from "../Header/Header.js";
-import m from "./NavigationList/NavigationList.js";
-import c from "../LanguageSelector/LanguageSelector.js";
-const S = E(
-  ({ children: i, className: f, id: n, visible: p = !0, ...v }, g) => {
+import { findChildrenOfType as d, findChildrenExcludingTypes as N, px as m } from "../../utils/index.js";
+import S from "../../node_modules/classnames/index.js";
+import { HeaderContext as y } from "../../site-furniture/Header/Header.js";
+import c from "./NavigationList/NavigationList.js";
+import f from "../../patterns/LanguageSelector/LanguageSelector.js";
+import { SSRMediaQuery as C } from "../../providers/utils.js";
+const _ = E(
+  ({ children: i, className: p, id: a, visible: v = !0, ...g }, h) => {
     var r, s;
-    const { isSearchExpanded: a } = e.useContext(y), o = (r = l(i, m)) == null ? void 0 : r[0], u = N(i, [m, c]), t = (s = l(i, c)) == null ? void 0 : s[0];
-    return /* @__PURE__ */ x(
+    const { isSearchExpanded: n } = e.useContext(y), o = (r = d(i, c)) == null ? void 0 : r[0], u = N(i, [c, f]), t = (s = d(i, f)) == null ? void 0 : s[0];
+    return /* @__PURE__ */ l(
       "nav",
       {
         role: "navigation",
-        "data-testid": n,
-        id: n,
-        style: { "--visible": p ? "visible" : "hidden" },
-        className: C(`${d}-nav`, f),
-        ...v,
-        ref: g,
-        children: /* @__PURE__ */ h("div", { className: `${d}-nav__list-container`, children: [
+        "data-testid": a,
+        id: a,
+        style: { "--visible": v ? "visible" : "hidden" },
+        className: S(`${m}-nav`, p),
+        ...g,
+        ref: h,
+        children: /* @__PURE__ */ x("div", { className: `${m}-nav__list-container`, children: [
           u,
-          e.isValidElement(o) ? e.cloneElement(o, { isOffScreen: a }) : void 0,
-          /* This is not visible through css when in desktop breakpoint */
-          e.isValidElement(t) && t ? e.cloneElement(t, {
-            isHidden: a
-          }) : void 0
+          e.isValidElement(o) ? e.cloneElement(o, { isOffScreen: n }) : void 0,
+          /* @__PURE__ */ l(C.Media, { lessThan: "md", children: e.isValidElement(t) && t ? e.cloneElement(t, {
+            isHidden: n
+          }) : void 0 })
         ] })
       }
     );
   }
 );
-S.displayName = "Navigation";
+_.displayName = "Navigation";
 export {
-  S as default
+  _ as default
 };

package/dist/components/Search/Search.js

@@ -8,7 +8,7 @@ import O from "./SearchResults/SearchResults.js";
 import { TextVariants as V } from "../Text/types.js";
 import A from "../Text/Text.js";
 import { useOnClickOutside as F } from "../../node_modules/usehooks-ts/dist/index.js";
-import { HeaderContext as K } from "../Header/Header.js";
+import { HeaderContext as K } from "../../site-furniture/Header/Header.js";
 import { SearchButton as M } from "./SearchButton.js";
 import U from "../../node_modules/react-transition-group/esm/CSSTransition.js";
 const te = ({

package/dist/index.d.ts

@@ -4,14 +4,14 @@ 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';
+export { default as Footer, type FooterProps } from './site-furniture/Footer/Footer';
 export { default as Grid, type GridProps } from './components/Grid/Grid';
-export { default as Header, type HeaderProps } from './components/Header/Header';
+export { default as Header, type HeaderProps } from './site-furniture/Header/Header';
 export { default as Navigation, type NavigationProps } from './components/Navigation/Navigation';
 export { default as NavigationItem, type NavigationItemProps, } from './components/Navigation/NavigationItem/NavigationItem';
 export { default as NavigationItemTrigger, type NavigationItemTriggerProps, } from './components/Navigation/NavigationItemTrigger/NavigationItemTrigger';
 export { default as NavigationList, type NavigationListProps, } from './components/Navigation/NavigationList/NavigationList';
-export { default as HeroBanner, type HeroBannerProps } from './components/HeroBanner/HeroBanner';
+export { default as HeroBanner, type HeroBannerProps } from './patterns/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/types';
@@ -23,21 +23,22 @@ export { GridItemAlign } from './components/GridItem/types';
 export { default as Search, type SearchProps } from './components/Search/Search';
 export { default as Select, type SelectProps } from './components/Select/Select';
 export { default as SplitPanel, type SplitPanelProps } from './components/SplitPanel/SplitPanel';
-export { default as Subscribe, type SubscribeProps } from './components/Subscribe/Subscribe';
-export { SubscriptionState } from './components/Subscribe/types';
-export { default as Social, type SocialProps } from './components/Social/Social';
-export { default as ViewingsList, type ViewingsListProps } from './components/ViewingsList/ViewingsList';
+export { default as Subscribe, type SubscribeProps } from './patterns/Subscribe/Subscribe';
+export { SubscriptionState } from './patterns/Subscribe/types';
+export { default as Social, type SocialProps } from './patterns/Social/Social';
+export { default as ViewingsList, type ViewingsListProps } from './patterns/ViewingsList/ViewingsList';
 export { default as Modal, type ModalProps } from './components/Modal/Modal';
 export { default as Drawer } from './components/Drawer/Drawer';
-export { default as StatefulViewingsList, type StatefulViewingsListProps, } from './components/ViewingsList/StatefulViewingsList';
+export { default as StatefulViewingsList, type StatefulViewingsListProps, } from './patterns/ViewingsList/StatefulViewingsList';
 export * from './components/Text';
 export * from './components/Accordion';
-export { default as UserManagement, type UserManagementProps } from './components/UserManagement/UserManagement';
-export { AuthState } from './components/UserManagement/types';
+export { default as UserManagement, type UserManagementProps } from './patterns/UserManagement/UserManagement';
+export { AuthState } from './patterns/UserManagement/types';
 export * from './types/commonTypes';
 export { Breadcrumb, type BreadcrumbProps } from './components/Breadcrumb';
 export * from './components/Dropdown';
 export { default as Video, type VideoProps } from './components/Video/Video';
-export * from './components/LanguageSelector';
-export * from './components/ReadMore';
+export * from './patterns/LanguageSelector';
+export * from './components/ContentPeek';
 export * from './components/Collapsible';
+export * from './providers/SeldonProvider';

package/dist/index.js

@@ -1,17 +1,17 @@
-import { PaddingTokens as a, SpacingTokens as f, defaultYear as p, emailValidation as d, encodeURLSearchParams as l, findChildrenExcludingTypes as s, findChildrenOfType as m, generatePaddingClassName as u, getCommonProps as i, noOp as x, px as n, useNormalizedInputProps as g } from "./utils/index.js";
+import { PaddingTokens as a, SpacingTokens as f, defaultYear as p, emailValidation as d, encodeURLSearchParams as l, findChildrenExcludingTypes as m, findChildrenOfType as s, generatePaddingClassName as i, getCommonProps as u, noOp as n, px as x, useNormalizedInputProps as g } from "./utils/index.js";
 import { default as S } from "./pages/Page.js";
 import { default as C } from "./components/Button/Button.js";
-import { ButtonVariants as T } from "./components/Button/types.js";
-import { default as k } from "./components/IconButton/IconButton.js";
-import { default as P } from "./components/ErrorBoundary/ErrorBoundary.js";
-import { default as N } from "./components/Footer/Footer.js";
-import { Grid as w } from "./components/Grid/Grid.js";
-import { default as A } from "./components/Header/Header.js";
+import { ButtonVariants as k } from "./components/Button/types.js";
+import { default as T } from "./components/IconButton/IconButton.js";
+import { default as B } from "./components/ErrorBoundary/ErrorBoundary.js";
+import { default as N } from "./site-furniture/Footer/Footer.js";
+import { Grid as v } from "./components/Grid/Grid.js";
+import { default as A } from "./site-furniture/Header/Header.js";
 import { default as G } from "./components/Navigation/Navigation.js";
-import { default as R } from "./components/Navigation/NavigationItem/NavigationItem.js";
-import { default as E } from "./components/Navigation/NavigationItemTrigger/NavigationItemTrigger.js";
-import { default as O } from "./components/Navigation/NavigationList/NavigationList.js";
-import { default as z } from "./components/HeroBanner/HeroBanner.js";
+import { default as E } 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 "./patterns/HeroBanner/HeroBanner.js";
 import { default as Y } from "./components/Input/Input.js";
 import { default as q } from "./components/Link/Link.js";
 import { LinkVariants as K } from "./components/Link/types.js";
@@ -22,51 +22,53 @@ import { default as oe } from "./components/GridItem/GridItem.js";
 import { GridItemAlign as te } from "./components/GridItem/types.js";
 import { default as fe } from "./components/Search/Search.js";
 import { default as de } from "./components/Select/Select.js";
-import { default as se } from "./components/SplitPanel/SplitPanel.js";
-import { default as ue } from "./components/Subscribe/Subscribe.js";
-import { SubscriptionState as xe } from "./components/Subscribe/types.js";
-import { default as ge } from "./components/Social/Social.js";
-import { default as Se } from "./components/ViewingsList/ViewingsList.js";
+import { default as me } from "./components/SplitPanel/SplitPanel.js";
+import { default as ie } from "./patterns/Subscribe/Subscribe.js";
+import { SubscriptionState as ne } from "./patterns/Subscribe/types.js";
+import { default as ge } from "./patterns/Social/Social.js";
+import { default as Se } from "./patterns/ViewingsList/ViewingsList.js";
 import { default as Ce } from "./components/Modal/Modal.js";
-import { default as Te } from "./components/Drawer/Drawer.js";
-import { default as ke } from "./components/ViewingsList/StatefulViewingsList.js";
-import { TextVariants as Pe } from "./components/Text/types.js";
+import { default as ke } from "./components/Drawer/Drawer.js";
+import { default as Te } from "./patterns/ViewingsList/StatefulViewingsList.js";
+import { TextVariants as Be } from "./components/Text/types.js";
 import { default as Ne } from "./components/Text/Text.js";
-import { default as we } from "./components/Accordion/Accordion.js";
+import { default as ve } from "./components/Accordion/Accordion.js";
 import { default as Ae } from "./components/Accordion/AccordionItem.js";
-import { default as Ge } from "./components/UserManagement/UserManagement.js";
-import { AuthState as Re } from "./components/UserManagement/types.js";
-import { SupportedLanguages as Ee } from "./types/commonTypes.js";
-import { default as Oe } from "./components/Breadcrumb/Breadcrumb.js";
+import { default as Ge } from "./patterns/UserManagement/UserManagement.js";
+import { AuthState as Ee } from "./patterns/UserManagement/types.js";
+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/Dropdown/Dropdown.js";
 import { default as Ye } from "./components/Video/Video.js";
-import { default as qe } from "./components/LanguageSelector/LanguageSelector.js";
-import { default as Ke } from "./components/ReadMore/ReadMore.js";
+import { default as qe } from "./patterns/LanguageSelector/LanguageSelector.js";
+import { default as Ke } from "./components/ContentPeek/ContentPeek.js";
 import { default as We } from "./components/Collapsible/Collapsible.js";
 import { default as Ze } from "./components/Collapsible/CollapsibleContent.js";
 import { default as $e } from "./components/Collapsible/CollapsibleTrigger.js";
+import { SeldonProvider as oo } from "./providers/SeldonProvider.js";
 export {
-  we as Accordion,
+  ve as Accordion,
   Ae as AccordionItem,
-  Re as AuthState,
-  Oe as Breadcrumb,
+  Ee as AuthState,
+  Re as Breadcrumb,
   C as Button,
-  T as ButtonVariants,
+  k as ButtonVariants,
   We as Collapsible,
   Ze as CollapsibleContent,
   $e as CollapsibleTrigger,
-  Te as Drawer,
+  Ke as ContentPeek,
+  ke as Drawer,
   ze as Dropdown,
-  P as ErrorBoundary,
+  B as ErrorBoundary,
   N as Footer,
-  w as Grid,
+  v as Grid,
   oe as GridItem,
   te as GridItemAlign,
   A as Header,
   z as HeroBanner,
-  k as IconButton,
+  T as IconButton,
   Y as Input,
   qe as LanguageSelector,
   q as Link,
@@ -75,35 +77,35 @@ export {
   K as LinkVariants,
   Ce as Modal,
   G as Navigation,
-  R as NavigationItem,
-  E as NavigationItemTrigger,
-  O as NavigationList,
+  E as NavigationItem,
+  M as NavigationItemTrigger,
+  R as NavigationList,
   a as PaddingTokens,
   S as Page,
-  Ke as ReadMore,
   $ as Row,
   fe as Search,
+  oo as SeldonProvider,
   de as Select,
   ge as Social,
   f as SpacingTokens,
-  se as SplitPanel,
-  ke as StatefulViewingsList,
-  ue as Subscribe,
-  xe as SubscriptionState,
-  Ee as SupportedLanguages,
+  me as SplitPanel,
+  Te as StatefulViewingsList,
+  ie as Subscribe,
+  ne as SubscriptionState,
+  Me as SupportedLanguages,
   Ne as Text,
-  Pe as TextVariants,
+  Be as TextVariants,
   Ge as UserManagement,
   Ye as Video,
   Se as ViewingsList,
   p as defaultYear,
   d as emailValidation,
   l as encodeURLSearchParams,
-  s as findChildrenExcludingTypes,
-  m as findChildrenOfType,
-  u as generatePaddingClassName,
-  i as getCommonProps,
-  x as noOp,
-  n as px,
+  m as findChildrenExcludingTypes,
+  s as findChildrenOfType,
+  i as generatePaddingClassName,
+  u as getCommonProps,
+  n as noOp,
+  x as px,
   g as useNormalizedInputProps
 };