@phillips/seldon 1.82.0 → 1.83.0

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/components/Accordion/AccordionItem.d.ts

@@ -30,5 +30,5 @@ export interface AccordionItemProps extends React.HTMLAttributes<HTMLDivElement>
      */
     hasTransition?: boolean;
 }
-declare const AccordionItem: ({ isLocked, variant, id, label, isLastItem, hasTransition, children, ...props }: AccordionItemProps) => import("react/jsx-runtime").JSX.Element;
+declare const AccordionItem: React.ForwardRefExoticComponent<AccordionItemProps & React.RefAttributes<HTMLDivElement>>;
 export default AccordionItem;

package/dist/components/Accordion/AccordionItem.js

@@ -1,13 +1,14 @@
 import { jsxs as h, jsx as t } from "react/jsx-runtime";
-import { getCommonProps as f } from "../../utils/index.js";
-import g from "../../assets/plus.svg.js";
-import v from "../../assets/minus.svg.js";
-import _ from "../../assets/lock.svg.js";
-import l from "../../node_modules/classnames/index.js";
-import { Item as I, Trigger as x, Content as A } from "../../node_modules/@radix-ui/react-accordion/dist/index.js";
+import { forwardRef as g } from "react";
+import { getCommonProps as v } from "../../utils/index.js";
+import I from "../../assets/plus.svg.js";
+import _ from "../../assets/minus.svg.js";
+import x from "../../assets/lock.svg.js";
+import s from "../../node_modules/classnames/index.js";
+import { Item as A, Trigger as N, Content as k } from "../../node_modules/@radix-ui/react-accordion/dist/index.js";
 import { AccordionItemVariant as $ } from "./types.js";
 import { getIconClasses as u } from "./utils.js";
-const k = ({
+const C = ({
   children: n,
   className: r,
   baseClassName: o,
@@ -15,22 +16,22 @@ const k = ({
   isLargeVariation: c,
   id: e
 }) => {
-  const s = d, a = /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
-    _,
+  const i = d, l = /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
+    x,
     {
       className: u(o, c, "lock"),
       "data-testid": `${e}-lockedIcon`,
       "aria-hidden": !0
     }
-  ) }), p = /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
-    g,
+  ) }), a = /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
+    I,
     {
       className: u(o, c, "plus"),
       "data-testid": `${e}-plusIcon`,
       "aria-hidden": !0
     }
