@phillips/seldon 1.81.0 → 1.82.1

package/dist/_virtual/index.js

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

package/dist/_virtual/index2.js

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

package/dist/assets/search.svg.js

@@ -1,5 +1,5 @@
 import * as e from "react";
-const a = (t) => /* @__PURE__ */ e.createElement("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("g", { id: "Search" }, /* @__PURE__ */ e.createElement("path", { id: "Vector", d: "M12.0209 10.9563H11.4603L11.2616 10.7647C12.1131 9.77122 12.5531 8.41582 12.3118 6.97527C11.9783 5.00249 10.3319 3.4271 8.34498 3.18583C5.34323 2.81682 2.81694 5.34311 3.18595 8.34486C3.42723 10.3318 5.00261 11.9782 6.97539 12.3117C8.41594 12.553 9.77134 12.113 10.7648 11.2614L10.9564 11.4601V12.0208L13.9724 15.0367C14.2633 15.3276 14.7388 15.3276 15.0297 15.0367C15.3207 14.7457 15.3207 14.2703 15.0297 13.9793L12.0209 10.9563ZM7.76308 10.9563C5.99609 10.9563 4.56973 9.52994 4.56973 7.76296C4.56973 5.99597 5.99609 4.56961 7.76308 4.56961C9.53006 4.56961 10.9564 5.99597 10.9564 7.76296C10.9564 9.52994 9.53006 10.9563 7.76308 10.9563Z", fill: "black" })));
+const t = (l) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 32, height: 32, viewBox: "0 0 32 32", fill: "none", ...l }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M19.7601 17.618C22.5903 14.0843 22.3676 8.91176 19.0919 5.63604C15.5771 2.12132 9.87866 2.12132 6.36394 5.63604C2.84923 9.15076 2.84923 14.8492 6.36394 18.364C9.63965 21.6397 14.8122 21.8624 18.3459 19.0322L19.7989 20.4853C19.4085 20.8758 19.4085 21.509 19.799 21.8995L23.3345 25.435C24.1156 26.2161 25.3819 26.2161 26.1629 25.435C26.944 24.654 26.944 23.3876 26.1629 22.6066L22.6274 19.0711C22.2369 18.6805 21.6037 18.6805 21.2132 19.0711L19.7601 17.618ZM17.6777 16.9497C20.4113 14.2161 20.4113 9.78392 17.6777 7.05025C14.944 4.31658 10.5118 4.31658 7.77816 7.05025C5.04449 9.78392 5.04449 14.2161 7.77816 16.9497C10.5118 19.6834 14.944 19.6834 17.6777 16.9497Z", fill: "black" }));
 export {
-  a as default
+  t as default
 };

package/dist/index.d.ts

@@ -2,6 +2,7 @@ export * from './utils';
 export * from './assets/icons';
 export { default as Page } from './pages/Page';
 export * from './utils/hooks';
+export * from './providers/SeldonProvider/utils';
 export { default as Button, type ButtonProps } from './components/Button/Button';
 export { ButtonVariants } from './components/Button/types';
 export { default as IconButton } from './components/IconButton/IconButton';

package/dist/index.js

