@phillips/seldon 1.90.0 → 1.91.1

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

@@ -1,4 +1,5 @@
 import { default as React } from 'react';
+import { HeightUnits } from './utils';
 export interface ContentPeekProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * Unique id for component testing
@@ -20,6 +21,14 @@ export interface ContentPeekProps extends React.HTMLAttributes<HTMLDivElement> {
      * Maximum height of the content when collapsed
      */
     maxHeight?: number;
+    /**
+     * Used to set a minimum height for the content before enabling the Peek functionality. Defaults to the same value as maxHeight if not provided.
+     */
+    minHeightThreshold?: number;
+    /**
+     * The unit used for setting height values. Defaults to 'px'.
+     */
+    heightUnits?: HeightUnits;
 }
 /**
  * ## Overview

package/dist/components/ContentPeek/ContentPeek.js

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

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

@@ -12,6 +12,9 @@ declare const meta: {
         maxHeight: {
             control: "number";
         };
+        minHeightThreshold: {
+            control: "number";
+        };
     };
 };
 export default meta;

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

@@ -1 +1,2 @@
 export { default as ContentPeek, type ContentPeekProps } from './ContentPeek';
+export { HeightUnits as ContentPeekHeightUnits } from './utils';

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

@@ -0,0 +1,4 @@
+export declare enum HeightUnits {
+    px = "px",
+    rem = "rem"
+}

package/dist/components/ContentPeek/utils.js

@@ -0,0 +1,4 @@
+var e = /* @__PURE__ */ ((r) => (r.px = "px", r.rem = "rem", r))(e || {});
+export {
+  e as HeightUnits
+};

package/dist/index.js

@@ -1,4 +1,4 @@
-import { PaddingTokens as f, SpacingTokens as s, defaultYear as l, emailValidation as m, encodeURLSearchParams as d, findChildrenExcludingTypes as p, findChildrenOfType as u, generatePaddingClassName as x, getCommonProps as n, noOp as i, px as g, useNormalizedInputProps as c } from "./utils/index.js";
+import { PaddingTokens as f, SpacingTokens as s, defaultYear as l, emailValidation as m, encodeURLSearchParams as p, findChildrenExcludingTypes as d, findChildrenOfType as u, generatePaddingClassName as x, getCommonProps as n, noOp as i, px as g, useNormalizedInputProps as c } from "./utils/index.js";
 import { default as S } from "./assets/account_circle.svg.js";
 import { default as P } from "./assets/arrowPrev.svg.js";
 import { default as I } from "./assets/calendar.svg.js";
@@ -7,11 +7,11 @@ import { default as A } from "./assets/chevronNext.svg.js";
 import { default as v } from "./assets/chevronRight.svg.js";
 import { default as y } from "./assets/close.svg.js";
 import { default as D } from "./assets/favoriteOutline.svg.js";
-import { default as R } from "./assets/icon-footer-facebook.svg.js";
-import { default as M } from "./assets/icon-footer-instagram.svg.js";
-import { default as G } from "./assets/icon-footer-linkedin.svg.js";
-import { default as W } from "./assets/icon-footer-red.svg.js";
-import { default as Q } from "./assets/icon-footer-wechat.svg.js";
+import { default as H } from "./assets/icon-footer-facebook.svg.js";
+import { default as F } from "./assets/icon-footer-instagram.svg.js";
+import { default as U } from "./assets/icon-footer-linkedin.svg.js";
+import { default as O } from "./assets/icon-footer-red.svg.js";
+import { default as E } from "./assets/icon-footer-wechat.svg.js";
 import { default as Y } from "./assets/instagram.svg.js";
 import { default as Z } from "./assets/lock.svg.js";
 import { default as q } from "./assets/minus.svg.js";
@@ -23,7 +23,7 @@ import { default as te } from "./assets/share.svg.js";
 import { default as ae } from "./assets/spotify.svg.js";
 import { default as se } from "./assets/wechat.svg.js";
 import { default as me } from "./assets/youtube.svg.js";