-  ) }), i = /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
-    v,
+  ) }), p = /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
+    _,
     {
       className: u(o, c, "minus"),
       "data-testid": `${e}-minusIcon`,
@@ -38,25 +39,25 @@ const k = ({
     }
   ) });
   return /* @__PURE__ */ t(
-    x,
+    N,
     {
       "data-disabled": d,
       asChild: !0,
-      className: l(
+      className: s(
         o,
         { [`${o}--large`]: c },
         { [`${o}--hoverable`]: !d },
         r
       ),
       children: /* @__PURE__ */ h("div", { "data-testid": `${e}-trigger`, children: [
-        /* @__PURE__ */ t("div", { className: l(`${o}__text`, { [`${o}__text--lg`]: c }), children: n }),
-        s && a,
-        !s && p,
-        !s && i
+        /* @__PURE__ */ t("div", { className: s(`${o}__text`, { [`${o}__text--lg`]: c }), children: n }),
+        i && l,
+        !i && a,
+        !i && p
       ] })
     }
   );
-}, C = ({
+}, S = ({
   children: n,
   baseClassName: r,
   disable: o,
@@ -64,10 +65,10 @@ const k = ({
   isLargeVariation: c,
   className: e
 }) => o && n ? /* @__PURE__ */ t("div", { className: `${r}__content--locked`, children: n }) : /* @__PURE__ */ t(
-  A,
+  k,
   {
     asChild: !0,
-    className: l(
+    className: s(
       `${r}__content`,
       { [`${r}__content--lg`]: c },
       { [`${r}--transition`]: d },
@@ -75,51 +76,55 @@ const k = ({
     ),
     children: n
   }
-), y = ({
-  isLocked: n = !1,
-  variant: r = $.sm,
-  id: o,
-  label: d,
-  isLastItem: c,
-  hasTransition: e = !1,
-  children: s,
-  ...a
-}) => {
-  const { className: p } = f({ id: o }, "Accordion"), i = r === $.lg, m = `${p}-item`;
-  return /* @__PURE__ */ h(
-    I,
-    {
-      disabled: n,
-      value: o,
-      className: l(m, {
-        [`${m}__border-bottom`]: !c
-      }),
-      ...a,
-      children: [
-        /* @__PURE__ */ t(
-          k,
-          {
-            disable: n,
-            isLargeVariation: i,
-            id: o,
-            baseClassName: `${m}-label`,
-            children: d
-          }
-        ),
-        /* @__PURE__ */ t(
-          C,
-          {
-            disable: n,
-            hasTransition: e,
-            isLargeVariation: i,
-            baseClassName: m,
-            children: /* @__PURE__ */ t("div", { className: "radix-accordion-content", children: s })
-          }
-        )
-      ]
-    }
-  );
-};
+), j = g(
+  ({
+    isLocked: n = !1,
+    variant: r = $.sm,
+    id: o,
+    label: d,
+    isLastItem: c,
+    hasTransition: e = !1,
+    children: i,
+    ...l
+  }, a) => {
+    const { className: p } = v({ id: o }, "Accordion"), f = r === $.lg, m = `${p}-item`;
+    return /* @__PURE__ */ h(
+      A,
+      {
+        disabled: n,
+        value: o,
+        className: s(m, {
+          [`${m}__border-bottom`]: !c
+        }),
+        ref: a,
+        ...l,
+        children: [
+          /* @__PURE__ */ t(
+            C,
+            {
+              disable: n,
+              isLargeVariation: f,
+              id: o,
+              baseClassName: `${m}-label`,
+              children: d
+            }
+          ),
+          /* @__PURE__ */ t(
+            S,
+            {
+              disable: n,
+              hasTransition: e,
+              isLargeVariation: f,
+              baseClassName: m,
+              children: /* @__PURE__ */ t("div", { className: "radix-accordion-content", children: i })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+j.displayName = "AccordionItem";
 export {
-  y as default
+  j as default
 };

package/dist/components/Button/Button.d.ts

@@ -1,5 +1,5 @@
 import { ButtonVariants } from './types';
-export interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
+export interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement | HTMLAnchorElement> {
     /**
      * Button contents
      */
@@ -28,6 +28,14 @@ export interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
      * Should the button be disabled?
      */
     isDisabled?: boolean;
+    /**
+     * The href of the button. This will make the button render as an anchor tag.
+     */
+    href?: string;
+    /**
+     * The target of the link (e.g. _blank). To be combined with href.
+     */
+    target?: string;
 }
 /**
  * ## Overview
@@ -38,5 +46,5 @@ export interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
  *
  * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-button--overview)
  */
-declare const Button: import('react').ForwardRefExoticComponent<ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
+declare const Button: import('react').ForwardRefExoticComponent<ButtonProps & import('react').RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 export default Button;

package/dist/components/Button/Button.js

@@ -1,43 +1,58 @@
-import { jsx as c } from "react/jsx-runtime";
-import p from "../../node_modules/classnames/index.js";
-import { getCommonProps as u } from "../../utils/index.js";
-import { ButtonVariants as d } from "./types.js";
-import { forwardRef as $ } from "react";
-const b = $(
+import { jsx as f } from "react/jsx-runtime";
+import i from "../../node_modules/classnames/index.js";
+import { getCommonProps as d } from "../../utils/index.js";
+import { ButtonVariants as b } from "./types.js";
+import { forwardRef as N } from "react";
+const B = N(
   ({
-    variant: s = d.primary,
-    size: a = "md",
-    children: m,
-    className: r,
-    isIconLast: n = !1,
-    type: e = "button",
-    isDisabled: i = !1,
-    ...t
-  }, f) => {
-    const { className: o, ...l } = u(t, "Button");
-    return /* @__PURE__ */ c(
+    variant: s = b.primary,
+    size: t = "md",
+    children: a,
+    className: p,
+    isIconLast: m = !1,
+    type: u = "button",
+    isDisabled: c = !1,
+    href: r,
+    target: e,
+    ...n
+  }, l) => {
+    const { className: o, ...$ } = d(n, "Button");
+    return r ? /* @__PURE__ */ f(
+      "a",
+      {
+        ...$,
+        ref: l,
+        href: r,
+        className: i(`${o}`, `${o}--${t}`, `${o}--${s}`, {
+          [`${o}--icon-last`]: m
+        }),
+        target: e,
+        rel: e === "_blank" ? "noopener noreferrer" : void 0,
+        children: a
+      }
+    ) : /* @__PURE__ */ f(
       "button",
       {
-        ...l,
-        ref: f,
-        type: e,
-        className: p(
+        ...$,
+        ref: l,
+        type: u,
+        className: i(
           `${o}`,
-          `${o}--${a}`,
+          `${o}--${t}`,
           `${o}--${s}`,
           {
-            [`${o}--icon-last`]: n
+            [`${o}--icon-last`]: m
           },
-          r
+          p
         ),
-        disabled: i,
-        ...t,
-        children: m
+        disabled: c,
+        ...n,
+        children: a
       }
     );
   }
 );
-b.displayName = "Button";
+B.displayName = "Button";
 export {
-  b as default
+  B as default
 };

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

@@ -2,7 +2,7 @@ import { ButtonProps } from './Button';
 import { ButtonVariants } from './types';
 declare const meta: {
     title: string;
-    component: import('react').ForwardRefExoticComponent<ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
+    component: import('react').ForwardRefExoticComponent<ButtonProps & import('react').RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
     argTypes: {
         size: {
             options: string[];
@@ -23,6 +23,13 @@ declare const meta: {
 };
 export default meta;
 export declare const ButtonWithIcon: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ButtonAsLink: {
+    (props: ButtonProps): import("react/jsx-runtime").JSX.Element;
+    args: {
+        variant: ButtonVariants;
+        size: string;
+    };
+};
 export declare const Playground: {
     args: {
         children: string;

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

@@ -2,5 +2,6 @@ export declare enum ButtonVariants {
     primary = "primary",
     secondary = "secondary",
     ghost = "ghost",
-    tertiary = "tertiary"
+    tertiary = "tertiary",
+    link = "link"
 }

package/dist/components/Button/types.js

@@ -1,4 +1,4 @@
-var e = /* @__PURE__ */ ((r) => (r.primary = "primary", r.secondary = "secondary", r.ghost = "ghost", r.tertiary = "tertiary", r))(e || {});
+var e = /* @__PURE__ */ ((r) => (r.primary = "primary", r.secondary = "secondary", r.ghost = "ghost", r.tertiary = "tertiary", r.link = "link", r))(e || {});
 export {
   e as ButtonVariants
 };

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

@@ -229,6 +229,99 @@ export declare const RangeInput: {
         };
     };
 };
+export declare const ControlledInput: {
+    ({ playgroundWidth, ...args }: StoryProps): import("react/jsx-runtime").JSX.Element;
+    args: {
+        playgroundWidth: number;
+        className: string;
+        placeholder: string;
+        invalid: boolean;
+        invalidText: string;
+        disabled: boolean;
+        defaultValue: string;
+        labelText: string;
+        warn: boolean;
+        warnText: string;
+        size: string;
+    };
+    argTypes: {
+        className: {
+            control: {
+                type: string;
+            };
+        };
+        defaultValue: {
+            control: {
+                type: string;
+            };
+        };
+        disabled: {
+            control: {
+                type: string;
+            };
+        };
+        invalid: {
+            control: {
+                type: string;
+            };
+        };
+        invalidText: {
+            control: {
+                type: string;
+            };
+        };
+        labelText: {
+            control: {
+                type: string;
+            };
+        };
+        onChange: {
+            action: string;
+        };
+        onClick: {
+            action: string;
+        };
+        placeholder: {
+            control: {
+                type: string;
+            };
+        };
+        playgroundWidth: {
+            control: {
+                type: string;
+                min: number;
+                max: number;
+                step: number;
+            };
+        };
+        size: {
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+        type: {
+            control: {
+                type: string;
+            };
+        };
+        value: {
+            control: {
+                type: string;
+            };
+        };
+        warn: {
+            control: {
+                type: string;
+            };
+        };
+        warnText: {
+            control: {
+                type: string;
+            };
+        };
+    };
+};
 export declare const Playground: {
     ({ playgroundWidth, ...args }: StoryProps): import("react/jsx-runtime").JSX.Element;
     args: {

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/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/components/Button/_button.scss

@@ -66,6 +66,20 @@
     }
   }
 
+  &--link {
+    background-color: transparent;
+    border: 0;
+    color: $pure-black;
+    height: auto;
+    padding: 0;
+    text-decoration: underline;
+
+    &:hover {
+      background-color: transparent;
+      color: $pure-black;
+    }
+  }
+
   &--secondary,
   &--ghost {
     background-color: $pure-white;
@@ -191,6 +205,10 @@
     border-color: transparent;
   }
 
+  &--link:disabled {
+    border: 0;
+  }
+
   * {
     margin: 0;
   }

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/site-furniture/Header/_header.scss

@@ -105,7 +105,7 @@
 
   &__nav {
     background-color: $pure-white;
-    height: calc(100vh - $header-height);
+    height: calc(100dvh - $header-height);
     overflow-y: auto;
     position: relative;
     z-index: 10;
@@ -119,7 +119,7 @@
 
       @include isHeaderMobile {
         flex-direction: column;
-        height: calc(100vh - var(--header-height) - 1px);
+        height: calc(100dvh - var(--header-height) - 1px);
         justify-content: flex-start;
         padding: 0 $spacing-md;
       }
@@ -143,10 +143,6 @@
         display: unset;
         left: -100%;
       }
-
-      .#{$px}-nav__list {
-        padding-top: $spacing-md;
-      }
     }
 
     @include isHeaderDesktop {

package/package.json

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