@phillips/seldon 1.260.0 → 1.262.0

package/dist/site-furniture/Header/Header.js

@@ -9,7 +9,8 @@ import { SSRMediaQuery as K } from "../../providers/SeldonProvider/utils.js";
 import { findChildrenOfType as u, findChildrenExcludingTypes as W, px as n } from "../../utils/index.js";
 import { useMobileMenu as X } from "./hooks.js";
 import { defaultHeaderContext as Y } from "./utils.js";
-const Z = F(Y), ee = G(
+import { Breakpoints as Z } from "../../utils/constants.js";
+const ee = F(Y), te = G(
   ({
     logo: d = /* @__PURE__ */ r(J, { icon: "PhillipsLogo" }),
     logoHref: N = "/",
@@ -18,16 +19,16 @@ const Z = F(Y), ee = G(
     toggleOpenText: O = "Open Menu",
     toggleCloseText: k = "Close Menu",
     logoText: P = "Home Page",
-    disabled: g,
+    disabled: p,
     bannerRef: s,
-    skipToContentId: p = "main",
+    skipToContentId: g = "main",
     skipLinkLabel: R = "Skip to main content",
     ...z
   }, a) => {
-    const f = u(i, S), T = t.isValidElement(f?.[0]) ? t.cloneElement(f[0], { disabled: g }) : "", v = u(i, M), _ = t.isValidElement(v?.[0]) ? t.cloneElement(v[0], { disabled: g }) : "", [b, j] = h(!1), I = u(i, C), V = W(i, [C, S, M]), { closeMenu: A, handleMenuToggle: L, isMenuOpen: m, toggleText: q } = X({
+    const f = u(i, S), T = t.isValidElement(f?.[0]) ? t.cloneElement(f[0], { disabled: p }) : "", v = u(i, M), _ = t.isValidElement(v?.[0]) ? t.cloneElement(v[0], { disabled: p }) : "", [b, j] = h(!1), I = u(i, C), V = W(i, [C, S, M]), { closeMenu: A, handleMenuToggle: B, isMenuOpen: m, toggleText: L } = X({
       toggleOpenText: O,
       toggleCloseText: k
-    }), [B, Q] = h(null), [E, x] = h(s?.current ? s.current.clientHeight : 0), y = t.useRef(null);
+    }), [q, Q] = h(null), [E, x] = h(s?.current ? s.current.clientHeight : 0), y = t.useRef(null);
     $(() => {
       const e = s?.current;
       if (!e) return;
@@ -65,16 +66,16 @@ const Z = F(Y), ee = G(
         ref: U,
         style: { "--banner-height": `${E}px` },
         children: [
-          p && /* @__PURE__ */ r("a", { href: `#${p}`, className: `${n}-header__skip-link`, "data-testid": "skip-to-content", children: R }),
+          g && /* @__PURE__ */ r("a", { href: `#${g}`, className: `${n}-header__skip-link`, "data-testid": "skip-to-content", children: R }),
           /* @__PURE__ */ l("div", { className: `${n}-header__top-row`, children: [
-            /* @__PURE__ */ r(K.Media, { greaterThanOrEqual: "md", children: _ }),
+            /* @__PURE__ */ r(K.Media, { greaterThanOrEqual: Z.md, children: _ }),
             /* @__PURE__ */ l(
               "button",
               {
-                "aria-label": q,
+                "aria-label": L,
                 "data-testid": "mobile-menu-toggle",
                 type: "button",
-                onClick: L,
+                onClick: B,
                 className: c(`${n}-header__toggle-btn`, {
                   [`${n}-header__toggle-btn--open`]: m
                 }),
@@ -88,10 +89,10 @@ const Z = F(Y), ee = G(
             T
           ] }),
           /* @__PURE__ */ r("div", { className: c(`${n}-header__nav`, { [`${n}-header__nav--closed`]: !m }), children: /* @__PURE__ */ l(
-            Z.Provider,
+            ee.Provider,
             {
               value: {
-                activeSubmenuId: B,
+                activeSubmenuId: q,
                 setActiveSubmenuId: Q,
                 isMenuOpen: m,
                 isSearchExpanded: b,
@@ -125,8 +126,8 @@ const Z = F(Y), ee = G(
     );
   }
 );
-ee.displayName = "Header";
+te.displayName = "Header";
 export {
-  Z as HeaderContext,
-  ee as default
+  ee as HeaderContext,
+  te as default
 };

package/dist/utils/constants.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={xsm:0,sm:361,md:961,lg:1401,"snw-mobile":768},t=16;exports.BREAKPOINTS=e;exports.DEFAULT_REM_SIZE=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l={xsm:0,sm:361,md:961,lg:1401,"snw-mobile":768};var s=(m=>(m.xsm="xsm",m.sm="sm",m.md="md",m.lg="lg",m.snwMobile="snw-mobile",m))(s||{});const e=16;exports.BREAKPOINTS=l;exports.Breakpoints=s;exports.DEFAULT_REM_SIZE=e;

package/dist/utils/constants.d.ts

@@ -6,4 +6,11 @@ export declare const BREAKPOINTS: {
     lg: number;
     "snw-mobile": number;
 };
+export declare enum Breakpoints {
+    xsm = "xsm",
+    sm = "sm",
+    md = "md",
+    lg = "lg",
+    snwMobile = "snw-mobile"
+}
 export declare const DEFAULT_REM_SIZE = 16;

package/dist/utils/constants.js

@@ -1,12 +1,15 @@
-const s = {
+const l = {
   xsm: 0,
   sm: 361,
   md: 961,
   lg: 1401,
   // Temporary token for mobile breakpoint added to support [L3-7681](https://phillipsauctions.atlassian.net/browse/L3-7681)
   "snw-mobile": 768
-}, m = 16;
+};
+var s = /* @__PURE__ */ ((m) => (m.xsm = "xsm", m.sm = "sm", m.md = "md", m.lg = "lg", m.snwMobile = "snw-mobile", m))(s || {});
+const x = 16;
 export {
-  s as BREAKPOINTS,
-  m as DEFAULT_REM_SIZE
+  l as BREAKPOINTS,
+  s as Breakpoints,
+  x as DEFAULT_REM_SIZE
 };

package/dist/utils/index.d.ts

@@ -1,3 +1,4 @@
+export { Breakpoints } from './constants';
 import * as React from 'react';
 export declare const px = "seldon";
 /**
@@ -103,4 +104,3 @@ export declare const findChildrenOfType: <ComponentProps>(children: React.ReactN
 export declare const findChildrenExcludingTypes: <ComponentProps>(children: React.ReactNode, excludedTypes: React.ElementType[]) => React.ReactElement<ComponentProps, string | React.JSXElementConstructor<any>>[] | null;
 export declare const encodeURLSearchParams: (url: string) => string;
 export declare const focusElementById: (elementId: string, focus: boolean) => void;
-export {};

package/package.json

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