@phillips/seldon 1.271.0 → 1.273.0

package/dist/patterns/ViewingsList/ViewingsListCardForm.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),w=require("../../_virtual/index.cjs"),Y=require("react"),Z=require("../../utils/index.cjs"),s=require("../../components/Input/Input.cjs");function B(r){const u=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const i in r)if(i!=="default"){const d=Object.getOwnPropertyDescriptor(r,i);Object.defineProperty(u,i,d.get?d:{enumerable:!0,get:()=>r[i]})}}return u.default=r,Object.freeze(u)}const v=B(Y),m=`${Z.px}-viewings-list-card-form`,G=({address1:r,address1Label:u="Address ('432 Park Ave', ETC)",addressUrl:i,addressUrlLabel:d="URL for map link ('http://www.website.com')",address2:p,address2Label:c="City, State, Zip ('New York, NY 10019')",address3:b,address3Label:T="Country (United States)",emailOn:g,emailToggleLabel:j="Include Email Address",email:$,emailLabel:H="Email",emailLink:V,emailLinkLabel:O="Email Address",id:t,invalidFields:e,previewDates:h,previewDatesLabel:z="Date(s)",previewHours1:L,previewHours1Label:_="Hours1",previewHours2:D,previewHours2Label:S="Hours2",previewLabel:y="Label ('Preview', 'Opening Night', etc)",previewLabelValue:C,previewOn:o,previewToggleLabel:k="Additional Hours",viewingLabel:E="Label ('Open to public')",viewingLabelValue:N,viewingDates:P,viewingDatesLabel:U="Date(s)",viewingHours1:q,viewingHours1Label:A="Hours1",viewingHours2:R,viewingHours2Label:M="Hours2"})=>{const[l,f]=v.useState(o==="true"),[n,I]=v.useState(g==="true");return v.useEffect(()=>{f(o==="true")},[o]),a.jsxs(a.Fragment,{children:[a.jsx(s.default,{id:`viewingLabel-${t}`,name:"viewingLabelValue",defaultValue:N,labelText:E,size:"sm",invalid:!!e?.viewingLabelValue,invalidText:e?.viewingLabelValue}),a.jsx(s.default,{id:`viewingDates-${t}`,name:"viewingDates",defaultValue:P,labelText:U,size:"sm",invalid:!!e?.viewingDates,invalidText:e?.viewingDates}),a.jsx(s.default,{id:`viewingHours1-${t}`,name:"viewingHours1",defaultValue:q,labelText:A,size:"sm",invalid:!!e?.viewingHours1,invalidText:e?.viewingHours1}),a.jsx(s.default,{id:`viewingHours2-${t}`,name:"viewingHours2",defaultValue:R,labelText:M,size:"sm",invalid:!!e?.viewingHours2,invalidText:e?.viewingHours2}),a.jsx(s.default,{id:`previewOn-${t}`,type:"toggle",labelText:k,size:"md",defaultChecked:l,inline:!0,invalid:!!e?.previewOn,invalidText:e?.previewOn,name:"previewOn",onChange:()=>f(x=>!x)}),l?null:a.jsx("input",{type:"hidden",name:"previewOn",value:"false"}),a.jsxs("div",{className:w.default(`${m}__preview-set`,{[`${m}__preview-set--hidden`]:!l}),children:[a.jsx(s.default,{id:`previewLabel-${t}`,name:"previewLabelValue",defaultValue:C,labelText:y,size:"sm",invalid:!!e?.previewLabelValue,invalidText:e?.previewLabelValue,hidden:!l}),a.jsx(s.default,{id:`previewDates-${t}`,name:"previewDates",defaultValue:h,labelText:z,size:"sm",invalid:!!e?.previewDates,invalidText:e?.previewDates,hidden:!l}),a.jsx(s.default,{id:`previewHours1-${t}`,name:"previewHours1",defaultValue:L,labelText:_,size:"sm",invalid:!!e?.previewHours1,invalidText:e?.previewHours1,hidden:!l}),a.jsx(s.default,{id:`previewHours2-${t}`,name:"previewHours2",defaultValue:D,labelText:S,size:"sm",invalid:!!e?.previewHours2,invalidText:e?.previewHours2,hidden:!l})]}),a.jsx(s.default,{id:`address1-${t}`,name:"address1",defaultValue:r,labelText:u,size:"sm",invalid:!!e?.address1,invalidText:e?.address1}),a.jsx(s.default,{id:`address2-${t}`,name:"address2",defaultValue:p,labelText:c,size:"sm",invalid:!!e?.address2,invalidText:e?.address2}),a.jsx(s.default,{id:`address3-${t}`,name:"address3",defaultValue:b,labelText:T,size:"sm",invalid:!!e?.address3,invalidText:e?.address3}),a.jsx(s.default,{id:`addressUrl-${t}`,name:"addressUrl",defaultValue:i,labelText:d,size:"sm",type:"url",invalid:!!e?.addressUrl,invalidText:e?.addressUrl}),a.jsx(s.default,{id:`emailOn-${t}`,type:"toggle",labelText:j,size:"md",defaultChecked:n,inline:!0,invalid:!!e?.emailOn,invalidText:e?.emailOn,name:"emailOn",onChange:()=>I(x=>!x)}),n?null:a.jsx("input",{type:"hidden",name:"emailOn",value:"false"}),a.jsxs("div",{className:w.default(`${m}__preview-set`,{[`${m}__preview-set--hidden`]:!n}),children:[a.jsx(s.default,{id:`email-${t}`,name:"email",defaultValue:$,labelText:H,size:"sm",invalid:!!e?.address2,invalidText:e?.address2,hidden:!n}),a.jsx(s.default,{id:`emailLink-${t}`,name:"emailLink",defaultValue:V,labelText:O,size:"sm",invalid:!!e?.address3,invalidText:e?.address3,hidden:!n})]})]})};exports.default=G;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),w=require("../../_virtual/index2.cjs"),Y=require("react"),Z=require("../../utils/index.cjs"),s=require("../../components/Input/Input.cjs");function B(r){const u=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const i in r)if(i!=="default"){const d=Object.getOwnPropertyDescriptor(r,i);Object.defineProperty(u,i,d.get?d:{enumerable:!0,get:()=>r[i]})}}return u.default=r,Object.freeze(u)}const v=B(Y),m=`${Z.px}-viewings-list-card-form`,G=({address1:r,address1Label:u="Address ('432 Park Ave', ETC)",addressUrl:i,addressUrlLabel:d="URL for map link ('http://www.website.com')",address2:p,address2Label:c="City, State, Zip ('New York, NY 10019')",address3:b,address3Label:T="Country (United States)",emailOn:g,emailToggleLabel:j="Include Email Address",email:$,emailLabel:H="Email",emailLink:V,emailLinkLabel:O="Email Address",id:t,invalidFields:e,previewDates:h,previewDatesLabel:z="Date(s)",previewHours1:L,previewHours1Label:_="Hours1",previewHours2:D,previewHours2Label:S="Hours2",previewLabel:y="Label ('Preview', 'Opening Night', etc)",previewLabelValue:C,previewOn:o,previewToggleLabel:k="Additional Hours",viewingLabel:E="Label ('Open to public')",viewingLabelValue:N,viewingDates:P,viewingDatesLabel:U="Date(s)",viewingHours1:q,viewingHours1Label:A="Hours1",viewingHours2:R,viewingHours2Label:M="Hours2"})=>{const[l,f]=v.useState(o==="true"),[n,I]=v.useState(g==="true");return v.useEffect(()=>{f(o==="true")},[o]),a.jsxs(a.Fragment,{children:[a.jsx(s.default,{id:`viewingLabel-${t}`,name:"viewingLabelValue",defaultValue:N,labelText:E,size:"sm",invalid:!!e?.viewingLabelValue,invalidText:e?.viewingLabelValue}),a.jsx(s.default,{id:`viewingDates-${t}`,name:"viewingDates",defaultValue:P,labelText:U,size:"sm",invalid:!!e?.viewingDates,invalidText:e?.viewingDates}),a.jsx(s.default,{id:`viewingHours1-${t}`,name:"viewingHours1",defaultValue:q,labelText:A,size:"sm",invalid:!!e?.viewingHours1,invalidText:e?.viewingHours1}),a.jsx(s.default,{id:`viewingHours2-${t}`,name:"viewingHours2",defaultValue:R,labelText:M,size:"sm",invalid:!!e?.viewingHours2,invalidText:e?.viewingHours2}),a.jsx(s.default,{id:`previewOn-${t}`,type:"toggle",labelText:k,size:"md",defaultChecked:l,inline:!0,invalid:!!e?.previewOn,invalidText:e?.previewOn,name:"previewOn",onChange:()=>f(x=>!x)}),l?null:a.jsx("input",{type:"hidden",name:"previewOn",value:"false"}),a.jsxs("div",{className:w.default(`${m}__preview-set`,{[`${m}__preview-set--hidden`]:!l}),children:[a.jsx(s.default,{id:`previewLabel-${t}`,name:"previewLabelValue",defaultValue:C,labelText:y,size:"sm",invalid:!!e?.previewLabelValue,invalidText:e?.previewLabelValue,hidden:!l}),a.jsx(s.default,{id:`previewDates-${t}`,name:"previewDates",defaultValue:h,labelText:z,size:"sm",invalid:!!e?.previewDates,invalidText:e?.previewDates,hidden:!l}),a.jsx(s.default,{id:`previewHours1-${t}`,name:"previewHours1",defaultValue:L,labelText:_,size:"sm",invalid:!!e?.previewHours1,invalidText:e?.previewHours1,hidden:!l}),a.jsx(s.default,{id:`previewHours2-${t}`,name:"previewHours2",defaultValue:D,labelText:S,size:"sm",invalid:!!e?.previewHours2,invalidText:e?.previewHours2,hidden:!l})]}),a.jsx(s.default,{id:`address1-${t}`,name:"address1",defaultValue:r,labelText:u,size:"sm",invalid:!!e?.address1,invalidText:e?.address1}),a.jsx(s.default,{id:`address2-${t}`,name:"address2",defaultValue:p,labelText:c,size:"sm",invalid:!!e?.address2,invalidText:e?.address2}),a.jsx(s.default,{id:`address3-${t}`,name:"address3",defaultValue:b,labelText:T,size:"sm",invalid:!!e?.address3,invalidText:e?.address3}),a.jsx(s.default,{id:`addressUrl-${t}`,name:"addressUrl",defaultValue:i,labelText:d,size:"sm",type:"url",invalid:!!e?.addressUrl,invalidText:e?.addressUrl}),a.jsx(s.default,{id:`emailOn-${t}`,type:"toggle",labelText:j,size:"md",defaultChecked:n,inline:!0,invalid:!!e?.emailOn,invalidText:e?.emailOn,name:"emailOn",onChange:()=>I(x=>!x)}),n?null:a.jsx("input",{type:"hidden",name:"emailOn",value:"false"}),a.jsxs("div",{className:w.default(`${m}__preview-set`,{[`${m}__preview-set--hidden`]:!n}),children:[a.jsx(s.default,{id:`email-${t}`,name:"email",defaultValue:$,labelText:H,size:"sm",invalid:!!e?.address2,invalidText:e?.address2,hidden:!n}),a.jsx(s.default,{id:`emailLink-${t}`,name:"emailLink",defaultValue:V,labelText:O,size:"sm",invalid:!!e?.address3,invalidText:e?.address3,hidden:!n})]})]})};exports.default=G;

