@affinda/wc 0.0.7 → 0.0.9

package/dist/components/{p-DPooX_NW.js → p-BpXkQGDQ.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h } from './p-ChRDoPDm.js';
+import { p as proxyCustomElement, H, h } from './p-CZlTvZAm.js';
 
 const afContainerCss = ":host{display:block;width:100%}.container{width:100%;margin-left:auto;margin-right:auto;box-sizing:border-box;padding-left:16px;padding-right:16px}@media (min-width: 375px){.container{padding-left:20px;padding-right:20px}}@media (min-width: 768px){.container{padding-left:32px;padding-right:32px}.max-width-medium{max-width:768px}}@media (min-width: 1024px){.container{padding-left:64px;padding-right:64px}.max-width-large{max-width:1024px}.max-width-medium{max-width:768px}}@media (min-width: 1440px){.container{padding-left:80px;padding-right:80px}.max-width-xlarge{max-width:1440px}.max-width-large{max-width:1024px}.max-width-medium{max-width:768px}}.max-width-fluid{max-width:none}";
 
@@ -40,6 +40,6 @@ function defineCustomElement() {
 }
 
 export { AfContainer as A, defineCustomElement as d };
-//# sourceMappingURL=p-DPooX_NW.js.map
+//# sourceMappingURL=p-BpXkQGDQ.js.map
 
-//# sourceMappingURL=p-DPooX_NW.js.map
+//# sourceMappingURL=p-BpXkQGDQ.js.map

package/dist/components/{p-DPooX_NW.js.map → p-BpXkQGDQ.js.map}

