@phillips/seldon 1.279.2 → 1.280.0

package/dist/components/Detail/Detail.js

@@ -1,13 +1,15 @@
+import './_detail.css';
 import { jsxs as n, jsx as s } from "react/jsx-runtime";
 import { forwardRef as N } from "react";
 import { getCommonProps as h } from "../../utils/index.js";
 import r from "../../_virtual/index2.js";
+
 import { TextVariants as a } from "../Text/types.js";
 import o from "../Text/Text.js";
 const x = N(
-  ({ className: c = "", hasWrap: d = !0, label: b, subLabel: m, value: _, variant: e = "md", ...t }, f) => {
-    const { className: l, ...p } = h(t, "Detail"), i = e === "sm" ? a.labelSmall : e === "lg" ? a.labelLarge : a.labelMedium, u = e === "sm" ? a.labelSmall : e === "lg" ? a.bodyLarge : a.labelMedium;
-    return /* @__PURE__ */ n("div", { ...p, className: r(l, c), ...t, ref: f, children: [
+  ({ className: c = "", hasWrap: d = !0, label: b, subLabel: m, value: _, variant: e = "md", ...t }, p) => {
+    const { className: l, ...f } = h(t, "Detail"), i = e === "sm" ? a.labelSmall : e === "lg" ? a.labelLarge : a.labelMedium, u = e === "sm" ? a.labelSmall : e === "lg" ? a.bodyLarge : a.labelMedium;
+    return /* @__PURE__ */ n("div", { ...f, className: r(l, c), ...t, ref: p, children: [
       /* @__PURE__ */ n(
         "div",
         {

package/dist/components/Detail/_detail.css

@@ -0,0 +1 @@
+@layer vendor,seldon.foundation,seldon.components,seldon.patterns,seldon.site;@layer seldon.components{.seldon-detail{align-items:center;align-items:flex-start;align-self:stretch;color:#000;display:flex;gap:var(--spacing-md)}.seldon-detail__label-section{flex:0 0 160px;max-width:100%}.seldon-detail__label-section--label.seldon-text{font-variation-settings:"wght" 600}@media(max-width:961px){.seldon-detail__label-section{flex:0 0 128px}}@media(max-width:361px){.seldon-detail__label-section{flex:0 0 96px}}.seldon-detail__label-section--has-sub-label{flex:0 0 240px}@media(max-width:361px){.seldon-detail__label-section--has-sub-label{flex:0 0 120px}}.seldon-detail__label-section--no-wrap{flex:none}.seldon-detail__label-section span{font-variation-settings:"wght" 400}.seldon-detail__sub-label{text-wrap:nowrap}.seldon-detail__value{flex:0 1 auto;font-variation-settings:"wght" 400}}

package/dist/components/DetailList/DetailList.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("react/jsx-runtime"),n=require("react"),c=require("../../_virtual/index2.cjs"),e=require("../../utils/index.cjs"),s=require("./types.cjs"),D=require("./utils.cjs"),d=n.forwardRef(({alignment:t=s.DetailListAlignment.justified,className:p,children:a,hasSeparators:o=!1,variant:r="md",...u},f)=>{const{className:l,...x}=e.getCommonProps(u,"DetailList"),$=Array.isArray(a)?a:[a];return m.jsx("div",{...x,className:c.default(l,p,{[`${e.px}-has-separators`]:o,[`${e.px}-columns`]:t===s.DetailListAlignment.columns,[`${e.px}-justified`]:t===s.DetailListAlignment.justified,[`${l}--${r}`]:r}),...u,ref:f,children:$?.map((i,j)=>n.isValidElement(i)?m.jsx("div",{className:c.default(`${l}-wrapper`,{[`${e.px}-has-separators`]:o,[`${e.px}-columns`]:t===s.DetailListAlignment.columns,[`${e.px}-justified`]:t===s.DetailListAlignment.justified}),children:n.cloneElement(i,{variant:i.props.variant||r})},D.getDetailKey(i,j)):void 0)})});d.displayName="DetailList";exports.default=d;
+require('./_detailList.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("react/jsx-runtime"),n=require("react"),c=require("../../_virtual/index2.cjs"),e=require("../../utils/index.cjs"),s=require("./types.cjs"),D=require("./utils.cjs");;const d=n.forwardRef(({alignment:t=s.DetailListAlignment.justified,className:p,children:r,hasSeparators:o=!1,variant:a="md",...u},f)=>{const{className:l,...x}=e.getCommonProps(u,"DetailList"),$=Array.isArray(r)?r:[r];return m.jsx("div",{...x,className:c.default(l,p,{[`${e.px}-has-separators`]:o,[`${e.px}-columns`]:t===s.DetailListAlignment.columns,[`${e.px}-justified`]:t===s.DetailListAlignment.justified,[`${l}--${a}`]:a}),...u,ref:f,children:$?.map((i,j)=>n.isValidElement(i)?m.jsx("div",{className:c.default(`${l}-wrapper`,{[`${e.px}-has-separators`]:o,[`${e.px}-columns`]:t===s.DetailListAlignment.columns,[`${e.px}-justified`]:t===s.DetailListAlignment.justified}),children:n.cloneElement(i,{variant:i.props.variant||a})},D.getDetailKey(i,j)):void 0)})});d.displayName="DetailList";exports.default=d;

package/dist/components/DetailList/DetailList.js

@@ -1,34 +1,36 @@
-import { jsx as f } from "react/jsx-runtime";
+import './_detailList.css';
+import { jsx as p } from "react/jsx-runtime";
 import { forwardRef as j, isValidElement as y, cloneElement as D } from "react";
-import p from "../../_virtual/index2.js";
+import f from "../../_virtual/index2.js";
 import { getCommonProps as N, px as s } from "../../utils/index.js";
 import { DetailListAlignment as e } from "./types.js";
 import { getDetailKey as A } from "./utils.js";
+
 const L = j(
-  ({ alignment: o = e.justified, className: c, children: t, hasSeparators: m = !1, variant: a = "md", ...l }, d) => {
-    const { className: i, ...n } = N(l, "DetailList"), u = Array.isArray(t) ? t : [t];
-    return /* @__PURE__ */ f(
+  ({ alignment: o = e.justified, className: c, children: t, hasSeparators: a = !1, variant: i = "md", ...l }, d) => {
+    const { className: m, ...n } = N(l, "DetailList"), u = Array.isArray(t) ? t : [t];
+    return /* @__PURE__ */ p(
       "div",
       {
         ...n,
-        className: p(i, c, {
-          [`${s}-has-separators`]: m,
+        className: f(m, c, {
+          [`${s}-has-separators`]: a,
           [`${s}-columns`]: o === e.columns,
           [`${s}-justified`]: o === e.justified,
-          [`${i}--${a}`]: a
+          [`${m}--${i}`]: i
         }),
         ...l,
         ref: d,
         children: u?.map(
-          (r, $) => y(r) ? /* @__PURE__ */ f(
+          (r, $) => y(r) ? /* @__PURE__ */ p(
             "div",
             {
-              className: p(`${i}-wrapper`, {
-                [`${s}-has-separators`]: m,
+              className: f(`${m}-wrapper`, {
+                [`${s}-has-separators`]: a,
                 [`${s}-columns`]: o === e.columns,
                 [`${s}-justified`]: o === e.justified
               }),
-              children: D(r, { variant: r.props.variant || a })
+              children: D(r, { variant: r.props.variant || i })
             },
             A(r, $)
           ) : void 0

package/dist/components/DetailList/_detailList.css

@@ -0,0 +1 @@
+@layer vendor,seldon.foundation,seldon.components,seldon.patterns,seldon.site;@layer seldon.components{.seldon-detail-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin:0}.seldon-detail-list.seldon-has-separators{gap:0}.seldon-detail-list-wrapper .seldon-detail{padding:0}.seldon-detail-list .seldon-columns .px-detail{justify-content:start}.seldon-detail-list .seldon-justified .seldon-detail{justify-content:space-between}.seldon-detail-list .seldon-justified .seldon-detail__label{text-align:left}.seldon-detail-list .seldon-justified .seldon-detail__value{text-align:right}.seldon-detail-list .seldon-has-separators{border-top:1px solid #eae9e6}.seldon-detail-list .seldon-detail{padding:var(--spacing-sm) 0}.seldon-detail-list--sm .seldon-detail.seldon-detail{padding:var(--spacing-xsm) 0}}

package/dist/components/Divider/Divider.cjs

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

package/dist/components/Divider/Divider.js

@@ -1,17 +1,19 @@
-import { jsx as i } from "react/jsx-runtime";
+import './_divider.css';
+import { jsx as m } from "react/jsx-runtime";
 import { forwardRef as t } from "react";
 import { getCommonProps as d } from "../../utils/index.js";
 import n from "../../_virtual/index2.js";
-const l = t(({ className: m, element: r, ...e }, s) => {
-  const o = r || "div", { className: a } = d(e, "Divider");
-  return /* @__PURE__ */ i(
+
+const l = t(({ className: r, element: a, ...e }, s) => {
+  const o = a || "div", { className: i } = d(e, "Divider");
+  return /* @__PURE__ */ m(
     o,
     {
-      className: n(a, m),
+      className: n(i, r),
       ...e,
       "data-testid": `divider-${e.id}`,
       ref: s,
-      children: /* @__PURE__ */ i("hr", { className: `${a}-line` })
+      children: /* @__PURE__ */ m("hr", { className: `${i}-line` })
     }
   );
 });

package/dist/components/Divider/_divider.css

@@ -0,0 +1 @@
+@layer vendor,seldon.foundation,seldon.components,seldon.patterns,seldon.site;@layer seldon.components{.seldon-divider{margin:var(--spacing-sm) 0}.seldon-divider-line{background-color:#eae9e6;border:none;border-top:1px solid #eae9e6;color:#eae9e6;display:block;height:1px;margin:1em 0;padding:0;width:100%}}

package/dist/components/Drawer/Drawer.cjs

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

package/dist/components/Drawer/Drawer.js

@@ -1,12 +1,14 @@
+import './_drawer.css';
 import { jsx as r, jsxs as n } from "react/jsx-runtime";
 import { forwardRef as _ } from "react";
-import i from "../../_virtual/index2.js";
+import s from "../../_virtual/index2.js";
 import { Root as $, Portal as b, Overlay as v, Content as w, Title as D, Description as P, Close as B } from "../../node_modules/@radix-ui/react-dialog/dist/index.js";
 import { VisuallyHidden as c } from "../../node_modules/@radix-ui/react-visually-hidden/dist/index.js";
 import { getCommonProps as j, noOp as k } from "../../utils/index.js";
 import H from "./DrawerHeader.js";
 import I from "../IconButton/IconButton.js";
 import { ButtonVariants as R } from "../Button/types.js";
+
 import V from "../Icon/Icon.js";
 const g = _(
   ({
@@ -16,13 +18,13 @@ const g = _(
     title: m,
     description: p = m,
     drawerOpenSide: a = "right",
-    paddingLevel: s,
+    paddingLevel: i,
     className: f,
     children: h,
     ...l
   }, u) => {
     const { className: o, ...C } = j(l, "Drawer"), y = a === "bottom";
-    return s ?? (s = e ? 1 : 2), /* @__PURE__ */ r(
+    return i ?? (i = e ? 1 : 2), /* @__PURE__ */ r(
       $,
       {
         open: d,
@@ -34,7 +36,7 @@ const g = _(
           /* @__PURE__ */ n(
             w,
             {
-              className: i(o, f, {
+              className: s(o, f, {
                 [`${o}--bottom`]: y
               }),
               "data-side": a,
@@ -56,7 +58,7 @@ const g = _(
                   I,
                   {
                     onClick: t,
-                    className: i(`${o}__close`),
+                    className: s(`${o}__close`),
                     "aria-label": "Close",
                     "data-testid": "drawer-close",
                     variant: R.tertiary,
@@ -66,9 +68,9 @@ const g = _(
                 /* @__PURE__ */ r(
                   "div",
                   {
-                    className: i(
+                    className: s(
                       `${o}__content`,
-                      s < 3 && `${o}__content--ep${s}`
+                      i < 3 && `${o}__content--ep${i}`
                     ),
                     children: h
                   }

package/dist/components/Drawer/DrawerHeader.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),c=require("react"),d=require("../../node_modules/@radix-ui/react-dialog/dist/index.cjs"),u=require("../IconButton/IconButton.cjs"),x=require("../Button/types.cjs"),j=require("../Text/Text.cjs"),m=require("../Text/types.cjs"),b=require("../Icon/Icon.cjs"),l=({baseClassName:o,drawerOpenSide:s,onClose:a,bookendSide:t,...n})=>{const r=s==="bottom"&&t==="left"||s!=="bottom"&&t==="right";return e.jsx("div",{className:`${o}__bookend ${o}__bookend-${t}`,...n,children:r&&e.jsx(d.Close,{asChild:!0,children:e.jsx(u.default,{onClick:a,"aria-label":"Close","data-testid":"drawer-close",variant:x.ButtonVariants.tertiary,children:e.jsx(b.default,{icon:"CloseX",color:"currentColor"})})})})},i=c.forwardRef(({baseClassName:o,headerText:s,drawerOpenSide:a,onClose:t},n)=>{const r=`${o}-header`;return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:r,children:[e.jsx(l,{baseClassName:r,onClose:t,drawerOpenSide:a,bookendSide:"left"}),e.jsx(j.default,{variant:m.TextVariants.headingSmall,className:`${r}__title`,children:s}),e.jsx(l,{baseClassName:r,onClose:t,drawerOpenSide:a,bookendSide:"right"})]}),s&&e.jsx("div",{className:`${r}__hr`})]})});i.displayName="DrawerHeader";exports.default=i;
+require('./_drawerHeader.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),c=require("react"),d=require("../../node_modules/@radix-ui/react-dialog/dist/index.cjs"),u=require("../IconButton/IconButton.cjs"),x=require("../Button/types.cjs");;const j=require("../Text/Text.cjs"),m=require("../Text/types.cjs"),b=require("../Icon/Icon.cjs"),l=({baseClassName:o,drawerOpenSide:s,onClose:a,bookendSide:t,...n})=>{const r=s==="bottom"&&t==="left"||s!=="bottom"&&t==="right";return e.jsx("div",{className:`${o}__bookend ${o}__bookend-${t}`,...n,children:r&&e.jsx(d.Close,{asChild:!0,children:e.jsx(u.default,{onClick:a,"aria-label":"Close","data-testid":"drawer-close",variant:x.ButtonVariants.tertiary,children:e.jsx(b.default,{icon:"CloseX",color:"currentColor"})})})})},i=c.forwardRef(({baseClassName:o,headerText:s,drawerOpenSide:a,onClose:t},n)=>{const r=`${o}-header`;return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:r,children:[e.jsx(l,{baseClassName:r,onClose:t,drawerOpenSide:a,bookendSide:"left"}),e.jsx(j.default,{variant:m.TextVariants.headingSmall,className:`${r}__title`,children:s}),e.jsx(l,{baseClassName:r,onClose:t,drawerOpenSide:a,bookendSide:"right"})]}),s&&e.jsx("div",{className:`${r}__hr`})]})});i.displayName="DrawerHeader";exports.default=i;

package/dist/components/Drawer/DrawerHeader.js

@@ -1,23 +1,25 @@
-import { jsxs as s, Fragment as n, jsx as r } from "react/jsx-runtime";
+import './_drawerHeader.css';
+import { jsxs as m, Fragment as n, jsx as r } from "react/jsx-runtime";
 import { forwardRef as c } from "react";
 import { Close as d } from "../../node_modules/@radix-ui/react-dialog/dist/index.js";
 import f from "../IconButton/IconButton.js";
 import { ButtonVariants as h } from "../Button/types.js";
+
 import b from "../Text/Text.js";
-import { TextVariants as _ } from "../Text/types.js";
-import p from "../Icon/Icon.js";
-const m = ({ baseClassName: a, drawerOpenSide: e, onClose: i, bookendSide: t, ...l }) => {
+import { TextVariants as p } from "../Text/types.js";
+import _ from "../Icon/Icon.js";
+const s = ({ baseClassName: a, drawerOpenSide: e, onClose: i, bookendSide: t, ...l }) => {
   const o = e === "bottom" && t === "left" || e !== "bottom" && t === "right";
-  return /* @__PURE__ */ r("div", { className: `${a}__bookend ${a}__bookend-${t}`, ...l, children: o && /* @__PURE__ */ r(d, { asChild: !0, children: /* @__PURE__ */ r(f, { onClick: i, "aria-label": "Close", "data-testid": "drawer-close", variant: h.tertiary, children: /* @__PURE__ */ r(p, { icon: "CloseX", color: "currentColor" }) }) }) });
+  return /* @__PURE__ */ r("div", { className: `${a}__bookend ${a}__bookend-${t}`, ...l, children: o && /* @__PURE__ */ r(d, { asChild: !0, children: /* @__PURE__ */ r(f, { onClick: i, "aria-label": "Close", "data-testid": "drawer-close", variant: h.tertiary, children: /* @__PURE__ */ r(_, { icon: "CloseX", color: "currentColor" }) }) }) });
 }, u = c(
   ({ baseClassName: a, headerText: e, drawerOpenSide: i, onClose: t }, l) => {
     const o = `${a}-header`;
-    return /* @__PURE__ */ s(n, { children: [
-      /* @__PURE__ */ s("div", { className: o, children: [
-        /* @__PURE__ */ r(m, { baseClassName: o, onClose: t, drawerOpenSide: i, bookendSide: "left" }),
-        /* @__PURE__ */ r(b, { variant: _.headingSmall, className: `${o}__title`, children: e }),
+    return /* @__PURE__ */ m(n, { children: [
+      /* @__PURE__ */ m("div", { className: o, children: [
+        /* @__PURE__ */ r(s, { baseClassName: o, onClose: t, drawerOpenSide: i, bookendSide: "left" }),
+        /* @__PURE__ */ r(b, { variant: p.headingSmall, className: `${o}__title`, children: e }),
         /* @__PURE__ */ r(
-          m,
+          s,
           {
             baseClassName: o,
             onClose: t,

package/dist/components/Drawer/_drawer.css

@@ -0,0 +1 @@
+@layer vendor,seldon.foundation,seldon.components,seldon.patterns,seldon.site;@layer seldon.components{.seldon-drawer{align-items:center;background-color:#fff;display:flex;flex-direction:column;height:100dvh;max-width:480px;position:fixed;right:0;top:0;width:100%;z-index:10}.seldon-drawer:focus{outline:none}@media(max-width:361px){.seldon-drawer{max-width:100%}}@media(max-width:961px){.seldon-drawer{padding-bottom:var(--spacing-sm)}}.seldon-drawer__close{align-items:center;border-radius:40px;color:#000;display:inline-flex;justify-content:center;position:absolute;right:10px;top:10px;z-index:10}.seldon-drawer__overlay{background-color:#000000bf;inset:0;position:fixed;z-index:10}.seldon-drawer--bottom{border-radius:12px 12px 0 0;box-shadow:0 -2px 16px #00000014;height:auto;inset:auto 0 0;max-width:100%;min-height:30vh;width:100%}@media(max-width:361px){.seldon-drawer--bottom{max-width:100%}}.seldon-drawer__bottom-content{align-items:center;border-bottom:1px solid #eae9e6;display:flex;margin-bottom:var(--spacing-sm);width:100%}.seldon-drawer__bottom-content--label{flex:1;font-variation-settings:"wght" 600;margin:var(--spacing-md);padding-right:var(--spacing-xxxl);text-align:center;width:fit-content}.seldon-drawer__content{align-items:center;display:flex;flex-direction:column;height:100%;overflow:hidden;overflow-y:auto;padding-top:1.25rem;width:100%}.seldon-drawer__content--ep0{padding-top:0}.seldon-drawer__content--ep1{padding:1.25rem 1rem 1rem}.seldon-drawer__content--ep2{padding:2rem}.seldon-drawer__content--ep3{padding:1.25rem 3rem 3rem}.seldon-drawer__content>*{overflow-y:auto}.seldon-drawer[data-state=open]{animation:content-show .35s cubic-bezier(0,0,.2,1)}.seldon-drawer[data-state=closed]{animation:content-close .35s cubic-bezier(0,0,.2,1)}.seldon-drawer__overlay[data-state=open]{animation:overlay-show .35s cubic-bezier(.4,0,.2,1)}.seldon-drawer__overlay[data-state=closed]{animation:overlay-close .35s cubic-bezier(.4,0,.2,1)}.seldon-drawer[data-side=left][data-state=open]{animation:content-show-left .35s cubic-bezier(0,0,.2,1)}.seldon-drawer[data-side=left][data-state=closed]{animation:content-close-left .35s cubic-bezier(0,0,.2,1)}.seldon-drawer[data-side=left]{left:0;right:auto}.seldon-drawer--bottom[data-state=open]{animation:bottom-sheet-content-show .35s cubic-bezier(0,0,.2,1)}.seldon-drawer--bottom[data-state=closed]{animation:bottom-sheet-content-close .35s cubic-bezier(0,0,.2,1)}@keyframes content-show{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes content-close{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@keyframes content-show-left{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes content-close-left{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100%)}}@keyframes bottom-sheet-content-show{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes bottom-sheet-content-close{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}@keyframes overlay-show{0%{opacity:0}to{opacity:1}}@keyframes overlay-close{0%{opacity:1}to{opacity:0}}}

package/dist/components/Drawer/_drawerHeader.css

@@ -0,0 +1 @@
+@layer vendor,seldon.foundation,seldon.components,seldon.patterns,seldon.site;@layer seldon.components{.seldon-drawer-header{align-items:center;display:flex;padding:var(--spacing-sm) var(--spacing-xsm);width:100%}.seldon-drawer-header__bookend{display:flex;flex:1 1 0}.seldon-drawer-header__bookend-right{justify-content:flex-end}.seldon-drawer-header__bookend-left{justify-content:flex-start}.seldon-drawer-header__hr{border-bottom:2px solid #eae9e6;width:100%}.seldon-drawer-header__title{font-variation-settings:"wght" 600;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.seldon-drawer-header .seldon-icon-close-x:hover{color:#fff}}

package/dist/components/Dropdown/Dropdown.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),i=require("react"),g=require("../../utils/index.cjs"),u=require("../../_virtual/index2.cjs"),s=require("../../node_modules/@radix-ui/react-select/dist/index.cjs"),c=require("../Icon/Icon.cjs"),m=i.forwardRef(({options:l,value:r,onValueChange:t,label:a,className:x,id:d,disabled:h,...j},_)=>{const{className:n,...w}=g.getCommonProps({id:d},"Dropdown"),[f,N]=i.useState(!1);return e.jsx("div",{className:u.default(n,x),id:d,...w,...j,children:e.jsxs(s.Root,{value:r,onValueChange:o=>{t(o)},onOpenChange:N,children:[e.jsxs(s.Trigger,{className:`${n}__trigger`,"aria-label":a??"Select option",ref:_,disabled:h,children:[e.jsx(s.Value,{placeholder:r}),e.jsx(s.Icon,{children:e.jsx(c.default,{icon:"ChevronDown",className:u.default({[`${n}__trigger-icon-expanded`]:f}),height:"1rem",width:"1rem"})})]}),e.jsx(s.Portal,{children:e.jsxs(s.Content,{className:`${n}__content`,position:"popper",children:[e.jsx(s.ScrollUpButton,{className:`${n}__scroll-button__up`,children:e.jsx(c.default,{icon:"ChevronDown"})}),e.jsx(s.Viewport,{className:`${n}__viewport`,children:l.map(o=>e.jsx(p,{value:o.value,disabled:o.value===r,className:n,children:o.label},o.value))}),e.jsx(s.ScrollDownButton,{className:`${n}__scroll-button`,children:e.jsx(c.default,{icon:"ChevronDown"})})]})})]})})});m.displayName="Dropdown";const p=i.forwardRef(({children:l,className:r,...t},a)=>e.jsx(s.Item,{className:`${r}__item`,...t,ref:a,children:e.jsx(s.ItemText,{children:l})}));p.displayName="DropdownSelectItem";exports.default=m;
+require('./_dropdown.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),i=require("react"),g=require("../../utils/index.cjs"),u=require("../../_virtual/index2.cjs"),s=require("../../node_modules/@radix-ui/react-select/dist/index.cjs");;const c=require("../Icon/Icon.cjs"),m=i.forwardRef(({options:l,value:o,onValueChange:t,label:a,className:x,id:d,disabled:h,...j},_)=>{const{className:r,...w}=g.getCommonProps({id:d},"Dropdown"),[f,N]=i.useState(!1);return e.jsx("div",{className:u.default(r,x),id:d,...w,...j,children:e.jsxs(s.Root,{value:o,onValueChange:n=>{t(n)},onOpenChange:N,children:[e.jsxs(s.Trigger,{className:`${r}__trigger`,"aria-label":a??"Select option",ref:_,disabled:h,children:[e.jsx(s.Value,{placeholder:o}),e.jsx(s.Icon,{children:e.jsx(c.default,{icon:"ChevronDown",className:u.default({[`${r}__trigger-icon-expanded`]:f}),height:"1rem",width:"1rem"})})]}),e.jsx(s.Portal,{children:e.jsxs(s.Content,{className:`${r}__content`,position:"popper",children:[e.jsx(s.ScrollUpButton,{className:`${r}__scroll-button__up`,children:e.jsx(c.default,{icon:"ChevronDown"})}),e.jsx(s.Viewport,{className:`${r}__viewport`,children:l.map(n=>e.jsx(p,{value:n.value,disabled:n.value===o,className:r,children:n.label},n.value))}),e.jsx(s.ScrollDownButton,{className:`${r}__scroll-button`,children:e.jsx(c.default,{icon:"ChevronDown"})})]})})]})})});m.displayName="Dropdown";const p=i.forwardRef(({children:l,className:o,...t},a)=>e.jsx(s.Item,{className:`${o}__item`,...t,ref:a,children:e.jsx(s.ItemText,{children:l})}));p.displayName="DropdownSelectItem";exports.default=m;

package/dist/components/Dropdown/Dropdown.js

@@ -1,8 +1,10 @@
+import './_dropdown.css';
 import { jsx as e, jsxs as t } from "react/jsx-runtime";
 import { forwardRef as p, useState as C } from "react";
 import { getCommonProps as D } from "../../utils/index.js";
 import i from "../../_virtual/index2.js";
 import { Root as $, Trigger as v, Value as I, Icon as b, Portal as S, Content as x, ScrollUpButton as O, Viewport as P, ScrollDownButton as R, Item as V, ItemText as j } from "../../node_modules/@radix-ui/react-select/dist/index.js";
+
 import c from "../Icon/Icon.js";
 const y = p(
   ({ options: a, value: n, onValueChange: l, label: s, className: h, id: m, disabled: _, ...w }, N) => {

package/dist/components/Dropdown/_dropdown.css

@@ -0,0 +1 @@
+@layer vendor,seldon.foundation,seldon.components,seldon.patterns,seldon.site;@layer seldon.components{.seldon-dropdown{font-family:Montserrat,sans-serif;font-size:var(--font-size-body-small);font-style:unset;font-variation-settings:"wght" 400;letter-spacing:0;line-height:1.4;text-transform:unset}.seldon-dropdown__trigger{align-items:center;background-color:#fff;border:none;color:#000;display:inline-flex;gap:10px;justify-content:center;padding:var(--spacing-xsm)}.seldon-dropdown__trigger:disabled{color:#eae9e6;cursor:default;pointer-events:none}.seldon-dropdown__trigger:disabled svg{stroke:#eae9e6}.seldon-dropdown__trigger svg{height:16px;width:16px}.seldon-dropdown__trigger-icon-expanded{transform:rotateX(180deg)}.seldon-dropdown__trigger:hover:not(:disabled){cursor:pointer}.seldon-dropdown__trigger:focus-within:not(:disabled){border-radius:4px;outline:2px solid #07c;outline-offset:4px}.seldon-dropdown__content{background-color:#fff;border:1px solid #eae9e6;max-height:var(--radix-select-content-available-height);overflow:hidden;position:relative;z-index:10}.seldon-dropdown__scroll-button,.seldon-dropdown__scroll-button__up{align-items:center;cursor:default;display:flex;justify-content:center}.seldon-dropdown__scroll-button svg,.seldon-dropdown__scroll-button__up svg{height:16px;width:16px}.seldon-dropdown__scroll-button__up{transform:rotateX(180deg)}.seldon-dropdown__viewport{display:flex;flex-direction:column;gap:var(--spacing-xsm);padding:var(--spacing-sm) 0}.seldon-dropdown__item{font-family:Montserrat,sans-serif;font-size:var(--font-size-body-small);font-style:unset;font-variation-settings:"wght" 400;letter-spacing:0;line-height:1.4;text-transform:unset;align-items:center;display:flex;padding:0 var(--spacing-sm);position:relative;user-select:none}.seldon-dropdown__item[data-disabled]{color:#eae9e6;pointer-events:none}.seldon-dropdown__item[data-highlighted]{background-color:#eae9e6;cursor:pointer;outline:none}}

package/dist/components/ExitGateCard/ExitGateCard.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),g=require("../../_virtual/index2.cjs"),y=require("react"),v=require("../../utils/index.cjs"),b=require("../Button/Button.cjs"),C=require("../Button/types.cjs"),E=require("../SeldonImage/SeldonImage.cjs"),R=require("../SeldonImage/types.cjs"),a=require("../Text/Text.cjs"),d=require("../Text/types.cjs"),G=require("../Link/Link.cjs"),m=y.forwardRef(({className:x,imageSrc:s,label:n,header:r,description:l,linkLabel:i,linkHref:c,linkElement:o=G.default,variant:_=C.ButtonVariants.secondary,altText:f="Exit Gate Card Image",imageSrcSet:j,imageSizes:p,imageLoading:q,imageFetchPriority:N,...u},h)=>{const{className:t,...$}=v.getCommonProps(u,"ExitGateCard");return e.jsxs("article",{...$,className:g.default(t,x),...u,ref:h,children:[s?e.jsx(E.default,{objectFit:"cover",aspectRatio:R.AspectRatio.Landscape,src:s,alt:f,srcSet:j,sizes:p,loading:q,fetchPriority:N,className:`${t}__desktop_image`}):null,e.jsxs("div",{className:`${t}__content`,children:[n?e.jsx(a.default,{variant:d.TextVariants.labelMedium,element:"span",className:`${t}__content-label`,children:n}):null,r?e.jsx(a.default,{variant:d.TextVariants.headingLarge,element:"span",className:`${t}__content-title`,children:r}):null,l?e.jsx(a.default,{element:"span",className:`${t}__content-description`,children:l}):null,(i||o)&&c?e.jsx(o,{href:c,children:e.jsx(b.default,{variant:_,tabIndex:-1,className:`${t}__content-link`,children:i})}):null]})]})});m.displayName="ExitGateCard";exports.default=m;
+require('./_exitGateCard.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),g=require("../../_virtual/index2.cjs"),y=require("react"),v=require("../../utils/index.cjs"),b=require("../Button/Button.cjs"),C=require("../Button/types.cjs");;const E=require("../SeldonImage/SeldonImage.cjs"),R=require("../SeldonImage/types.cjs"),a=require("../Text/Text.cjs"),d=require("../Text/types.cjs"),G=require("../Link/Link.cjs"),m=y.forwardRef(({className:x,imageSrc:s,label:n,header:r,description:l,linkLabel:i,linkHref:c,linkElement:o=G.default,variant:_=C.ButtonVariants.secondary,altText:f="Exit Gate Card Image",imageSrcSet:q,imageSizes:j,imageLoading:p,imageFetchPriority:N,...u},h)=>{const{className:t,...$}=v.getCommonProps(u,"ExitGateCard");return e.jsxs("article",{...$,className:g.default(t,x),...u,ref:h,children:[s?e.jsx(E.default,{objectFit:"cover",aspectRatio:R.AspectRatio.Landscape,src:s,alt:f,srcSet:q,sizes:j,loading:p,fetchPriority:N,className:`${t}__desktop_image`}):null,e.jsxs("div",{className:`${t}__content`,children:[n?e.jsx(a.default,{variant:d.TextVariants.labelMedium,element:"span",className:`${t}__content-label`,children:n}):null,r?e.jsx(a.default,{variant:d.TextVariants.headingLarge,element:"span",className:`${t}__content-title`,children:r}):null,l?e.jsx(a.default,{element:"span",className:`${t}__content-description`,children:l}):null,(i||o)&&c?e.jsx(o,{href:c,children:e.jsx(b.default,{variant:_,tabIndex:-1,className:`${t}__content-link`,children:i})}):null]})]})});m.displayName="ExitGateCard";exports.default=m;

package/dist/components/ExitGateCard/ExitGateCard.js

@@ -1,9 +1,11 @@
+import './_exitGateCard.css';
 import { jsxs as d, jsx as e } from "react/jsx-runtime";
 import E from "../../_virtual/index2.js";
 import { forwardRef as v } from "react";
 import { getCommonProps as G } from "../../utils/index.js";
 import b from "../Button/Button.js";
 import { ButtonVariants as j } from "../Button/types.js";
+
 import y from "../SeldonImage/SeldonImage.js";
 import { AspectRatio as I } from "../SeldonImage/types.js";
 import a from "../Text/Text.js";
@@ -15,8 +17,8 @@ const R = v(
     imageSrc: r,
     label: n,
     header: o,
-    description: s,
-    linkLabel: m,
+    description: m,
+    linkLabel: s,
     linkHref: i,
     linkElement: l = P,
     variant: _ = j.secondary,
@@ -46,8 +48,8 @@ const R = v(
       /* @__PURE__ */ d("div", { className: `${t}__content`, children: [
         n ? /* @__PURE__ */ e(a, { variant: p.labelMedium, element: "span", className: `${t}__content-label`, children: n }) : null,
         o ? /* @__PURE__ */ e(a, { variant: p.headingLarge, element: "span", className: `${t}__content-title`, children: o }) : null,
-        s ? /* @__PURE__ */ e(a, { element: "span", className: `${t}__content-description`, children: s }) : null,
-        (m || l) && i ? /* @__PURE__ */ e(l, { href: i, children: /* @__PURE__ */ e(b, { variant: _, tabIndex: -1, className: `${t}__content-link`, children: m }) }) : null
+        m ? /* @__PURE__ */ e(a, { element: "span", className: `${t}__content-description`, children: m }) : null,
+        (s || l) && i ? /* @__PURE__ */ e(l, { href: i, children: /* @__PURE__ */ e(b, { variant: _, tabIndex: -1, className: `${t}__content-link`, children: s }) }) : null
       ] })
     ] });
   }

package/dist/components/ExitGateCard/_exitGateCard.css

@@ -0,0 +1 @@
+@layer vendor,seldon.foundation,seldon.components,seldon.patterns,seldon.site;@layer seldon.components{.seldon-exit-gate-card{display:flex;flex-direction:row-reverse;justify-content:space-between;padding-left:var(--spacing-md)}@media(max-width:961px){.seldon-exit-gate-card{flex-direction:column}.seldon-exit-gate-card__desktop_image{max-width:unset;overflow:visible}}@media(min-width:961px){.seldon-exit-gate-card{flex-direction:row;padding-left:var(--spacing-lg)}.seldon-exit-gate-card__desktop_image{flex:0 50%}}.seldon-exit-gate-card__content{align-items:flex-start;color:#000;display:flex;flex-direction:column;gap:var(--spacing-sm);margin:auto 0}@media(max-width:961px){.seldon-exit-gate-card__content-label{font-variation-settings:"wght" 500}}.seldon-exit-gate-card__content-title{margin:0;text-transform:none}@media(max-width:961px){.seldon-exit-gate-card__content-description{font-size:var(--body-size1);text-align:center}}.seldon-exit-gate-card__content-link{padding:var(--spacing-xsm) var(--spacing-xxl)}.seldon-exit-gate-card__content>a:focus-visible{border-radius:40px;outline:2px solid #07c;outline-offset:4px}.seldon-exit-gate-card{display:flex;flex-direction:row-reverse}@media(max-width:961px){.seldon-exit-gate-card{flex-direction:column;padding:0}}@media(max-width:961px){.seldon-exit-gate-card__content{align-items:center;margin-top:var(--spacing-md);padding:0 var(--spacing-md)}}}

package/dist/components/FavoritingTileButton/FavoritingTileButton.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),f=require("react"),_=require("../../utils/index.cjs"),j=require("../../_virtual/index2.cjs"),a=require("../Text/Text.cjs"),o=f.forwardRef(({className:u,actionAddText:s="Add to",actionRemoveText:l="Remove from",isLotInList:t,listTitle:i,numberOfObjects:d,onClick:c,...n},m)=>{const{className:e,...x}=_.getCommonProps(n,"FavoritingTileButton");return r.jsxs("button",{...x,className:j.default(e,u,{[`${e}--lot-in-list`]:t}),onClick:c,ref:m,id:n?.id,"aria-label":`${t?l:s} ${i}`,"aria-pressed":t,children:[r.jsxs("div",{className:`${e}__text`,children:[r.jsx(a.default,{className:`${e}__text--action`,children:t?l:s}),r.jsx(a.default,{children:i})]}),r.jsx(a.default,{className:`${e}__text--number`,children:d})]})});o.displayName="FavoritingTileButton";exports.default=o;
+require('./_favoritingTileButton.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),f=require("react"),_=require("../../utils/index.cjs"),j=require("../../_virtual/index2.cjs");;const a=require("../Text/Text.cjs"),o=f.forwardRef(({className:u,actionAddText:s="Add to",actionRemoveText:l="Remove from",isLotInList:t,listTitle:i,numberOfObjects:d,onClick:c,...n},m)=>{const{className:e,...x}=_.getCommonProps(n,"FavoritingTileButton");return r.jsxs("button",{...x,className:j.default(e,u,{[`${e}--lot-in-list`]:t}),onClick:c,ref:m,id:n?.id,"aria-label":`${t?l:s} ${i}`,"aria-pressed":t,children:[r.jsxs("div",{className:`${e}__text`,children:[r.jsx(a.default,{className:`${e}__text--action`,children:t?l:s}),r.jsx(a.default,{children:i})]}),r.jsx(a.default,{className:`${e}__text--number`,children:d})]})});o.displayName="FavoritingTileButton";exports.default=o;

package/dist/components/FavoritingTileButton/FavoritingTileButton.js

@@ -1,7 +1,9 @@
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import './_favoritingTileButton.css';
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
 import { forwardRef as u } from "react";
 import { getCommonProps as N } from "../../utils/index.js";
 import _ from "../../_virtual/index2.js";
+
 import o from "../Text/Text.js";
 const $ = u(
   ({
@@ -12,10 +14,10 @@ const $ = u(
     listTitle: s,
     numberOfObjects: c,
     onClick: d,
-    ...l
+    ...i
   }, f) => {
-    const { className: r, ...p } = N(l, "FavoritingTileButton");
-    return /* @__PURE__ */ i(
+    const { className: r, ...p } = N(i, "FavoritingTileButton");
+    return /* @__PURE__ */ l(
       "button",
       {
         ...p,
@@ -24,11 +26,11 @@ const $ = u(
         }),
         onClick: d,
         ref: f,
-        id: l?.id,
+        id: i?.id,
         "aria-label": `${a ? t : m} ${s}`,
         "aria-pressed": a,
         children: [
-          /* @__PURE__ */ i("div", { className: `${r}__text`, children: [
+          /* @__PURE__ */ l("div", { className: `${r}__text`, children: [
             /* @__PURE__ */ e(o, { className: `${r}__text--action`, children: a ? t : m }),
             /* @__PURE__ */ e(o, { children: s })
           ] }),

package/dist/components/FavoritingTileButton/_favoritingTileButton.css

@@ -0,0 +1 @@
+@layer vendor,seldon.foundation,seldon.components,seldon.patterns,seldon.site;@layer seldon.components{.seldon-favoriting-tile-button{align-items:center;background-color:#fff;border:1px solid #eae9e6;display:flex;flex-shrink:0;gap:var(--spacing-md);justify-content:space-between;padding:var(--spacing-md) var(--spacing-sm);transition:all .2s ease-in-out;width:100%}.seldon-favoriting-tile-button--lot-in-list{border:1px solid #000}.seldon-favoriting-tile-button__text{display:flex;gap:var(--spacing-micro);overflow:hidden}.seldon-favoriting-tile-button__text--action,.seldon-favoriting-tile-button__text--number{font-variation-settings:"wght" 600}.seldon-favoriting-tile-button__text span{color:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(pointer:fine)and (hover:hover){.seldon-favoriting-tile-button:hover{align-items:center;background:#75716f;border:1px solid #75716f;color:#fff;cursor:pointer}}@media(pointer:coarse){.seldon-favoriting-tile-button:active{align-items:center;background:#75716f;border:1px solid #75716f;color:#fff;cursor:pointer}}}

package/dist/components/Filter/Filter.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),s=require("react"),r=require("../../utils/index.cjs"),b=require("../../_virtual/index2.cjs"),f=require("./FilterHeader.cjs"),E=require("../Button/Button.cjs"),F=require("../Button/types.cjs"),T=require("../Text/Text.cjs"),P=require("../Text/types.cjs"),R=require("../Icon/Icon.cjs"),m=s.forwardRef(({className:h,children:x,name:i,viewAllLimit:d=10,isViewingAll:n=!1,isHidden:_=!1,setViewAllFilter:o,viewAllLabel:p="View All",...c},q)=>{const[v,C]=s.useState(!1),{className:t,...j}=r.getCommonProps(c,"Filter"),l=s.Children.toArray(x),y={isViewingAll:n,setViewAllFilter:o,setIsClosing:C},u=r.findChildrenOfType(l,f.default)?.[0],N=s.isValidElement(u)?s.cloneElement(u,y):null,$=r.findChildrenExcludingTypes(l,[f.default])?.map((a,g)=>s.isValidElement(a)?s.cloneElement(a,{hidden:!n&&g+1>d}):a);return e.jsxs("div",{...j,className:b.default(t,h,{[`${r.px}-filter--hidden`]:_,"is-closing":v}),...c,ref:q,children:[e.jsxs("fieldset",{name:i,className:`${t}__fieldset`,children:[N,e.jsx("div",{className:`${t}__filters`,children:$})]}),l.length>d&&!n?e.jsx("div",{className:`${t}__view-all`,children:e.jsxs(E.default,{className:`${t}__view-all__button`,variant:F.ButtonVariants.tertiary,onClick:()=>{o?.(i)},children:[e.jsx(T.default,{variant:P.TextVariants.labelMedium,children:p}),e.jsx(R.default,{icon:"ChevronRight",className:`${t}__chevron`})]})}):null]})});m.displayName="Filter";exports.default=m;
+require('./_filter.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),s=require("react"),t=require("../../utils/index.cjs"),b=require("../../_virtual/index2.cjs"),f=require("./FilterHeader.cjs"),E=require("../Button/Button.cjs"),F=require("../Button/types.cjs");;const T=require("../Text/Text.cjs"),P=require("../Text/types.cjs"),R=require("../Icon/Icon.cjs"),m=s.forwardRef(({className:h,children:x,name:i,viewAllLimit:d=10,isViewingAll:n=!1,isHidden:_=!1,setViewAllFilter:o,viewAllLabel:p="View All",...c},q)=>{const[v,C]=s.useState(!1),{className:r,...j}=t.getCommonProps(c,"Filter"),l=s.Children.toArray(x),y={isViewingAll:n,setViewAllFilter:o,setIsClosing:C},u=t.findChildrenOfType(l,f.default)?.[0],N=s.isValidElement(u)?s.cloneElement(u,y):null,$=t.findChildrenExcludingTypes(l,[f.default])?.map((a,g)=>s.isValidElement(a)?s.cloneElement(a,{hidden:!n&&g+1>d}):a);return e.jsxs("div",{...j,className:b.default(r,h,{[`${t.px}-filter--hidden`]:_,"is-closing":v}),...c,ref:q,children:[e.jsxs("fieldset",{name:i,className:`${r}__fieldset`,children:[N,e.jsx("div",{className:`${r}__filters`,children:$})]}),l.length>d&&!n?e.jsx("div",{className:`${r}__view-all`,children:e.jsxs(E.default,{className:`${r}__view-all__button`,variant:F.ButtonVariants.tertiary,onClick:()=>{o?.(i)},children:[e.jsx(T.default,{variant:P.TextVariants.labelMedium,children:p}),e.jsx(R.default,{icon:"ChevronRight",className:`${r}__chevron`})]})}):null]})});m.displayName="Filter";exports.default=m;

package/dist/components/Filter/Filter.js

@@ -1,10 +1,12 @@
-import { jsxs as o, jsx as r } from "react/jsx-runtime";
+import './_filter.css';
+import { jsxs as a, jsx as r } from "react/jsx-runtime";
 import { forwardRef as b, useState as E, Children as H, isValidElement as c, cloneElement as f } from "react";
 import { getCommonProps as P, findChildrenOfType as j, findChildrenExcludingTypes as B, px as I } from "../../utils/index.js";
 import R from "../../_virtual/index2.js";
 import p from "./FilterHeader.js";
 import k from "../Button/Button.js";
 import { ButtonVariants as M } from "../Button/types.js";
+
 import O from "../Text/Text.js";
 import { TextVariants as S } from "../Text/types.js";
 import V from "../Icon/Icon.js";
@@ -14,16 +16,16 @@ const q = b(
     children: _,
     name: i,
     viewAllLimit: l = 10,
-    isViewingAll: s = !1,
+    isViewingAll: t = !1,
     isHidden: u = !1,
     setViewAllFilter: n,
     viewAllLabel: C = "View All",
     ...m
   }, N) => {
-    const [v, x] = E(!1), { className: e, ...y } = P(m, "Filter"), t = H.toArray(_), $ = { isViewingAll: s, setViewAllFilter: n, setIsClosing: x }, d = j(t, p)?.[0], g = c(d) ? f(d, $) : null, F = B(t, [p])?.map(
-      (a, T) => c(a) ? f(a, { hidden: !s && T + 1 > l }) : a
+    const [v, x] = E(!1), { className: e, ...y } = P(m, "Filter"), s = H.toArray(_), $ = { isViewingAll: t, setViewAllFilter: n, setIsClosing: x }, d = j(s, p)?.[0], g = c(d) ? f(d, $) : null, F = B(s, [p])?.map(
+      (o, T) => c(o) ? f(o, { hidden: !t && T + 1 > l }) : o
     );
-    return /* @__PURE__ */ o(
+    return /* @__PURE__ */ a(
       "div",
       {
         ...y,
@@ -34,11 +36,11 @@ const q = b(
         ...m,
         ref: N,
         children: [
-          /* @__PURE__ */ o("fieldset", { name: i, className: `${e}__fieldset`, children: [
+          /* @__PURE__ */ a("fieldset", { name: i, className: `${e}__fieldset`, children: [
             g,
             /* @__PURE__ */ r("div", { className: `${e}__filters`, children: F })
           ] }),
-          t.length > l && !s ? /* @__PURE__ */ r("div", { className: `${e}__view-all`, children: /* @__PURE__ */ o(
+          s.length > l && !t ? /* @__PURE__ */ r("div", { className: `${e}__view-all`, children: /* @__PURE__ */ a(
             k,
             {
               className: `${e}__view-all__button`,

package/dist/components/Filter/_filter.css

@@ -0,0 +1 @@
+@layer vendor,seldon.foundation,seldon.components,seldon.patterns,seldon.site;@layer seldon.components{@keyframes slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slide-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.seldon-filter-header{margin-bottom:var(--spacing-sm)}.seldon-filter-header legend{padding-inline:0}.seldon-filter-header__back .seldon-text.seldon-text--labelMedium{font-variation-settings:"wght" 600}.seldon-filter__chevron{transform:scale(.8)}.seldon-filter__fieldset{border:0;margin:0 3px 0 0;padding:0}.seldon-filter__filters{display:flex;flex-direction:column;gap:var(--spacing-sm)}.seldon-filter__filters .seldon-input{align-items:center;height:unset}.seldon-filter__filters .seldon-input__label{color:inherit;margin-bottom:0}.seldon-filter__filters .seldon-input__input{align-self:center;height:var(--body-line-height-size3);margin-bottom:0;width:var(--body-line-height-size3)}.seldon-filter__filters .seldon-input__validation,.seldon-filter__filters .seldon-input__empty-validation{display:none}.seldon-filter__view-all{align-items:center;display:flex;flex-direction:row;justify-content:center}.seldon-filter.is-opening{animation:slide-in .3s ease-in-out forwards}.seldon-filter.is-closing{animation:slide-out .3s ease-in-out forwards}.seldon-filter-input__input__wrapper{display:flex;flex-direction:row;justify-content:space-between}.seldon-filter-input__input__wrapper .seldon-text{font-variation-settings:"wght" 600}}

package/dist/components/Grid/Grid.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("react/jsx-runtime"),g=require("../../_virtual/index2.cjs"),e=require("../../utils/index.cjs"),f=require("./utils.cjs"),p=require("react"),q=({children:n,className:t,element:i="section",columnGap:o=e.SpacingTokens.md,rowGap:a=e.SpacingTokens.lg,...s},c)=>{const{className:d,...u}=e.getCommonProps(s,"Grid"),l=i;return m.jsx(l,{...u,className:g.default(f.determineGridClassName(d,o,a),t),...s,ref:c,children:n})},r=p.forwardRef(q);r.displayName="Grid";exports.default=r;
+require('./_grid.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("react/jsx-runtime"),g=require("../../_virtual/index2.cjs"),e=require("../../utils/index.cjs"),q=require("./utils.cjs"),f=require("react");;const p=({children:n,className:t,element:i="section",columnGap:o=e.SpacingTokens.md,rowGap:a=e.SpacingTokens.lg,...s},c)=>{const{className:u,...d}=e.getCommonProps(s,"Grid"),l=i;return m.jsx(l,{...d,className:g.default(q.determineGridClassName(u,o,a),t),...s,ref:c,children:n})},r=f.forwardRef(p);r.displayName="Grid";exports.default=r;

package/dist/components/Grid/Grid.js

@@ -1,23 +1,25 @@
-import { jsx as d } from "react/jsx-runtime";
-import l from "../../_virtual/index2.js";
-import { getCommonProps as p, SpacingTokens as m } from "../../utils/index.js";
+import './_grid.css';
+import { jsx as c } from "react/jsx-runtime";
+import d from "../../_virtual/index2.js";
+import { getCommonProps as l, SpacingTokens as e } from "../../utils/index.js";
 import { determineGridClassName as f } from "./utils.js";
 import { forwardRef as G } from "react";
+
 const N = ({
   children: o,
   className: r,
   element: s = "section",
-  columnGap: a = m.md,
-  rowGap: t = m.lg,
-  ...e
+  columnGap: t = e.md,
+  rowGap: a = e.lg,
+  ...m
 }, n) => {
-  const { className: i, ...c } = p(e, "Grid");
-  return /* @__PURE__ */ d(
+  const { className: i, ...p } = l(m, "Grid");
+  return /* @__PURE__ */ c(
     s,
     {
-      ...c,
-      className: l(f(i, a, t), r),
-      ...e,
+      ...p,
+      className: d(f(i, t, a), r),
+      ...m,
       ref: n,
       children: o
     }

package/dist/components/Grid/_grid.css

@@ -0,0 +1 @@
+@layer vendor,seldon.foundation,seldon.components,seldon.patterns,seldon.site;@layer seldon.components{.seldon-grid{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);row-gap:var(--spacing-lg)}@media(min-width:961px){.seldon-grid{grid-template-columns:repeat(6,1fr)}}@media(min-width:1401px){.seldon-grid{grid-template-columns:repeat(12,1fr)}}.seldon-grid--has-margins{margin:0 var(--spacing-md)}@media(min-width:1401px){.seldon-grid--has-margins{margin:0 var(--spacing-lg)}}@media(min-width:1801px){.seldon-grid--has-margins{margin:0 var(--spacing-xl)}}.seldon-grid--column-gap-micro{column-gap:var(--spacing-micro)}.seldon-grid--row-gap-micro{row-gap:var(--spacing-micro)}.seldon-grid--column-gap-xsm{column-gap:var(--spacing-xsm)}.seldon-grid--row-gap-xsm{row-gap:var(--spacing-xsm)}.seldon-grid--column-gap-sm{column-gap:var(--spacing-sm)}.seldon-grid--row-gap-sm{row-gap:var(--spacing-sm)}.seldon-grid--column-gap-md{column-gap:var(--spacing-md)}.seldon-grid--row-gap-md{row-gap:var(--spacing-md)}.seldon-grid--column-gap-lg{column-gap:var(--spacing-lg)}.seldon-grid--row-gap-lg{row-gap:var(--spacing-lg)}.seldon-grid--column-gap-xl{column-gap:var(--spacing-xl)}.seldon-grid--row-gap-xl{row-gap:var(--spacing-xl)}.seldon-grid--column-gap-xxl{column-gap:var(--spacing-xxl)}.seldon-grid--row-gap-xxl{row-gap:var(--spacing-xxl)}.seldon-grid--column-gap-xxxl{column-gap:var(--spacing-xxxl)}.seldon-grid--row-gap-xxxl{row-gap:var(--spacing-xxxl)}}

package/dist/components/GridItem/GridItem.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const j=require("react/jsx-runtime"),t=require("react"),v=require("../../utils/index.cjs"),S=require("../../_virtual/index2.cjs"),l=require("./gridItemUtils.cjs"),g=require("./types.cjs"),c=t.forwardRef(({children:d,xs:r=2,sm:s=2,md:n=6,lg:i=12,align:o=g.GridItemAlign.center,element:p="div",className:u,...a},f)=>{const{className:m,...q}=v.getCommonProps(a,"GridItem"),e=t.useMemo(()=>({xs:r,sm:s,md:n,lg:i}),[r,s,n,i]),C=t.useMemo(()=>[m,Object.entries(e).map(([I,b])=>l.determineColumnSpanClassName(I,b,o)),u],[o,e,m,u]);return l.validateColumnSpans(Object.values(e))?j.jsx(p,{ref:f,...q,className:S.default(C),...a,children:d}):null});c.displayName="GridItem";exports.default=c;
+require('./_gridItem.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const j=require("react/jsx-runtime"),t=require("react"),v=require("../../utils/index.cjs"),S=require("../../_virtual/index2.cjs"),l=require("./gridItemUtils.cjs"),g=require("./types.cjs");;const c=t.forwardRef(({children:d,xs:r=2,sm:s=2,md:n=6,lg:i=12,align:o=g.GridItemAlign.center,element:p="div",className:u,...a},q)=>{const{className:m,...f}=v.getCommonProps(a,"GridItem"),e=t.useMemo(()=>({xs:r,sm:s,md:n,lg:i}),[r,s,n,i]),C=t.useMemo(()=>[m,Object.entries(e).map(([I,b])=>l.determineColumnSpanClassName(I,b,o)),u],[o,e,m,u]);return l.validateColumnSpans(Object.values(e))?j.jsx(p,{ref:q,...f,className:S.default(C),...a,children:d}):null});c.displayName="GridItem";exports.default=c;

package/dist/components/GridItem/GridItem.js

@@ -1,9 +1,11 @@
+import './_gridItem.css';
 import { jsx as G } from "react/jsx-runtime";
 import { forwardRef as N, useMemo as l } from "react";
 import { getCommonProps as b } from "../../utils/index.js";
 import j from "../../_virtual/index2.js";
 import { determineColumnSpanClassName as v, validateColumnSpans as P } from "./gridItemUtils.js";
 import { GridItemAlign as S } from "./types.js";
+
 const O = N(
   ({
     children: p,

package/dist/components/GridItem/_gridItem.css

@@ -0,0 +1 @@
+@layer vendor,seldon.foundation,seldon.components,seldon.patterns,seldon.site;@layer seldon.components{.seldon-grid-item{justify-self:center;width:100%}.seldon-grid-item--span-xs-1{grid-column:span 1}.seldon-grid-item--span-xs-1-align-right{grid-column-end:3;justify-self:end}.seldon-grid-item--span-xs-1-align-center{grid-column:1/span 1}.seldon-grid-item--span-xs-2{grid-column:span 2}.seldon-grid-item--span-xs-2-align-right{grid-column-end:3;justify-self:end}.seldon-grid-item--span-xs-2-align-center{grid-column:1/span 2}@media(min-width:361px){.seldon-grid-item--span-sm-1{grid-column:span 1}.seldon-grid-item--span-sm-1-align-right{grid-column-end:3;justify-self:end}.seldon-grid-item--span-sm-1-align-center{grid-column:1/span 1}.seldon-grid-item--span-sm-2{grid-column:span 2}.seldon-grid-item--span-sm-2-align-right{grid-column-end:3;justify-self:end}.seldon-grid-item--span-sm-2-align-center{grid-column:1/span 2}}@media(min-width:961px){.seldon-grid-item--span-md-1{grid-column:span 1}.seldon-grid-item--span-md-1-align-right{grid-column-end:7;justify-self:end}.seldon-grid-item--span-md-1-align-center{grid-column:3/span 1}.seldon-grid-item--span-md-2{grid-column:span 2}.seldon-grid-item--span-md-2-align-right{grid-column-end:7;justify-self:end}.seldon-grid-item--span-md-2-align-center{grid-column:3/span 2}.seldon-grid-item--span-md-3{grid-column:span 3}.seldon-grid-item--span-md-3-align-right{grid-column-end:7;justify-self:end}.seldon-grid-item--span-md-3-align-center{grid-column:2/span 3}.seldon-grid-item--span-md-4{grid-column:span 4}.seldon-grid-item--span-md-4-align-right{grid-column-end:7;justify-self:end}.seldon-grid-item--span-md-4-align-center{grid-column:2/span 4}.seldon-grid-item--span-md-5{grid-column:span 5}.seldon-grid-item--span-md-5-align-right{grid-column-end:7;justify-self:end}.seldon-grid-item--span-md-5-align-center{grid-column:1/span 5}.seldon-grid-item--span-md-6{grid-column:span 6}.seldon-grid-item--span-md-6-align-right{grid-column-end:7;justify-self:end}.seldon-grid-item--span-md-6-align-center{grid-column:1/span 6}}@media(min-width:1401px){.seldon-grid-item--span-lg-1{grid-column:span 1}.seldon-grid-item--span-lg-1-align-right{grid-column-end:13;justify-self:end}.seldon-grid-item--span-lg-1-align-center{grid-column:6/span 1}.seldon-grid-item--span-lg-2{grid-column:span 2}.seldon-grid-item--span-lg-2-align-right{grid-column-end:13;justify-self:end}.seldon-grid-item--span-lg-2-align-center{grid-column:6/span 2}.seldon-grid-item--span-lg-3{grid-column:span 3}.seldon-grid-item--span-lg-3-align-right{grid-column-end:13;justify-self:end}.seldon-grid-item--span-lg-3-align-center{grid-column:5/span 3}.seldon-grid-item--span-lg-4{grid-column:span 4}.seldon-grid-item--span-lg-4-align-right{grid-column-end:13;justify-self:end}.seldon-grid-item--span-lg-4-align-center{grid-column:5/span 4}.seldon-grid-item--span-lg-5{grid-column:span 5}.seldon-grid-item--span-lg-5-align-right{grid-column-end:13;justify-self:end}.seldon-grid-item--span-lg-5-align-center{grid-column:4/span 5}.seldon-grid-item--span-lg-6{grid-column:span 6}.seldon-grid-item--span-lg-6-align-right{grid-column-end:13;justify-self:end}.seldon-grid-item--span-lg-6-align-center{grid-column:4/span 6}.seldon-grid-item--span-lg-7{grid-column:span 7}.seldon-grid-item--span-lg-7-align-right{grid-column-end:13;justify-self:end}.seldon-grid-item--span-lg-7-align-center{grid-column:3/span 7}.seldon-grid-item--span-lg-8{grid-column:span 8}.seldon-grid-item--span-lg-8-align-right{grid-column-end:13;justify-self:end}.seldon-grid-item--span-lg-8-align-center{grid-column:3/span 8}.seldon-grid-item--span-lg-9{grid-column:span 9}.seldon-grid-item--span-lg-9-align-right{grid-column-end:13;justify-self:end}.seldon-grid-item--span-lg-9-align-center{grid-column:2/span 9}.seldon-grid-item--span-lg-10{grid-column:span 10}.seldon-grid-item--span-lg-10-align-right{grid-column-end:13;justify-self:end}.seldon-grid-item--span-lg-10-align-center{grid-column:2/span 10}.seldon-grid-item--span-lg-11{grid-column:span 11}.seldon-grid-item--span-lg-11-align-right{grid-column-end:13;justify-self:end}.seldon-grid-item--span-lg-11-align-center{grid-column:1/span 11}.seldon-grid-item--span-lg-12{grid-column:span 12}.seldon-grid-item--span-lg-12-align-right{grid-column-end:13;justify-self:end}.seldon-grid-item--span-lg-12-align-center{grid-column:1/span 12}}}

package/dist/components/Icon/Icon.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),$=require("react"),f=require("../../_virtual/index2.cjs"),c=require("../../utils/index.cjs"),b=require("../../utils/scssUtils.cjs"),j=require("../../assets/formatted/index.cjs"),u=require("../../assets/pictograms/formatted/index.cjs"),a=$.forwardRef(({className:i,height:r,width:n,color:s,icon:e,isPictogram:l,...d},m)=>{const{className:p,...x}=c.getCommonProps(d,`Icon-${e}`),o=l?u[e]:j[e]||u[e],q={color:s==="currentColor"?s:b.getScssVar(s??"","$black-100"),...r?{height:r}:{},...n?{width:n}:{},...x};return o?t.jsx("div",{className:f.default(`${c.px}-icon`,p,i),ref:m,children:t.jsx(o,{...q})}):null});a.displayName="Icon";exports.default=a;
+require('./_icon.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),$=require("react"),f=require("../../_virtual/index2.cjs"),c=require("../../utils/index.cjs"),b=require("../../utils/scssUtils.cjs"),j=require("../../assets/formatted/index.cjs"),u=require("../../assets/pictograms/formatted/index.cjs");;const a=$.forwardRef(({className:i,height:r,width:n,color:s,icon:e,isPictogram:l,...d},m)=>{const{className:p,...q}=c.getCommonProps(d,`Icon-${e}`),o=l?u[e]:j[e]||u[e],x={color:s==="currentColor"?s:b.getScssVar(s??"","$black-100"),...r?{height:r}:{},...n?{width:n}:{},...q};return o?t.jsx("div",{className:f.default(`${c.px}-icon`,p,i),ref:m,children:t.jsx(o,{...x})}):null});a.displayName="Icon";exports.default=a;

package/dist/components/Icon/Icon.js

@@ -1,19 +1,21 @@
+import './_icon.css';
 import { jsx as n } from "react/jsx-runtime";
 import { forwardRef as x } from "react";
 import u from "../../_virtual/index2.js";
 import { getCommonProps as C, px as N } from "../../utils/index.js";
 import { getScssVar as $ } from "../../utils/scssUtils.js";
 import * as I from "../../assets/formatted/index.js";
-import * as e from "../../assets/pictograms/formatted/index.js";
+import * as t from "../../assets/pictograms/formatted/index.js";
+
 const P = x(
-  ({ className: t, height: m, width: s, color: r, icon: o, isPictogram: p, ...c }, f) => {
-    const { className: l, ...i } = C(c, `Icon-${o}`), a = p ? e[o] : I[o] || e[o], d = {
+  ({ className: e, height: m, width: s, color: r, icon: o, isPictogram: p, ...c }, f) => {
+    const { className: l, ...i } = C(c, `Icon-${o}`), a = p ? t[o] : I[o] || t[o], d = {
       color: r === "currentColor" ? r : $(r ?? "", "$black-100"),
       ...m ? { height: m } : {},
       ...s ? { width: s } : {},
       ...i
     };
-    return a ? /* @__PURE__ */ n("div", { className: u(`${N}-icon`, l, t), ref: f, children: /* @__PURE__ */ n(a, { ...d }) }) : null;
+    return a ? /* @__PURE__ */ n("div", { className: u(`${N}-icon`, l, e), ref: f, children: /* @__PURE__ */ n(a, { ...d }) }) : null;
   }
 );
 P.displayName = "Icon";

package/dist/components/Icon/_icon.css

@@ -0,0 +1 @@
+@layer vendor,seldon.foundation,seldon.components,seldon.patterns,seldon.site;@layer seldon.components{.seldon-icon{align-items:center;display:flex;justify-content:center}.seldon-icon svg{max-height:100%;max-width:100%}}