package/dist/patterns/ViewingsList/ViewingsListCardForm.js

@@ -1,5 +1,5 @@
 import { jsxs as d, Fragment as B, jsx as a } from "react/jsx-runtime";
-import w from "../../_virtual/index.js";
+import w from "../../_virtual/index2.js";
 import * as m from "react";
 import { px as G } from "../../utils/index.js";
 import s from "../../components/Input/Input.js";

package/dist/providers/SeldonProvider/utils.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../_virtual/index2.cjs"),r=require("../../utils/constants.cjs"),e=t.distExports.createMedia({breakpoints:r.BREAKPOINTS}),s=e.createMediaStyle();exports.SSRMediaQuery=e;exports.ssrMediaQueryStyle=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../_virtual/index.cjs"),r=require("../../utils/constants.cjs"),e=t.distExports.createMedia({breakpoints:r.BREAKPOINTS}),s=e.createMediaStyle();exports.SSRMediaQuery=e;exports.ssrMediaQueryStyle=s;

package/dist/providers/SeldonProvider/utils.js

@@ -1,4 +1,4 @@
-import { d as e } from "../../_virtual/index2.js";
+import { d as e } from "../../_virtual/index.js";
 import { BREAKPOINTS as r } from "../../utils/constants.js";
 const t = e.createMedia({ breakpoints: r }), i = t.createMediaStyle();
 export {

package/dist/scss/patterns/FiltersInline/_filterDropdownMenu.scss

@@ -1,15 +1,16 @@
 @use '../../allPartials' as *;
 
 $dropdown-height: 240px;
+$dropdown-width: 320px;
 
 .#{$px}-filter-dropdown-menu {
   background: $white-100;
-  border-radius: $radius-sm;
+  border-radius: $radius-xs;
   box-shadow: 0 4px 6px $medium-gray;
   display: flex;
   flex-direction: column;
-  min-width: 100%;
   padding: $spacing-sm 0;
+  width: $dropdown-width;
 
   &__filters {
     display: flex;
@@ -37,6 +38,17 @@ $dropdown-height: 240px;
     justify-content: space-between;
     padding: $spacing-sm $spacing-sm 0 $spacing-sm;
 
+    > .#{$px}-button {
+      display: inline-flex;
+      flex: 1 1 0;
+      justify-content: center;
+      margin: 0;
+      max-width: none;
+      min-width: 0;
+      text-align: center;
+      white-space: nowrap;
+    }
+
     &--drawer {
       box-shadow: 0 -4px 8px -4px $medium-gray;
       display: flex;
@@ -50,6 +62,7 @@ $dropdown-height: 240px;
 
   &__mobile-wrap {
     box-shadow: 0 -4px 8px -4px $medium-gray;
+    padding-bottom: calc(#{$spacing-sm} + env(safe-area-inset-bottom));
   }
 
   &__header {
@@ -76,37 +89,14 @@ $dropdown-height: 240px;
     }
   }
 
-  &__buttons {
-    align-items: center;
-    display: flex;
-    flex-direction: row;
-    justify-content: space-between;
-
-    &--left {
-      margin-left: auto;
-      margin-right: 0;
-    }
-
-    &--right {
-      margin-left: 0;
-      margin-right: auto;
-    }
-
-    &--mobile {
-      display: block;
-      margin-bottom: $spacing-md;
-      margin-top: $spacing-sm;
-      width: 45%;
-    }
-  }
-
   &__button-text {
     color: $white-100;
   }
 
   &--mobile {
-    border-radius: $radius-sm $radius-sm 0 0;
+    border-radius: $radius-xs $radius-xs 0 0;
     box-shadow: none;
+    height: 100%;
     padding: 0;
     width: 100vw;
   }
@@ -131,7 +121,37 @@ $dropdown-height: 240px;
   }
   .#{$px}-input__input[type='checkbox'] {
     align-self: center;
+    appearance: none;
+    background: $bg-default;
+    border: 1px solid $bg-inverted;
+    border-radius: $radius-xs;
+    display: grid;
+    height: 16px;
+    margin-bottom: 0;
     margin-left: auto;
+    padding: 0;
+    place-content: center;
+    width: 16px;
+
+    &::after {
+      background: $text-inverted;
+      content: '';
+      height: 11px;
+      mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 6 9 17l-5-5' fill='none' stroke='black' stroke-linecap='square' stroke-width='2'/%3E%3C/svg%3E");
+      mask-position: center;
+      mask-repeat: no-repeat;
+      mask-size: 16px 11px;
+      opacity: 0;
+      width: 16px;
+    }
+
+    &:checked {
+      background: $bg-inverted;
+
+      &::after {
+        opacity: 1;
+      }
+    }
   }
 }
 