@@ -1 +1 @@
-{"file":"p-DPooX_NW.js","mappings":";;AAAA,MAAM,cAAc,GAAG,grBAAgrB;;MCW1rB,WAAW,iBAAAA,kBAAA,CAAA,MAAA,WAAA,SAAAC,CAAA,CAAA;AALxB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;AAME;;;;;;AAMG;AACK,QAAA,IAAQ,CAAA,QAAA,GAA4C,QAAQ;AASrE;IAPC,MAAM,GAAA;AACJ,QAAA,QACE,4DAAK,KAAK,EAAE,uBAAuB,IAAI,CAAC,QAAQ,CAAA,CAAE,EAAA,EAChD,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/af-container/af-container.css?tag=af-container&encapsulation=shadow","src/components/af-container/af-container.tsx"],"sourcesContent":[":host {\n  display: block;\n  width: 100%;\n}\n\n.container {\n  width: 100%;\n  margin-left: auto;\n  margin-right: auto;\n  box-sizing: border-box;\n\n  /* Mobile first: xsmall breakpoint (320px) */\n  padding-left: 16px;\n  padding-right: 16px;\n}\n\n/* Small breakpoint (375px) */\n@media (min-width: 375px) {\n  .container {\n    padding-left: 20px;\n    padding-right: 20px;\n  }\n}\n\n/* Medium breakpoint (768px) */\n@media (min-width: 768px) {\n  .container {\n    padding-left: 32px;\n    padding-right: 32px;\n  }\n\n  .max-width-medium {\n    max-width: 768px;\n  }\n}\n\n/* Large breakpoint (1024px) */\n@media (min-width: 1024px) {\n  .container {\n    padding-left: 64px;\n    padding-right: 64px;\n  }\n\n  .max-width-large {\n    max-width: 1024px;\n  }\n\n  .max-width-medium {\n    max-width: 768px;\n  }\n}\n\n/* XLarge breakpoint (1440px) */\n@media (min-width: 1440px) {\n  .container {\n    padding-left: 80px;\n    padding-right: 80px;\n  }\n\n  .max-width-xlarge {\n    max-width: 1440px;\n  }\n\n  .max-width-large {\n    max-width: 1024px;\n  }\n\n  .max-width-medium {\n    max-width: 768px;\n  }\n}\n\n/* Fluid has no max-width */\n.max-width-fluid {\n  max-width: none;\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n/**\n * A responsive container component that provides consistent margins and max-width\n * constraints based on the Affinda grid system.\n */\n@Component({\n  tag: 'af-container',\n  styleUrl: 'af-container.css',\n  shadow: true\n})\nexport class AfContainer {\n  /**\n   * Maximum width constraint for the container\n   * - 'xlarge': 1440px container (default)\n   * - 'large': 1024px container\n   * - 'medium': 768px container\n   * - 'fluid': No max-width constraint, full width with margins\n   */\n  @Prop() maxWidth: 'xlarge' | 'large' | 'medium' | 'fluid' = 'xlarge';\n\n  render() {\n    return (\n      <div class={`container max-width-${this.maxWidth}`}>\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-BpXkQGDQ.js","mappings":";;AAAA,MAAM,cAAc,GAAG,grBAAgrB;;MCW1rB,WAAW,iBAAAA,kBAAA,CAAA,MAAA,WAAA,SAAAC,CAAA,CAAA;AALxB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;AAME;;;;;;AAMG;AACK,QAAA,IAAQ,CAAA,QAAA,GAA4C,QAAQ;AASrE;IAPC,MAAM,GAAA;AACJ,QAAA,QACE,4DAAK,KAAK,EAAE,uBAAuB,IAAI,CAAC,QAAQ,CAAA,CAAE,EAAA,EAChD,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/af-container/af-container.css?tag=af-container&encapsulation=shadow","src/components/af-container/af-container.tsx"],"sourcesContent":[":host {\n  display: block;\n  width: 100%;\n}\n\n.container {\n  width: 100%;\n  margin-left: auto;\n  margin-right: auto;\n  box-sizing: border-box;\n\n  /* Mobile first: xsmall breakpoint (320px) */\n  padding-left: 16px;\n  padding-right: 16px;\n}\n\n/* Small breakpoint (375px) */\n@media (min-width: 375px) {\n  .container {\n    padding-left: 20px;\n    padding-right: 20px;\n  }\n}\n\n/* Medium breakpoint (768px) */\n@media (min-width: 768px) {\n  .container {\n    padding-left: 32px;\n    padding-right: 32px;\n  }\n\n  .max-width-medium {\n    max-width: 768px;\n  }\n}\n\n/* Large breakpoint (1024px) */\n@media (min-width: 1024px) {\n  .container {\n    padding-left: 64px;\n    padding-right: 64px;\n  }\n\n  .max-width-large {\n    max-width: 1024px;\n  }\n\n  .max-width-medium {\n    max-width: 768px;\n  }\n}\n\n/* XLarge breakpoint (1440px) */\n@media (min-width: 1440px) {\n  .container {\n    padding-left: 80px;\n    padding-right: 80px;\n  }\n\n  .max-width-xlarge {\n    max-width: 1440px;\n  }\n\n  .max-width-large {\n    max-width: 1024px;\n  }\n\n  .max-width-medium {\n    max-width: 768px;\n  }\n}\n\n/* Fluid has no max-width */\n.max-width-fluid {\n  max-width: none;\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n/**\n * A responsive container component that provides consistent margins and max-width\n * constraints based on the Affinda grid system.\n */\n@Component({\n  tag: 'af-container',\n  styleUrl: 'af-container.css',\n  shadow: true\n})\nexport class AfContainer {\n  /**\n   * Maximum width constraint for the container\n   * - 'xlarge': 1440px container (default)\n   * - 'large': 1024px container\n   * - 'medium': 768px container\n   * - 'fluid': No max-width constraint, full width with margins\n   */\n  @Prop() maxWidth: 'xlarge' | 'large' | 'medium' | 'fluid' = 'xlarge';\n\n  render() {\n    return (\n      <div class={`container max-width-${this.maxWidth}`}>\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-C0zUdiRs.js → p-C1C1Him5.js}

@@ -1,6 +1,6 @@
-import { p as proxyCustomElement, H, h } from './p-ChRDoPDm.js';
+import { p as proxyCustomElement, H, h } from './p-CZlTvZAm.js';
 
-const afTextCss = ":host{display:block}.text{margin:0;padding:0;font-family:'NeuSans', 'Inter', 'Segoe UI', system-ui, sans-serif;font-weight:400;color:var(--colour-typography-body-default, #14343b);letter-spacing:0}.align-left{text-align:left}.align-center{text-align:center}.align-right{text-align:right}.variant-xlarge{font-size:22px;line-height:28px}.variant-large{font-size:18px;line-height:26px}.variant-medium{font-size:16px;line-height:24px}.variant-small{font-size:14px;line-height:20px}.variant-label-button{font-family:'NeuSans', 'Inter', 'Segoe UI', system-ui, sans-serif;font-weight:500;font-size:17px;line-height:20px}.variant-label-tag{font-family:'NeuSans', 'Inter', 'Segoe UI', system-ui, sans-serif;font-weight:500;font-size:14px;line-height:1}";
+const afTextCss = ":host{display:block}.text{margin:0;padding:0;font-family:'NeuSans', 'Inter', 'Segoe UI', system-ui, sans-serif;font-weight:400;color:var(--colour-typography-body-default, #14343b);letter-spacing:0}.align-left{text-align:left}.align-center{text-align:center}.align-right{text-align:right}.theme-dark{color:var(--colour-brand-mist-green, #C6D5D1)}.theme-light{color:var(--colour-typography-body-default, #14343b)}.variant-xlarge{font-size:22px;line-height:28px}.variant-large{font-size:18px;line-height:26px}.variant-medium{font-size:16px;line-height:24px}.variant-small{font-size:14px;line-height:20px}.variant-label-button{font-family:'NeuSans', 'Inter', 'Segoe UI', system-ui, sans-serif;font-weight:500;font-size:17px;line-height:20px}.variant-label-tag{font-family:'NeuSans', 'Inter', 'Segoe UI', system-ui, sans-serif;font-weight:500;font-size:14px;line-height:1}";
 
 const AfText = /*@__PURE__*/ proxyCustomElement(class AfText extends H {
     constructor(registerHost) {
@@ -15,20 +15,24 @@ const AfText = /*@__PURE__*/ proxyCustomElement(class AfText extends H {
         this.align = 'left';
         /** Semantic element to render */
         this.as = 'p';
+        /** Theme for dark backgrounds */
+        this.theme = 'light';
     }
     render() {
         const Tag = this.as;
-        return (h(Tag, { key: '778a86a185f2416dec867ca2457acb2fe1ad4bcb', class: {
+        return (h(Tag, { key: 'd24094cc876bf871972eb35651c2c145d135722f', class: {
                 'text': true,
                 [`variant-${this.variant}`]: true,
-                [`align-${this.align}`]: true
-            }, part: "base" }, h("slot", { key: '2b3ee364c989ca8d233583946e24665df0192fb9' })));
+                [`align-${this.align}`]: true,
+                [`theme-${this.theme}`]: true
+            }, part: "base" }, h("slot", { key: 'bb1f690d3b11f76d926da7bc7655fbce9df9973c' })));
     }
     static get style() { return afTextCss; }
 }, [257, "af-text", {
         "variant": [1],
         "align": [1],
-        "as": [1]
+        "as": [1],
+        "theme": [1]
     }]);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {
@@ -45,6 +49,6 @@ function defineCustomElement() {
 }
 
 export { AfText as A, defineCustomElement as d };
-//# sourceMappingURL=p-C0zUdiRs.js.map
+//# sourceMappingURL=p-C1C1Him5.js.map
 
-//# sourceMappingURL=p-C0zUdiRs.js.map
+//# sourceMappingURL=p-C1C1Him5.js.map

package/dist/components/p-C1C1Him5.js.map

@@ -0,0 +1 @@
+{"file":"p-C1C1Him5.js","mappings":";;AAAA,MAAM,SAAS,GAAG,q2BAAq2B;;MCO12B,MAAM,iBAAAA,kBAAA,CAAA,MAAA,MAAA,SAAAC,CAAA,CAAA;AALnB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;;AAOU,QAAA,IAAO,CAAA,OAAA,GAA2E,QAAQ;;AAG1F,QAAA,IAAK,CAAA,KAAA,GAAgC,MAAM;;AAG3C,QAAA,IAAE,CAAA,EAAA,GAAmC,GAAG;;AAGxC,QAAA,IAAK,CAAA,KAAA,GAAqB,OAAO;AAmB1C;IAjBC,MAAM,GAAA;AACJ,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,EAAS;QAE1B,QACE,CAAA,CAAC,GAAG,EAAA,EAAA,GAAA,EAAA,0CAAA,EACF,KAAK,EAAE;AACL,gBAAA,MAAM,EAAE,IAAI;AACZ,gBAAA,CAAC,WAAW,IAAI,CAAC,OAAO,CAAE,CAAA,GAAG,IAAI;AACjC,gBAAA,CAAC,SAAS,IAAI,CAAC,KAAK,CAAE,CAAA,GAAG,IAAI;AAC7B,gBAAA,CAAC,SAAS,IAAI,CAAC,KAAK,CAAE,CAAA,GAAG;AAC1B,aAAA,EACD,IAAI,EAAC,MAAM,EAAA,EAEX,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACJ;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/af-text/af-text.css?tag=af-text&encapsulation=shadow","src/components/af-text/af-text.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.text {\n  margin: 0;\n  padding: 0;\n  font-family: 'NeuSans', 'Inter', 'Segoe UI', system-ui, sans-serif;\n  font-weight: 400;\n  color: var(--colour-typography-body-default, #14343b);\n  letter-spacing: 0;\n}\n\n/* Alignment */\n.align-left {\n  text-align: left;\n}\n\n.align-center {\n  text-align: center;\n}\n\n.align-right {\n  text-align: right;\n}\n\n/* Theme variants */\n.theme-dark {\n  color: var(--colour-brand-mist-green, #C6D5D1);\n}\n\n.theme-light {\n  color: var(--colour-typography-body-default, #14343b);\n}\n\n/* Body variants */\n.variant-xlarge {\n  font-size: 22px;\n  line-height: 28px;\n}\n\n.variant-large {\n  font-size: 18px;\n  line-height: 26px;\n}\n\n.variant-medium {\n  font-size: 16px;\n  line-height: 24px;\n}\n\n.variant-small {\n  font-size: 14px;\n  line-height: 20px;\n}\n\n/* Label variants - use NeuSans Book */\n.variant-label-button {\n  font-family: 'NeuSans', 'Inter', 'Segoe UI', system-ui, sans-serif;\n  font-weight: 500;\n  font-size: 17px;\n  line-height: 20px;\n}\n\n.variant-label-tag {\n  font-family: 'NeuSans', 'Inter', 'Segoe UI', system-ui, sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  line-height: 1;\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'af-text',\n  styleUrl: 'af-text.css',\n  shadow: true\n})\nexport class AfText {\n  /** Text variant */\n  @Prop() variant: 'xlarge' | 'large' | 'medium' | 'small' | 'label-button' | 'label-tag' = 'medium';\n\n  /** Visual alignment */\n  @Prop() align: 'left' | 'center' | 'right' = 'left';\n\n  /** Semantic element to render */\n  @Prop() as: 'p' | 'span' | 'div' | 'label' = 'p';\n  \n  /** Theme for dark backgrounds */\n  @Prop() theme: 'light' | 'dark' = 'light';\n\n  render() {\n    const Tag = this.as as any;\n\n    return (\n      <Tag\n        class={{\n          'text': true,\n          [`variant-${this.variant}`]: true,\n          [`align-${this.align}`]: true,\n          [`theme-${this.theme}`]: true\n        }}\n        part=\"base\"\n      >\n        <slot />\n      </Tag>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-Cfj594pp.js → p-CUr7n62X.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-ChRDoPDm.js';
+import { p as proxyCustomElement, H, h, c as Host } from './p-CZlTvZAm.js';
 
 const afNavItemCss = ":host{display:inline-block}.nav-link{text-decoration:none;color:inherit;display:block}.nav-item{display:flex;align-items:center;gap:8px;box-sizing:border-box;cursor:pointer}.hierarchy-primary{padding:12px;justify-content:center}.hierarchy-primary .label-container{display:flex;align-items:center;justify-content:center;height:24px;gap:10px}.hierarchy-primary.variant-01{font-family:var(--typography-headingfont, 'NeuSans', 'Inter', system-ui, sans-serif);font-size:16px;font-weight:var(--font-weight-book, 500);line-height:20px;color:var(--colour-typography-nav-item-primary, #14343b)}.hierarchy-primary.variant-02{font-family:var(--typography-bodyfont, 'Helvetica', 'Inter', system-ui, sans-serif);font-size:16px;font-weight:var(--font-weight-regular, 400);line-height:20px;color:var(--colour-typography-nav-item-secondary, #2b484f)}.hierarchy-primary.variant-01:hover .label-container{border-bottom:1px solid currentColor}.hierarchy-primary.variant-01.active .label-container{border-bottom:2px solid #8a7049}.hierarchy-primary.variant-02:hover{background-color:rgba(20, 52, 59, 0.04);border-radius:8px}.hierarchy-primary.variant-02.active{background-color:rgba(20, 52, 59, 0.08);border-radius:8px}.hierarchy-secondary{padding:4px 0}.hierarchy-secondary .label-container{display:flex;align-items:center;flex:1;min-height:24px;gap:8px}.hierarchy-secondary.variant-01{font-family:'NeuSans', 'Inter', system-ui, sans-serif;font-size:14px;font-weight:500;line-height:20px;color:#14343b}.hierarchy-secondary.variant-02{font-family:'NeuSans', 'Inter', system-ui, sans-serif;font-size:14px;font-weight:400;line-height:20px;color:#2b484f}.hierarchy-secondary:hover ::slotted(*){text-decoration:underline}@media (max-width: 767px){.hierarchy-primary{padding:20px 12px;border-bottom:1px solid #e8eeed;width:100%}.hierarchy-primary .label-container{flex:1;justify-content:flex-start}.hierarchy-primary.variant-01{font-size:20px;line-height:1.1;letter-spacing:-0.4px}.hierarchy-primary.variant-02{font-size:20px;line-height:1.1;letter-spacing:-0.4px;color:#60767b}}::slotted([slot=\"icon-left\"]),::slotted([slot=\"icon-right\"]){width:24px;height:24px;flex-shrink:0}.hierarchy-secondary ::slotted([slot=\"icon-right\"]){width:20px;height:20px}";
 
@@ -61,6 +61,6 @@ function defineCustomElement() {
 }
 
 export { AfNavItem as A, defineCustomElement as d };
-//# sourceMappingURL=p-Cfj594pp.js.map
+//# sourceMappingURL=p-CUr7n62X.js.map
 
-//# sourceMappingURL=p-Cfj594pp.js.map
+//# sourceMappingURL=p-CUr7n62X.js.map

package/dist/components/{p-Cfj594pp.js.map → p-CUr7n62X.js.map}

@@ -1 +1 @@
-{"file":"p-Cfj594pp.js","mappings":";;AAAA,MAAM,YAAY,GAAG,2rEAA2rE;;MCWnsE,SAAS,iBAAAA,kBAAA,CAAA,MAAA,SAAA,SAAAC,CAAA,CAAA;AALtB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;AAME;;;;AAIG;AACK,QAAA,IAAS,CAAA,SAAA,GAA4B,SAAS;AAEtD;;;;AAIG;AACK,QAAA,IAAO,CAAA,OAAA,GAAgB,IAAI;AAOnC;;AAEG;AACK,QAAA,IAAM,CAAA,MAAA,GAAY,KAAK;AAgChC;IA9BC,MAAM,GAAA;AACJ,QAAA,MAAM,OAAO,GAAG;AACd,YAAA,UAAU,EAAE,IAAI;AAChB,YAAA,CAAC,aAAa,IAAI,CAAC,SAAS,CAAE,CAAA,GAAG,IAAI;AACrC,YAAA,CAAC,WAAW,IAAI,CAAC,OAAO,CAAE,CAAA,GAAG,IAAI;YACjC,QAAQ,EAAE,IAAI,CAAC;SAChB;QAED,MAAM,OAAO,IACX,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,OAAO,EAAA,EACjB,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,WAAW,EAAQ,CAAA,EAC9B,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,iBAAiB,EAAA,EAC1B,CAAA,CAAA,MAAA,EAAA,IAAA,CAAa,CACT,EACN,CAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,YAAY,EAAQ,CAAA,CAC3B,CACP;AAED,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,QACE,EAAC,IAAI,EAAA,IAAA,EACH,CAAA,CAAA,GAAA,EAAA,EAAG,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAC,UAAU,EACjC,EAAA,OAAO,CACN,CACC;;QAIX,OAAO,CAAC,CAAA,IAAI,EAAE,IAAA,EAAA,OAAO,CAAQ;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/af-nav-item/af-nav-item.css?tag=af-nav-item&encapsulation=shadow","src/components/af-nav-item/af-nav-item.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n}\n\n.nav-link {\n  text-decoration: none;\n  color: inherit;\n  display: block;\n}\n\n.nav-item {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  box-sizing: border-box;\n  cursor: pointer;\n}\n\n/* Primary hierarchy - bold main navigation */\n.hierarchy-primary {\n  padding: 12px;\n  justify-content: center;\n}\n\n.hierarchy-primary .label-container {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 24px;\n  gap: 10px;\n}\n\n/* Primary variant 01 - darker */\n.hierarchy-primary.variant-01 {\n  font-family: var(--typography-headingfont, 'NeuSans', 'Inter', system-ui, sans-serif);\n  font-size: 16px;\n  font-weight: var(--font-weight-book, 500);\n  line-height: 20px;\n  color: var(--colour-typography-nav-item-primary, #14343b);\n}\n\n/* Primary variant 02 - lighter for light backgrounds */\n.hierarchy-primary.variant-02 {\n  font-family: var(--typography-bodyfont, 'Helvetica', 'Inter', system-ui, sans-serif);\n  font-size: 16px;\n  font-weight: var(--font-weight-regular, 400);\n  line-height: 20px;\n  color: var(--colour-typography-nav-item-secondary, #2b484f);\n}\n\n/* Hover state for primary variant-01 (dark backgrounds) - underline */\n.hierarchy-primary.variant-01:hover .label-container {\n  border-bottom: 1px solid currentColor;\n}\n\n/* Active state for primary variant-01 - thicker border */\n.hierarchy-primary.variant-01.active .label-container {\n  border-bottom: 2px solid #8a7049;\n}\n\n/* Hover and active states for variant-02 (light backgrounds) - no border */\n.hierarchy-primary.variant-02:hover {\n  background-color: rgba(20, 52, 59, 0.04);\n  border-radius: 8px;\n}\n\n.hierarchy-primary.variant-02.active {\n  background-color: rgba(20, 52, 59, 0.08);\n  border-radius: 8px;\n}\n\n/* Secondary hierarchy - smaller sub-navigation */\n.hierarchy-secondary {\n  padding: 4px 0;\n}\n\n.hierarchy-secondary .label-container {\n  display: flex;\n  align-items: center;\n  flex: 1;\n  min-height: 24px;\n  gap: 8px;\n}\n\n/* Secondary variant 01 - medium weight */\n.hierarchy-secondary.variant-01 {\n  font-family: 'NeuSans', 'Inter', system-ui, sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 20px;\n  color: #14343b;\n}\n\n/* Secondary variant 02 - regular weight */\n.hierarchy-secondary.variant-02 {\n  font-family: 'NeuSans', 'Inter', system-ui, sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 20px;\n  color: #2b484f;\n}\n\n/* Hover state for secondary - underline text */\n.hierarchy-secondary:hover ::slotted(*) {\n  text-decoration: underline;\n}\n\n/* Mobile styles */\n@media (max-width: 767px) {\n  .hierarchy-primary {\n    padding: 20px 12px;\n    border-bottom: 1px solid #e8eeed;\n    width: 100%;\n  }\n\n  .hierarchy-primary .label-container {\n    flex: 1;\n    justify-content: flex-start;\n  }\n\n  .hierarchy-primary.variant-01 {\n    font-size: 20px;\n    line-height: 1.1;\n    letter-spacing: -0.4px;\n  }\n\n  .hierarchy-primary.variant-02 {\n    font-size: 20px;\n    line-height: 1.1;\n    letter-spacing: -0.4px;\n    color: #60767b;\n  }\n}\n\n/* Icon sizing */\n::slotted([slot=\"icon-left\"]),\n::slotted([slot=\"icon-right\"]) {\n  width: 24px;\n  height: 24px;\n  flex-shrink: 0;\n}\n\n.hierarchy-secondary ::slotted([slot=\"icon-right\"]) {\n  width: 20px;\n  height: 20px;\n}\n","import { Component, h, Prop, Host } from '@stencil/core';\n\n/**\n * A generic navigation item component that can be used in navigation bars, menus, and sidebars.\n * Supports multiple hierarchy levels, variants, and states (active, hover).\n */\n@Component({\n  tag: 'af-nav-item',\n  styleUrl: 'af-nav-item.css',\n  shadow: true\n})\nexport class AfNavItem {\n  /**\n   * Visual hierarchy level of the navigation item\n   * - 'primary': Bold, main navigation (larger text, prominent styling)\n   * - 'secondary': Lighter, sub-navigation (smaller text, subtle styling)\n   */\n  @Prop() hierarchy: 'primary' | 'secondary' = 'primary';\n\n  /**\n   * Visual variant within the hierarchy level\n   * - '01': Darker/more prominent styling\n   * - '02': Lighter/more subtle styling\n   */\n  @Prop() variant: '01' | '02' = '01';\n\n  /**\n   * URL to navigate to when clicked\n   */\n  @Prop() href?: string;\n\n  /**\n   * Whether this nav item is currently active/selected\n   */\n  @Prop() active: boolean = false;\n\n  render() {\n    const classes = {\n      'nav-item': true,\n      [`hierarchy-${this.hierarchy}`]: true,\n      [`variant-${this.variant}`]: true,\n      'active': this.active\n    };\n\n    const content = (\n      <div class={classes}>\n        <slot name=\"icon-left\"></slot>\n        <div class=\"label-container\">\n          <slot></slot>\n        </div>\n        <slot name=\"icon-right\"></slot>\n      </div>\n    );\n\n    if (this.href) {\n      return (\n        <Host>\n          <a href={this.href} class=\"nav-link\">\n            {content}\n          </a>\n        </Host>\n      );\n    }\n\n    return <Host>{content}</Host>;\n  }\n}\n"],"version":3}
+{"file":"p-CUr7n62X.js","mappings":";;AAAA,MAAM,YAAY,GAAG,2rEAA2rE;;MCWnsE,SAAS,iBAAAA,kBAAA,CAAA,MAAA,SAAA,SAAAC,CAAA,CAAA;AALtB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;AAME;;;;AAIG;AACK,QAAA,IAAS,CAAA,SAAA,GAA4B,SAAS;AAEtD;;;;AAIG;AACK,QAAA,IAAO,CAAA,OAAA,GAAgB,IAAI;AAOnC;;AAEG;AACK,QAAA,IAAM,CAAA,MAAA,GAAY,KAAK;AAgChC;IA9BC,MAAM,GAAA;AACJ,QAAA,MAAM,OAAO,GAAG;AACd,YAAA,UAAU,EAAE,IAAI;AAChB,YAAA,CAAC,aAAa,IAAI,CAAC,SAAS,CAAE,CAAA,GAAG,IAAI;AACrC,YAAA,CAAC,WAAW,IAAI,CAAC,OAAO,CAAE,CAAA,GAAG,IAAI;YACjC,QAAQ,EAAE,IAAI,CAAC;SAChB;QAED,MAAM,OAAO,IACX,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,OAAO,EAAA,EACjB,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,WAAW,EAAQ,CAAA,EAC9B,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,iBAAiB,EAAA,EAC1B,CAAA,CAAA,MAAA,EAAA,IAAA,CAAa,CACT,EACN,CAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,YAAY,EAAQ,CAAA,CAC3B,CACP;AAED,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,QACE,EAAC,IAAI,EAAA,IAAA,EACH,CAAA,CAAA,GAAA,EAAA,EAAG,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAC,UAAU,EACjC,EAAA,OAAO,CACN,CACC;;QAIX,OAAO,CAAC,CAAA,IAAI,EAAE,IAAA,EAAA,OAAO,CAAQ;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/af-nav-item/af-nav-item.css?tag=af-nav-item&encapsulation=shadow","src/components/af-nav-item/af-nav-item.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n}\n\n.nav-link {\n  text-decoration: none;\n  color: inherit;\n  display: block;\n}\n\n.nav-item {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  box-sizing: border-box;\n  cursor: pointer;\n}\n\n/* Primary hierarchy - bold main navigation */\n.hierarchy-primary {\n  padding: 12px;\n  justify-content: center;\n}\n\n.hierarchy-primary .label-container {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 24px;\n  gap: 10px;\n}\n\n/* Primary variant 01 - darker */\n.hierarchy-primary.variant-01 {\n  font-family: var(--typography-headingfont, 'NeuSans', 'Inter', system-ui, sans-serif);\n  font-size: 16px;\n  font-weight: var(--font-weight-book, 500);\n  line-height: 20px;\n  color: var(--colour-typography-nav-item-primary, #14343b);\n}\n\n/* Primary variant 02 - lighter for light backgrounds */\n.hierarchy-primary.variant-02 {\n  font-family: var(--typography-bodyfont, 'Helvetica', 'Inter', system-ui, sans-serif);\n  font-size: 16px;\n  font-weight: var(--font-weight-regular, 400);\n  line-height: 20px;\n  color: var(--colour-typography-nav-item-secondary, #2b484f);\n}\n\n/* Hover state for primary variant-01 (dark backgrounds) - underline */\n.hierarchy-primary.variant-01:hover .label-container {\n  border-bottom: 1px solid currentColor;\n}\n\n/* Active state for primary variant-01 - thicker border */\n.hierarchy-primary.variant-01.active .label-container {\n  border-bottom: 2px solid #8a7049;\n}\n\n/* Hover and active states for variant-02 (light backgrounds) - no border */\n.hierarchy-primary.variant-02:hover {\n  background-color: rgba(20, 52, 59, 0.04);\n  border-radius: 8px;\n}\n\n.hierarchy-primary.variant-02.active {\n  background-color: rgba(20, 52, 59, 0.08);\n  border-radius: 8px;\n}\n\n/* Secondary hierarchy - smaller sub-navigation */\n.hierarchy-secondary {\n  padding: 4px 0;\n}\n\n.hierarchy-secondary .label-container {\n  display: flex;\n  align-items: center;\n  flex: 1;\n  min-height: 24px;\n  gap: 8px;\n}\n\n/* Secondary variant 01 - medium weight */\n.hierarchy-secondary.variant-01 {\n  font-family: 'NeuSans', 'Inter', system-ui, sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 20px;\n  color: #14343b;\n}\n\n/* Secondary variant 02 - regular weight */\n.hierarchy-secondary.variant-02 {\n  font-family: 'NeuSans', 'Inter', system-ui, sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 20px;\n  color: #2b484f;\n}\n\n/* Hover state for secondary - underline text */\n.hierarchy-secondary:hover ::slotted(*) {\n  text-decoration: underline;\n}\n\n/* Mobile styles */\n@media (max-width: 767px) {\n  .hierarchy-primary {\n    padding: 20px 12px;\n    border-bottom: 1px solid #e8eeed;\n    width: 100%;\n  }\n\n  .hierarchy-primary .label-container {\n    flex: 1;\n    justify-content: flex-start;\n  }\n\n  .hierarchy-primary.variant-01 {\n    font-size: 20px;\n    line-height: 1.1;\n    letter-spacing: -0.4px;\n  }\n\n  .hierarchy-primary.variant-02 {\n    font-size: 20px;\n    line-height: 1.1;\n    letter-spacing: -0.4px;\n    color: #60767b;\n  }\n}\n\n/* Icon sizing */\n::slotted([slot=\"icon-left\"]),\n::slotted([slot=\"icon-right\"]) {\n  width: 24px;\n  height: 24px;\n  flex-shrink: 0;\n}\n\n.hierarchy-secondary ::slotted([slot=\"icon-right\"]) {\n  width: 20px;\n  height: 20px;\n}\n","import { Component, h, Prop, Host } from '@stencil/core';\n\n/**\n * A generic navigation item component that can be used in navigation bars, menus, and sidebars.\n * Supports multiple hierarchy levels, variants, and states (active, hover).\n */\n@Component({\n  tag: 'af-nav-item',\n  styleUrl: 'af-nav-item.css',\n  shadow: true\n})\nexport class AfNavItem {\n  /**\n   * Visual hierarchy level of the navigation item\n   * - 'primary': Bold, main navigation (larger text, prominent styling)\n   * - 'secondary': Lighter, sub-navigation (smaller text, subtle styling)\n   */\n  @Prop() hierarchy: 'primary' | 'secondary' = 'primary';\n\n  /**\n   * Visual variant within the hierarchy level\n   * - '01': Darker/more prominent styling\n   * - '02': Lighter/more subtle styling\n   */\n  @Prop() variant: '01' | '02' = '01';\n\n  /**\n   * URL to navigate to when clicked\n   */\n  @Prop() href?: string;\n\n  /**\n   * Whether this nav item is currently active/selected\n   */\n  @Prop() active: boolean = false;\n\n  render() {\n    const classes = {\n      'nav-item': true,\n      [`hierarchy-${this.hierarchy}`]: true,\n      [`variant-${this.variant}`]: true,\n      'active': this.active\n    };\n\n    const content = (\n      <div class={classes}>\n        <slot name=\"icon-left\"></slot>\n        <div class=\"label-container\">\n          <slot></slot>\n        </div>\n        <slot name=\"icon-right\"></slot>\n      </div>\n    );\n\n    if (this.href) {\n      return (\n        <Host>\n          <a href={this.href} class=\"nav-link\">\n            {content}\n          </a>\n        </Host>\n      );\n    }\n\n    return <Host>{content}</Host>;\n  }\n}\n"],"version":3}

package/dist/components/{p-ChRDoPDm.js → p-CZlTvZAm.js}

@@ -1,4 +1,4 @@
-const globalStyles = ":root{--colour-brand-mist-green:#C6D5D1;--colour-brand-inkwell:#14343B;--colour-brand-soft-clay:#B09670;--colour-brand-white:#FFFFFF;--colour-brand-ivory-paper:#FFF9E1;--colour-brand-azure:#7FE2D4;--colour-brand-ice:#A6FFF8;--colour-tints-mist-green-20:#F6FAF9;--colour-tints-mist-green-30:#F2F9F5;--colour-tints-mist-green-40:#ECF6F3;--colour-tints-mist-green-50:#E9F5FA;--colour-tints-mist-green-100:#E1EEE1;--colour-tints-mist-green-200:#D2E8E3;--colour-tints-mist-green-300:#C2E4E3;--colour-tints-mist-green-400:#B2D0D0A;--colour-tints-mist-green-500:#A1BABA;--colour-tints-mist-green-600:#92A7A7;--colour-tints-mist-green-700:#849898;--colour-tints-mist-green-800:#1B6A68;--colour-tints-inkwell-20:#F8FAFA;--colour-tints-inkwell-30:#F5F9F5;--colour-tints-inkwell-40:#EEF5F5;--colour-tints-inkwell-50:#E8E6E8;--colour-tints-inkwell-100:#D4D4D4;--colour-tints-inkwell-200:#AAB6B1;--colour-tints-inkwell-300:#7D969B;--colour-tints-inkwell-400:#4E6E5F;--colour-tints-inkwell-500:#1E4A48;--colour-tints-inkwell-600:#1A3038;--colour-tints-inkwell-700:#142736;--colour-tints-inkwell-800:#0D1A20;--colour-tints-soft-clay-20:#FBF9F5;--colour-tints-soft-clay-30:#FAF8F1;--colour-tints-soft-clay-40:#F7F5E5;--colour-tints-soft-clay-50:#F7F5E1;--colour-tints-soft-clay-100:#F2EAC2;--colour-tints-soft-clay-200:#D5C5C4;--colour-tints-soft-clay-300:#D0C0A9;--colour-tints-soft-clay-400:#CDAB8D;--colour-tints-soft-clay-500:#B59B82;--colour-tints-soft-clay-600:#A08651;--colour-tints-soft-clay-700:#8D7B5A;--colour-tints-soft-clay-800:#5A5920;--colour-tints-ice-20:#FAFFFF;--colour-tints-ice-30:#F8FFFE;--colour-tints-ice-40:#F4FFFD;--colour-tints-ice-50:#E6FFFF;--colour-tints-ice-100:#E4FFF8;--colour-tints-ice-200:#C9FFF0;--colour-tints-ice-300:#C2FFF0;--colour-tints-ice-400:#B8FFFC;--colour-tints-ice-500:#8Ce;--colour-tints-ice-600:#83BB82;--colour-tints-ice-700:#10CCC9;--colour-typography-heading-primary:#14343B;--colour-typography-heading-secondary:#B09670;--colour-typography-body-dark:#14343B;--colour-typography-body-default:#14343B;--colour-typography-body-subtle:#708380;--colour-background-mist-green:#C6D5D1;--colour-background-inkwell:#14343B;--colour-background-soft-clay:#B09670;--colour-background-white:#FFFFFF;--colour-background-ivory-paper:#FFF9E1;--colour-ui-mist-green:#C6D5D1;--colour-ui-inkwell:#14343B;--colour-ui-soft-clay:#B09670;--colour-ui-white:#FFFFFF;--colour-ui-ivory-paper:#FFF9E1;--colour-ui-azure:#7FE2D4;--colour-ui-ice:#A6FFF8;--radius-sm:6px;--radius-md:12px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--typography-headingfont:'NeuSans', 'Inter', 'Segoe UI', system-ui, sans-serif;--typography-bodyfont:'Helvetica', 'Inter', 'Segoe UI', system-ui, sans-serif;--typography-sansfont:'Inter', 'Segoe UI', system-ui, sans-serif;--font-weight-regular:400;--font-weight-book:500;--font-weight-semibold:600;--font-size-heading-1-desktop:56px;--font-size-heading-1-mobile:38px;--font-size-heading-2-desktop:44px;--font-size-heading-2-mobile:32px;--font-size-heading-3-desktop:34px;--font-size-heading-3-mobile:25px;--font-size-heading-4-desktop:24px;--font-size-heading-4-mobile:20px;--font-size-heading-5-desktop:20px;--font-size-heading-5-mobile:18px;--font-size-heading-xl-desktop:80px;--font-size-heading-xl-mobile:50px;--font-size-body-xlarge:22px;--font-size-body-large:18px;--font-size-body-medium:16px;--font-size-body-small:14px;--font-size-label-button:17px;--font-size-label-tag:14px;--line-height-heading-tight:1;--line-height-heading-normal:1.1;--line-height-heading-relaxed:1.2;--line-height-body-xlarge:28px;--line-height-body-large:26px;--line-height-body-medium:24px;--line-height-body-small:20px;--line-height-label-button:20px;--line-height-label-tag:1;--letter-spacing-heading:-0.02em;--letter-spacing-body:0;--grid-xlarge-breakpoint:1440px;--grid-xlarge-columns:12;--grid-xlarge-margin:80px;--grid-xlarge-gutter:24px;--grid-xlarge-max-width:1440px;--grid-large-breakpoint:1024px;--grid-large-columns:12;--grid-large-margin:64px;--grid-large-gutter:16px;--grid-large-max-width:1024px;--grid-medium-breakpoint:768px;--grid-medium-columns:6;--grid-medium-margin:32px;--grid-medium-gutter:16px;--grid-medium-max-width:768px;--grid-small-breakpoint:375px;--grid-small-columns:4;--grid-small-margin:20px;--grid-small-gutter:16px;--grid-small-max-width:100%;--grid-xsmall-breakpoint:320px;--grid-xsmall-columns:4;--grid-xsmall-margin:16px;--grid-xsmall-gutter:16px;--grid-xsmall-max-width:100%;--icon-size-small:16px;--icon-size-medium:24px;--icon-size-large:32px;--icon-badge-size:48px;--illustration-size:432px}";
+const globalStyles = ":root{--colour-brand-mist-green:#C6D5D1;--colour-brand-inkwell:#14343B;--colour-brand-soft-clay:#B09670;--colour-brand-white:#FFFFFF;--colour-brand-ivory-paper:#FFF9E1;--colour-brand-azure:#7FE2D4;--colour-brand-ice:#A6FFF8;--colour-tints-mist-green-20:#F6FAF9;--colour-tints-mist-green-30:#F2F9F5;--colour-tints-mist-green-40:#ECF6F3;--colour-tints-mist-green-50:#E9F5FA;--colour-tints-mist-green-100:#E1EEE1;--colour-tints-mist-green-200:#D2E8E3;--colour-tints-mist-green-300:#C2E4E3;--colour-tints-mist-green-400:#B2D0D0A;--colour-tints-mist-green-500:#A1BABA;--colour-tints-mist-green-600:#92A7A7;--colour-tints-mist-green-700:#849898;--colour-tints-mist-green-800:#1B6A68;--colour-tints-inkwell-20:#F8FAFA;--colour-tints-inkwell-30:#F5F9F5;--colour-tints-inkwell-40:#EEF5F5;--colour-tints-inkwell-50:#E8E6E8;--colour-tints-inkwell-100:#D4D4D4;--colour-tints-inkwell-200:#AAB6B1;--colour-tints-inkwell-300:#7D969B;--colour-tints-inkwell-400:#4E6E5F;--colour-tints-inkwell-500:#1E4A48;--colour-tints-inkwell-600:#1A3038;--colour-tints-inkwell-700:#142736;--colour-tints-inkwell-800:#0D1A20;--colour-tints-soft-clay-20:#FBF9F5;--colour-tints-soft-clay-30:#FAF8F1;--colour-tints-soft-clay-40:#F7F5E5;--colour-tints-soft-clay-50:#F7F5E1;--colour-tints-soft-clay-100:#F2EAC2;--colour-tints-soft-clay-200:#D5C5C4;--colour-tints-soft-clay-300:#D0C0A9;--colour-tints-soft-clay-400:#CDAB8D;--colour-tints-soft-clay-500:#B59B82;--colour-tints-soft-clay-600:#A08651;--colour-tints-soft-clay-700:#8D7B5A;--colour-tints-soft-clay-800:#5A5920;--colour-tints-ice-20:#FAFFFF;--colour-tints-ice-30:#F8FFFE;--colour-tints-ice-40:#F4FFFD;--colour-tints-ice-50:#E6FFFF;--colour-tints-ice-100:#E4FFF8;--colour-tints-ice-200:#C9FFF0;--colour-tints-ice-300:#C2FFF0;--colour-tints-ice-400:#B8FFFC;--colour-tints-ice-500:#8Ce;--colour-tints-ice-600:#83BB82;--colour-tints-ice-700:#10CCC9;--colour-typography-heading-primary:#14343B;--colour-typography-heading-secondary:#B09670;--colour-typography-body-dark:#14343B;--colour-typography-body-default:#14343B;--colour-typography-body-subtle:#708380;--colour-background-mist-green:#C6D5D1;--colour-background-inkwell:#14343B;--colour-background-soft-clay:#B09670;--colour-background-white:#FFFFFF;--colour-background-ivory-paper:#FFF9E1;--colour-background-level1:#E8EEED;--colour-ui-mist-green:#C6D5D1;--colour-ui-inkwell:#14343B;--colour-ui-soft-clay:#B09670;--colour-ui-white:#FFFFFF;--colour-ui-ivory-paper:#FFF9E1;--colour-ui-azure:#7FE2D4;--colour-ui-ice:#A6FFF8;--radius-sm:6px;--radius-md:12px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--typography-headingfont:'NeuSans', 'Inter', 'Segoe UI', system-ui, sans-serif;--typography-bodyfont:'Helvetica', 'Inter', 'Segoe UI', system-ui, sans-serif;--typography-sansfont:'Inter', 'Segoe UI', system-ui, sans-serif;--font-weight-regular:400;--font-weight-book:500;--font-weight-semibold:600;--font-size-heading-1-desktop:56px;--font-size-heading-1-mobile:38px;--font-size-heading-2-desktop:44px;--font-size-heading-2-mobile:32px;--font-size-heading-3-desktop:34px;--font-size-heading-3-mobile:25px;--font-size-heading-4-desktop:24px;--font-size-heading-4-mobile:20px;--font-size-heading-5-desktop:20px;--font-size-heading-5-mobile:18px;--font-size-heading-xl-desktop:80px;--font-size-heading-xl-mobile:50px;--font-size-body-xlarge:22px;--font-size-body-large:18px;--font-size-body-medium:16px;--font-size-body-small:14px;--font-size-label-button:17px;--font-size-label-tag:14px;--line-height-heading-tight:1;--line-height-heading-normal:1.1;--line-height-heading-relaxed:1.2;--line-height-body-xlarge:28px;--line-height-body-large:26px;--line-height-body-medium:24px;--line-height-body-small:20px;--line-height-label-button:20px;--line-height-label-tag:1;--letter-spacing-heading:-0.02em;--letter-spacing-body:0;--grid-xlarge-breakpoint:1440px;--grid-xlarge-columns:12;--grid-xlarge-margin:80px;--grid-xlarge-gutter:24px;--grid-xlarge-max-width:1440px;--grid-large-breakpoint:1024px;--grid-large-columns:12;--grid-large-margin:64px;--grid-large-gutter:16px;--grid-large-max-width:1024px;--grid-medium-breakpoint:768px;--grid-medium-columns:6;--grid-medium-margin:32px;--grid-medium-gutter:16px;--grid-medium-max-width:768px;--grid-small-breakpoint:375px;--grid-small-columns:4;--grid-small-margin:20px;--grid-small-gutter:16px;--grid-small-max-width:100%;--grid-xsmall-breakpoint:320px;--grid-xsmall-columns:4;--grid-xsmall-margin:16px;--grid-xsmall-gutter:16px;--grid-xsmall-max-width:100%;--icon-size-small:16px;--icon-size-medium:24px;--icon-size-large:32px;--icon-badge-size:48px;--illustration-size:432px}";
 
 const NAMESPACE = 'affinda';
 const BUILD = /* affinda */ { hydratedSelectorName: "hydrated", lazyLoad: false, propChangeCallback: false, slotRelocation: true, updatable: true};
@@ -1634,6 +1634,6 @@ function render(vnode, container) {
 }
 
 export { H, setNonce as a, setPlatformOptions as b, Host as c, getAssetPath as g, h, proxyCustomElement as p, render as r, setAssetPath as s };
-//# sourceMappingURL=p-ChRDoPDm.js.map
+//# sourceMappingURL=p-CZlTvZAm.js.map
 
-//# sourceMappingURL=p-ChRDoPDm.js.map
+//# sourceMappingURL=p-CZlTvZAm.js.map