@@ -1,203 +1,206 @@
-import { PaddingTokens as f, SpacingTokens as l, defaultYear as s, 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 { 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 { 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";
 import { default as T } from "./assets/chevronDown.svg.js";
 import { default as A } from "./assets/chevronNext.svg.js";
 import { default as v } from "./assets/chevronRight.svg.js";
-import { default as B } from "./assets/close.svg.js";
-import { default as N } from "./assets/favoriteOutline.svg.js";
-import { default as F } from "./assets/icon-footer-facebook.svg.js";
-import { default as H } from "./assets/icon-footer-instagram.svg.js";
-import { default as M } from "./assets/icon-footer-linkedin.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 U } from "./assets/icon-footer-wechat.svg.js";
-import { default as z } from "./assets/instagram.svg.js";
-import { default as j } from "./assets/lock.svg.js";
-import { default as J } from "./assets/minus.svg.js";
-import { default as Q } from "./assets/PhillipsLogo.svg.js";
+import { default as Q } 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";
+import { default as K } from "./assets/PhillipsLogo.svg.js";
 import { default as _ } from "./assets/plus.svg.js";
 import { default as ee } from "./assets/react.svg.js";
 import "react";
 import { default as te } from "./assets/share.svg.js";
 import { default as ae } from "./assets/spotify.svg.js";
-import { default as le } from "./assets/wechat.svg.js";
+import { default as se } from "./assets/wechat.svg.js";
 import { default as me } from "./assets/youtube.svg.js";
-import { default as de } from "./pages/Page.js";
+import { default as pe } from "./pages/Page.js";
 import { usePendingState as xe } from "./utils/hooks.js";
-import { default as ie } from "./components/Button/Button.js";
-import { ButtonVariants as ce } from "./components/Button/types.js";
-import { default as Se } from "./components/IconButton/IconButton.js";
-import { default as Pe } from "./components/ErrorBoundary/ErrorBoundary.js";
-import { default as Ie } from "./site-furniture/Footer/Footer.js";
-import { Grid as Te } from "./components/Grid/Grid.js";
-import { default as Ae } from "./site-furniture/Header/Header.js";
-import { default as ve } from "./components/Navigation/Navigation.js";
-import { default as Be } from "./components/Navigation/NavigationItem/NavigationItem.js";
-import { default as Ne } from "./components/Navigation/NavigationItemTrigger/NavigationItemTrigger.js";
-import { default as Fe } from "./components/Navigation/NavigationList/NavigationList.js";
-import { default as He } from "./patterns/HeroBanner/HeroBanner.js";
-import { default as Me } from "./components/Input/Input.js";
-import { default as We } from "./components/Link/Link.js";
-import { LinkVariants as Ue } from "./components/Link/types.js";
-import { default as ze } from "./components/LinkBlock/LinkBlock.js";
-import { default as je } from "./components/LinkList/LinkList.js";
-import { default as Je } from "./components/Row/Row.js";
-import { default as Qe } from "./components/GridItem/GridItem.js";
-import { GridItemAlign as _e } from "./components/GridItem/types.js";
-import { default as eo } from "./components/Search/Search.js";
-import { default as to } from "./components/Select/Select.js";
-import { default as ao } from "./components/SplitPanel/SplitPanel.js";
-import { default as lo } from "./patterns/Subscribe/Subscribe.js";
-import { SubscriptionState as mo } from "./patterns/Subscribe/types.js";
-import { default as uo } from "./patterns/Social/Social.js";
-import { default as no } from "./patterns/ViewingsList/ViewingsList.js";
-import { default as go } from "./components/Modal/Modal.js";
-import { default as Co } from "./components/Drawer/Drawer.js";
-import { default as Lo } from "./components/Pagination/Pagination.js";
-import { default as ho } from "./patterns/ViewingsList/StatefulViewingsList.js";
-import { TextVariants as bo } from "./components/Text/types.js";
-import { default as ko } from "./components/Text/Text.js";
-import { TextSymbolVariants as Vo } from "./components/TextSymbol/types.js";
-import { default as wo } from "./components/TextSymbol/TextSymbol.js";
-import { default as Do } from "./components/Accordion/Accordion.js";
-import { default as yo } from "./components/Accordion/AccordionItem.js";
-import { AccordionItemVariant as Ro, AccordionVariants as Ho } from "./components/Accordion/types.js";
-import { default as Mo } from "./patterns/UserManagement/UserManagement.js";
-import { AuthState as Wo } from "./patterns/UserManagement/types.js";
-import { SupportedLanguages as Uo } from "./types/commonTypes.js";
-import { default as zo } from "./components/Breadcrumb/Breadcrumb.js";
+import { SSRMediaQuery as ie, ssrMediaQueryStyle as ge } from "./providers/SeldonProvider/utils.js";
+import { default as Ce } from "./components/Button/Button.js";
+import { ButtonVariants as Le } from "./components/Button/types.js";
+import { default as he } from "./components/IconButton/IconButton.js";
+import { default as be } from "./components/ErrorBoundary/ErrorBoundary.js";
+import { default as ke } from "./site-furniture/Footer/Footer.js";
+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 { 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";
+import { default as Xe } from "./components/Row/Row.js";
+import { default as $e } from "./components/GridItem/GridItem.js";
+import { GridItemAlign as oo } from "./components/GridItem/types.js";
+import { default as ro } from "./components/Search/Search.js";
+import { default as fo } from "./components/Select/Select.js";
+import { default as lo } from "./components/SplitPanel/SplitPanel.js";
+import { default as po } from "./patterns/Subscribe/Subscribe.js";
+import { SubscriptionState as xo } from "./patterns/Subscribe/types.js";
+import { default as io } from "./patterns/Social/Social.js";
+import { default as co } from "./patterns/ViewingsList/ViewingsList.js";
+import { default as So } from "./components/Modal/Modal.js";
+import { default as Po } from "./components/Drawer/Drawer.js";
+import { default as Io } from "./components/Pagination/Pagination.js";
+import { default as To } from "./patterns/ViewingsList/StatefulViewingsList.js";
+import { TextVariants as Ao } from "./components/Text/types.js";
+import { default as vo } from "./components/Text/Text.js";
+import { TextSymbolVariants as yo } from "./components/TextSymbol/types.js";
+import { default as Do } from "./components/TextSymbol/TextSymbol.js";
+import { default as Ro } from "./components/Accordion/Accordion.js";
+import { default as Mo } from "./components/Accordion/AccordionItem.js";
+import { AccordionItemVariant as Go, AccordionVariants as Oo } from "./components/Accordion/types.js";
+import { default as Eo } from "./patterns/UserManagement/UserManagement.js";
+import { AuthState as Uo } from "./patterns/UserManagement/types.js";
+import { SupportedLanguages as zo } from "./types/commonTypes.js";
+import { default as jo } from "./components/Breadcrumb/Breadcrumb.js";
 import "react/jsx-runtime";
 import "./node_modules/classnames/index.js";
-import { default as jo } from "./components/Dropdown/Dropdown.js";
-import { default as Jo } from "./components/Video/Video.js";
-import { default as Qo } from "./patterns/LanguageSelector/LanguageSelector.js";
-import { default as _o } from "./components/ContentPeek/ContentPeek.js";
-import { default as et } from "./components/Collapsible/Collapsible.js";
-import { default as tt } from "./components/Collapsible/CollapsibleContent.js";
-import { default as at } from "./components/Collapsible/CollapsibleTrigger.js";
-import { SeldonProvider as lt } from "./providers/SeldonProvider/SeldonProvider.js";
-import { default as mt } from "./components/PageContentWrapper/PageContentWrapper.js";
-import { default as dt } from "./components/Carousel/Carousel.js";
-import { default as xt } from "./components/Carousel/CarouselContent.js";
-import { default as it } from "./components/Carousel/CarouselItem.js";
-import { default as ct } from "./components/Carousel/CarouselDots.js";
-import { default as St } from "./components/Detail/Detail.js";
-import { default as Pt } from "./patterns/DetailList/DetailList.js";
-import { DetailListAlignment as It } from "./patterns/DetailList/types.js";
-import { default as Tt } from "./components/PinchZoom/PinchZoom.js";
-import { default as At } from "./components/Tabs/TabsContainer.js";
-import { default as vt } from "./components/Tabs/TabsContent.js";
-import { default as Bt } from "./components/SeldonImage/SeldonImage.js";
-import { default as Nt } from "./patterns/SaleHeaderBanner/SaleHeaderBanner.js";
-import { default as Ft } from "./patterns/SaleHeaderBanner/SaleHeaderBrowseAuctions.js";
-import { AuctionState as Ht } from "./patterns/SaleHeaderBanner/types.js";
-import { default as Mt } from "./components/Countdown/Countdown.js";
-import { CountdownVariants as Wt } from "./components/Countdown/types.js";
+import { default as Jo } from "./components/Dropdown/Dropdown.js";
+import { default as Xo } from "./components/Video/Video.js";
+import { default as $o } from "./patterns/LanguageSelector/LanguageSelector.js";
+import { default as ot } from "./components/ContentPeek/ContentPeek.js";
+import { default as rt } from "./components/Collapsible/Collapsible.js";
+import { default as ft } from "./components/Collapsible/CollapsibleContent.js";
+import { default as lt } from "./components/Collapsible/CollapsibleTrigger.js";
+import { SeldonProvider as dt } from "./providers/SeldonProvider/SeldonProvider.js";
+import { default as ut } from "./components/PageContentWrapper/PageContentWrapper.js";
+import { default as nt } from "./components/Carousel/Carousel.js";
+import { default as gt } from "./components/Carousel/CarouselContent.js";
+import { default as Ct } from "./components/Carousel/CarouselItem.js";
+import { default as Lt } from "./components/Carousel/CarouselDots.js";
+import { default as ht } from "./components/Detail/Detail.js";
+import { default as bt } from "./patterns/DetailList/DetailList.js";
+import { DetailListAlignment as kt } from "./patterns/DetailList/types.js";
+import { default as Vt } from "./components/PinchZoom/PinchZoom.js";
+import { default as wt } from "./components/Tabs/TabsContainer.js";
+import { default as Bt } from "./components/Tabs/TabsContent.js";
+import { default as Nt } from "./components/SeldonImage/SeldonImage.js";
+import { default as Ft } from "./patterns/SaleHeaderBanner/SaleHeaderBanner.js";
+import { default as Ht } from "./patterns/SaleHeaderBanner/SaleHeaderBrowseAuctions.js";
+import { AuctionState as Ot } from "./patterns/SaleHeaderBanner/types.js";
+import { default as Et } from "./components/Countdown/Countdown.js";
+import { CountdownVariants as Ut } from "./components/Countdown/types.js";
 export {
-  Do as Accordion,
-  yo as AccordionItem,
-  Ro as AccordionItemVariant,
-  Ho as AccordionVariants,
+  Ro as Accordion,
+  Mo as AccordionItem,
+  Go as AccordionItemVariant,
+  Oo as AccordionVariants,
   S as AccountCircle,
   P as ArrowPrev,
-  Ht as AuctionState,
-  Wo as AuthState,
-  zo as Breadcrumb,
-  ie as Button,
-  ce as ButtonVariants,
+  Ot as AuctionState,
+  Uo as AuthState,
+  jo as Breadcrumb,
+  Ce as Button,
+  Le as ButtonVariants,
   I as Calendar,
-  dt as Carousel,
-  xt as CarouselContent,
-  ct as CarouselDots,
-  it as CarouselItem,
+  nt as Carousel,
+  gt as CarouselContent,
+  Lt as CarouselDots,
+  Ct as CarouselItem,
   T as ChevronDown,
   A as ChevronNext,
   v as ChevronRight,
-  B as Close,
-  et as Collapsible,
-  tt as CollapsibleContent,
-  at as CollapsibleTrigger,
-  _o as ContentPeek,
-  Mt as Countdown,
-  Wt as CountdownVariants,
-  St as Detail,
-  Pt as DetailList,
-  It as DetailListAlignment,
-  Co as Drawer,
-  jo as Dropdown,
-  Pe as ErrorBoundary,
-  F as Facebook,
-  N as FavoriteOutline,
-  Ie as Footer,
-  H as FooterInstagram,
-  U as FooterWeChat,
-  Te as Grid,
-  Qe as GridItem,
-  _e as GridItemAlign,
-  Ae as Header,
-  He as HeroBanner,
-  Se as IconButton,
-  Me as Input,
-  z as Instagram,
-  Qo as LanguageSelector,
-  We as Link,
-  ze as LinkBlock,
-  je as LinkList,
-  Ue as LinkVariants,
-  M as LinkedIn,
-  j as Lock,
-  J as Minus,
-  go as Modal,
-  ve as Navigation,
-  Be as NavigationItem,
-  Ne as NavigationItemTrigger,
-  Fe as NavigationList,
+  y as Close,
+  rt as Collapsible,
+  ft as CollapsibleContent,
+  lt as CollapsibleTrigger,
+  ot as ContentPeek,
+  Et as Countdown,
+  Ut as CountdownVariants,
+  ht as Detail,
+  bt as DetailList,
+  kt as DetailListAlignment,
+  Po as Drawer,
+  Jo as Dropdown,
+  be as ErrorBoundary,
+  R as Facebook,
+  D as FavoriteOutline,
+  ke as Footer,
+  M as FooterInstagram,
+  Q as FooterWeChat,
+  Ve as Grid,
+  $e as GridItem,
+  oo as GridItemAlign,
+  we as Header,
+  Oe as HeroBanner,
+  he as IconButton,
+  Ee as Input,
+  Y as Instagram,
+  $o as LanguageSelector,
+  Ue as Link,
+  je as LinkBlock,
+  Je as LinkList,
+  ze as LinkVariants,
+  G as LinkedIn,
+  Z as Lock,
+  q as Minus,
+  So as Modal,
+  Be as Navigation,
+  Ne as NavigationItem,
+  Fe as NavigationItemTrigger,
+  He as NavigationList,
   f as PaddingTokens,
-  de as Page,
-  mt as PageContentWrapper,
-  Lo as Pagination,
-  Q as PhillipsLogo,
-  Tt as PinchZoom,
+  pe as Page,
+  ut as PageContentWrapper,
+  Io as Pagination,
+  K as PhillipsLogo,
+  Vt as PinchZoom,
   _ as Plus,
   ee as React,
   W as Reddit,
-  Je as Row,
-  Nt as SaleHeaderBanner,
-  Ft as SaleHeaderBrowseAuctions,
-  eo as Search,
-  Bt as SeldonImage,
-  lt as SeldonProvider,
-  to as Select,
+  Xe as Row,
+  ie as SSRMediaQuery,
+  Ft as SaleHeaderBanner,
+  Ht as SaleHeaderBrowseAuctions,
+  ro as Search,
+  Nt as SeldonImage,
+  dt as SeldonProvider,
+  fo as Select,
   te as Share,
-  uo as Social,
-  l as SpacingTokens,
-  ao as SplitPanel,
+  io as Social,
+  s as SpacingTokens,
+  lo as SplitPanel,
   ae as Spotify,
-  ho as StatefulViewingsList,
-  lo as Subscribe,
-  mo as SubscriptionState,
-  Uo as SupportedLanguages,
-  At as TabsContainer,
-  vt as TabsContent,
-  ko as Text,
-  Vo as TextSymbolVariants,
-  wo as TextSymbols,
-  bo as TextVariants,
-  Mo as UserManagement,
-  Jo as Video,
-  no as ViewingsList,
-  le as WeChat,
+  To as StatefulViewingsList,
+  po as Subscribe,
+  xo as SubscriptionState,
+  zo as SupportedLanguages,
+  wt as TabsContainer,
+  Bt as TabsContent,
+  vo as Text,
+  yo as TextSymbolVariants,
+  Do as TextSymbols,
+  Ao as TextVariants,
+  Eo as UserManagement,
+  Xo as Video,
+  co as ViewingsList,
+  se as WeChat,
   me as Youtube,
-  s as defaultYear,
+  l as defaultYear,
   m as emailValidation,
-  p as encodeURLSearchParams,
-  d as findChildrenExcludingTypes,
+  d as encodeURLSearchParams,
+  p as findChildrenExcludingTypes,
   u as findChildrenOfType,
   x as generatePaddingClassName,
   n as getCommonProps,
   i as noOp,
   g as px,
+  ge as ssrMediaQueryStyle,
   c as useNormalizedInputProps,
   xe as usePendingState
 };

package/dist/node_modules/@artsy/fresnel/dist/index.js

@@ -1,4 +1,4 @@
-import { __exports as o } from "../../../../_virtual/index2.js";
+import { __exports as o } from "../../../../_virtual/index.js";
 import "./Media.js";
 import "./Breakpoints.js";
 import { __exports as a } from "../../../../_virtual/Media.js";

package/dist/node_modules/classnames/index.js

@@ -1,5 +1,5 @@
 import { getDefaultExportFromCjs as u } from "../../_virtual/_commonjsHelpers.js";
-import { __module as i } from "../../_virtual/index.js";
+import { __module as i } from "../../_virtual/index2.js";
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see

package/dist/node_modules/exenv/index.js

@@ -1,4 +1,4 @@
-import { __module as t } from "../../_virtual/index5.js";
+import { __module as t } from "../../_virtual/index6.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/index6.js";
+import { __module as e } from "../../../../_virtual/index5.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/dist/patterns/HeroBanner/HeroBanner.d.ts

@@ -24,10 +24,6 @@ export interface HeroBannerProps extends HTMLAttributes<HTMLDivElement> {
      * What background image or color to use
      */
     background?: string;
-    /**
-     * What gradient to use
-     */
-    gradient?: string;
     /**
      * Unique id for component testing
      */
@@ -42,5 +38,5 @@ export interface HeroBannerProps extends HTMLAttributes<HTMLDivElement> {
  *
  * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-herobanner--overview)
  */
-declare const HeroBanner: ({ prehead, date, headerText, subHeadText, association, background, gradient, className, ...props }: HeroBannerProps) => import("react/jsx-runtime").JSX.Element;
+declare const HeroBanner: ({ prehead, date, headerText, subHeadText, association, background, className, ...props }: HeroBannerProps) => import("react/jsx-runtime").JSX.Element;
 export default HeroBanner;

package/dist/patterns/HeroBanner/HeroBanner.js

@@ -1,35 +1,34 @@
-import { jsx as r, jsxs as m } from "react/jsx-runtime";
+import { jsx as n, jsxs as m } from "react/jsx-runtime";
 import { getCommonProps as f } from "../../utils/index.js";
 import u from "../../node_modules/classnames/index.js";
-import { TextVariants as i } from "../../components/Text/types.js";
-import c from "../../components/Text/Text.js";
+import { TextVariants as c } from "../../components/Text/types.js";
+import i from "../../components/Text/Text.js";
 const w = ({
-  prehead: a,
-  date: e,
+  prehead: e,
+  date: a,
   headerText: t,
   subHeadText: l,
   association: s,
-  background: d,
-  gradient: p = "linear-gradient(rgba(0, 0, 0, 50%), rgba(0, 0, 0, 50%))",
-  className: h,
+  background: p,
+  className: d,
   ...o
 }) => {
-  const { className: n, ...g } = f(o, "HeroBanner");
-  return /* @__PURE__ */ r(
+  const { className: r, ...h } = f(o, "HeroBanner");
+  return /* @__PURE__ */ n(
     "header",
     {
-      ...g,
-      className: u(n, h),
-      style: { "--background": d, "--gradient": p },
+      ...h,
+      className: u(r, d),
+      style: { "--background": p },
       ...o,
-      children: /* @__PURE__ */ m("span", { className: `${n}__content-wrapper`, children: [
-        a || e ? /* @__PURE__ */ m("p", { className: `${n}__pre-head`, children: [
-          a ? /* @__PURE__ */ r("span", { children: a }) : null,
-          e ? /* @__PURE__ */ r("span", { children: e }) : null
+      children: /* @__PURE__ */ m("span", { className: `${r}__content-wrapper`, children: [
+        e || a ? /* @__PURE__ */ m("p", { className: `${r}__pre-head`, children: [
+          e ? /* @__PURE__ */ n("span", { children: e }) : null,
+          a ? /* @__PURE__ */ n("span", { children: a }) : null
         ] }) : null,
-        /* @__PURE__ */ r(c, { variant: i.snwHeadingHero1, children: t }),
-        l ? /* @__PURE__ */ r(c, { variant: i.snwHeadingHero2, children: l }) : null,
-        s ? /* @__PURE__ */ r("p", { className: `${n}__after-head`, children: s }) : null
+        /* @__PURE__ */ n(i, { variant: c.snwHeadingHero1, children: t }),
+        l ? /* @__PURE__ */ n(i, { variant: c.snwHeadingHero2, children: l }) : null,
+        s ? /* @__PURE__ */ n("p", { className: `${r}__after-head`, children: s }) : null
       ] })
     }
   );

package/dist/patterns/HeroBanner/HeroBanner.stories.d.ts

@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react';
 import { HeroBannerProps } from './HeroBanner';
 declare const meta: {
     title: string;
-    component: ({ prehead, date, headerText, subHeadText, association, background, gradient, className, ...props }: HeroBannerProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ prehead, date, headerText, subHeadText, association, background, className, ...props }: HeroBannerProps) => import("react/jsx-runtime").JSX.Element;
 };
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/providers/SeldonProvider/utils.js

@@ -1,6 +1,6 @@
 import "../../node_modules/@artsy/fresnel/dist/index.js";
 import { BREAKPOINTS as e } from "../../utils/constants.js";
-import { __exports as r } from "../../_virtual/index2.js";
+import { __exports as r } from "../../_virtual/index.js";
 const t = r.createMedia({ breakpoints: e }), s = t.createMediaStyle();
 export {
   t as SSRMediaQuery,

package/dist/scss/_vars.scss

@@ -196,12 +196,17 @@ $breakpoint-xl: 1801px;
     --badge-label-line-height: 1rem;
     --snw-header-link-size: 1rem;
     --snw-header-link-line-height: 1.5rem;
-    --snw-flyout-link-size: 1rem;
-    --snw-flyout-link-line-height: 1.875rem;
+    --snw-flyout-link-size: 0.875rem;
+    --snw-flyout-link-line-height: 1.75rem;
     --snw-heading-hero-size1: 2.375rem;
     --snw-heading-hero-line-height-size1: 2.875rem;
   }
 
+  @media (min-width: $breakpoint-lg) {
+    --snw-flyout-link-size: 0.875rem;
+    --snw-flyout-link-line-height: 1.75rem;
+  }
+
   @media (min-width: $breakpoint-xl) {
     --quote-size: 2rem;
     --quote-line-height: 2.5rem;
@@ -367,7 +372,7 @@ $margin-xxl: var(--spacing-xxl);
 ///////////////////////
 /* stylelint-disable-next-line no-duplicate-selectors */
 :root {
-  --header-height: 73px; // ideally we would calculate the size from the current text size plus spacing components so that it scales with the text size and spacing
+  --header-height: 56px; // ideally we would calculate the size from the current text size plus spacing components so that it scales with the text size and spacing
   --search-size: 2.625rem; // This should be calculated from the scaling text and scaling spacing tokens instead of hardcoding in case they change
 
   @media (min-width: $breakpoint-md) {

package/dist/scss/components/Pagination/_pagination.scss

@@ -29,13 +29,19 @@
       appearance: none;
       border: none;
       font-variation-settings: 'wght' 600;
-      line-height: 2.5rem;
+      line-height: 1.75rem;
       margin-bottom: 0;
       outline: none;
+      padding: 0 $spacing-xsm;
       text-align: center;
       text-align-last: center;
       text-decoration: underline;
-      text-underline-offset: 10px;
+      text-underline-offset: 6px;
+
+      @include isHeaderDesktop {
+        line-height: 2.5rem;
+        text-underline-offset: 10px;
+      }
 
       &:disabled {
         border: 1px solid $medium-gray;

package/dist/scss/patterns/HeroBanner/_heroBanner.scss

@@ -1,8 +1,13 @@
 @use '../../allPartials' as *;
 
+body:has(.seldon-header__toggle-btn--open) {
+  // targeting this button cause header itself has closed state only
+  overflow: hidden;
+}
+
 .#{$px}-hero-banner {
   align-items: center;
-  background: var(--gradient), var(--background);
+  background: var(--background);
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
@@ -25,7 +30,7 @@
     padding: 1.875rem 0.9375rem;
 
     &::before {
-      background: var(--gradient), var(--background);
+      background: var(--background);
       background-position: center center;
       background-repeat: no-repeat;
       background-size: cover;

package/dist/scss/patterns/UserManagement/_userManagement.scss

@@ -50,8 +50,8 @@
   }
 
   &__account-icon {
-    height: 2rem;
-    width: 2rem;
+    height: 1.5rem;
+    width: 1.5rem;
 
     a {
       align-items: center;

package/dist/scss/site-furniture/Header/_header.scss

@@ -33,7 +33,7 @@
       height: 2px;
       position: relative;
       transition: background-color 0.25s ease 0.25s;
-      width: 1.5rem;
+      width: 1rem;
 
       &::before,
       &::after {
@@ -45,15 +45,15 @@
         position: absolute;
         top: 0;
         transition: transform 0.25s ease;
-        width: 1.5rem;
+        width: 1rem;
       }
 
       &::before {
-        transform: translateY(-8px);
+        transform: translateY(-6px);
       }
 
       &::after {
-        transform: translateY(8px);
+        transform: translateY(6px);
       }
     }
 
@@ -77,12 +77,17 @@
     padding-top: 6px; // small adjustment to center the logo
 
     svg {
-      height: 25.73px; // 25.73px is the height of the logo's container to make logo 20px
+      height: 20.58px; // 20.58px is the height of the logo's container to make logo 16px
       width: 100%;
     }
 
     @include isHeaderDesktop {
       padding-top: 0;
+
+      svg {
+        height: 25.73px; // 25.73px is the height of the logo's container to make logo 20px
+        width: 100%;
+      }
     }
   }
 
@@ -90,8 +95,12 @@
     align-items: center;
     display: flex;
     justify-content: space-between;
-    padding: $padding-sm $spacing-md;
+    padding: 3px $spacing-md;
     width: 100%;
+
+    @include isHeaderDesktop {
+      padding: $padding-sm $spacing-md;
+    }
   }
 
   &__nav {

package/package.json

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