@@ -140,5 +160,44 @@ $dropdown-height: 240px;
 }
 
 .#{$px}-filter-drawer-mobile {
+  height: min(70dvh, 640px);
   padding: 0;
+
+  .#{$px}-drawer__content {
+    flex: 1 1 auto;
+    height: auto;
+    min-height: 0;
+    overflow: hidden;
+  }
+
+  .#{$px}-filter-dropdown-menu--mobile {
+    min-height: 0;
+    overflow: hidden;
+  }
+
+  .#{$px}-filter-dropdown-menu__filters--mobile {
+    flex: 1 1 auto;
+    max-height: none;
+    min-height: 0;
+    overflow-y: auto;
+  }
+
+  .#{$px}-filter-dropdown-menu__mobile-wrap {
+    flex: 0 0 auto;
+    margin-top: 0;
+  }
+}
+
+.#{$px}-filter-drawer {
+  .#{$px}-filter-drawer-menu {
+    flex: 1 1 auto;
+    min-height: 0;
+    overflow-y: auto;
+  }
+
+  .#{$px}-filter-dropdown-menu__buttons-wrap--drawer {
+    flex: 0 0 auto;
+    margin-top: auto;
+    overflow: visible;
+  }
 }

package/dist/scss/patterns/FiltersInline/_filtersInline.scss

