@phillips/seldon 1.279.2 → 1.280.0

package/dist/components/IconButton/IconButton.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),d=require("../../_virtual/index2.cjs"),m=require("../Button/Button.cjs"),b=require("../../utils/index.cjs"),f=require("../Button/types.cjs"),q=require("react"),a=q.forwardRef(({children:n,variant:t=f.ButtonVariants.primary,isDisabled:r=!1,className:s,...e},u)=>{const{className:o,...c}=b.getCommonProps(e,"IconButton"),i=e["aria-label"]??"Icon button";return l.jsx(m.default,{...c,variant:t,className:d.default(o,`${o}--${t}`,s),isDisabled:r,ref:u,...e,"aria-label":i,children:n})});a.displayName="IconButton";exports.default=a;
+require('./_iconButton.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),d=require("../../_virtual/index2.cjs"),m=require("../Button/Button.cjs"),b=require("../../utils/index.cjs"),f=require("../Button/types.cjs"),q=require("react");;const r=q.forwardRef(({children:a,variant:t=f.ButtonVariants.primary,isDisabled:n=!1,className:s,...e},u)=>{const{className:o,...c}=b.getCommonProps(e,"IconButton"),i=e["aria-label"]??"Icon button";return l.jsx(m.default,{...c,variant:t,className:d.default(o,`${o}--${t}`,s),isDisabled:n,ref:u,...e,"aria-label":i,children:a})});r.displayName="IconButton";exports.default=r;

package/dist/components/IconButton/IconButton.js

@@ -1,22 +1,24 @@
-import { jsx as c } from "react/jsx-runtime";
-import i from "../../_virtual/index2.js";
+import './_iconButton.css';
+import { jsx as l } from "react/jsx-runtime";
+import c from "../../_virtual/index2.js";
 import f from "../Button/Button.js";
-import { getCommonProps as u } from "../../utils/index.js";
-import { ButtonVariants as p } from "../Button/types.js";
+import { getCommonProps as p } from "../../utils/index.js";
+import { ButtonVariants as u } from "../Button/types.js";
 import { forwardRef as b } from "react";
+
 const B = b(
-  ({ children: r, variant: t = p.primary, isDisabled: m = !1, className: s, ...o }, n) => {
-    const { className: a, ...e } = u(o, "IconButton"), l = o["aria-label"] ?? "Icon button";
-    return /* @__PURE__ */ c(
+  ({ children: r, variant: t = u.primary, isDisabled: m = !1, className: s, ...o }, n) => {
+    const { className: a, ...e } = p(o, "IconButton"), i = o["aria-label"] ?? "Icon button";
+    return /* @__PURE__ */ l(
       f,
       {
         ...e,
         variant: t,
-        className: i(a, `${a}--${t}`, s),
+        className: c(a, `${a}--${t}`, s),
         isDisabled: m,
         ref: n,
         ...o,
-        "aria-label": l,
+        "aria-label": i,
         children: r
       }
     );

package/dist/components/IconButton/_iconButton.css

@@ -0,0 +1 @@
+@layer vendor,seldon.foundation,seldon.components,seldon.patterns,seldon.site;@layer seldon.components{.seldon-icon-button{align-items:center;display:flex;height:var(--spacing-md);justify-content:center;padding:0;width:var(--spacing-md)}.seldon-icon-button svg{height:var(--button-label-line-height);pointer-events:none;width:var(--button-label-line-height)}@media(pointer:fine)and (hover:hover){.seldon-icon-button svg:hover{color:#fff}}@media(pointer:coarse){.seldon-icon-button svg:active{color:#fff}}.seldon-icon-button:focus-visible{border-radius:40px;outline:2px solid #07c;outline-offset:4px}.seldon-icon-button:focus-visible svg{fill:#fff}.seldon-icon-button--primary,.seldon-icon-button--ghost{background:#fff;color:#000}.seldon-icon-button--primary svg,.seldon-icon-button--ghost svg{color:#000;height:calc(var(--button-label-line-height) * 1.5);margin-inline-end:unset;width:calc(var(--button-label-line-height) * 1.5)}.seldon-icon-button--primary svg path,.seldon-icon-button--ghost svg path{fill:#000}@media(pointer:fine)and (hover:hover){.seldon-icon-button--primary:hover svg,.seldon-icon-button--ghost:hover svg{color:#fff}.seldon-icon-button--primary:hover svg path,.seldon-icon-button--ghost:hover svg path{color:#fff;fill:#fff}}@media(pointer:coarse){.seldon-icon-button--primary:active svg,.seldon-icon-button--ghost:active svg{color:#fff}.seldon-icon-button--primary:active svg path,.seldon-icon-button--ghost:active svg path{color:#fff;fill:#fff}}.seldon-icon-button--ghost{border:1px solid transparent}.seldon-icon-button--ghost svg{color:#75716f}.seldon-icon-button--ghost svg path{color:#75716f}.seldon-icon-button--secondary{height:var(--spacing-lg);width:var(--spacing-lg)}.seldon-icon-button--secondary:focus-visible,.seldon-icon-button--tertiary.seldon-icon-button:focus-visible{border-radius:40px;outline:2px solid #07c;outline-offset:4px}.seldon-icon-button--secondary>svg,.seldon-icon-button--tertiary.seldon-icon-button>svg{fill:#000;margin-inline-end:unset;position:absolute}.seldon-icon-button--secondary>svg path,.seldon-icon-button--tertiary.seldon-icon-button>svg path{fill:#000}.seldon-icon-button--tertiary:focus-visible{border-radius:40px;outline:2px solid #07c;outline-offset:4px}@media(pointer:fine)and (hover:hover){.seldon-icon-button--tertiary:hover svg{color:#75716f;fill:#75716f;margin-inline-end:unset}.seldon-icon-button--tertiary:hover svg path{fill:#75716f}}@media(pointer:coarse){.seldon-icon-button--tertiary:active svg{color:#75716f;fill:#75716f;margin-inline-end:unset}.seldon-icon-button--tertiary:active svg path{fill:#75716f}}.seldon-icon-button:disabled{background-color:#fff;border:1px solid #eae9e6}.seldon-icon-button:disabled svg{fill:#eae9e6}.seldon-icon-button:disabled svg path{fill:#eae9e6}.seldon-icon-button.seldon-button{display:flex;height:var(--spacing-md);padding:0;width:var(--spacing-md)}.seldon-icon-button.seldon-button svg{height:var(--button-label-line-height);width:var(--button-label-line-height)}.seldon-icon-button.seldon-button:focus-visible{border-radius:40px;outline:2px solid #07c;outline-offset:4px}.seldon-icon-button.seldon-button:disabled{background-color:#fff;border:1px solid #eae9e6}.seldon-icon-button.seldon-button:disabled svg{fill:#eae9e6}.seldon-icon-button.seldon-button:disabled svg path{fill:#eae9e6}.seldon-icon-button--primary.seldon-button,.seldon-icon-button--ghost.seldon-button{background:#fff;color:#000}.seldon-icon-button--primary.seldon-button svg,.seldon-icon-button--ghost.seldon-button svg{color:#000;height:calc(var(--button-label-line-height) * 1.5);width:calc(var(--button-label-line-height) * 1.5)}.seldon-icon-button--primary.seldon-button svg path,.seldon-icon-button--ghost.seldon-button svg path{fill:#000}@media(pointer:fine)and (hover:hover){.seldon-icon-button--primary.seldon-button:hover svg,.seldon-icon-button--ghost.seldon-button:hover svg{color:#fff}.seldon-icon-button--primary.seldon-button:hover svg path,.seldon-icon-button--ghost.seldon-button:hover svg path{color:#fff;fill:#fff}}@media(pointer:coarse){.seldon-icon-button--primary.seldon-button:active svg,.seldon-icon-button--ghost.seldon-button:active svg{color:#fff}.seldon-icon-button--primary.seldon-button:active svg path,.seldon-icon-button--ghost.seldon-button:active svg path{color:#fff;fill:#fff}}.seldon-icon-button--ghost.seldon-button{border:1px solid transparent}.seldon-icon-button--ghost.seldon-button svg{color:#75716f}.seldon-icon-button--ghost.seldon-button svg path{color:#75716f}.seldon-icon-button--secondary.seldon-button{height:var(--spacing-lg);width:var(--spacing-lg)}@media(pointer:fine)and (hover:hover){.seldon-icon-button--tertiary.seldon-button:hover svg{color:#75716f;fill:#75716f}.seldon-icon-button--tertiary.seldon-button:hover svg path{fill:#75716f}}@media(pointer:coarse){.seldon-icon-button--tertiary.seldon-button:active svg{color:#75716f;fill:#75716f}.seldon-icon-button--tertiary.seldon-button:active svg path{fill:#75716f}}}

package/dist/components/Input/Input.cjs

@@ -1 +1,3 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),O=require("react"),u=require("../../_virtual/index2.cjs"),e=require("../../utils/index.cjs"),R=require("./utils.cjs"),k=require("../Text/Text.cjs"),z=require("../Text/types.cjs");function D(t){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const p in t)if(p!=="default"){const i=Object.getOwnPropertyDescriptor(t,p);Object.defineProperty(s,p,i.get?i:{enumerable:!0,get:()=>t[p]})}}return s.default=t,Object.freeze(s)}const E=D(O),$=E.forwardRef(({className:t,inputAdornment:s,adornmentPosition:p="start",defaultValue:i,disabled:f,hideLabel:j,id:r,inline:h,invalid:y,invalidText:w,labelText:N,onChange:v,onClick:I,placeholder:T,readOnly:o,size:q="md",type:c="text",value:_,warn:P,warnText:g,isSkeletonLoading:d,...m},C)=>{const a=e.useNormalizedInputProps({disabled:f,id:r,invalid:y,invalidText:w,readOnly:o,type:c,warn:P,warnText:g}),M=u.default(`${e.px}-${c}-input`,`${e.px}-input`,`${e.px}-input--${q}`,{[`${e.px}-input--inline`]:h,[`${e.px}-input--readonly`]:o,[`${e.px}-input--disabled`]:a.disabled,[`${e.px}-input--invalid`]:a.invalid,[`${e.px}-input--warn`]:a.warn,[`${t}__wrapper`]:t,[`${e.px}-input--hidden`]:m.hidden}),n=R.getInputClassNames(),x=["text","number","password","email","tel","url","search","date","datetime-local","month","time","week"].includes(a.type??""),b={className:s&&x?u.default(n.wrapperInput,t,{[`${e.px}-skeleton`]:d}):u.default(n.input,t,{[`${e.px}-skeleton`]:d}),"data-testid":r,disabled:a.disabled,id:r,onChange:v,onClick:I,placeholder:d?"":T,readOnly:o,ref:C,type:a.type,...a.type!=="checkbox"&&a.type!=="radio"?{value:_,defaultValue:i}:{},...m};return l.jsxs("div",{className:M,children:[l.jsx(k.default,{element:"label",variant:z.TextVariants.labelMedium,className:u.default(n.label,{[n.labelHidden]:j,[n.skeleton]:d}),"data-testid":`label-${r}`,htmlFor:r,children:N}),s&&x?l.jsxs("div",{className:n.wrapper,"data-testid":`wrapper-${r}`,children:[p==="start"&&l.jsx("span",{className:n.adornment,id:"adornment","data-testid":`adornment-${r}`,children:s}),l.jsx("input",{...b}),p==="end"&&l.jsx("span",{className:n.adornment,id:"adornment","data-testid":`adornment-${r}`,children:s})]}):l.jsx("input",{...b}),a.validation?a.validation:l.jsx("p",{className:n.emptyValidation,children:" "})]})});$.displayName="Input";exports.default=$;
+require('./_input.css');
+require('../Toggle/_toggle.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime");;;const O=require("react"),u=require("../../_virtual/index2.cjs"),e=require("../../utils/index.cjs"),R=require("./utils.cjs"),k=require("../Text/Text.cjs"),z=require("../Text/types.cjs");function D(t){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const l in t)if(l!=="default"){const p=Object.getOwnPropertyDescriptor(t,l);Object.defineProperty(s,l,p.get?p:{enumerable:!0,get:()=>t[l]})}}return s.default=t,Object.freeze(s)}const E=D(O),$=E.forwardRef(({className:t,inputAdornment:s,adornmentPosition:l="start",defaultValue:p,disabled:f,hideLabel:j,id:r,inline:h,invalid:y,invalidText:w,labelText:N,onChange:v,onClick:q,placeholder:I,readOnly:o,size:T="md",type:c="text",value:_,warn:P,warnText:g,isSkeletonLoading:d,...m},C)=>{const a=e.useNormalizedInputProps({disabled:f,id:r,invalid:y,invalidText:w,readOnly:o,type:c,warn:P,warnText:g}),M=u.default(`${e.px}-${c}-input`,`${e.px}-input`,`${e.px}-input--${T}`,{[`${e.px}-input--inline`]:h,[`${e.px}-input--readonly`]:o,[`${e.px}-input--disabled`]:a.disabled,[`${e.px}-input--invalid`]:a.invalid,[`${e.px}-input--warn`]:a.warn,[`${t}__wrapper`]:t,[`${e.px}-input--hidden`]:m.hidden}),n=R.getInputClassNames(),x=["text","number","password","email","tel","url","search","date","datetime-local","month","time","week"].includes(a.type??""),b={className:s&&x?u.default(n.wrapperInput,t,{[`${e.px}-skeleton`]:d}):u.default(n.input,t,{[`${e.px}-skeleton`]:d}),"data-testid":r,disabled:a.disabled,id:r,onChange:v,onClick:q,placeholder:d?"":I,readOnly:o,ref:C,type:a.type,...a.type!=="checkbox"&&a.type!=="radio"?{value:_,defaultValue:p}:{},...m};return i.jsxs("div",{className:M,children:[i.jsx(k.default,{element:"label",variant:z.TextVariants.labelMedium,className:u.default(n.label,{[n.labelHidden]:j,[n.skeleton]:d}),"data-testid":`label-${r}`,htmlFor:r,children:N}),s&&x?i.jsxs("div",{className:n.wrapper,"data-testid":`wrapper-${r}`,children:[l==="start"&&i.jsx("span",{className:n.adornment,id:"adornment","data-testid":`adornment-${r}`,children:s}),i.jsx("input",{...b}),l==="end"&&i.jsx("span",{className:n.adornment,id:"adornment","data-testid":`adornment-${r}`,children:s})]}):i.jsx("input",{...b}),a.validation?a.validation:i.jsx("p",{className:n.emptyValidation,children:" "})]})});$.displayName="Input";exports.default=$;

package/dist/components/Input/Input.js

@@ -1,4 +1,8 @@
+import './_input.css';
+import '../Toggle/_toggle.css';
 import { jsxs as h, jsx as s } from "react/jsx-runtime";
+
+
 import * as _ from "react";
 import l from "../../_virtual/index2.js";
 import { useNormalizedInputProps as z, px as t } from "../../utils/index.js";

package/dist/components/Input/_input.css

@@ -0,0 +1 @@
+@layer vendor,seldon.foundation,seldon.components,seldon.patterns,seldon.site;@layer seldon.components{.seldon-input{display:flex;flex-direction:column;width:100%}.seldon-input--hidden,.seldon-input__label--hidden{block-size:1px;border:0;clip-path:inset(100%);inline-size:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;visibility:inherit;white-space:nowrap}.seldon-input__label.seldon-text{font-variation-settings:"wght" 600;margin-bottom:var(--spacing-xsm);width:fit-content;word-break:break-word}.seldon-input__wrapper{accent-color:#000;align-items:center;border:1px solid #000;border-radius:4px;display:inline-flex;font-variation-settings:"wght" 600;justify-content:space-between;margin-bottom:.25rem;padding:var(--spacing-xsm);position:relative}.seldon-input__wrapper::placeholder{color:#75716f;font-variation-settings:"wght" 600}.seldon-input__wrapper:focus-visible,.seldon-input__wrapper:focus-within{border-radius:4px;outline:2px solid #07c;outline-offset:4px}.seldon-input__wrapper .seldon-input__wrapper__input,.seldon-input__wrapper .seldon-input__input{font-family:Montserrat,sans-serif;font-size:var(--font-size-body-medium);font-style:unset;font-variation-settings:"wght" 400;letter-spacing:0;line-height:1.4;text-transform:unset;border:none;margin:0;padding:0;width:100%}.seldon-input__wrapper .seldon-input__wrapper__input:focus-visible,.seldon-input__wrapper .seldon-input__input:focus-visible{outline:none}.seldon-input__wrapper__adornment{align-items:center;display:flex;margin-right:.25rem;user-select:none;white-space:nowrap}.seldon-input__input{font-family:Montserrat,sans-serif;font-size:var(--font-size-body-medium);font-style:unset;font-variation-settings:"wght" 400;letter-spacing:0;line-height:1.4;text-transform:unset;accent-color:#000;border:1px solid #000;border-radius:4px;font-variation-settings:"wght" 600;margin-bottom:.25rem;padding:var(--spacing-xsm)}.seldon-input__input::placeholder{font-variation-settings:"wght" 400}.seldon-input__input:focus-visible{border-radius:4px;outline:2px solid #07c;outline-offset:4px}.seldon-input__input:hover{accent-color:#75716f;border-color:#75716f}.seldon-input__validation{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;line-height:var(--spacing-md);overflow:hidden}.seldon-input__empty-validation{line-height:var(--spacing-sm)}.seldon-input--inline{align-items:center;flex-flow:row wrap;gap:1rem}.seldon-input--inline .seldon-input__input,.seldon-input--inline .seldon-input__wrapper{align-self:center;width:unset}.seldon-input--disabled{color:#75716f;cursor:default}.seldon-input--disabled .seldon-input__label,.seldon-input--disabled .seldon-input__input,.seldon-input--disabled .seldon-input__wrapper{color:inherit}.seldon-input--disabled .seldon-input__label:hover,.seldon-input--disabled .seldon-input__input:hover{cursor:default}.seldon-input--readonly{pointer-events:none}.seldon-input--readonly .seldon-input__label,.seldon-input--readonly .seldon-input__input,.seldon-input--readonly .seldon-input__wrapper{cursor:default}.seldon-input--readonly .seldon-input__input{background-color:#0000000d}.seldon-input--invalid,.seldon-input--invalid label{color:#ff3d0a}.seldon-input--invalid .seldon-input__input,.seldon-input--invalid .seldon-input__input::placeholder,.seldon-input--invalid .seldon-input__validation{color:#000}.seldon-input--invalid .seldon-input__input,.seldon-input--invalid .seldon-input__wrapper{border:1px solid #ff3d0a;box-shadow:inset 0 0 3px 3px #ff3d0a}.seldon-input--invalid .seldon-input__input:focus-within,.seldon-input--invalid .seldon-input__wrapper:focus-within{border-radius:4px;outline:2px solid #ff3d0a;outline-offset:4px}.seldon-input--invalid .seldon-input__wrapper .seldon-input__input{border:none;box-shadow:none;outline:none}.seldon-input--warn .seldon-input__label{position:relative}.seldon-input .seldon-input__validation{animation:reveal .45s linear forwards}.seldon-input__label:has(+input[type=radio]),.seldon-input__label:has(+input[type=checkbox]){cursor:pointer}.seldon-radio-input .seldon-input__label,.seldon-checkbox-input .seldon-input__label{font-family:Montserrat,sans-serif;font-size:var(--font-size-body-medium);font-style:unset;font-variation-settings:"wght" 400;letter-spacing:0;line-height:1.4;text-transform:unset;font-variation-settings:"wght" 600;margin-bottom:0}.seldon-radio-input .seldon-input__input,.seldon-checkbox-input .seldon-input__input{align-self:flex-start;cursor:pointer;height:16px;width:16px}.seldon-radio-input.seldon-input--inline .seldon-input__input,.seldon-checkbox-input.seldon-input--inline .seldon-input__input{align-self:center}.seldon-radio-input .seldon-input__input:focus-visible{outline:none;position:relative}.seldon-radio-input .seldon-input__input:focus-visible:before{border:2px solid #07c;border-radius:40px;content:"";inset:-6px;pointer-events:none;position:absolute}.seldon-input--inline.seldon-radio-input,.seldon-input--inline.seldon-checkbox-input,.seldon-input--inline.seldon-toggle-input{flex-direction:row-reverse;justify-content:flex-end;position:relative;transition:padding .25s}.seldon-input--inline.seldon-radio-input.seldon-input--invalid,.seldon-input--inline.seldon-radio-input.seldon-input--warn,.seldon-input--inline.seldon-checkbox-input.seldon-input--invalid,.seldon-input--inline.seldon-checkbox-input.seldon-input--warn,.seldon-input--inline.seldon-toggle-input.seldon-input--invalid,.seldon-input--inline.seldon-toggle-input.seldon-input--warn{padding-top:1.5rem}.seldon-input--inline.seldon-radio-input.seldon-input--invalid .seldon-input__validation,.seldon-input--inline.seldon-radio-input.seldon-input--warn .seldon-input__validation,.seldon-input--inline.seldon-checkbox-input.seldon-input--invalid .seldon-input__validation,.seldon-input--inline.seldon-checkbox-input.seldon-input--warn .seldon-input__validation,.seldon-input--inline.seldon-toggle-input.seldon-input--invalid .seldon-input__validation,.seldon-input--inline.seldon-toggle-input.seldon-input--warn .seldon-input__validation{left:0;position:absolute;top:0}.seldon-input--inline.seldon-radio-input.seldon-input--warn,.seldon-input--inline.seldon-checkbox-input.seldon-input--warn,.seldon-input--inline.seldon-toggle-input.seldon-input--warn{padding-top:2.75rem}@keyframes reveal{0%{opacity:0}to{opacity:1}}}

package/dist/components/Link/Link.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const k=require("react/jsx-runtime"),q=require("../../_virtual/index2.cjs"),x=require("../../utils/index.cjs"),L=require("react"),r=require("./utils.cjs"),N=require("./types.cjs"),t=L.forwardRef(({children:a,className:i,element:e="a",variant:o=N.LinkVariants.linkMedium,href:s,...n},l)=>{const{className:u,...c}=x.getCommonProps(n,"Link"),m=q.default(u,r.getLinkVariantClassName(o),i),d=r.isLinkExternal(s);return k.jsx(e,{ref:l,...c,href:s,className:m,...d&&e==="a"?{rel:"noopener noreferrer",target:"_blank"}:{},...n,children:a})});t.displayName="Link";exports.default=t;
+require('./_link.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const k=require("react/jsx-runtime"),q=require("../../_virtual/index2.cjs"),x=require("../../utils/index.cjs"),L=require("react"),n=require("./utils.cjs"),N=require("./types.cjs");;const t=L.forwardRef(({children:a,className:i,element:e="a",variant:o=N.LinkVariants.linkMedium,href:s,...r},l)=>{const{className:u,...c}=x.getCommonProps(r,"Link"),m=q.default(u,n.getLinkVariantClassName(o),i),d=n.isLinkExternal(s);return k.jsx(e,{ref:l,...c,href:s,className:m,...d&&e==="a"?{rel:"noopener noreferrer",target:"_blank"}:{},...r,children:a})});t.displayName="Link";exports.default=t;

package/dist/components/Link/Link.js

@@ -1,20 +1,22 @@
-import { jsx as f } from "react/jsx-runtime";
-import p from "../../_virtual/index2.js";
+import './_link.css';
+import { jsx as c } from "react/jsx-runtime";
+import f from "../../_virtual/index2.js";
 import { getCommonProps as k } from "../../utils/index.js";
 import { forwardRef as L } from "react";
 import { getLinkVariantClassName as N, isLinkExternal as d } from "./utils.js";
 import { LinkVariants as x } from "./types.js";
+
 const g = L(
-  ({ children: s, className: e, element: a = "a", variant: m = x.linkMedium, href: r, ...o }, n) => {
-    const { className: t, ...i } = k(o, "Link"), l = p(t, N(m), e), c = d(r);
-    return /* @__PURE__ */ f(
-      a,
+  ({ children: s, className: m, element: r = "a", variant: e = x.linkMedium, href: a, ...o }, n) => {
+    const { className: t, ...i } = k(o, "Link"), l = f(t, N(e), m), p = d(a);
+    return /* @__PURE__ */ c(
+      r,
       {
         ref: n,
         ...i,
-        href: r,
+        href: a,
         className: l,
-        ...c && a === "a" ? { rel: "noopener noreferrer", target: "_blank" } : {},
+        ...p && r === "a" ? { rel: "noopener noreferrer", target: "_blank" } : {},
         ...o,
         children: s
       }

package/dist/components/Link/_link.css

@@ -0,0 +1 @@
+@layer vendor,seldon.foundation,seldon.components,seldon.patterns,seldon.site;@layer seldon.components{.seldon-link{color:#000;text-decoration:none}.seldon-link:focus-visible{border-radius:4px;outline:2px solid #07c;outline-offset:4px}.seldon-link--email.seldon-link--email,.seldon-link--link.seldon-link--link,.seldon-link--linkSmall,.seldon-link--linkMedium,.seldon-link--linkLarge{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:1px}.seldon-link--linkLarge{font-family:Montserrat,sans-serif;font-size:var(--font-size-link-large);font-style:unset;font-variation-settings:"wght" 400;letter-spacing:0;line-height:1.2;text-decoration:underline;text-transform:unset}.seldon-link--linkMedium{font-family:Montserrat,sans-serif;font-size:var(--font-size-link-medium);font-style:unset;font-variation-settings:"wght" 400;letter-spacing:0;line-height:1.2;text-decoration:underline;text-transform:unset}.seldon-link--linkSmall{font-family:Montserrat,sans-serif;font-size:var(--font-size-link-small);font-style:unset;font-variation-settings:"wght" 400;letter-spacing:0;line-height:1.2;text-decoration:underline;text-transform:unset}.seldon-link--linkStylised{font-family:Montserrat,sans-serif;font-size:var(--font-size-link-stylised);font-style:unset;font-variation-settings:"wght" 400;letter-spacing:0;line-height:1.2;text-decoration:unset;text-transform:uppercase;font-family:DistinctDisplay,sans-serif;letter-spacing:1px}.seldon-link--email:hover,.seldon-link--email:focus-visible,.seldon-link--link:hover,.seldon-link--link:focus-visible{color:#75716f}.seldon-link--email{font-family:Montserrat,sans-serif;font-size:var(--font-size-link-medium);font-style:unset;font-variation-settings:"wght" 400;letter-spacing:0;line-height:1.2;text-decoration:underline;text-transform:unset}.seldon-link--email .seldon-text{font-variation-settings:"wght" 600}.seldon-link--link{font-family:Montserrat,sans-serif;font-size:var(--font-size-link-medium);font-style:unset;font-variation-settings:"wght" 400;letter-spacing:0;line-height:1.2;text-decoration:underline;text-transform:unset}.seldon-link--snwHeaderLink{font-family:Montserrat,sans-serif;font-size:var(--font-size-link-stylised);font-style:unset;font-variation-settings:"wght" 400;letter-spacing:0;line-height:1.2;text-decoration:unset;text-transform:uppercase;font-family:DistinctDisplay,sans-serif;letter-spacing:1px;padding:.5rem .625rem calc(.5rem + 2px);position:relative;text-align:center}@media(min-width:961px){.seldon-link--snwHeaderLink:hover:after,.seldon-link--snwHeaderLink:focus-visible:after{background:#000;bottom:-1px;content:"";height:1px;left:0;position:absolute;right:0}}.seldon-link--snwFlyoutLink{border-bottom:1px solid transparent;font-family:Montserrat,sans-serif;font-size:var(--font-size-link-large);font-style:unset;font-variation-settings:"wght" 400;letter-spacing:0;line-height:1.2;text-decoration:underline;text-transform:unset}.seldon-link--snwFlyoutLink:hover,.seldon-link--snwFlyoutLink:focus-visible{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:var(--spacing-micro);color:#75716f}}

package/dist/components/LinkBlock/LinkBlock.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),u=require("../../_virtual/index2.cjs"),m=require("../../utils/index.cjs"),k=require("../Link/Link.cjs"),f=require("../Link/types.cjs"),q=require("react"),x=require("../Text/Text.cjs"),a=q.forwardRef(({linkProps:t,description:r,className:o,...n},c)=>{const{className:e,...i}=m.getCommonProps(n,"LinkBlock"),l=u.default(e,o),d=t.element??k.default;return s.jsxs("div",{...i,className:l,...n,ref:c,children:[s.jsx(d,{...t,className:`${e}__link`,"data-testid":`${i["data-testid"]}-link`,variant:f.LinkVariants.linkMedium}),s.jsx(x.default,{className:`${e}__description`,children:r})]})});a.displayName="LinkBlock";exports.default=a;
+require('./_linkBlock.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),d=require("../../_virtual/index2.cjs"),m=require("../../utils/index.cjs"),k=require("../Link/Link.cjs"),q=require("../Link/types.cjs"),f=require("react");;const x=require("../Text/Text.cjs"),a=f.forwardRef(({linkProps:t,description:r,className:o,...n},c)=>{const{className:e,...i}=m.getCommonProps(n,"LinkBlock"),l=d.default(e,o),u=t.element??k.default;return s.jsxs("div",{...i,className:l,...n,ref:c,children:[s.jsx(u,{...t,className:`${e}__link`,"data-testid":`${i["data-testid"]}-link`,variant:q.LinkVariants.linkMedium}),s.jsx(x.default,{className:`${e}__description`,children:r})]})});a.displayName="LinkBlock";exports.default=a;

package/dist/components/LinkBlock/LinkBlock.js

@@ -1,21 +1,23 @@
+import './_linkBlock.css';
 import { jsxs as l, jsx as t } from "react/jsx-runtime";
 import d from "../../_virtual/index2.js";
 import { getCommonProps as k } from "../../utils/index.js";
-import f from "../Link/Link.js";
-import { LinkVariants as p } from "../Link/types.js";
+import p from "../Link/Link.js";
+import { LinkVariants as f } from "../Link/types.js";
 import { forwardRef as N } from "react";
+
 import L from "../Text/Text.js";
 const x = N(
-  ({ linkProps: m, description: i, className: e, ...s }, n) => {
-    const { className: o, ...a } = k(s, "LinkBlock"), r = d(o, e), c = m.element ?? f;
-    return /* @__PURE__ */ l("div", { ...a, className: r, ...s, ref: n, children: [
+  ({ linkProps: m, description: i, className: e, ...s }, r) => {
+    const { className: o, ...a } = k(s, "LinkBlock"), n = d(o, e), c = m.element ?? p;
+    return /* @__PURE__ */ l("div", { ...a, className: n, ...s, ref: r, children: [
       /* @__PURE__ */ t(
         c,
         {
           ...m,
           className: `${o}__link`,
           "data-testid": `${a["data-testid"]}-link`,
-          variant: p.linkMedium
+          variant: f.linkMedium
         }
       ),
       /* @__PURE__ */ t(L, { className: `${o}__description`, children: i })

package/dist/components/LinkBlock/_linkBlock.css

@@ -0,0 +1 @@
+@layer vendor,seldon.foundation,seldon.components,seldon.patterns,seldon.site;@layer seldon.components{.seldon-link-block{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-micro);text-align:center}.seldon-link-block__link .seldon-text{font-variation-settings:"wght" 400}.seldon-link-block__description.seldon-text{margin-bottom:0}}

package/dist/components/LinkList/LinkList.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),u=require("react"),c=require("../../utils/index.cjs"),d=require("../../_virtual/index2.cjs"),m=require("../Grid/Grid.cjs"),i=u.forwardRef(({children:a,className:l,...e},n)=>{const{className:s,...o}=c.getCommonProps(e,"LinkList");return t.jsx(m.default,{...o,className:d.default(s,l),element:"ul",role:"list",...e,ref:n,children:a.map(r=>t.jsx("li",{className:`${s}--item`,children:r},r?.props?.linkProps?.href))})});i.displayName="LinkList";exports.default=i;
+require('./_linkList.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),u=require("react"),c=require("../../utils/index.cjs"),d=require("../../_virtual/index2.cjs"),m=require("../Grid/Grid.cjs");;const t=u.forwardRef(({children:a,className:l,...e},n)=>{const{className:s,...o}=c.getCommonProps(e,"LinkList");return i.jsx(m.default,{...o,className:d.default(s,l),element:"ul",role:"list",...e,ref:n,children:a.map(r=>i.jsx("li",{className:`${s}--item`,children:r},r?.props?.linkProps?.href))})});t.displayName="LinkList";exports.default=t;

package/dist/components/LinkList/LinkList.js

@@ -1,20 +1,22 @@
-import { jsx as e } from "react/jsx-runtime";
+import './_linkList.css';
+import { jsx as o } from "react/jsx-runtime";
 import { forwardRef as l } from "react";
-import { getCommonProps as n } from "../../utils/index.js";
-import p from "../../_virtual/index2.js";
+import { getCommonProps as p } from "../../utils/index.js";
+import n from "../../_virtual/index2.js";
 import f from "../Grid/Grid.js";
-const c = l(({ children: o, className: i, ...s }, a) => {
-  const { className: r, ...t } = n(s, "LinkList");
-  return /* @__PURE__ */ e(
+
+const c = l(({ children: e, className: i, ...r }, a) => {
+  const { className: s, ...t } = p(r, "LinkList");
+  return /* @__PURE__ */ o(
     f,
     {
       ...t,
-      className: p(r, i),
+      className: n(s, i),
       element: "ul",
       role: "list",
-      ...s,
+      ...r,
       ref: a,
-      children: o.map((m) => /* @__PURE__ */ e("li", { className: `${r}--item`, children: m }, m?.props?.linkProps?.href))
+      children: e.map((m) => /* @__PURE__ */ o("li", { className: `${s}--item`, children: m }, m?.props?.linkProps?.href))
     }
   );
 });

package/dist/components/LinkList/_linkList.css

@@ -0,0 +1 @@
+@layer vendor,seldon.foundation,seldon.components,seldon.patterns,seldon.site;@layer seldon.components{@media(max-width:360px){.seldon-link-list{max-width:30rem}}.seldon-link-list .seldon-link .seldon-text--link{text-decoration:none}.seldon-link-list--item{grid-column:span 2}@media(min-width:961px){.seldon-link-list--item{grid-column:span 3}}@media(min-width:1401px){.seldon-link-list--item{grid-column:span 4}}}

package/dist/components/Loader/Loader.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("react/jsx-runtime"),s=require("../../_virtual/index2.cjs"),u=require("react"),e=require("../../utils/index.cjs"),a=u.forwardRef(({"aria-label":r="Loading",isCentered:t=!0,className:i,...l},o)=>d.jsx("span",{ref:o,...l,className:s.default(i,`${e.px}-loader`,{[`${e.px}-loader--centered`]:t}),"data-testid":"loader",role:"status","aria-live":"polite","aria-label":r}));a.displayName="Loader";exports.default=a;
+require('./_loader.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("react/jsx-runtime"),s=require("../../_virtual/index2.cjs"),u=require("react"),e=require("../../utils/index.cjs");;const a=u.forwardRef(({"aria-label":r="Loading",isCentered:t=!0,className:i,...l},o)=>d.jsx("span",{ref:o,...l,className:s.default(i,`${e.px}-loader`,{[`${e.px}-loader--centered`]:t}),"data-testid":"loader",role:"status","aria-live":"polite","aria-label":r}));a.displayName="Loader";exports.default=a;

package/dist/components/Loader/Loader.js

@@ -1,14 +1,16 @@
-import { jsx as s } from "react/jsx-runtime";
-import d from "../../_virtual/index2.js";
-import { forwardRef as i } from "react";
+import './_loader.css';
+import { jsx as i } from "react/jsx-runtime";
+import s from "../../_virtual/index2.js";
+import { forwardRef as d } from "react";
 import { px as a } from "../../utils/index.js";
-const m = i(
-  ({ "aria-label": r = "Loading", isCentered: e = !0, className: o, ...t }, l) => /* @__PURE__ */ s(
+
+const m = d(
+  ({ "aria-label": r = "Loading", isCentered: e = !0, className: o, ...t }, l) => /* @__PURE__ */ i(
     "span",
     {
       ref: l,
       ...t,
-      className: d(o, `${a}-loader`, { [`${a}-loader--centered`]: e }),
+      className: s(o, `${a}-loader`, { [`${a}-loader--centered`]: e }),
       "data-testid": "loader",
       role: "status",
       "aria-live": "polite",

package/dist/components/Loader/_loader.css

@@ -0,0 +1 @@
+@layer vendor,seldon.foundation,seldon.components,seldon.patterns,seldon.site;@layer seldon.components{.seldon-loader{animation:rotation 1s linear infinite;border:2px solid #000;border-bottom-color:transparent;border-radius:40px;box-sizing:border-box;display:flex;height:var(--button-label-line-height);width:var(--button-label-line-height)}.seldon-loader--centered{margin:auto}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}

package/dist/components/Modal/Modal.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),s=require("../../_virtual/index2.cjs"),a=require("../../utils/index.cjs"),q=require("../IconButton/IconButton.cjs"),v=require("../Button/types.cjs"),t=require("../../node_modules/@radix-ui/react-dialog/dist/index.cjs"),_=require("../../node_modules/@radix-ui/react-visually-hidden/dist/index.cjs"),M=require("react"),b=require("../Icon/Icon.cjs"),l=M.forwardRef(({children:n,className:i,overlayClassName:d,isOpen:c=!1,onClose:u=a.noOp,style:m,closeIcon:x=e.jsx(b.default,{icon:"CloseX",height:32,width:32,color:"currentColor"}),closeIconPosition:h="right",title:f,...r},j)=>{const{className:o,"data-testid":y,...C}=a.getCommonProps(r,"Modal");return e.jsx(t.Root,{open:c,onOpenChange:p=>{p||(document.body.style.removeProperty("pointer-events"),u())},children:e.jsxs(t.Portal,{children:[e.jsx(t.Overlay,{className:s.default(`${o}__overlay`,d),"data-testid":"modal-overlay"}),e.jsxs(t.Content,{ref:j,className:s.default(o,i),"data-testid":y,"aria-modal":"true",style:m,...C,...r,children:[e.jsx(_.VisuallyHidden,{asChild:!0,children:e.jsx(t.Title,{children:f??"Modal"})}),e.jsx(t.Description,{}),e.jsx(t.Close,{asChild:!0,children:e.jsx(q.default,{id:"modal-close-button","aria-label":"Close Modal",className:s.default(`${o}__close`,{[`${o}__close--left`]:h==="left"}),variant:v.ButtonVariants.tertiary,children:x})}),n]})]})})});l.displayName="Modal";exports.default=l;
+require('./_modal.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),r=require("../../_virtual/index2.cjs"),a=require("../../utils/index.cjs"),p=require("../IconButton/IconButton.cjs"),v=require("../Button/types.cjs"),t=require("../../node_modules/@radix-ui/react-dialog/dist/index.cjs"),_=require("../../node_modules/@radix-ui/react-visually-hidden/dist/index.cjs"),M=require("react");;const b=require("../Icon/Icon.cjs"),l=M.forwardRef(({children:i,className:n,overlayClassName:d,isOpen:c=!1,onClose:u=a.noOp,style:m,closeIcon:x=e.jsx(b.default,{icon:"CloseX",height:32,width:32,color:"currentColor"}),closeIconPosition:h="right",title:f,...s},j)=>{const{className:o,"data-testid":y,...q}=a.getCommonProps(s,"Modal");return e.jsx(t.Root,{open:c,onOpenChange:C=>{C||(document.body.style.removeProperty("pointer-events"),u())},children:e.jsxs(t.Portal,{children:[e.jsx(t.Overlay,{className:r.default(`${o}__overlay`,d),"data-testid":"modal-overlay"}),e.jsxs(t.Content,{ref:j,className:r.default(o,n),"data-testid":y,"aria-modal":"true",style:m,...q,...s,children:[e.jsx(_.VisuallyHidden,{asChild:!0,children:e.jsx(t.Title,{children:f??"Modal"})}),e.jsx(t.Description,{}),e.jsx(t.Close,{asChild:!0,children:e.jsx(p.default,{id:"modal-close-button","aria-label":"Close Modal",className:r.default(`${o}__close`,{[`${o}__close--left`]:h==="left"}),variant:v.ButtonVariants.tertiary,children:x})}),i]})]})})});l.displayName="Modal";exports.default=l;

package/dist/components/Modal/Modal.js

@@ -1,3 +1,4 @@
+import './_modal.css';
 import { jsx as o, jsxs as a } from "react/jsx-runtime";
 import t from "../../_virtual/index2.js";
 import { getCommonProps as v, noOp as N } from "../../utils/index.js";
@@ -6,12 +7,13 @@ import { ButtonVariants as M } from "../Button/types.js";
 import { Root as b, Portal as g, Overlay as P, Content as x, Title as I, Description as O, Close as $ } from "../../node_modules/@radix-ui/react-dialog/dist/index.js";
 import { VisuallyHidden as j } from "../../node_modules/@radix-ui/react-visually-hidden/dist/index.js";
 import { forwardRef as w } from "react";
+
 import B from "../Icon/Icon.js";
 const R = w(
   ({
     children: l,
-    className: s,
-    overlayClassName: i,
+    className: i,
+    overlayClassName: s,
     isOpen: m = !1,
     onClose: n = N,
     style: d,
@@ -32,7 +34,7 @@ const R = w(
           /* @__PURE__ */ o(
             P,
             {
-              className: t(`${e}__overlay`, i),
+              className: t(`${e}__overlay`, s),
               "data-testid": "modal-overlay"
             }
           ),
@@ -40,7 +42,7 @@ const R = w(
             x,
             {
               ref: h,
-              className: t(e, s),
+              className: t(e, i),
               "data-testid": u,
               "aria-modal": "true",
               style: d,

package/dist/components/Modal/_modal.css

@@ -0,0 +1 @@
+@layer vendor,seldon.foundation,seldon.components,seldon.patterns,seldon.site;@layer seldon.components{.seldon-modal{background-color:#fff;left:50%;max-height:100%;max-width:100%;overflow:auto;padding:var(--spacing-md);position:fixed;top:50%;transform:translate(-50%,-50%);z-index:30}.seldon-modal__close--left{left:.4rem;right:auto}.seldon-modal__overlay{background-color:#000000bf;inset:0;position:fixed;z-index:15}.seldon-modal__close{position:absolute;right:var(--spacing-sm);top:var(--spacing-sm);z-index:100}}

package/dist/components/Navigation/Navigation.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),e=require("react"),i=require("../../utils/index.cjs"),x=require("../../_virtual/index2.cjs"),j=require("../../site-furniture/Header/Header.cjs"),f=require("./NavigationList/NavigationList.cjs"),l=require("../../providers/SeldonProvider/utils.cjs"),C=require("../../node_modules/react-remove-scroll/dist/es2015/Combination.cjs"),m=require("../../node_modules/@radix-ui/react-navigation-menu/dist/index.cjs"),o=require("../../utils/constants.cjs"),v=require("../../patterns/LanguageSelector/LanguageSelector.cjs"),p=e.forwardRef(({"aria-label":h,children:r,className:S,id:d,visible:b=!0,dir:N,...g},q)=>{const{isSearchExpanded:a,activeSubmenuId:y,setActiveSubmenuId:M}=e.useContext(j.HeaderContext),t=i.findChildrenOfType(r,f.default)?.[0],_=i.findChildrenExcludingTypes(r,[f.default,v.default]),s=i.findChildrenOfType(r,v.default)?.[0],u=y??"",E=n.jsxs("div",{className:x.default(`${i.px}-nav__list-container`,{[`${i.px}-nav__list-container--search-expanded`]:a}),children:[_,n.jsx(l.SSRMediaQuery.Media,{lessThan:o.Breakpoints.md,children:e.isValidElement(t)?e.cloneElement(t,{isOffScreen:a,isMobile:!0}):void 0}),n.jsx(l.SSRMediaQuery.Media,{greaterThanOrEqual:o.Breakpoints.md,children:e.isValidElement(t)?n.jsxs(C.default,{enabled:!!u,allowPinchZoom:!0,removeScrollBar:!1,children:[e.cloneElement(t,{isOffScreen:a,isMobile:!1}),n.jsx(m.Viewport,{className:`${i.px}-nav__radix-viewport`})]}):void 0}),n.jsx(l.SSRMediaQuery.Media,{lessThan:o.Breakpoints.md,children:e.isValidElement(s)&&s?e.cloneElement(s,{isHidden:a}):void 0})]});return n.jsx(m.Root,{"aria-label":h??"Main navigation","data-testid":d,id:d,style:{"--visible":b?"visible":"hidden"},className:x.default(`${i.px}-nav`,`${i.px}-nav__radix-root`,S),delayDuration:0,skipDelayDuration:300,value:u,onValueChange:c=>M(c===""?null:c),ref:q,...g,children:E})});p.displayName="Navigation";exports.default=p;
+require('./_navigation.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),e=require("react"),i=require("../../utils/index.cjs"),x=require("../../_virtual/index2.cjs"),j=require("../../site-furniture/Header/Header.cjs"),f=require("./NavigationList/NavigationList.cjs"),l=require("../../providers/SeldonProvider/utils.cjs"),C=require("../../node_modules/react-remove-scroll/dist/es2015/Combination.cjs"),m=require("../../node_modules/@radix-ui/react-navigation-menu/dist/index.cjs");;const o=require("../../utils/constants.cjs"),v=require("../../patterns/LanguageSelector/LanguageSelector.cjs"),p=e.forwardRef(({"aria-label":h,children:r,className:S,id:d,visible:b=!0,dir:N,...g},q)=>{const{isSearchExpanded:a,activeSubmenuId:y,setActiveSubmenuId:M}=e.useContext(j.HeaderContext),t=i.findChildrenOfType(r,f.default)?.[0],_=i.findChildrenExcludingTypes(r,[f.default,v.default]),s=i.findChildrenOfType(r,v.default)?.[0],u=y??"",E=n.jsxs("div",{className:x.default(`${i.px}-nav__list-container`,{[`${i.px}-nav__list-container--search-expanded`]:a}),children:[_,n.jsx(l.SSRMediaQuery.Media,{lessThan:o.Breakpoints.md,children:e.isValidElement(t)?e.cloneElement(t,{isOffScreen:a,isMobile:!0}):void 0}),n.jsx(l.SSRMediaQuery.Media,{greaterThanOrEqual:o.Breakpoints.md,children:e.isValidElement(t)?n.jsxs(C.default,{enabled:!!u,allowPinchZoom:!0,removeScrollBar:!1,children:[e.cloneElement(t,{isOffScreen:a,isMobile:!1}),n.jsx(m.Viewport,{className:`${i.px}-nav__radix-viewport`})]}):void 0}),n.jsx(l.SSRMediaQuery.Media,{lessThan:o.Breakpoints.md,children:e.isValidElement(s)&&s?e.cloneElement(s,{isHidden:a}):void 0})]});return n.jsx(m.Root,{"aria-label":h??"Main navigation","data-testid":d,id:d,style:{"--visible":b?"visible":"hidden"},className:x.default(`${i.px}-nav`,`${i.px}-nav__radix-root`,S),delayDuration:0,skipDelayDuration:300,value:u,onValueChange:c=>M(c===""?null:c),ref:q,...g,children:E})});p.displayName="Navigation";exports.default=p;

package/dist/components/Navigation/Navigation.js

@@ -1,3 +1,4 @@
+import './_navigation.css';
 import { jsxs as f, jsx as i } from "react/jsx-runtime";
 import e, { forwardRef as M } from "react";
 import { findChildrenOfType as p, findChildrenExcludingTypes as R, px as a } from "../../utils/index.js";
@@ -7,31 +8,32 @@ import v from "./NavigationList/NavigationList.js";
 import { SSRMediaQuery as l } from "../../providers/SeldonProvider/utils.js";
 import T from "../../node_modules/react-remove-scroll/dist/es2015/Combination.js";
 import { Viewport as $, Root as w } from "../../node_modules/@radix-ui/react-navigation-menu/dist/index.js";
+
 import { Breakpoints as s } from "../../utils/constants.js";
 import h from "../../patterns/LanguageSelector/LanguageSelector.js";
 const O = M(
   ({ "aria-label": S, children: t, className: g, id: d, visible: x = !0, dir: D, ..._ }, b) => {
-    const { isSearchExpanded: n, activeSubmenuId: E, setActiveSubmenuId: N } = e.useContext(V), o = p(t, v)?.[0], y = R(t, [v, h]), r = p(t, h)?.[0], m = E ?? "", C = /* @__PURE__ */ f(
+    const { isSearchExpanded: o, activeSubmenuId: E, setActiveSubmenuId: N } = e.useContext(V), n = p(t, v)?.[0], y = R(t, [v, h]), r = p(t, h)?.[0], m = E ?? "", C = /* @__PURE__ */ f(
       "div",
       {
         className: u(`${a}-nav__list-container`, {
-          [`${a}-nav__list-container--search-expanded`]: n
+          [`${a}-nav__list-container--search-expanded`]: o
         }),
         children: [
           y,
-          /* @__PURE__ */ i(l.Media, { lessThan: s.md, children: e.isValidElement(o) ? e.cloneElement(o, {
-            isOffScreen: n,
+          /* @__PURE__ */ i(l.Media, { lessThan: s.md, children: e.isValidElement(n) ? e.cloneElement(n, {
+            isOffScreen: o,
             isMobile: !0
           }) : void 0 }),
-          /* @__PURE__ */ i(l.Media, { greaterThanOrEqual: s.md, children: e.isValidElement(o) ? /* @__PURE__ */ f(T, { enabled: !!m, allowPinchZoom: !0, removeScrollBar: !1, children: [
-            e.cloneElement(o, {
-              isOffScreen: n,
+          /* @__PURE__ */ i(l.Media, { greaterThanOrEqual: s.md, children: e.isValidElement(n) ? /* @__PURE__ */ f(T, { enabled: !!m, allowPinchZoom: !0, removeScrollBar: !1, children: [
+            e.cloneElement(n, {
+              isOffScreen: o,
               isMobile: !1
             }),
             /* @__PURE__ */ i($, { className: `${a}-nav__radix-viewport` })
           ] }) : void 0 }),
           /* @__PURE__ */ i(l.Media, { lessThan: s.md, children: e.isValidElement(r) && r ? e.cloneElement(r, {
-            isHidden: n
+            isHidden: o
           }) : void 0 })
         ]
       }

package/dist/components/Navigation/NavigationItem/NavigationItem.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),a=require("../../../utils/index.cjs"),_=require("../../../_virtual/index2.cjs"),g=require("../../Link/Link.cjs"),p=require("../../Link/types.cjs"),$=require("react"),c=require("../../../node_modules/@radix-ui/react-navigation-menu/dist/index.cjs"),K=require("../../../site-furniture/Header/Header.cjs"),f=$.forwardRef(({badge:d,className:h="",href:u,isViewAllLink:v=!1,label:i,navGroup:j,navType:o,onClick:m,element:N=g.default,isMobile:q,asRadixSubmenuLink:k,...s},n)=>{const{closeMenu:y}=$.useContext(K.HeaderContext),l=_.default(`${a.px}-nav__item`,`${a.px}-nav__item--${j}`,h),C=e=>{m?.(e),u&&!e.defaultPrevented&&e.button===0&&!(e.metaKey||e.ctrlKey||e.shiftKey||e.altKey)&&y?.()},r=t.jsxs(N,{className:_.default({[`${a.px}-nav__item--view-all`]:v}),href:u,variant:o||p.LinkVariants.linkStylised,onClick:C,children:[t.jsx("span",{className:`${a.px}-nav__item--label`,children:i}),d?t.jsx("span",{className:`${a.px}-nav__item--badge `,children:` • ${d}`}):null]});if(q===!1){const{value:e,...x}=s;return t.jsx(c.Item,{ref:n,"data-testid":`nav-item-${i}`,className:l,...x,children:t.jsx(c.Link,{asChild:!0,children:r})})}return k?t.jsx("li",{...s,"data-testid":`nav-item-${i}`,className:l,ref:n,children:t.jsx(c.Link,{asChild:!0,children:r})}):t.jsx("li",{...s,onClick:m,"data-testid":`nav-item-${i}`,className:l,ref:n,children:r})});f.displayName="NavigationItem";exports.default=f;
+require('./_navigationItem.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),i=require("../../../utils/index.cjs"),_=require("../../../_virtual/index2.cjs"),g=require("../../Link/Link.cjs"),p=require("../../Link/types.cjs"),$=require("react"),c=require("../../../node_modules/@radix-ui/react-navigation-menu/dist/index.cjs"),K=require("../../../site-furniture/Header/Header.cjs");;const f=$.forwardRef(({badge:d,className:h="",href:u,isViewAllLink:v=!1,label:a,navGroup:j,navType:o,onClick:m,element:N=g.default,isMobile:q,asRadixSubmenuLink:k,...s},n)=>{const{closeMenu:y}=$.useContext(K.HeaderContext),r=_.default(`${i.px}-nav__item`,`${i.px}-nav__item--${j}`,h),C=e=>{m?.(e),u&&!e.defaultPrevented&&e.button===0&&!(e.metaKey||e.ctrlKey||e.shiftKey||e.altKey)&&y?.()},l=t.jsxs(N,{className:_.default({[`${i.px}-nav__item--view-all`]:v}),href:u,variant:o||p.LinkVariants.linkStylised,onClick:C,children:[t.jsx("span",{className:`${i.px}-nav__item--label`,children:a}),d?t.jsx("span",{className:`${i.px}-nav__item--badge `,children:` • ${d}`}):null]});if(q===!1){const{value:e,...x}=s;return t.jsx(c.Item,{ref:n,"data-testid":`nav-item-${a}`,className:r,...x,children:t.jsx(c.Link,{asChild:!0,children:l})})}return k?t.jsx("li",{...s,"data-testid":`nav-item-${a}`,className:r,ref:n,children:t.jsx(c.Link,{asChild:!0,children:l})}):t.jsx("li",{...s,onClick:m,"data-testid":`nav-item-${a}`,className:r,ref:n,children:l})});f.displayName="NavigationItem";exports.default=f;

package/dist/components/Navigation/NavigationItem/NavigationItem.js

@@ -1,3 +1,4 @@
+import './_navigationItem.css';
 import { jsxs as y, jsx as a } from "react/jsx-runtime";
 import { px as i } from "../../../utils/index.js";
 import u from "../../../_virtual/index2.js";
@@ -6,6 +7,7 @@ import { LinkVariants as K } from "../../Link/types.js";
 import { forwardRef as L, useContext as I } from "react";
 import { Item as j, Link as h } from "../../../node_modules/@radix-ui/react-navigation-menu/dist/index.js";
 import { HeaderContext as w } from "../../../site-furniture/Header/Header.js";
+
 const P = L(
   ({
     badge: l,
@@ -13,18 +15,18 @@ const P = L(
     href: o,
     isViewAllLink: $ = !1,
     label: e,
-    navGroup: N,
+    navGroup: p,
     navType: c,
     onClick: d,
-    element: p = g,
+    element: N = g,
     isMobile: v,
     asRadixSubmenuLink: k,
     ...s
   }, n) => {
-    const { closeMenu: C } = I(w), m = u(`${i}-nav__item`, `${i}-nav__item--${N}`, _), x = (t) => {
+    const { closeMenu: C } = I(w), m = u(`${i}-nav__item`, `${i}-nav__item--${p}`, _), x = (t) => {
       d?.(t), o && !t.defaultPrevented && t.button === 0 && !(t.metaKey || t.ctrlKey || t.shiftKey || t.altKey) && C?.();
     }, r = /* @__PURE__ */ y(
-      p,
+      N,
       {
         className: u({
           [`${i}-nav__item--view-all`]: $

package/dist/components/Navigation/NavigationItem/_navigationItem.css

@@ -0,0 +1 @@
+@charset "UTF-8";@layer vendor,seldon.foundation,seldon.components,seldon.patterns,seldon.site;@layer seldon.components{.seldon-nav__item .seldon-link:not(:hover):not(:focus-visible):not(.seldon-nav__item--view-all){text-decoration:none}@media(min-width:961px){.seldon-nav__item .seldon-link--linkStylised{padding:.5rem .625rem calc(.5rem + 2px);position:relative;text-align:center}.seldon-nav__item .seldon-link--linkStylised:hover:after,.seldon-nav__item .seldon-link--linkStylised:focus-visible:after{background:#000;bottom:-1px;content:"";height:1px;left:0;position:absolute;right:0}}@media(max-width:960px){.seldon-nav__item a{white-space:normal}.seldon-nav__item--nav-link-start{padding-top:var(--spacing-micro)}}@media(min-width:961px){.seldon-nav__item{align-items:center;display:flex;max-width:unset}}@media(max-width:960px){.seldon-nav__item .seldon-nav__item-trigger>label:after{content:"›";display:inline-block;font-size:1.75rem;font-variation-settings:"wght" 400;position:absolute;right:0;top:35%;transform:translateY(-50%)}}@media(min-width:961px){.seldon-nav__item .seldon-nav__item-trigger>label:after{content:""}}.seldon-nav__item>button{background-color:transparent;border:0;cursor:pointer;display:flex;padding:.5rem .625rem calc(.5rem + 2px)}@media(max-width:960px){.seldon-nav__item>a,.seldon-nav__item>button{display:flex}}.seldon-nav__list__section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.seldon-nav__list__section .seldon-text{margin-bottom:0}@media(max-width:960px){.seldon-nav__list__section a{display:block}}@media(max-width:960px){.seldon-nav__list__section--start__title,.seldon-nav__list__section--end__title{border-bottom:1px solid #eae9e6;padding-bottom:var(--spacing-sm)}}@media(max-width:960px){.seldon-nav__list__section--end{margin-top:var(--spacing-md)}}.seldon-nav__list__section--start{margin-right:1rem}@media(max-width:960px){.seldon-nav__list__section--start{margin-right:0}}}

package/dist/components/Navigation/NavigationItemWithSubmenu/NavigationItemWithSubmenu.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),f=require("../../../_virtual/index2.cjs"),r=require("react"),M=require("../../../node_modules/react-remove-scroll/dist/es2015/Combination.cjs"),h=require("../../../providers/SeldonProvider/utils.cjs"),q=require("../../../site-furniture/Header/Header.cjs"),a=require("../../../utils/index.cjs"),T=require("../../Accordion/Accordion.cjs"),$=require("../../Accordion/AccordionItem.cjs"),I=require("../NavigationSubmenu/NavigationSubmenu.cjs"),P=require("./NavigationDesktopSubmenu.cjs"),b=require("../../../utils/constants.cjs"),W=require("../../Text/Text.cjs"),O=require("../../Text/types.cjs"),S=({id:o,label:t,children:u})=>{const{isMenuOpen:c}=r.useContext(q.HeaderContext);return e.jsx(T.default,{children:e.jsx($.default,{hasTransition:!0,id:`accordion-item-${o}`,label:e.jsx(W.default,{variant:O.TextVariants.linkStylised,children:t}),children:u},`accordion-key-${t}`)},`accordion-key-${t}-${c}`)},j=r.forwardRef(({id:o,label:t,children:u,className:c,onClick:k,renderMode:v,isMobile:m,...C},N)=>{const{className:i,...s}=a.getCommonProps({id:o},"NavigationItemWithSubmenu"),n=a.findChildrenOfType(u,I.default),{closeMenu:l,setActiveSubmenuId:g}=r.useContext(q.HeaderContext),_=o??i??"item",p=e.jsx(P.default,{ref:N,navSubmenuElement:n,itemValue:_,baseClassName:i,commonProps:s,label:t,className:c,onClick:k,closeMenu:l,setActiveSubmenuId:g,itemProps:C}),x=typeof m=="boolean"?m?"mobile":"desktop":v;if(x==="mobile")return e.jsx("li",{className:f.default(i,`${a.px}-nav__item`),...s,children:e.jsx(S,{id:o,label:t,...s,children:n?r.cloneElement(n[0],{className:`${i}__submenu--mobile`,onClick:d=>{n[0].props?.onClick?.(d),l?.()}}):null})});if(x==="desktop")return p;const{"data-testid":R,...y}=s;return e.jsx(e.Fragment,{children:e.jsxs(M.default,{enabled:!1,allowPinchZoom:!0,removeScrollBar:!1,children:[e.jsx(h.SSRMediaQuery.Media,{lessThan:b.Breakpoints.md,children:e.jsx("li",{className:f.default(i,`${a.px}-nav__item`),...y,children:e.jsx(S,{id:o,label:t,...s,children:n?r.cloneElement(n[0],{className:`${i}__submenu--mobile`,onClick:d=>{n[0].props?.onClick?.(d),l?.()}}):null})})}),e.jsx(h.SSRMediaQuery.Media,{greaterThanOrEqual:b.Breakpoints.md,children:p})]})})});j.displayName="NavigationItemWithSubmenu";exports.default=j;
+require('./_navigationItemWithSubmenu.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),f=require("../../../_virtual/index2.cjs"),r=require("react"),M=require("../../../node_modules/react-remove-scroll/dist/es2015/Combination.cjs"),h=require("../../../providers/SeldonProvider/utils.cjs"),S=require("../../../site-furniture/Header/Header.cjs"),a=require("../../../utils/index.cjs"),T=require("../../Accordion/Accordion.cjs"),$=require("../../Accordion/AccordionItem.cjs"),I=require("../NavigationSubmenu/NavigationSubmenu.cjs"),P=require("./NavigationDesktopSubmenu.cjs");;const b=require("../../../utils/constants.cjs"),W=require("../../Text/Text.cjs"),O=require("../../Text/types.cjs"),q=({id:o,label:t,children:u})=>{const{isMenuOpen:c}=r.useContext(S.HeaderContext);return e.jsx(T.default,{children:e.jsx($.default,{hasTransition:!0,id:`accordion-item-${o}`,label:e.jsx(W.default,{variant:O.TextVariants.linkStylised,children:t}),children:u},`accordion-key-${t}`)},`accordion-key-${t}-${c}`)},j=r.forwardRef(({id:o,label:t,children:u,className:c,onClick:k,renderMode:v,isMobile:m,...C},N)=>{const{className:i,...s}=a.getCommonProps({id:o},"NavigationItemWithSubmenu"),n=a.findChildrenOfType(u,I.default),{closeMenu:l,setActiveSubmenuId:g}=r.useContext(S.HeaderContext),_=o??i??"item",p=e.jsx(P.default,{ref:N,navSubmenuElement:n,itemValue:_,baseClassName:i,commonProps:s,label:t,className:c,onClick:k,closeMenu:l,setActiveSubmenuId:g,itemProps:C}),x=typeof m=="boolean"?m?"mobile":"desktop":v;if(x==="mobile")return e.jsx("li",{className:f.default(i,`${a.px}-nav__item`),...s,children:e.jsx(q,{id:o,label:t,...s,children:n?r.cloneElement(n[0],{className:`${i}__submenu--mobile`,onClick:d=>{n[0].props?.onClick?.(d),l?.()}}):null})});if(x==="desktop")return p;const{"data-testid":R,...y}=s;return e.jsx(e.Fragment,{children:e.jsxs(M.default,{enabled:!1,allowPinchZoom:!0,removeScrollBar:!1,children:[e.jsx(h.SSRMediaQuery.Media,{lessThan:b.Breakpoints.md,children:e.jsx("li",{className:f.default(i,`${a.px}-nav__item`),...y,children:e.jsx(q,{id:o,label:t,...s,children:n?r.cloneElement(n[0],{className:`${i}__submenu--mobile`,onClick:d=>{n[0].props?.onClick?.(d),l?.()}}):null})})}),e.jsx(h.SSRMediaQuery.Media,{greaterThanOrEqual:b.Breakpoints.md,children:p})]})})});j.displayName="NavigationItemWithSubmenu";exports.default=j;

package/dist/components/Navigation/NavigationItemWithSubmenu/NavigationItemWithSubmenu.js

@@ -1,3 +1,4 @@
+import './_navigationItemWithSubmenu.css';
 import { jsx as e, Fragment as T, jsxs as $ } from "react/jsx-runtime";
 import f from "../../../_virtual/index2.js";
 import m, { forwardRef as y } from "react";
@@ -9,6 +10,7 @@ import R from "../../Accordion/Accordion.js";
 import E from "../../Accordion/AccordionItem.js";
 import O from "../NavigationSubmenu/NavigationSubmenu.js";
 import A from "./NavigationDesktopSubmenu.js";
+
 import { Breakpoints as k } from "../../../utils/constants.js";
 import V from "../../Text/Text.js";
 import { TextVariants as j } from "../../Text/types.js";
@@ -26,7 +28,7 @@ const v = ({ id: n, label: o, children: a }) => {
   ) }, `accordion-key-${o}-${s}`);
 }, w = y(
   ({ id: n, label: o, children: a, className: s, onClick: S, renderMode: C, isMobile: u, ..._ }, g) => {
-    const { className: i, ...r } = W({ id: n }, "NavigationItemWithSubmenu"), t = P(a, O), { closeMenu: c, setActiveSubmenuId: x } = m.useContext(N), d = /* @__PURE__ */ e(
+    const { className: i, ...r } = W({ id: n }, "NavigationItemWithSubmenu"), t = P(a, O), { closeMenu: c, setActiveSubmenuId: x } = m.useContext(N), p = /* @__PURE__ */ e(
       A,
       {
         ref: g,
@@ -41,16 +43,16 @@ const v = ({ id: n, label: o, children: a }) => {
         setActiveSubmenuId: x,
         itemProps: _
       }
-    ), p = typeof u == "boolean" ? u ? "mobile" : "desktop" : C;
-    if (p === "mobile")
+    ), d = typeof u == "boolean" ? u ? "mobile" : "desktop" : C;
+    if (d === "mobile")
       return /* @__PURE__ */ e("li", { className: f(i, `${b}-nav__item`), ...r, children: /* @__PURE__ */ e(v, { id: n, label: o, ...r, children: t ? m.cloneElement(t[0], {
         className: `${i}__submenu--mobile`,
         onClick: (l) => {
           t[0].props?.onClick?.(l), c?.();
         }
       }) : null }) });
-    if (p === "desktop")
-      return d;
+    if (d === "desktop")
+      return p;
     const { "data-testid": q, ...I } = r;
     return /* @__PURE__ */ e(T, { children: /* @__PURE__ */ $(M, { enabled: !1, allowPinchZoom: !0, removeScrollBar: !1, children: [
       /* @__PURE__ */ e(h.Media, { lessThan: k.md, children: /* @__PURE__ */ e("li", { className: f(i, `${b}-nav__item`), ...I, children: /* @__PURE__ */ e(v, { id: n, label: o, ...r, children: t ? m.cloneElement(t[0], {
@@ -59,7 +61,7 @@ const v = ({ id: n, label: o, children: a }) => {
           t[0].props?.onClick?.(l), c?.();
         }
       }) : null }) }) }),
-      /* @__PURE__ */ e(h.Media, { greaterThanOrEqual: k.md, children: d })
+      /* @__PURE__ */ e(h.Media, { greaterThanOrEqual: k.md, children: p })
     ] }) });
   }
 );

package/dist/components/Navigation/NavigationItemWithSubmenu/_navigationItemWithSubmenu.css

@@ -0,0 +1 @@
+@layer vendor,seldon.foundation,seldon.components,seldon.patterns,seldon.site;@layer seldon.components{.seldon-navigation-item-with-submenu{flex-direction:column;justify-content:center}.seldon-navigation-item-with-submenu>button{color:#000;display:flex;justify-content:flex-start;position:relative;width:100%}@media(min-width:961px){.seldon-navigation-item-with-submenu>button{color:unset;display:block;text-align:center;font-family:Montserrat,sans-serif;font-size:var(--font-size-link-stylised);font-style:unset;font-variation-settings:"wght" 400;letter-spacing:0;line-height:1.2;text-decoration:unset;text-transform:uppercase;font-family:DistinctDisplay,sans-serif;letter-spacing:1px}.seldon-navigation-item-with-submenu>button:focus-visible{border-radius:4px;outline:2px solid #07c;outline-offset:4px}}@media(min-width:961px){.seldon-navigation-item-with-submenu[data-state=open]>button:after,.seldon-navigation-item-with-submenu--hovered>button:after,.seldon-navigation-item-with-submenu>button:hover:after,.seldon-navigation-item-with-submenu>button:focus-visible:after{background-color:#000;bottom:-1px;content:"";height:1px;left:0;position:absolute;right:0}.seldon-navigation-item-with-submenu__submenu[data-state=open]{box-sizing:border-box;cursor:default;left:0;max-height:calc(90vh - var(--header-height) + var(--banner-height));min-width:100%;-ms-overflow-style:none;overflow-y:auto;padding:0;scrollbar-width:none;width:100%}.seldon-navigation-item-with-submenu__submenu[data-state=open]::-webkit-scrollbar{display:none}.seldon-navigation-item-with-submenu__submenu[data-state=open] .seldon-nav__list__section{opacity:1}.seldon-nav__radix-viewport .seldon-navigation-item-with-submenu__submenu{background-color:#fff;box-sizing:border-box}.seldon-nav__radix-viewport .seldon-navigation-item-with-submenu__submenu .seldon-nav__list{align-items:flex-start;box-sizing:border-box;padding:var(--spacing-md);width:100%}.seldon-nav__radix-viewport .seldon-navigation-item-with-submenu__submenu .seldon-nav__list .seldon-link--linkStylised{padding:1.25rem 0}.seldon-nav__radix-viewport .seldon-navigation-item-with-submenu__submenu .seldon-nav__list .seldon-nav__item .seldon-link--linkStylised,.seldon-nav__radix-viewport .seldon-navigation-item-with-submenu__submenu .seldon-nav__list .seldon-nav__item .seldon-link--linkMedium,.seldon-nav__radix-viewport .seldon-navigation-item-with-submenu__submenu .seldon-nav__list .seldon-nav__item .seldon-link--linkLarge{text-decoration:none}.seldon-nav__radix-viewport .seldon-navigation-item-with-submenu__submenu .seldon-nav__list .seldon-nav__item .seldon-link--linkStylised:hover,.seldon-nav__radix-viewport .seldon-navigation-item-with-submenu__submenu .seldon-nav__list .seldon-nav__item .seldon-link--linkStylised:focus-visible,.seldon-nav__radix-viewport .seldon-navigation-item-with-submenu__submenu .seldon-nav__list .seldon-nav__item .seldon-link--linkMedium:hover,.seldon-nav__radix-viewport .seldon-navigation-item-with-submenu__submenu .seldon-nav__list .seldon-nav__item .seldon-link--linkMedium:focus-visible,.seldon-nav__radix-viewport .seldon-navigation-item-with-submenu__submenu .seldon-nav__list .seldon-nav__item .seldon-link--linkLarge:hover,.seldon-nav__radix-viewport .seldon-navigation-item-with-submenu__submenu .seldon-nav__list .seldon-nav__item .seldon-link--linkLarge:focus-visible{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:1px}.seldon-nav__radix-viewport .seldon-navigation-item-with-submenu__submenu .seldon-nav__list .seldon-nav__item .seldon-nav__item--view-all{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:1px}.seldon-nav__radix-viewport .seldon-navigation-item-with-submenu__submenu .seldon-nav__list .seldon-link--linkMedium,.seldon-nav__radix-viewport .seldon-navigation-item-with-submenu__submenu .seldon-nav__list .seldon-link--linkLarge{padding:0}}.seldon-navigation-item-with-submenu__submenu--mobile.seldon-nav__list{padding:0 0 1.25rem}}

package/dist/components/Navigation/NavigationList/NavigationList.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),m=require("../../../_virtual/index2.cjs"),f=require("react"),c=require("../../../utils/index.cjs"),g=require("../NavigationItem/NavigationItem.cjs"),p=require("../../../node_modules/@radix-ui/react-navigation-menu/dist/index.cjs"),j=require("../NavigationItemWithSubmenu/NavigationItemWithSubmenu.cjs");function x(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const r=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(n,e,r.get?r:{enumerable:!0,get:()=>t[e]})}}return n.default=t,Object.freeze(n)}const a=x(f);function v({children:t,isMobile:n=!0}){return i.jsx(i.Fragment,{children:a.Children.map(t,e=>a.isValidElement(e)&&e.type===g.default?a.cloneElement(e,{isMobile:n}):a.isValidElement(e)&&e.type===j.default?a.cloneElement(e,{isMobile:n}):e)})}const d=a.forwardRef(({id:t,children:n,className:e,isOffScreen:r,onClick:N,isMobile:s=!0},o)=>{const u=i.jsx(v,{isMobile:s,children:n}),l=m.default(e,`${c.px}-nav__list`,{[`${c.px}-nav__list--offscreen`]:r});return s?i.jsx("ul",{"aria-hidden":r,id:t,"data-testid":t,role:"list",className:l,ref:o,children:u}):i.jsx(p.List,{asChild:!0,children:i.jsx("ul",{"aria-hidden":r,id:t,"data-testid":t,role:"list",className:l,ref:o,children:u})})});d.displayName="NavigationList";exports.default=d;
+require('./_navigationList.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),m=require("../../../_virtual/index2.cjs"),f=require("react"),c=require("../../../utils/index.cjs"),g=require("../NavigationItem/NavigationItem.cjs"),p=require("../../../node_modules/@radix-ui/react-navigation-menu/dist/index.cjs"),j=require("../NavigationItemWithSubmenu/NavigationItemWithSubmenu.cjs");;function x(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const r=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(n,e,r.get?r:{enumerable:!0,get:()=>t[e]})}}return n.default=t,Object.freeze(n)}const a=x(f);function v({children:t,isMobile:n=!0}){return i.jsx(i.Fragment,{children:a.Children.map(t,e=>a.isValidElement(e)&&e.type===g.default?a.cloneElement(e,{isMobile:n}):a.isValidElement(e)&&e.type===j.default?a.cloneElement(e,{isMobile:n}):e)})}const d=a.forwardRef(({id:t,children:n,className:e,isOffScreen:r,onClick:N,isMobile:s=!0},u)=>{const o=i.jsx(v,{isMobile:s,children:n}),l=m.default(e,`${c.px}-nav__list`,{[`${c.px}-nav__list--offscreen`]:r});return s?i.jsx("ul",{"aria-hidden":r,id:t,"data-testid":t,role:"list",className:l,ref:u,children:o}):i.jsx(p.List,{asChild:!0,children:i.jsx("ul",{"aria-hidden":r,id:t,"data-testid":t,role:"list",className:l,ref:u,children:o})})});d.displayName="NavigationList";exports.default=d;

package/dist/components/Navigation/NavigationList/NavigationList.js

@@ -1,23 +1,25 @@
-import { jsx as r, Fragment as p } from "react/jsx-runtime";
+import './_navigationList.css';
+import { jsx as a, Fragment as p } from "react/jsx-runtime";
 import f from "../../../_virtual/index2.js";
-import * as a from "react";
+import * as r from "react";
 import { px as u } from "../../../utils/index.js";
 import d from "../NavigationItem/NavigationItem.js";
 import { List as c } from "../../../node_modules/@radix-ui/react-navigation-menu/dist/index.js";
 import N from "../NavigationItemWithSubmenu/NavigationItemWithSubmenu.js";
+
 function v({ children: e, isMobile: n = !0 }) {
-  return /* @__PURE__ */ r(p, { children: a.Children.map(e, (t) => a.isValidElement(t) && t.type === d ? a.cloneElement(t, {
+  return /* @__PURE__ */ a(p, { children: r.Children.map(e, (t) => r.isValidElement(t) && t.type === d ? r.cloneElement(t, {
     isMobile: n
-  }) : a.isValidElement(t) && t.type === N ? a.cloneElement(t, {
+  }) : r.isValidElement(t) && t.type === N ? r.cloneElement(t, {
     isMobile: n
   }) : t) });
 }
-const C = a.forwardRef(
+const C = r.forwardRef(
   ({ id: e, children: n, className: t, isOffScreen: i, onClick: g, isMobile: o = !0 }, m) => {
-    const s = /* @__PURE__ */ r(v, { isMobile: o, children: n }), l = f(t, `${u}-nav__list`, {
+    const s = /* @__PURE__ */ a(v, { isMobile: o, children: n }), l = f(t, `${u}-nav__list`, {
       [`${u}-nav__list--offscreen`]: i
     });
-    return o ? /* @__PURE__ */ r("ul", { "aria-hidden": i, id: e, "data-testid": e, role: "list", className: l, ref: m, children: s }) : /* @__PURE__ */ r(c, { asChild: !0, children: /* @__PURE__ */ r("ul", { "aria-hidden": i, id: e, "data-testid": e, role: "list", className: l, ref: m, children: s }) });
+    return o ? /* @__PURE__ */ a("ul", { "aria-hidden": i, id: e, "data-testid": e, role: "list", className: l, ref: m, children: s }) : /* @__PURE__ */ a(c, { asChild: !0, children: /* @__PURE__ */ a("ul", { "aria-hidden": i, id: e, "data-testid": e, role: "list", className: l, ref: m, children: s }) });
   }
 );
 C.displayName = "NavigationList";

package/dist/components/Navigation/NavigationList/_navigationList.css

@@ -0,0 +1 @@
+@layer vendor,seldon.foundation,seldon.components,seldon.patterns,seldon.site;@layer seldon.components{.seldon-nav__list{align-items:flex-start;flex-direction:column;justify-content:left;opacity:1}.seldon-nav__list:focus:not(:focus-visible){outline:none}.seldon-nav__list--offscreen{opacity:0;pointer-events:none;top:-100%}@media(min-width:961px){.seldon-nav__list{align-items:flex-end;display:flex;flex-direction:row;justify-content:center;list-style:none;margin:0;padding:0;position:relative;top:0;transform:translateY(0);transition:top .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1),opacity .5s cubic-bezier(.65,0,.35,1);z-index:5}}@media(min-width:961px)and (prefers-reduced-motion:reduce){.seldon-nav__list{transition:none}}@media(min-width:961px){.seldon-nav__list--offscreen{transition:top .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.65,0,.35,1)}}@media(min-width:961px)and (prefers-reduced-motion:reduce){.seldon-nav__list--offscreen{transition:none}}@media(min-width:961px){.seldon-nav__list__section{display:grid;gap:var(--spacing-sm);width:50%}.seldon-nav__list__section:only-child{width:100%}.seldon-nav__list .seldon-accordion{display:none}}@media(max-width:960px){.seldon-nav__list__section{width:100%}.seldon-nav__list .seldon-accordion{border-bottom:0;border-top:0;margin-bottom:0}.seldon-nav__list .seldon-accordion-item-label{opacity:1}.seldon-nav__list .seldon-link--linkStylised{border-bottom:1px solid #eae9e6;flex-wrap:wrap;padding:1.25rem 0}.seldon-nav__list .seldon-accordion-item-label{padding:1.25rem 0}}}

package/dist/components/Navigation/_navigation.css

@@ -0,0 +1 @@
+@layer vendor,seldon.foundation,seldon.components,seldon.patterns,seldon.site;@layer seldon.components{.seldon-nav{border-top:1px solid #eae9e6;display:flex;height:fit-content;justify-content:center}.seldon-nav__list-container{display:flex;flex-direction:column;justify-content:center;padding:0 var(--spacing-sm);position:relative;width:100%}.seldon-nav__list-container>.seldon-nav__list{padding-top:0}@media(min-width:961px){.seldon-nav__list-container>.seldon-nav__list{border-top:unset}}@media(max-width:960px){.seldon-nav__list-container>.seldon-nav__list{padding:0 var(--spacing-md)}}.seldon-nav__list-container>.seldon-nav__list .seldon-nav__item+.seldon-accordion{border-top:0}@media(min-width:961px){.seldon-nav__list-container{flex-direction:row;overflow:visible;padding-right:var(--search-size)}.seldon-nav__list-container--search-expanded .seldon-nav__list{opacity:0;pointer-events:none;transform:translateY(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.65,0,.35,1)}}@media(min-width:961px)and (prefers-reduced-motion:reduce){.seldon-nav__list-container--search-expanded .seldon-nav__list{transition:none}}@media(min-width:961px){.seldon-nav{border:unset;width:fit-content}.seldon-nav .seldon-nav__close-btn{display:none}}.seldon-nav__close-btn:hover,.seldon-nav__close-btn:focus{background-color:#eae9e6}@media(max-width:960px){.seldon-nav__list-container .seldon-nav__list{padding:0 var(--spacing-md)}.seldon-nav__list-container .seldon-nav__list .seldon-link--linkStylised{padding:1.25rem 0}.seldon-nav__list-container .seldon-nav__list .seldon-link--linkMedium,.seldon-nav__list-container .seldon-nav__list .seldon-link--linkLarge{padding:0}.seldon-nav__list-container .seldon-nav__list .seldon-accordion-item-label{padding:1.25rem 0}}@media(min-width:961px){.seldon-nav__radix-root{display:flex;flex-direction:column;overflow:visible;position:relative;width:fit-content}.seldon-nav__radix-viewport{height:0;left:0;overflow:hidden;pointer-events:none;position:fixed;right:0;top:calc(var(--banner-height, 0px) + var(--header-height));transition:height .3s cubic-bezier(.4,0,.2,1)}}@media(min-width:961px)and (prefers-reduced-motion:reduce){.seldon-nav__radix-viewport{transition:none}}@media(min-width:961px){.seldon-nav__radix-viewport[data-state=open]{animation:nav-viewport-enter .3s cubic-bezier(.33,1,.68,1);height:var(--radix-navigation-menu-viewport-height, auto);pointer-events:auto}}@media(min-width:961px)and (prefers-reduced-motion:reduce){.seldon-nav__radix-viewport[data-state=open]{animation:none}}@media(min-width:961px){.seldon-nav__radix-viewport[data-state=closed]{animation:nav-viewport-exit .2s cubic-bezier(.65,0,.35,1)}}@media(min-width:961px)and (prefers-reduced-motion:reduce){.seldon-nav__radix-viewport[data-state=closed]{animation:none}}@media(min-width:961px){@keyframes nav-viewport-enter{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes nav-viewport-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-16px)}}}}

package/dist/components/NotificationBanner/NotificationBanner.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react/jsx-runtime"),u=require("../../_virtual/index2.cjs"),d=require("react"),l=require("../../utils/index.cjs"),t=d.forwardRef(({className:n,...e},i)=>{const{className:o,...a}=l.getCommonProps(e,"NotificationBanner"),{children:r,id:s}=e;return c.jsx("div",{...a,...e,className:u.default(o,n),ref:i,id:s,children:r})});t.displayName="NotificationBanner";exports.default=t;
+require('./_notificationBanner.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react/jsx-runtime"),u=require("../../_virtual/index2.cjs"),d=require("react"),l=require("../../utils/index.cjs");;const t=d.forwardRef(({className:i,...e},n)=>{const{className:o,...r}=l.getCommonProps(e,"NotificationBanner"),{children:a,id:s}=e;return c.jsx("div",{...r,...e,className:u.default(o,i),ref:n,id:s,children:a})});t.displayName="NotificationBanner";exports.default=t;