-import { default as pe } from "./pages/Page.js";
+import { default as de } from "./pages/Page.js";
 import { usePendingState as xe } from "./utils/hooks.js";
 import { SSRMediaQuery as ie, ssrMediaQueryStyle as ge } from "./providers/SeldonProvider/utils.js";
 import { default as Ce } from "./components/Button/Button.js";
@@ -35,11 +35,11 @@ import { Grid as Ve } from "./components/Grid/Grid.js";
 import { default as we } from "./site-furniture/Header/Header.js";
 import { default as Be } from "./components/Navigation/Navigation.js";
 import { default as Ne } from "./components/Navigation/NavigationItem/NavigationItem.js";
-import { default as Fe } from "./components/Navigation/NavigationItemTrigger/NavigationItemTrigger.js";
-import { default as He } from "./components/Navigation/NavigationList/NavigationList.js";
-import { default as Oe } from "./patterns/HeroBanner/HeroBanner.js";
-import { default as Ee } from "./components/Input/Input.js";
-import { default as Ue } from "./components/Link/Link.js";
+import { default as Re } from "./components/Navigation/NavigationItemTrigger/NavigationItemTrigger.js";
+import { default as Me } from "./components/Navigation/NavigationList/NavigationList.js";
+import { default as Ge } from "./patterns/HeroBanner/HeroBanner.js";
+import { default as We } from "./components/Input/Input.js";
+import { default as Qe } from "./components/Link/Link.js";
 import { LinkVariants as ze } from "./components/Link/types.js";
 import { default as je } from "./components/LinkBlock/LinkBlock.js";
 import { default as Je } from "./components/LinkList/LinkList.js";
@@ -61,11 +61,11 @@ import { default as Ao } from "./patterns/ViewingsList/StatefulViewingsList.js";
 import { TextVariants as vo } from "./components/Text/types.js";
 import { default as yo } from "./components/Text/Text.js";
 import { TextSymbolVariants as Do } from "./components/TextSymbol/types.js";
-import { default as Ro } from "./components/TextSymbol/TextSymbol.js";
-import { default as Mo } from "./components/Accordion/Accordion.js";
-import { default as Go } from "./components/Accordion/AccordionItem.js";
-import { AccordionItemVariant as Wo, AccordionVariants as Eo } from "./components/Accordion/types.js";
-import { default as Uo } from "./patterns/UserManagement/UserManagement.js";
+import { default as Ho } from "./components/TextSymbol/TextSymbol.js";
+import { default as Fo } from "./components/Accordion/Accordion.js";
+import { default as Uo } from "./components/Accordion/AccordionItem.js";
+import { AccordionItemVariant as Oo, AccordionVariants as Wo } from "./components/Accordion/types.js";
+import { default as Qo } from "./patterns/UserManagement/UserManagement.js";
 import { AuthState as zo } from "./patterns/UserManagement/types.js";
 import { SupportedLanguages as jo } from "./types/commonTypes.js";
 import { default as Jo } from "./components/Breadcrumb/Breadcrumb.js";
@@ -75,102 +75,104 @@ import { default as Xo } from "./components/Dropdown/Dropdown.js";
 import { default as $o } from "./components/Video/Video.js";
 import { default as ot } from "./patterns/LanguageSelector/LanguageSelector.js";
 import { default as rt } from "./components/ContentPeek/ContentPeek.js";