@@ -4,6 +4,28 @@
   display: flex;
   flex-wrap: wrap;
   gap: $spacing-sm;
+
+  // Desktop: align the Sort filter (and anything following it) to the right of the filter row.
+  @include media($breakpoint-md) {
+    > .#{$px}-filters-inline__sort {
+      margin-left: auto;
+    }
+  }
+
+  // Mobile: filter buttons scroll horizontally and overflow off-screen instead of wrapping.
+  @include media($breakpoint-md, 'max') {
+    flex-wrap: nowrap;
+    overflow-x: auto;
+    scrollbar-width: none;
+
+    &::-webkit-scrollbar {
+      display: none;
+    }
+
+    > * {
+      flex: 0 0 auto;
+    }
+  }
 }
 
 .#{$px}-filter-drawer {

package/dist/site-furniture/Footer/Footer.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),d=require("../../_virtual/index.cjs"),o=require("../../utils/index.cjs"),u=require("../../components/Text/types.cjs"),x=require("../../components/Text/Text.cjs"),i=require("../../components/Icon/Icon.cjs"),f=({children:l,className:a,copyright:n=`© ${o.defaultYear} Phillips Auctioneers, LLC`,id:t,logoHref:s="/",logoLinkComponent:c})=>{const r=c;return e.jsxs("footer",{"data-testid":t||"footer",id:t,className:d.default(`${o.px}-footer`,{className:a}),children:[e.jsx("div",{className:`${o.px}-footer__links`,children:l}),e.jsxs("div",{className:`${o.px}-footer__copyright`,children:[r?e.jsx(r,{href:s,"aria-label":"logoLink","data-testid":"footer-logo",className:`${o.px}-footer__logo`,children:e.jsx(i.default,{icon:"PhillipsLogo",width:"94px"})}):e.jsx("a",{href:s,"aria-label":"logo","data-testid":"footer-logo",className:`${o.px}-footer__logo`,children:e.jsx(i.default,{icon:"PhillipsLogo",width:"94px"})}),e.jsx(x.default,{variant:u.TextVariants.bodySmall,children:n})]})]})};exports.default=f;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),d=require("../../_virtual/index2.cjs"),o=require("../../utils/index.cjs"),i=require("../../components/Icon/Icon.cjs"),u=require("../../components/Text/Text.cjs"),x=require("../../components/Text/types.cjs"),f=({children:l,className:a,copyright:n=`© ${o.defaultYear} Phillips Auctioneers, LLC`,id:t,logoHref:s="/",logoLinkComponent:c})=>{const r=c;return e.jsxs("footer",{"data-testid":t||"footer",id:t,className:d.default(`${o.px}-footer`,{className:a}),children:[e.jsx("div",{className:`${o.px}-footer__links`,children:l}),e.jsxs("div",{className:`${o.px}-footer__copyright`,children:[r?e.jsx(r,{href:s,"aria-label":"logoLink","data-testid":"footer-logo",className:`${o.px}-footer__logo`,children:e.jsx(i.default,{icon:"PhillipsLogo",width:"94px"})}):e.jsx("a",{href:s,"aria-label":"logo","data-testid":"footer-logo",className:`${o.px}-footer__logo`,children:e.jsx(i.default,{icon:"PhillipsLogo",width:"94px"})}),e.jsx(u.default,{variant:x.TextVariants.bodySmall,children:n})]})]})};exports.default=f;

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

@@ -1,9 +1,9 @@
 import { jsxs as i, jsx as o } from "react/jsx-runtime";
-import n from "../../_virtual/index.js";
+import n from "../../_virtual/index2.js";
 import { px as t, defaultYear as d } from "../../utils/index.js";
-import { TextVariants as p } from "../../components/Text/types.js";
-import h from "../../components/Text/Text.js";
 import l from "../../components/Icon/Icon.js";
+import p from "../../components/Text/Text.js";
+import { TextVariants as h } from "../../components/Text/types.js";
 const u = ({
   children: s,
   className: m,
@@ -17,7 +17,7 @@ const u = ({
     /* @__PURE__ */ o("div", { className: `${t}-footer__links`, children: s }),
     /* @__PURE__ */ i("div", { className: `${t}-footer__copyright`, children: [
       a ? /* @__PURE__ */ o(a, { href: e, "aria-label": "logoLink", "data-testid": "footer-logo", className: `${t}-footer__logo`, children: /* @__PURE__ */ o(l, { icon: "PhillipsLogo", width: "94px" }) }) : /* @__PURE__ */ o("a", { href: e, "aria-label": "logo", "data-testid": "footer-logo", className: `${t}-footer__logo`, children: /* @__PURE__ */ o(l, { icon: "PhillipsLogo", width: "94px" }) }),
-      /* @__PURE__ */ o(h, { variant: p.bodySmall, children: c })
+      /* @__PURE__ */ o(p, { variant: h.bodySmall, children: c })
     ] })
   ] });
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),o=require("../../_virtual/index.cjs"),t=require("react"),G=require("../../components/Icon/Icon.cjs"),$=require("../../components/Navigation/Navigation.cjs"),S=require("../../patterns/LanguageSelector/LanguageSelector.cjs"),M=require("../../patterns/UserManagement/UserManagement.cjs"),J=require("../../providers/SeldonProvider/utils.cjs"),n=require("../../utils/index.cjs"),K=require("./hooks.cjs"),W=require("./utils.cjs"),X=require("../../utils/constants.cjs"),q=t.createContext(W.defaultHeaderContext),H=t.forwardRef(({logo:d=r.jsx(G.default,{icon:"PhillipsLogo"}),logoHref:u="/",logoLinkComponent:O,className:N,children:i,toggleOpenText:k="Open Menu",toggleCloseText:w="Close Menu",logoText:h="Home Page",disabled:g,bannerRef:l,skipToContentId:m="main",skipLinkLabel:P="Skip to main content",...R},a)=>{const p=n.findChildrenOfType(i,M.default),T=t.isValidElement(p?.[0])?t.cloneElement(p[0],{disabled:g}):"",f=n.findChildrenOfType(i,S.default),x=t.isValidElement(f?.[0])?t.cloneElement(f[0],{disabled:g}):"",[v,z]=t.useState(!1),L=n.findChildrenOfType(i,$.default),I=n.findChildrenExcludingTypes(i,[$.default,M.default,S.default]),{closeMenu:V,handleMenuToggle:A,isMenuOpen:c,toggleText:B}=K.useMobileMenu({toggleOpenText:k,toggleCloseText:w}),[Q,U]=t.useState(null),[_,b]=t.useState(l?.current?l.current.clientHeight:0),E=t.useRef(null);t.useEffect(()=>{const e=l?.current;if(!e)return;b(e.clientHeight);const s=new window.ResizeObserver(()=>{b(e.clientHeight)});return s.observe(e),()=>{s.disconnect()}},[l,_]),t.useEffect(()=>{const e=E.current;if(!e)return;const s=()=>{const F=e.offsetHeight;document.documentElement.style.setProperty("--header-height",`${F}px`)};s();const C=new window.ResizeObserver(s);return C.observe(e),()=>{C.disconnect()}},[]);const D=t.useCallback(e=>{E.current=e,typeof a=="function"?a(e):a&&(a.current=e)},[a]),j=O,y=typeof d=="object"?d:r.jsx("img",{alt:"Phillips","data-testid":"header-logo-img",src:d});return r.jsxs("header",{...R,className:o.default(`${n.px}-header`,N),ref:D,style:{"--banner-height":`${_}px`},children:[m&&r.jsx("a",{href:`#${m}`,className:`${n.px}-header__skip-link`,"data-testid":"skip-to-content",children:P}),r.jsxs("div",{className:`${n.px}-header__top-row`,children:[r.jsx(J.SSRMediaQuery.Media,{greaterThanOrEqual:X.Breakpoints.md,children:x}),r.jsxs("button",{"aria-label":B,"data-testid":"mobile-menu-toggle",type:"button",onClick:A,className:o.default(`${n.px}-header__toggle-btn`,{[`${n.px}-header__toggle-btn--open`]:c}),children:[r.jsx("span",{})," "]}),j?r.jsx(j,{href:u,"aria-label":h,"data-testid":"header-logo",className:`${n.px}-header__logo`,children:y}):r.jsx("a",{href:u,"aria-label":h,"data-testid":"header-logo",className:`${n.px}-header__logo`,children:y}),T]}),r.jsx("div",{className:o.default(`${n.px}-header__nav`,{[`${n.px}-header__nav--closed`]:!c}),children:r.jsxs(q.Provider,{value:{activeSubmenuId:Q,setActiveSubmenuId:U,isMenuOpen:c,isSearchExpanded:v,setIsSearchExpanded:z,closeMenu:V},children:[t.Children.map(L,e=>t.isValidElement(e)?t.cloneElement(e,{children:[...t.Children.toArray(e.props.children),x]}):e),I]})}),r.jsx("div",{className:o.default(`${n.px}-header__overlay`,{[`${n.px}-header__overlay--active`]:v})})]})});H.displayName="Header";exports.HeaderContext=q;exports.default=H;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),o=require("../../_virtual/index2.cjs"),t=require("react"),$=require("../../components/Navigation/Navigation.cjs"),S=require("../../patterns/UserManagement/UserManagement.cjs"),G=require("../../providers/SeldonProvider/utils.cjs"),n=require("../../utils/index.cjs"),J=require("./hooks.cjs"),K=require("./utils.cjs"),W=require("../../utils/constants.cjs"),X=require("../../components/Icon/Icon.cjs"),M=require("../../patterns/LanguageSelector/LanguageSelector.cjs"),q=t.createContext(K.defaultHeaderContext),H=t.forwardRef(({logo:d=r.jsx(X.default,{icon:"PhillipsLogo"}),logoHref:u="/",logoLinkComponent:O,className:N,children:i,toggleOpenText:k="Open Menu",toggleCloseText:w="Close Menu",logoText:h="Home Page",disabled:g,bannerRef:l,skipToContentId:m="main",skipLinkLabel:P="Skip to main content",...R},a)=>{const p=n.findChildrenOfType(i,S.default),T=t.isValidElement(p?.[0])?t.cloneElement(p[0],{disabled:g}):"",f=n.findChildrenOfType(i,M.default),x=t.isValidElement(f?.[0])?t.cloneElement(f[0],{disabled:g}):"",[v,z]=t.useState(!1),L=n.findChildrenOfType(i,$.default),I=n.findChildrenExcludingTypes(i,[$.default,S.default,M.default]),{closeMenu:V,handleMenuToggle:A,isMenuOpen:c,toggleText:B}=J.useMobileMenu({toggleOpenText:k,toggleCloseText:w}),[Q,U]=t.useState(null),[_,b]=t.useState(l?.current?l.current.clientHeight:0),E=t.useRef(null);t.useEffect(()=>{const e=l?.current;if(!e)return;b(e.clientHeight);const s=new window.ResizeObserver(()=>{b(e.clientHeight)});return s.observe(e),()=>{s.disconnect()}},[l,_]),t.useEffect(()=>{const e=E.current;if(!e)return;const s=()=>{const F=e.offsetHeight;document.documentElement.style.setProperty("--header-height",`${F}px`)};s();const C=new window.ResizeObserver(s);return C.observe(e),()=>{C.disconnect()}},[]);const D=t.useCallback(e=>{E.current=e,typeof a=="function"?a(e):a&&(a.current=e)},[a]),j=O,y=typeof d=="object"?d:r.jsx("img",{alt:"Phillips","data-testid":"header-logo-img",src:d});return r.jsxs("header",{...R,className:o.default(`${n.px}-header`,N),ref:D,style:{"--banner-height":`${_}px`},children:[m&&r.jsx("a",{href:`#${m}`,className:`${n.px}-header__skip-link`,"data-testid":"skip-to-content",children:P}),r.jsxs("div",{className:`${n.px}-header__top-row`,children:[r.jsx(G.SSRMediaQuery.Media,{greaterThanOrEqual:W.Breakpoints.md,children:x}),r.jsxs("button",{"aria-label":B,"data-testid":"mobile-menu-toggle",type:"button",onClick:A,className:o.default(`${n.px}-header__toggle-btn`,{[`${n.px}-header__toggle-btn--open`]:c}),children:[r.jsx("span",{})," "]}),j?r.jsx(j,{href:u,"aria-label":h,"data-testid":"header-logo",className:`${n.px}-header__logo`,children:y}):r.jsx("a",{href:u,"aria-label":h,"data-testid":"header-logo",className:`${n.px}-header__logo`,children:y}),T]}),r.jsx("div",{className:o.default(`${n.px}-header__nav`,{[`${n.px}-header__nav--closed`]:!c}),children:r.jsxs(q.Provider,{value:{activeSubmenuId:Q,setActiveSubmenuId:U,isMenuOpen:c,isSearchExpanded:v,setIsSearchExpanded:z,closeMenu:V},children:[t.Children.map(L,e=>t.isValidElement(e)?t.cloneElement(e,{children:[...t.Children.toArray(e.props.children),x]}):e),I]})}),r.jsx("div",{className:o.default(`${n.px}-header__overlay`,{[`${n.px}-header__overlay--active`]:v})})]})});H.displayName="Header";exports.HeaderContext=q;exports.default=H;

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