-import { default as ft } from "./components/Collapsible/Collapsible.js";
-import { default as lt } from "./components/Collapsible/CollapsibleContent.js";
-import { default as dt } from "./components/Collapsible/CollapsibleTrigger.js";
-import { SeldonProvider as ut } from "./providers/SeldonProvider/SeldonProvider.js";
-import { default as nt } from "./components/PageContentWrapper/PageContentWrapper.js";
-import { default as gt } from "./components/Carousel/Carousel.js";
-import { default as Ct } from "./components/Carousel/CarouselContent.js";
-import { default as Lt } from "./components/Carousel/CarouselItem.js";
-import { default as ht } from "./components/Carousel/CarouselDots.js";
-import { default as bt } from "./components/Detail/Detail.js";
-import { default as kt } from "./patterns/DetailList/DetailList.js";
-import { DetailListAlignment as Vt } from "./patterns/DetailList/types.js";
-import { default as wt } from "./components/PinchZoom/PinchZoom.js";
-import { default as Bt } from "./components/Tabs/TabsContainer.js";
-import { default as Nt } from "./components/Tabs/TabsContent.js";
-import { default as Ft } from "./components/SeldonImage/SeldonImage.js";
-import { default as Ht } from "./patterns/SaleHeaderBanner/SaleHeaderBanner.js";
-import { default as Ot } from "./patterns/SaleHeaderBanner/SaleHeaderBrowseAuctions.js";
-import { AuctionState as Et } from "./patterns/SaleHeaderBanner/types.js";
-import { default as Ut } from "./components/Countdown/Countdown.js";
-import { CountdownVariants as zt } from "./components/Countdown/types.js";
+import { HeightUnits as ft } from "./components/ContentPeek/utils.js";
+import { default as lt } from "./components/Collapsible/Collapsible.js";
+import { default as pt } from "./components/Collapsible/CollapsibleContent.js";
+import { default as ut } from "./components/Collapsible/CollapsibleTrigger.js";
+import { SeldonProvider as nt } from "./providers/SeldonProvider/SeldonProvider.js";
+import { default as gt } from "./components/PageContentWrapper/PageContentWrapper.js";
+import { default as Ct } from "./components/Carousel/Carousel.js";
+import { default as Lt } from "./components/Carousel/CarouselContent.js";
+import { default as ht } from "./components/Carousel/CarouselItem.js";
+import { default as bt } from "./components/Carousel/CarouselDots.js";
+import { default as kt } from "./components/Detail/Detail.js";
+import { default as Vt } from "./patterns/DetailList/DetailList.js";
+import { DetailListAlignment as wt } from "./patterns/DetailList/types.js";
+import { default as Bt } from "./components/PinchZoom/PinchZoom.js";
+import { default as Nt } from "./components/Tabs/TabsContainer.js";
+import { default as Rt } from "./components/Tabs/TabsContent.js";
+import { default as Mt } from "./components/SeldonImage/SeldonImage.js";
+import { default as Gt } from "./patterns/SaleHeaderBanner/SaleHeaderBanner.js";
+import { default as Wt } from "./patterns/SaleHeaderBanner/SaleHeaderBrowseAuctions.js";
+import { AuctionState as Qt } from "./patterns/SaleHeaderBanner/types.js";
+import { default as zt } from "./components/Countdown/Countdown.js";
+import { CountdownVariants as jt } from "./components/Countdown/types.js";
 export {
-  Mo as Accordion,
-  Go as AccordionItem,
-  Wo as AccordionItemVariant,
-  Eo as AccordionVariants,
+  Fo as Accordion,
+  Uo as AccordionItem,
+  Oo as AccordionItemVariant,
+  Wo as AccordionVariants,
   S as AccountCircle,
   P as ArrowPrev,
-  Et as AuctionState,
+  Qt as AuctionState,
   zo as AuthState,
   Jo as Breadcrumb,
   Ce as Button,
   Le as ButtonVariants,
   I as Calendar,
-  gt as Carousel,
-  Ct as CarouselContent,
-  ht as CarouselDots,
-  Lt as CarouselItem,
+  Ct as Carousel,
+  Lt as CarouselContent,
+  bt as CarouselDots,
+  ht as CarouselItem,
   T as ChevronDown,
   A as ChevronNext,
   v as ChevronRight,
   y as Close,
-  ft as Collapsible,
-  lt as CollapsibleContent,
-  dt as CollapsibleTrigger,
+  lt as Collapsible,
+  pt as CollapsibleContent,
+  ut as CollapsibleTrigger,
   rt as ContentPeek,
-  Ut as Countdown,
-  zt as CountdownVariants,
-  bt as Detail,
-  kt as DetailList,
-  Vt as DetailListAlignment,
+  ft as ContentPeekHeightUnits,
+  zt as Countdown,
+  jt as CountdownVariants,
+  kt as Detail,
+  Vt as DetailList,
+  wt as DetailListAlignment,
   Po as Drawer,
   Xo as Dropdown,
   be as ErrorBoundary,
-  R as Facebook,
+  H as Facebook,
   D as FavoriteOutline,
   ke as Footer,
-  M as FooterInstagram,
-  Q as FooterWeChat,
+  F as FooterInstagram,
+  E as FooterWeChat,
   Ve as Grid,
   $e as GridItem,
   oo as GridItemAlign,
   we as Header,
-  Oe as HeroBanner,
+  Ge as HeroBanner,
   he as IconButton,
-  Ee as Input,
+  We as Input,
   Y as Instagram,
   ot as LanguageSelector,
-  Ue as Link,
+  Qe as Link,
   je as LinkBlock,
   Je as LinkList,
   ze as LinkVariants,
-  G as LinkedIn,
+  U as LinkedIn,
   Z as Lock,
   q as Minus,
   So as Modal,
   Be as Navigation,
   Ne as NavigationItem,
-  Fe as NavigationItemTrigger,
-  He as NavigationList,
+  Re as NavigationItemTrigger,
+  Me as NavigationList,
   f as PaddingTokens,
-  pe as Page,
-  nt as PageContentWrapper,
+  de as Page,
+  gt as PageContentWrapper,
   Io as Pagination,
   K as PhillipsLogo,
-  wt as PinchZoom,
+  Bt as PinchZoom,
   _ as Plus,
   ee as React,
-  W as Reddit,
+  O as Reddit,
   Xe as Row,
   ie as SSRMediaQuery,
-  Ht as SaleHeaderBanner,
-  Ot as SaleHeaderBrowseAuctions,
+  Gt as SaleHeaderBanner,
+  Wt as SaleHeaderBrowseAuctions,
   ro as Search,
-  Ft as SeldonImage,
-  ut as SeldonProvider,
+  Mt as SeldonImage,
+  nt as SeldonProvider,
   fo as Select,
   te as Share,
   io as Social,
@@ -181,22 +183,22 @@ export {
   po as Subscribe,
   xo as SubscriptionState,
   jo as SupportedLanguages,
-  Bt as TabsContainer,
-  Nt as TabsContent,
+  Nt as TabsContainer,
+  Rt as TabsContent,
   To as TagsList,
   yo as Text,
   Do as TextSymbolVariants,
-  Ro as TextSymbols,
+  Ho as TextSymbols,
   vo as TextVariants,
-  Uo as UserManagement,
+  Qo as UserManagement,
   $o as Video,
   co as ViewingsList,
   se as WeChat,
   me as Youtube,
   l as defaultYear,
   m as emailValidation,
-  d as encodeURLSearchParams,
-  p as findChildrenExcludingTypes,
+  p as encodeURLSearchParams,
+  d as findChildrenExcludingTypes,
   u as findChildrenOfType,
   x as generatePaddingClassName,
   n as getCommonProps,

package/dist/node_modules/exenv/index.js

@@ -1,4 +1,4 @@
-import { __module as t } from "../../_virtual/index6.js";
+import { __module as t } from "../../_virtual/index5.js";
 /*!
   Copyright (c) 2015 Jed Watson.
   Based on code that is Copyright 2013-2015, Facebook, Inc.

package/dist/node_modules/prop-types/node_modules/react-is/index.js

@@ -1,4 +1,4 @@
-import { __module as e } from "../../../../_virtual/index5.js";
+import { __module as e } from "../../../../_virtual/index6.js";
 import { __require as o } from "./cjs/react-is.production.min.js";
 import { __require as t } from "./cjs/react-is.development.js";
 var r;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phillips/seldon",
-  "version": "1.90.0",
+  "version": "1.91.1",
   "repository": {
     "type": "git",
     "url": "https://github.com/PhillipsAuctionHouse/seldon"