@@ -1,18 +1,18 @@
 import { jsxs as l, jsx as r } from "react/jsx-runtime";
-import c from "../../_virtual/index.js";
-import n, { createContext as K, forwardRef as W, useState as h, useEffect as N } from "react";
-import X from "../../components/Icon/Icon.js";
+import c from "../../_virtual/index2.js";
+import n, { forwardRef as K, useState as h, useEffect as N, createContext as W } from "react";
 import w from "../../components/Navigation/Navigation.js";
-import O from "../../patterns/LanguageSelector/LanguageSelector.js";
-import k from "../../patterns/UserManagement/UserManagement.js";
-import { SSRMediaQuery as Y } from "../../providers/SeldonProvider/utils.js";
-import { findChildrenOfType as u, findChildrenExcludingTypes as Z, px as t } from "../../utils/index.js";
-import { useMobileMenu as ee } from "./hooks.js";
-import { defaultHeaderContext as te } from "./utils.js";
-import { Breakpoints as ne } from "../../utils/constants.js";
-const re = K(te), ae = W(
+import O from "../../patterns/UserManagement/UserManagement.js";
+import { SSRMediaQuery as X } from "../../providers/SeldonProvider/utils.js";
+import { findChildrenOfType as u, findChildrenExcludingTypes as Y, px as t } from "../../utils/index.js";
+import { useMobileMenu as Z } from "./hooks.js";
+import { defaultHeaderContext as ee } from "./utils.js";
+import { Breakpoints as te } from "../../utils/constants.js";
+import ne from "../../components/Icon/Icon.js";
+import k from "../../patterns/LanguageSelector/LanguageSelector.js";
+const re = W(ee), ae = K(
   ({
-    logo: d = /* @__PURE__ */ r(X, { icon: "PhillipsLogo" }),
+    logo: d = /* @__PURE__ */ r(ne, { icon: "PhillipsLogo" }),
     logoHref: g = "/",
     logoLinkComponent: P,
     className: R,
@@ -26,7 +26,7 @@ const re = K(te), ae = W(
     skipLinkLabel: j = "Skip to main content",
     ...I
   }, a) => {
-    const v = u(i, k), T = n.isValidElement(v?.[0]) ? n.cloneElement(v[0], { disabled: f }) : "", b = u(i, O), E = n.isValidElement(b?.[0]) ? n.cloneElement(b[0], { disabled: f }) : "", [$, V] = h(!1), A = u(i, w), B = Z(i, [w, k, O]), { closeMenu: q, handleMenuToggle: Q, isMenuOpen: m, toggleText: U } = ee({
+    const v = u(i, O), T = n.isValidElement(v?.[0]) ? n.cloneElement(v[0], { disabled: f }) : "", b = u(i, k), E = n.isValidElement(b?.[0]) ? n.cloneElement(b[0], { disabled: f }) : "", [$, V] = h(!1), A = u(i, w), B = Y(i, [w, O, k]), { closeMenu: q, handleMenuToggle: Q, isMenuOpen: m, toggleText: U } = Z({
       toggleOpenText: z,
       toggleCloseText: L
     }), [D, F] = h(null), [y, C] = h(s?.current ? s.current.clientHeight : 0), x = n.useRef(null);
@@ -69,7 +69,7 @@ const re = K(te), ae = W(
         children: [
           _ && /* @__PURE__ */ r("a", { href: `#${_}`, className: `${t}-header__skip-link`, "data-testid": "skip-to-content", children: j }),
           /* @__PURE__ */ l("div", { className: `${t}-header__top-row`, children: [
-            /* @__PURE__ */ r(Y.Media, { greaterThanOrEqual: ne.md, children: E }),
+            /* @__PURE__ */ r(X.Media, { greaterThanOrEqual: te.md, children: E }),
             /* @__PURE__ */ l(
               "button",
               {

package/package.json

@@ -1,11 +1,15 @@
 {
   "name": "@phillips/seldon",
-  "version": "1.271.0",
+  "version": "1.273.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/PhillipsAuctionHouse/seldon"
   },
   "type": "module",
+  "sideEffects": [
+    "**/*.scss",
+    "**/*.css"
+  ],
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",