@affinda/wc 0.6.1 → 0.7.0

package/dist/cjs/af-next-steps.cjs.entry.js

@@ -0,0 +1,40 @@
+'use strict';
+
+var index = require('./index-BcMwIg4j.js');
+
+const afNextStepsCss = () => `.sc-af-next-steps-h{display:block;width:100%}.next-steps__heading.sc-af-next-steps{margin-bottom:var(--space-4, 16px)}.next-steps__heading.sc-af-next-steps:empty{display:none}.next-steps__heading.sc-af-next-steps-s>*,.next-steps__heading .sc-af-next-steps-s>*{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:var(--font-weight-book, 500);font-size:20px;line-height:28px;color:var(--af-typography-heading-primary, #14343b);margin:0}.next-steps__list.sc-af-next-steps{display:flex;flex-direction:column;gap:0}`;
+
+const AfNextSteps = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        /**
+         * Show step numbers instead of icons.
+         */
+        this.numbered = false;
+    }
+    componentDidLoad() {
+        this.assignIndices();
+    }
+    componentDidUpdate() {
+        this.assignIndices();
+    }
+    assignIndices() {
+        const items = Array.from(this.el.querySelectorAll('af-next-step-item'));
+        items.forEach((item, i) => {
+            item.numbered = this.numbered;
+            if (item.index == null || item.index === 0) {
+                item.index = i + 1;
+            }
+        });
+    }
+    render() {
+        return (index.h(index.Host, { key: 'ab1f36a1b5d72ec67e998ccea066c4922e38615a', class: {
+                'next-steps': true,
+                'next-steps--numbered': this.numbered,
+            } }, index.h("div", { key: '31c6e587f409b3a219c0f7d02a7d78e6e38a2449', class: "next-steps__heading" }, index.h("slot", { key: '3548c5998c925d8341b916a1acf5cc5233245532', name: "heading" })), index.h("div", { key: '5e4ff2f25c7f17027957904d770873d9b0273b79', class: "next-steps__list", role: "list" }, index.h("slot", { key: '53c3a2d92e833254faa16955b835d29417309fe7' }))));
+    }
+    get el() { return index.getElement(this); }
+};
+AfNextSteps.style = afNextStepsCss();
+
+exports.af_next_steps = AfNextSteps;

package/dist/cjs/af-number-badge.cjs.entry.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-BuJz1C1M.js');
+var index = require('./index-BcMwIg4j.js');
 
-const afNumberBadgeCss = ":host{display:inline-flex;align-items:center;justify-content:center;line-height:1;user-select:none;flex-shrink:0}.badge{display:inline-flex;align-items:center;justify-content:center;font-family:var(--af-font-family-sans, 'NeuSans', Arial, sans-serif);font-weight:500}.badge.variant-inCircle{border-radius:50%;background-color:var(--af-color-brand-soft-clay, #B09670);color:var(--af-color-brand-inkwell, #14343B)}.badge.variant-outlined{background-color:transparent;color:var(--af-color-brand-mist-green, #C6D5D1)}";
+const afNumberBadgeCss = () => `:host{display:inline-flex;align-items:center;justify-content:center;line-height:1;user-select:none;flex-shrink:0}.badge{display:inline-flex;align-items:center;justify-content:center;font-family:var(--af-font-family-sans, 'NeuSans', Arial, sans-serif);font-weight:500}.badge.variant-inCircle{border-radius:50%;background-color:var(--af-color-brand-soft-clay, #B09670);color:var(--af-color-brand-inkwell, #14343B)}.badge.variant-outlined{background-color:transparent;color:var(--af-color-brand-mist-green, #C6D5D1)}`;
 
 const AfNumberBadge = class {
     constructor(hostRef) {
@@ -24,19 +24,18 @@ const AfNumberBadge = class {
     }
     render() {
         const isInCircle = this.variant === 'inCircle';
-        const fontSize = isInCircle ? this.size * 0.4 : this.size * 0.8;
+        const fontSize = isInCircle ? this.size * 0.5 : this.size * 0.8;
         const badgeStyle = {
             width: `${this.size}px`,
             height: `${this.size}px`,
             fontSize: `${fontSize}px`,
         };
-        return (index.h(index.Host, { key: 'e38ee2826f507669b252c5aac8b02c9f0040d97e', role: "img", "aria-label": `Number ${this.number}${isInCircle ? ' badge' : ''}` }, index.h("span", { key: '49d9df033be715ce38e87b32a8fec3b2d9596675', class: {
+        return (index.h(index.Host, { key: '0a4f241dd6ddb99f24a90863987d9d44cd640f42', role: "img", "aria-label": `Number ${this.number}${isInCircle ? ' badge' : ''}` }, index.h("span", { key: '18ac73a9e910382b3e45d0118421f5edc55b740b', class: {
                 'badge': true,
                 [`variant-${this.variant}`]: true,
             }, style: badgeStyle }, this.number)));
     }
 };
-AfNumberBadge.style = afNumberBadgeCss;
+AfNumberBadge.style = afNumberBadgeCss();
 
 exports.af_number_badge = AfNumberBadge;
-//# sourceMappingURL=af-number-badge.entry.cjs.js.map

package/dist/cjs/af-numbered-stepper-item.cjs.entry.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-BuJz1C1M.js');
+var index = require('./index-BcMwIg4j.js');
 
-const afNumberedStepperItemCss = ".sc-af-numbered-stepper-item-h{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 var(--space-6, 24px);min-width:0;color:var(--af-typography-heading-primary, var(--colour-brand-inkwell, #14343B))}.numbered-stepper-item__marker-row.sc-af-numbered-stepper-item{position:relative;display:flex;justify-content:center;width:100%;margin-bottom:var(--space-6, 24px)}.numbered-stepper-item__badge.sc-af-numbered-stepper-item{position:relative;z-index:1}.numbered-stepper-item__connector.sc-af-numbered-stepper-item{position:absolute;left:calc(50% + 20px);right:calc(-50% + 20px);top:50%;height:1px;background:var(--colour-brand-soft-clay, #B09670)}.sc-af-numbered-stepper-item-h:last-child .numbered-stepper-item__connector.sc-af-numbered-stepper-item{display:none}.numbered-stepper-item__lockup.sc-af-numbered-stepper-item{display:block;max-width:320px}.numbered-stepper--vertical.sc-af-numbered-stepper-item-h,.numbered-stepper--vertical .sc-af-numbered-stepper-item-h{flex-direction:row;align-items:flex-start;text-align:left;gap:var(--space-6, 24px);padding:0}.numbered-stepper--vertical.sc-af-numbered-stepper-item-h .numbered-stepper-item__marker-row.sc-af-numbered-stepper-item,.numbered-stepper--vertical .sc-af-numbered-stepper-item-h .numbered-stepper-item__marker-row.sc-af-numbered-stepper-item{width:auto;flex-shrink:0;margin-bottom:0;align-self:stretch;justify-content:flex-start;align-items:flex-start}.numbered-stepper--vertical.sc-af-numbered-stepper-item-h .numbered-stepper-item__connector.sc-af-numbered-stepper-item,.numbered-stepper--vertical .sc-af-numbered-stepper-item-h .numbered-stepper-item__connector.sc-af-numbered-stepper-item{left:50%;right:auto;top:calc(var(--space-10, 40px) + var(--space-1, 4px));bottom:calc(var(--space-8, 32px) * -1);height:auto;width:1px;transform:translateX(-50%)}.numbered-stepper--vertical.sc-af-numbered-stepper-item-h .numbered-stepper-item__lockup.sc-af-numbered-stepper-item,.numbered-stepper--vertical .sc-af-numbered-stepper-item-h .numbered-stepper-item__lockup.sc-af-numbered-stepper-item{max-width:none;flex:1 1 auto;padding-top:var(--space-2, 8px)}@media (max-width: 767px){.numbered-stepper--horizontal.sc-af-numbered-stepper-item-h,.numbered-stepper--horizontal .sc-af-numbered-stepper-item-h{flex-direction:row;align-items:flex-start;text-align:left;gap:var(--space-6, 24px);padding:0}.numbered-stepper--horizontal.sc-af-numbered-stepper-item-h .numbered-stepper-item__marker-row.sc-af-numbered-stepper-item,.numbered-stepper--horizontal .sc-af-numbered-stepper-item-h .numbered-stepper-item__marker-row.sc-af-numbered-stepper-item{width:auto;flex-shrink:0;margin-bottom:0}.numbered-stepper--horizontal.sc-af-numbered-stepper-item-h .numbered-stepper-item__connector.sc-af-numbered-stepper-item,.numbered-stepper--horizontal .sc-af-numbered-stepper-item-h .numbered-stepper-item__connector.sc-af-numbered-stepper-item{display:none}.numbered-stepper--horizontal.sc-af-numbered-stepper-item-h .numbered-stepper-item__lockup.sc-af-numbered-stepper-item,.numbered-stepper--horizontal .sc-af-numbered-stepper-item-h .numbered-stepper-item__lockup.sc-af-numbered-stepper-item{max-width:none;flex:1 1 auto;padding-top:var(--space-2, 8px)}}";
+const afNumberedStepperItemCss = () => `.sc-af-numbered-stepper-item-h{--numbered-stepper-item-inline-padding:var(--space-6, 24px);display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 var(--numbered-stepper-item-inline-padding);min-width:0;color:var(--af-typography-heading-primary, var(--colour-brand-inkwell, #14343B))}.numbered-stepper-item__marker-row.sc-af-numbered-stepper-item{position:relative;display:flex;justify-content:center;width:100%;margin-bottom:var(--space-6, 24px)}.numbered-stepper--horizontal.sc-af-numbered-stepper-item-h .numbered-stepper-item__marker-row.sc-af-numbered-stepper-item,.numbered-stepper--horizontal .sc-af-numbered-stepper-item-h .numbered-stepper-item__marker-row.sc-af-numbered-stepper-item{width:calc(100% + (var(--numbered-stepper-item-inline-padding) * 2));margin-inline:calc(var(--numbered-stepper-item-inline-padding) * -1)}.numbered-stepper-item__badge.sc-af-numbered-stepper-item{position:relative;z-index:1}.numbered-stepper-item__connector.sc-af-numbered-stepper-item{position:absolute;left:calc(50% + 36px);right:calc(-50% + 36px);top:50%;height:3px;background:var(--colour-brand-soft-clay, #B09670);border-radius:999px;transform:translateY(-50%)}.sc-af-numbered-stepper-item-h:last-child .numbered-stepper-item__connector.sc-af-numbered-stepper-item{display:none}.numbered-stepper-item__lockup.sc-af-numbered-stepper-item{display:block;max-width:320px}.numbered-stepper-item__heading.sc-af-numbered-stepper-item{font-family:var(--typography-headingfont, 'NeuSans', sans-serif);font-weight:var(--font-weight-regular, 400);font-size:var(--font-size-heading-card-desktop, 22px);line-height:var(--line-height-heading-card, 28px);letter-spacing:var(--letter-spacing-heading, -0.02em);color:var(--af-typography-heading-primary, var(--colour-brand-inkwell, #14343B))}.numbered-stepper-item__heading.sc-af-numbered-stepper-item-s>*,.numbered-stepper-item__heading .sc-af-numbered-stepper-item-s>*{margin:0;font:inherit;letter-spacing:inherit;color:inherit}.numbered-stepper-item__body.sc-af-numbered-stepper-item{margin-top:var(--space-3, 12px);font-family:var(--typography-bodyfont, 'NeuSans', sans-serif);font-size:var(--font-size-body-large, 18px);font-weight:var(--font-weight-regular, 400);line-height:var(--line-height-body-large, 26px);color:var(--af-typography-body-default, var(--colour-typography-body-default, #2B484F))}.numbered-stepper-item__body.sc-af-numbered-stepper-item-s>*,.numbered-stepper-item__body .sc-af-numbered-stepper-item-s>*{margin:0;font:inherit;color:inherit}.numbered-stepper--vertical.sc-af-numbered-stepper-item-h,.numbered-stepper--vertical .sc-af-numbered-stepper-item-h{flex-direction:row;align-items:flex-start;text-align:left;gap:var(--space-6, 24px);padding:0}.numbered-stepper--vertical.sc-af-numbered-stepper-item-h .numbered-stepper-item__marker-row.sc-af-numbered-stepper-item,.numbered-stepper--vertical .sc-af-numbered-stepper-item-h .numbered-stepper-item__marker-row.sc-af-numbered-stepper-item{width:auto;flex-shrink:0;margin-bottom:0;align-self:stretch;justify-content:flex-start;align-items:flex-start}.numbered-stepper--vertical.sc-af-numbered-stepper-item-h .numbered-stepper-item__connector.sc-af-numbered-stepper-item,.numbered-stepper--vertical .sc-af-numbered-stepper-item-h .numbered-stepper-item__connector.sc-af-numbered-stepper-item{left:50%;right:auto;top:calc(48px + var(--space-1, 4px));bottom:calc(var(--space-8, 32px) * -1);height:auto;width:3px;transform:translateX(-50%)}.numbered-stepper--vertical.sc-af-numbered-stepper-item-h .numbered-stepper-item__lockup.sc-af-numbered-stepper-item,.numbered-stepper--vertical .sc-af-numbered-stepper-item-h .numbered-stepper-item__lockup.sc-af-numbered-stepper-item{max-width:none;flex:1 1 auto;padding-top:var(--space-2, 8px)}@media (max-width: 767px){.numbered-stepper--horizontal.sc-af-numbered-stepper-item-h,.numbered-stepper--horizontal .sc-af-numbered-stepper-item-h{flex-direction:row;align-items:flex-start;text-align:left;gap:var(--space-6, 24px);padding:0}.numbered-stepper--horizontal.sc-af-numbered-stepper-item-h .numbered-stepper-item__marker-row.sc-af-numbered-stepper-item,.numbered-stepper--horizontal .sc-af-numbered-stepper-item-h .numbered-stepper-item__marker-row.sc-af-numbered-stepper-item{width:auto;flex-shrink:0;margin-inline:0;margin-bottom:0}.numbered-stepper--horizontal.sc-af-numbered-stepper-item-h .numbered-stepper-item__connector.sc-af-numbered-stepper-item,.numbered-stepper--horizontal .sc-af-numbered-stepper-item-h .numbered-stepper-item__connector.sc-af-numbered-stepper-item{display:none}.numbered-stepper--horizontal.sc-af-numbered-stepper-item-h .numbered-stepper-item__lockup.sc-af-numbered-stepper-item,.numbered-stepper--horizontal .sc-af-numbered-stepper-item-h .numbered-stepper-item__lockup.sc-af-numbered-stepper-item{max-width:none;flex:1 1 auto;padding-top:var(--space-2, 8px)}.numbered-stepper-item__heading.sc-af-numbered-stepper-item{font-size:var(--font-size-heading-card-mobile, 20px)}}`;
 
 const AfNumberedStepperItem = class {
     constructor(hostRef) {
@@ -16,10 +16,9 @@ const AfNumberedStepperItem = class {
     render() {
         // The badge supports 1–10; clamp for safety so we never pass a bad prop.
         const clamped = Math.max(1, Math.min(10, this.index | 0));
-        return (index.h(index.Host, { key: '62bc6f558da62d664e22c680af3d4a0cd959ee27', role: "listitem" }, index.h("div", { key: 'aac9fb7f30e3a0bbb70303102526bc9871910737', class: "numbered-stepper-item__marker-row", "aria-hidden": "true" }, index.h("af-number-badge", { key: 'fb4ba62a61cdc4bced7985f8013a7adcc309cf0e', class: "numbered-stepper-item__badge", number: clamped, variant: "inCircle", size: 40 }), index.h("span", { key: '3090034f17f0c62ab94a91bd45b5772856b6c632', class: "numbered-stepper-item__connector" })), index.h("af-typography-lockup", { key: 'fdcc257515a9265330d4443d6e665ad44630cc73', class: "numbered-stepper-item__lockup", "heading-size": "card", "text-alignment": "center" }, index.h("slot", { key: '6905c5a82d0dc82ed81ef3847f534bde32be9262', name: "heading" }), index.h("span", { key: '8be84e524019bf3f51b5d8447eaae5d6d2b881f0', slot: "description" }, index.h("slot", { key: '6c0b5d91a79706cb864fa532d6432699130bd728', name: "body" })))));
+        return (index.h(index.Host, { key: '81d3f6cd28b01cf55a40fda061d9cdd374485dcf', role: "listitem" }, index.h("div", { key: '6cc77e075287b695f5222ea8e9eff709fe38e100', class: "numbered-stepper-item__marker-row", "aria-hidden": "true" }, index.h("af-number-badge", { key: 'a39189658b9dfd6138d765571b532eaf51bf35fd', class: "numbered-stepper-item__badge", number: clamped, variant: "inCircle", size: 48 }), index.h("span", { key: 'a4e2a0aaab8e1fb87ca05f2f36c076b163a92eef', class: "numbered-stepper-item__connector" })), index.h("div", { key: '87e2830b3edb930ae21cfdfdbc10ff8c90cfdf57', class: "numbered-stepper-item__lockup" }, index.h("div", { key: '2c496622671e8ea9f11964509a942311c743bf5d', class: "numbered-stepper-item__heading" }, index.h("slot", { key: '5702b182ee55d16efd9fd859b03e96b16ac184c9', name: "heading" })), index.h("div", { key: '6257e4165560c1430ede3cd46cb51c1de23d92c6', class: "numbered-stepper-item__body" }, index.h("slot", { key: 'e8768fb2ccd7d3287dcb8158851a5ccf2f0fcad2', name: "body" })))));
     }
 };
-AfNumberedStepperItem.style = afNumberedStepperItemCss;
+AfNumberedStepperItem.style = afNumberedStepperItemCss();
 
 exports.af_numbered_stepper_item = AfNumberedStepperItem;
-//# sourceMappingURL=af-numbered-stepper-item.entry.cjs.js.map

package/dist/cjs/af-numbered-stepper.cjs.entry.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-BuJz1C1M.js');
+var index = require('./index-BcMwIg4j.js');
 
-const afNumberedStepperCss = ".sc-af-numbered-stepper-h{display:grid;width:100%;max-width:1120px;margin:0 auto}.numbered-stepper--horizontal.sc-af-numbered-stepper{grid-auto-columns:1fr;grid-auto-flow:column;gap:0}.numbered-stepper--vertical.sc-af-numbered-stepper{max-width:680px;grid-auto-flow:row;gap:var(--space-8, 32px)}@media (max-width: 767px){.numbered-stepper--horizontal.sc-af-numbered-stepper{grid-auto-flow:row;grid-auto-columns:unset;gap:var(--space-8, 32px)}}";
+const afNumberedStepperCss = () => `.sc-af-numbered-stepper-h{display:grid;width:100%;max-width:1120px;margin:0 auto}.numbered-stepper--horizontal.sc-af-numbered-stepper{grid-auto-columns:1fr;grid-auto-flow:column;gap:0}.numbered-stepper--vertical.sc-af-numbered-stepper{max-width:680px;grid-auto-flow:row;gap:var(--space-8, 32px)}@media (max-width: 767px){.numbered-stepper--horizontal.sc-af-numbered-stepper{grid-auto-flow:row;grid-auto-columns:unset;gap:var(--space-8, 32px)}}`;
 
 const AfNumberedStepper = class {
     constructor(hostRef) {
@@ -26,11 +26,10 @@ const AfNumberedStepper = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '468809af144520073ec0924b8b293a1a7a98c2a6', class: `numbered-stepper numbered-stepper--${this.orientation}`, role: "list" }, index.h("slot", { key: 'e7ab09871620ab5ccc1b384443824a91750a15c3' })));
+        return (index.h(index.Host, { key: '82523a99af2ba155cbf95d0787ebb152799023ce', class: `numbered-stepper numbered-stepper--${this.orientation}`, role: "list" }, index.h("slot", { key: 'ad089d8d3f6c004318f01796490ebd22115c16a1' })));
     }
     get el() { return index.getElement(this); }
 };
-AfNumberedStepper.style = afNumberedStepperCss;
+AfNumberedStepper.style = afNumberedStepperCss();
 
 exports.af_numbered_stepper = AfNumberedStepper;
-//# sourceMappingURL=af-numbered-stepper.entry.cjs.js.map

package/dist/cjs/af-paperclip-decoration.cjs.entry.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-BuJz1C1M.js');
+var index = require('./index-BcMwIg4j.js');
 
-const afPaperclipDecorationCss = ":host{display:block;pointer-events:none}svg{display:block;}";
+const afPaperclipDecorationCss = () => `:host{display:block;pointer-events:none}svg{display:block;}`;
 
 const AfPaperclipDecoration = class {
     constructor(hostRef) {
@@ -34,10 +34,9 @@ const AfPaperclipDecoration = class {
         this.fill = 'white';
     }
     render() {
-        return (index.h(index.Host, { key: '9db0e4d35474d6c783387ed5c522943ac89f5315' }, index.h("svg", { key: 'a79d736a5ab711844bc1f2233c493edf66039fb4', "aria-hidden": "true", width: this.width, height: this.height, viewBox: "0 0 655 754", fill: "none", xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "none" }, index.h("path", { key: 'c6a0f21366a159e5af9f69e324797450e4b31b15', d: "M1102.14 108.279C1031.8 37.5181 939.128 -1.06817 840.61 0.447304H358.674L262.104 157.124H841.87C842.558 157.124 843.36 157.124 844.047 157.124C900.638 157.124 953.791 179.273 994 219.725C1035.24 261.225 1058.04 316.715 1058.04 376.052C1058.04 497.872 960.665 596.844 841.068 596.844H251.335C197.609 596.844 153.848 552.313 153.848 497.639C153.848 442.965 197.723 397.734 251.221 396.102H779.208L878.872 239.426H248.586C111.577 242.923 0 358.682 0 497.639C0 636.596 112.723 753.404 251.335 753.404H841.068C1045.55 753.404 1212 584.021 1212 375.935C1212 274.398 1173.05 179.39 1102.26 108.162L1102.14 108.279Z", fill: this.fill, "fill-opacity": this.opacity }))));
+        return (index.h(index.Host, { key: '050140c0d13431a76bf882b708fd8e71b7c40aa5' }, index.h("svg", { key: 'd458c152fa4a3621e5a2f220f7c0cfd0e85f7028', "aria-hidden": "true", width: this.width, height: this.height, viewBox: "0 0 655 754", fill: "none", xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "none" }, index.h("path", { key: '6e1e31a5be0b79f8a6550c5c53f0b4c2f1c40843', d: "M1102.14 108.279C1031.8 37.5181 939.128 -1.06817 840.61 0.447304H358.674L262.104 157.124H841.87C842.558 157.124 843.36 157.124 844.047 157.124C900.638 157.124 953.791 179.273 994 219.725C1035.24 261.225 1058.04 316.715 1058.04 376.052C1058.04 497.872 960.665 596.844 841.068 596.844H251.335C197.609 596.844 153.848 552.313 153.848 497.639C153.848 442.965 197.723 397.734 251.221 396.102H779.208L878.872 239.426H248.586C111.577 242.923 0 358.682 0 497.639C0 636.596 112.723 753.404 251.335 753.404H841.068C1045.55 753.404 1212 584.021 1212 375.935C1212 274.398 1173.05 179.39 1102.26 108.162L1102.14 108.279Z", fill: this.fill, "fill-opacity": this.opacity }))));
     }
 };
-AfPaperclipDecoration.style = afPaperclipDecorationCss;
+AfPaperclipDecoration.style = afPaperclipDecorationCss();
 
 exports.af_paperclip_decoration = AfPaperclipDecoration;
-//# sourceMappingURL=af-paperclip-decoration.entry.cjs.js.map

package/dist/cjs/af-pie-chart.cjs.entry.js

@@ -0,0 +1,153 @@
+'use strict';
+
+var index = require('./index-BcMwIg4j.js');
+var a11y = require('./a11y-D7P8rpD_.js');
+
+const afPieChartCss = () => `:host{display:flex;align-items:center;justify-content:center;width:100%;min-height:0;font-family:var(--typography-primaryfont, 'NeuSans', sans-serif)}.pie-chart__container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:16px;width:100%}:host(.pie-chart--with-legend) .pie-chart__container{flex-direction:row;justify-content:center;align-items:center;gap:24px}@media (max-width: 480px){:host(.pie-chart--with-legend) .pie-chart__container{flex-direction:column}.pie-chart__chart-wrapper{width:160px;height:160px}}.pie-chart__chart-wrapper{position:relative;flex-shrink:0;width:180px;height:180px}.pie-chart__svg{display:block;width:100%;height:100%}.pie-chart__segment{transition:transform 0.15s ease, filter 0.15s ease;transform-origin:center}.pie-chart__segment--0{fill:var(--af-chart-1, #c6d5d1)}.pie-chart__segment--1{fill:var(--af-chart-2, #dde6e3)}.pie-chart__segment--2{fill:var(--af-chart-3, #c0ab8d)}.pie-chart__segment--3{fill:var(--af-chart-4, #dfd5c6)}.pie-chart__segment--4{fill:var(--af-chart-5, #14343b)}.pie-chart__segment--5{fill:var(--af-chart-1, #c6d5d1);opacity:0.7}.pie-chart__segment--6{fill:var(--af-chart-2, #dde6e3);opacity:0.7}.pie-chart__segment--7{fill:var(--af-chart-3, #c0ab8d);opacity:0.7}.pie-chart__segment-group--highlighted .pie-chart__segment{fill:var(--af-chart-highlight, #a6fff8)}:host(.pie-chart--interactive) .pie-chart__segment-group{cursor:pointer;transition:transform 0.15s ease}.pie-chart__segment-group--hovered .pie-chart__segment{filter:brightness(1.1)}.pie-chart__segment--animated{opacity:0;transform:scale(0.8);animation:segment-reveal 0.8s ease-out forwards}@keyframes segment-reveal{to{opacity:1;transform:scale(1)}}.pie-chart__label{fill:var(--af-chart-text, #2b484f);font-size:11px;font-weight:600;text-anchor:middle;dominant-baseline:middle;pointer-events:none}.pie-chart__segment--animated+.pie-chart__label{opacity:0;animation:label-fade 0.5s ease-out forwards}@keyframes label-fade{to{opacity:1}}.pie-chart__legend{display:flex;flex-direction:column;gap:8px;min-width:120px}.pie-chart__legend-item{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:4px;transition:background-color 0.15s ease}:host(.pie-chart--interactive) .pie-chart__legend-item{cursor:pointer}.pie-chart__legend-item:hover,.pie-chart__legend-item--hovered{background-color:var(--af-background-level-1, #f4f7f6)}.pie-chart__legend-swatch{width:10px;height:10px;border-radius:2px;flex-shrink:0}.pie-chart__legend-swatch--0{background-color:var(--af-chart-1, #c6d5d1)}.pie-chart__legend-swatch--1{background-color:var(--af-chart-2, #dde6e3)}.pie-chart__legend-swatch--2{background-color:var(--af-chart-3, #c0ab8d)}.pie-chart__legend-swatch--3{background-color:var(--af-chart-4, #dfd5c6)}.pie-chart__legend-swatch--4{background-color:var(--af-chart-5, #14343b)}.pie-chart__legend-swatch--5{background-color:var(--af-chart-1, #c6d5d1);opacity:0.7}.pie-chart__legend-swatch--6{background-color:var(--af-chart-2, #dde6e3);opacity:0.7}.pie-chart__legend-swatch--7{background-color:var(--af-chart-3, #c0ab8d);opacity:0.7}.pie-chart__legend-label{flex:1;font-size:13px;color:var(--af-chart-text, #2b484f)}.pie-chart__legend-value{font-size:12px;color:var(--af-chart-text-muted, #6b8085);font-variant-numeric:tabular-nums}.pie-chart__tooltip{position:absolute;transform:translate(-50%, -50%);padding:8px 12px;background:var(--af-chart-tooltip-bg, #ffffff);border:1px solid var(--af-chart-tooltip-border, #e8ebeb);border-radius:6px;box-shadow:0 4px 12px rgba(0, 0, 0, 0.1);pointer-events:none;z-index:10;white-space:nowrap}.pie-chart__tooltip-label{font-size:12px;color:var(--af-chart-text-muted, #6b8085);margin-bottom:2px}.pie-chart__tooltip-value{font-size:14px;font-weight:600;color:var(--af-chart-tooltip-text, #2b484f)}.pie-chart--empty{display:flex;align-items:center;justify-content:center;min-height:200px}.pie-chart__empty-message{font-size:14px;color:var(--af-chart-text-muted, #6b8085)}`;
+
+const AfPieChart = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        /**
+         * Chart data as JSON string.
+         * Format: `[{"label":"Category","value":100}, ...]`
+         */
+        this.data = '[]';
+        /**
+         * Theme for colors.
+         */
+        this.theme = 'white';
+        /**
+         * Start angle in degrees (0 = 3 o'clock, -90 = 12 o'clock).
+         */
+        this.startAngle = -90;
+        /**
+         * Show percentage labels on segments.
+         */
+        this.showLabels = false;
+        /**
+         * Show legend beside/below chart.
+         */
+        this.showLegend = true;
+        /**
+         * Interactivity level.
+         */
+        this.interactive = 'none';
+        /**
+         * Enable CSS entry animations.
+         */
+        this.animated = false;
+        /**
+         * Chart size (width and height, square).
+         */
+        this.size = 180;
+        this.parsedData = null;
+        this.hoveredIndex = null;
+        this.tooltipData = null;
+        this.handleSegmentEnter = (index, x, y, label, value, percentage) => {
+            if (this.interactive === 'none')
+                return;
+            this.hoveredIndex = index;
+            if (this.interactive === 'tooltip') {
+                this.tooltipData = { x, y, label, value, percentage };
+            }
+        };
+        this.handleSegmentLeave = () => {
+            this.hoveredIndex = null;
+            this.tooltipData = null;
+        };
+    }
+    parseData() {
+        try {
+            const parsed = JSON.parse(this.data);
+            if (Array.isArray(parsed)) {
+                this.parsedData = parsed;
+            }
+            else {
+                this.parsedData = null;
+            }
+        }
+        catch {
+            this.parsedData = null;
+        }
+    }
+    componentWillLoad() {
+        this.parseData();
+    }
+    renderChart(data) {
+        const { size, startAngle, showLabels, animated} = this;
+        const cx = size / 2;
+        const cy = size / 2;
+        const outerRadius = (size / 2) - 10; // Leave padding
+        const labelRadius = outerRadius * 0.65; // Labels positioned inside pie
+        const startAngleRad = (startAngle * Math.PI) / 180;
+        const arcs = a11y.computeArcs(data.map((d) => d.value), startAngleRad);
+        return (index.h("g", { class: "pie-chart__content" }, arcs.map((arc, i) => {
+            const point = data[i];
+            const isHovered = this.hoveredIndex === i;
+            const path = a11y.arcPath(cx, cy, outerRadius, 0, arc.startAngle, arc.endAngle);
+            const centroid = a11y.arcCentroid(cx, cy, labelRadius, arc.startAngle, arc.endAngle);
+            // Hover offset direction
+            const midAngle = (arc.startAngle + arc.endAngle) / 2;
+            const hoverOffset = isHovered ? 5 : 0;
+            const offsetX = Math.cos(midAngle) * hoverOffset;
+            const offsetY = Math.sin(midAngle) * hoverOffset;
+            return (index.h("g", { key: i, class: {
+                    'pie-chart__segment-group': true,
+                    'pie-chart__segment-group--hovered': isHovered,
+                }, style: { transform: `translate(${offsetX}px, ${offsetY}px)` }, onMouseEnter: () => this.handleSegmentEnter(i, centroid.x, centroid.y, point.label, point.value, arc.percentage), onMouseLeave: this.handleSegmentLeave }, index.h("path", { d: path, class: {
+                    'pie-chart__segment': true,
+                    'pie-chart__segment--animated': animated,
+                    [`pie-chart__segment--${i}`]: true,
+                }, style: {
+                    ...(point.color ? { fill: point.color } : {}),
+                    animationDelay: `${i * 80}ms`,
+                } }), showLabels && arc.percentage > 0.05 && (index.h("text", { x: centroid.x, y: centroid.y, class: "pie-chart__label", style: { animationDelay: `${i * 80 + 400}ms` } }, (arc.percentage * 100).toFixed(0), "%"))));
+        })));
+    }
+    renderLegend(data) {
+        const arcs = a11y.computeArcs(data.map((d) => d.value));
+        return (index.h("div", { class: "pie-chart__legend" }, data.map((point, i) => (index.h("div", { key: i, class: {
+                'pie-chart__legend-item': true,
+                'pie-chart__legend-item--hovered': this.hoveredIndex === i,
+            }, onMouseEnter: () => {
+                if (this.interactive !== 'none') {
+                    this.hoveredIndex = i;
+                }
+            }, onMouseLeave: this.handleSegmentLeave }, index.h("span", { class: `pie-chart__legend-swatch pie-chart__legend-swatch--${i}`, style: point.color ? { backgroundColor: point.color } : {} }), index.h("span", { class: "pie-chart__legend-label" }, point.label), index.h("span", { class: "pie-chart__legend-value" }, (arcs[i].percentage * 100).toFixed(1), "%"))))));
+    }
+    renderTooltip() {
+        const { tooltipData, size } = this;
+        if (!tooltipData)
+            return null;
+        // Convert SVG coordinates to percentage for positioning
+        const leftPct = (tooltipData.x / size) * 100;
+        const topPct = (tooltipData.y / size) * 100;
+        return (index.h("div", { class: "pie-chart__tooltip", style: {
+                left: `${leftPct}%`,
+                top: `${topPct}%`,
+            } }, index.h("div", { class: "pie-chart__tooltip-label" }, tooltipData.label), index.h("div", { class: "pie-chart__tooltip-value" }, tooltipData.value, " (", (tooltipData.percentage * 100).toFixed(1), "%)")));
+    }
+    render() {
+        const { parsedData, size, showLegend, interactive, chartLabel } = this;
+        if (!parsedData || parsedData.length === 0) {
+            return (index.h(index.Host, { class: "pie-chart pie-chart--empty" }, index.h("p", { class: "pie-chart__empty-message" }, "No data available")));
+        }
+        const description = chartLabel || a11y.generateChartDescription('pie', parsedData);
+        const chartAriaAttrs = a11y.getChartAriaAttrs(description, interactive !== 'none');
+        return (index.h(index.Host, { class: {
+                'pie-chart': true,
+                'pie-chart--interactive': interactive !== 'none',
+                'pie-chart--with-legend': showLegend,
+            } }, index.h("style", null, a11y.srOnlyStyles), index.h("div", { class: "pie-chart__container" }, index.h("div", { class: "pie-chart__chart-wrapper" }, index.h("svg", { viewBox: `0 0 ${size} ${size}`, class: "pie-chart__svg", ...chartAriaAttrs }, this.renderChart(parsedData)), interactive === 'tooltip' && this.renderTooltip()), showLegend && this.renderLegend(parsedData)), index.h("div", { innerHTML: a11y.generateDataTable(parsedData) }), index.h("slot", null)));
+    }
+    get el() { return index.getElement(this); }
+    static get watchers() { return {
+        "data": [{
+                "parseData": 0
+            }]
+    }; }
+};
+AfPieChart.style = afPieChartCss();
+
+exports.af_pie_chart = AfPieChart;

package/dist/cjs/af-progress-line.cjs.entry.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-BuJz1C1M.js');
+var index = require('./index-BcMwIg4j.js');
 
-const afProgressLineCss = ".sc-af-progress-line-h{display:block;width:100%}.progress-line.sc-af-progress-line{position:relative;overflow:hidden}.progress-line--horizontal.sc-af-progress-line{height:3px;width:100%}.progress-line__background.sc-af-progress-line{position:absolute;inset:0;background:var(--af-background-border-default, var(--colour-background-border-default, #d1ddda));height:1px;top:50%;transform:translateY(-50%)}.progress-line__active.sc-af-progress-line{position:relative;height:100%;min-width:1px;background:var(--af-background-border-active, var(--colour-background-border-active, #8a7049));transition:width 0.15s ease-out}";
+const afProgressLineCss = () => `.sc-af-progress-line-h{display:block;width:100%}.progress-line.sc-af-progress-line{position:relative;overflow:hidden}.progress-line--horizontal.sc-af-progress-line{height:3px;width:100%}.progress-line__background.sc-af-progress-line{position:absolute;inset:0;background:var(--af-background-border-default, var(--colour-background-border-default, #d1ddda));height:1px;top:50%;transform:translateY(-50%)}.progress-line__active.sc-af-progress-line{position:relative;height:100%;min-width:1px;background:var(--af-background-border-active, var(--colour-background-border-active, #8a7049));transition:width 0.15s ease-out}`;
 
 const AfProgressLine = class {
     constructor(hostRef) {
@@ -21,13 +21,12 @@ const AfProgressLine = class {
         // Clamp progress between 0 and 1
         const clampedProgress = Math.max(0, Math.min(1, this.progress));
         const progressPercent = clampedProgress * 100;
-        return (index.h(index.Host, { key: 'f56ae490d0d9e374f540ccb88b0af53430796b42' }, index.h("div", { key: '20832426b290b5ee44d0507848f1cd4f06973202', class: {
+        return (index.h(index.Host, { key: '81c709625e9a575961d2fb997114aba42ecda729' }, index.h("div", { key: '9cacaa007c9d4b187f8a680f138a169674dad1fc', class: {
                 'progress-line': true,
                 [`progress-line--${this.orientation}`]: true,
-            }, role: "progressbar", "aria-valuenow": Math.round(progressPercent), "aria-valuemin": 0, "aria-valuemax": 100 }, index.h("div", { key: '19623163676a5fd71c7b5ba91b33f53d188647c9', class: "progress-line__background" }), index.h("div", { key: '0bd6ccd0748930edd43a384bf8ddad55f8c9d07b', class: "progress-line__active", style: { width: `${progressPercent}%` } }))));
+            }, role: "progressbar", "aria-valuenow": Math.round(progressPercent), "aria-valuemin": 0, "aria-valuemax": 100 }, index.h("div", { key: 'bbc88bea36895db2f44b2fb7b10d18ca07102ff0', class: "progress-line__background" }), index.h("div", { key: '51bc76e5af2178407fd77e9263434caa124f457d', class: "progress-line__active", style: { width: `${progressPercent}%` } }))));
     }
 };
-AfProgressLine.style = afProgressLineCss;
+AfProgressLine.style = afProgressLineCss();
 
 exports.af_progress_line = AfProgressLine;
-//# sourceMappingURL=af-progress-line.entry.cjs.js.map

package/dist/cjs/af-proposal-footer.cjs.entry.js

@@ -0,0 +1,36 @@
+'use strict';
+
+var index = require('./index-BcMwIg4j.js');
+
+const afProposalFooterCss = () => `.proposal-footer.sc-af-proposal-footer{display:flex;align-items:center;justify-content:space-between;padding:24px 48px;background-color:var(--colour-brand-inkwell, #14343b)}@media (max-width: 768px){.proposal-footer.sc-af-proposal-footer{padding:20px 24px;gap:12px}}.proposal-footer__logo.sc-af-proposal-footer{flex-shrink:0;color:var(--colour-brand-white, #ffffff)}.proposal-footer__text.sc-af-proposal-footer{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-size:13px;font-weight:400;color:var(--colour-inkwell-200, #9eb3b7);text-align:right}`;
+
+const AfProposalFooter = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        /** Client name displayed in the footer text. */
+        this.clientName = '';
+        /** Date string (e.g. "May 2026"). */
+        this.date = '';
+        /** Whether to show "Confidential" suffix. */
+        this.confidential = true;
+    }
+    buildFooterText() {
+        const parts = [];
+        if (this.clientName) {
+            parts.push(`Proposal for ${this.clientName}`);
+        }
+        if (this.date) {
+            parts.push(this.date);
+        }
+        if (this.confidential) {
+            parts.push('Confidential');
+        }
+        return parts.join(' · ');
+    }
+    render() {
+        return (index.h(index.Host, { key: '319adab3e4ec43ada7ac3ad9bb349554acdc1019' }, index.h("footer", { key: '17df861c7eb6b4bfd10ca485418c743a063d5b42', class: "proposal-footer" }, index.h("div", { key: '31ad1e5fc54063342abd0b127883ce07b9bb1f4a', class: "proposal-footer__logo" }, index.h("af-logo-mark", { key: '115c7b5d17ec3a716143fce2771568c122b58eaf', width: "40", height: "26" })), index.h("div", { key: '036e5b0d1e2a6e5a5816410ec702721551076910', class: "proposal-footer__text" }, this.buildFooterText()))));
+    }
+};
+AfProposalFooter.style = afProposalFooterCss();
+
+exports.af_proposal_footer = AfProposalFooter;

package/dist/cjs/af-proposal-header.cjs.entry.js

@@ -0,0 +1,30 @@
+'use strict';
+
+var index = require('./index-BcMwIg4j.js');
+
+const afProposalHeaderCss = () => `.proposal-header.sc-af-proposal-header{position:relative;background-color:var(--colour-brand-inkwell, #14343b);color:var(--colour-text-on-inkwell, #ffffff);padding:80px 48px;overflow:hidden;min-height:400px;display:flex;flex-direction:column;justify-content:center}@media (max-width: 768px){.proposal-header.sc-af-proposal-header{padding:48px 24px;min-height:320px}}.proposal-header__paperclip.sc-af-proposal-header{position:absolute;top:50%;right:-10%;transform:translateY(-50%);width:70%;max-width:800px;height:100%;pointer-events:none;opacity:1}@media (max-width: 768px){.proposal-header__paperclip.sc-af-proposal-header{right:-30%;width:100%}}.proposal-header__content.sc-af-proposal-header{position:relative;z-index:1;max-width:800px}.proposal-header__brandmark.sc-af-proposal-header{display:flex;align-items:center;gap:16px;margin-bottom:32px}.proposal-header__logo.sc-af-proposal-header{height:24px;width:auto;color:currentColor}.proposal-header__divider.sc-af-proposal-header{width:1px;height:20px;background-color:currentColor;opacity:0.4}.proposal-header__team.sc-af-proposal-header{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:0.1em;opacity:0.8}.proposal-header__title.sc-af-proposal-header{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-size:clamp(32px, 5vw, 56px);font-weight:700;line-height:1.1;margin:0 0 24px 0}.proposal-header__accent.sc-af-proposal-header{color:var(--colour-brand-ice, #a6fffb);font-weight:400}.proposal-header__subtitle.sc-af-proposal-header{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-size:clamp(16px, 2vw, 20px);font-weight:400;line-height:1.5;margin:0 0 40px 0;opacity:0.9;max-width:600px}.proposal-header__meta.sc-af-proposal-header{display:flex;flex-wrap:wrap;gap:32px 48px;padding-top:24px;border-top:1px solid rgba(255, 255, 255, 0.2)}@media (max-width: 640px){.proposal-header__meta.sc-af-proposal-header{flex-direction:column;gap:20px}}.proposal-header__meta-item.sc-af-proposal-header{display:flex;flex-direction:column;gap:4px}.proposal-header__meta-label.sc-af-proposal-header{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:0.08em;opacity:0.6}.proposal-header__meta-value.sc-af-proposal-header{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-size:14px;font-weight:500}`;
+
+const AfProposalHeader = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        /** Team or division name shown beside the logo (e.g. "Value Creation"). */
+        this.team = 'Value Creation';
+        /** Client name displayed in the title as "{clientName} × Affinda". */
+        this.clientName = '';
+        /** Supporting description or tagline below the title. */
+        this.subtitle = '';
+        /** Who the proposal is prepared for (e.g. "Land Services SA executive team"). */
+        this.preparedFor = '';
+        /** Author attribution (defaults to Affinda Value Creation team). */
+        this.preparedBy = 'Affinda, Value Creation & AI Solutions';
+        /** Date string (e.g. "May 2026"). */
+        this.date = '';
+    }
+    render() {
+        const hasMetaItems = this.preparedFor || this.preparedBy || this.date;
+        return (index.h(index.Host, { key: '1d37b9cc0d23083c98dce2c0e05e9536a07b4ea5' }, index.h("header", { key: '38b6742fa6ccdd7199188c3e9013c03881094666', class: "proposal-header" }, index.h("div", { key: 'b0bc211db5c32a2dbc5cb210a79bcedaebc2527a', class: "proposal-header__paperclip", "aria-hidden": "true" }, index.h("af-paperclip-decoration", { key: '76b1e9e3c066bea30087069f3b23dd382b547247', width: "100%", height: "100%", opacity: 0.06, fill: "white" })), index.h("div", { key: '0443d2d72548491bc6647645531511d0a7f146d6', class: "proposal-header__content" }, index.h("div", { key: 'a965b37bda40d1f3d0d706d0efe8cb6bfe84031f', class: "proposal-header__brandmark" }, index.h("af-logo", { key: 'c8394c7f0958f4965b0a2d2b70142e2cf36ce43e', class: "proposal-header__logo" }), index.h("span", { key: '80b4ca6bf7e1c5fbd1a39bbc920174cf1365ac86', class: "proposal-header__divider" }), index.h("span", { key: '688d501e9cf77a80c9a300c4c87b297990d88204', class: "proposal-header__team" }, this.team)), index.h("h1", { key: '73e638574ef72a5d08eb236f064a64d9e57c7b97', class: "proposal-header__title" }, this.clientName, " ", index.h("span", { key: '05f71f3e4617679349c3fdbdb93ed49e00fac3ae', class: "proposal-header__accent" }, "\u00D7"), " Affinda"), this.subtitle && (index.h("p", { key: '524aa5433c0b40909ad891412f59ccf2ece902cb', class: "proposal-header__subtitle" }, this.subtitle)), hasMetaItems && (index.h("div", { key: 'e525d1d651afc3807cd7140f94759933db5cb56d', class: "proposal-header__meta" }, this.preparedFor && (index.h("div", { key: 'facf41f1a8f3dd9209a674f7e59ffc751cb04a22', class: "proposal-header__meta-item" }, index.h("div", { key: 'c9a9fe6d511e12bccac6e6798558e21f5d6c3f66', class: "proposal-header__meta-label" }, "Prepared for"), index.h("div", { key: '1d7c6e50c29362dd93ef516bf489946507ef470f', class: "proposal-header__meta-value" }, this.preparedFor))), this.preparedBy && (index.h("div", { key: '50117c160e17979dd9aeb3a33aed0b3836f1a3f9', class: "proposal-header__meta-item" }, index.h("div", { key: '5f477a93ad03b436cbb8e633dd5039a5064bc996', class: "proposal-header__meta-label" }, "Prepared by"), index.h("div", { key: '2df6b472cb1c6be6803f78462690b8a544fbeb16', class: "proposal-header__meta-value" }, this.preparedBy))), this.date && (index.h("div", { key: '86871a9a4f664d2b58002b61388fc99b40cd0a4e', class: "proposal-header__meta-item" }, index.h("div", { key: '4d6a6e8db15a7da9a3dcd0ffb5b2ceb606789778', class: "proposal-header__meta-label" }, "Date"), index.h("div", { key: '6af9d33f2f0aff0795167b5cdbdadbb6da1fa65b', class: "proposal-header__meta-value" }, this.date)))))))));
+    }
+};
+AfProposalHeader.style = afProposalHeaderCss();
+
+exports.af_proposal_header = AfProposalHeader;

package/dist/cjs/af-radio.cjs.entry.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-BuJz1C1M.js');
+var index = require('./index-BcMwIg4j.js');
 
-const afRadioCss = ":host{display:inline-block}.radio{display:inline-flex;align-items:center;gap:12px;cursor:pointer;font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-size:14px;line-height:20px;color:var(--af-form-control-label, var(--colour-brand-inkwell, #14343b));user-select:none}.radio.disabled{cursor:not-allowed;opacity:0.5}.input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.control{position:relative;flex-shrink:0;width:20px;height:20px;border-radius:var(--radii-radio, 9999px);border:none;box-shadow:inset 0 0 0 1px var(--af-form-control-stroke, var(--colour-mistgreen-500, #d0d6d8));background:var(--af-form-control-bg, var(--colour-brand-white, #ffffff));transition:all 0.15s ease;box-sizing:border-box}.control.checked{background:var(--af-form-control-bg-checked, var(--colour-brand-inkwell, #14343b));box-shadow:none}.control.disabled{background:var(--af-form-control-bg-disabled, var(--colour-mistgreen-200, #e8ebeb));box-shadow:inset 0 0 0 1px var(--af-form-control-stroke-disabled, var(--colour-mistgreen-500, #d0d6d8))}.control.checked.disabled{background:var(--af-form-control-bg-checked-disabled, var(--colour-inkwell-350, #708380));box-shadow:none}.radio:not(.disabled):hover .control:not(.checked){box-shadow:inset 0 0 0 1px var(--af-form-control-stroke-hover, var(--colour-brand-inkwell, #14343b))}.input:focus-visible+.control{outline:none;box-shadow:inset 0 0 0 1px var(--af-form-control-stroke, var(--colour-mistgreen-500, #d0d6d8)),\n    0 0 0 4px var(--af-background-base, var(--colour-brand-white, #ffffff)), \n    0 0 0 5px var(--af-form-control-stroke-hover, var(--colour-brand-inkwell, #14343b))}.input:focus-visible+.control.checked{box-shadow:0 0 0 4px var(--af-background-base, var(--colour-brand-white, #ffffff)), \n    0 0 0 5px var(--af-form-control-stroke-hover, var(--colour-brand-inkwell, #14343b))}.dot{position:absolute;inset:0;margin:auto;width:8px;height:8px;border-radius:50%;background:var(--af-form-control-icon, var(--colour-brand-white, #ffffff));opacity:0;transition:opacity 0.15s ease}.control.checked .dot{opacity:1}.label{display:flex;align-items:center;min-height:24px}.label:empty{display:none}";
+const afRadioCss = () => `:host{display:inline-block}.radio{display:inline-flex;align-items:center;gap:12px;cursor:pointer;font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-size:14px;line-height:20px;color:var(--af-form-control-label, var(--colour-brand-inkwell, #14343b));user-select:none}.radio.disabled{cursor:not-allowed;opacity:0.5}.input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.control{position:relative;flex-shrink:0;width:20px;height:20px;border-radius:var(--radii-radio, 9999px);border:none;box-shadow:inset 0 0 0 1px var(--af-form-control-stroke, var(--colour-mistgreen-500, #d0d6d8));background:var(--af-form-control-bg, var(--colour-brand-white, #ffffff));transition:all 0.15s ease;box-sizing:border-box}.control.checked{background:var(--af-form-control-bg-checked, var(--colour-brand-inkwell, #14343b));box-shadow:none}.control.disabled{background:var(--af-form-control-bg-disabled, var(--colour-mistgreen-200, #e8ebeb));box-shadow:inset 0 0 0 1px var(--af-form-control-stroke-disabled, var(--colour-mistgreen-500, #d0d6d8))}.control.checked.disabled{background:var(--af-form-control-bg-checked-disabled, var(--colour-inkwell-350, #708380));box-shadow:none}.radio:not(.disabled):hover .control:not(.checked){box-shadow:inset 0 0 0 1px var(--af-form-control-stroke-hover, var(--colour-brand-inkwell, #14343b))}.input:focus-visible+.control{outline:none;box-shadow:inset 0 0 0 1px var(--af-form-control-stroke, var(--colour-mistgreen-500, #d0d6d8)),     0 0 0 4px var(--af-background-base, var(--colour-brand-white, #ffffff)),      0 0 0 5px var(--af-form-control-stroke-hover, var(--colour-brand-inkwell, #14343b))}.input:focus-visible+.control.checked{box-shadow:0 0 0 4px var(--af-background-base, var(--colour-brand-white, #ffffff)),      0 0 0 5px var(--af-form-control-stroke-hover, var(--colour-brand-inkwell, #14343b))}.dot{position:absolute;inset:0;margin:auto;width:8px;height:8px;border-radius:50%;background:var(--af-form-control-icon, var(--colour-brand-white, #ffffff));opacity:0;transition:opacity 0.15s ease}.control.checked .dot{opacity:1}.label{display:flex;align-items:center;min-height:24px}.label:empty{display:none}`;
 
 const AfRadio = class {
     constructor(hostRef) {
@@ -46,7 +46,6 @@ const AfRadio = class {
     }
     get el() { return index.getElement(this); }
 };
-AfRadio.style = afRadioCss;
+AfRadio.style = afRadioCss();
 
 exports.af_radio = AfRadio;
-//# sourceMappingURL=af-radio.entry.cjs.js.map

package/dist/cjs/af-section.cjs.entry.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-BuJz1C1M.js');
+var index = require('./index-BcMwIg4j.js');
 
-const afSectionCss = ".sc-af-section-h{display:block;width:100%}.section.sc-af-section{width:100%;position:relative}.padding-none.sc-af-section{padding:0}.padding-tight.sc-af-section{padding:48px 0}.padding-default.sc-af-section{padding:96px 0}.padding-loose.sc-af-section{padding:120px 0 96px}.theme-white.sc-af-section{background-color:var(--colour-brand-white, #FFFFFF);--af-background-base:var(--colour-brand-white, #FFFFFF);--af-background-base-hover:var(--colour-mistgreen-100, #f4f7f6);--af-background-contrast:var(--colour-brand-mist-green, #c6d5d1);--af-background-level-1:var(--colour-mistgreen-200, #e8eeed);--af-background-level-1-hover:var(--colour-mistgreen-300, #dde6e3);--af-background-border-subtle:var(--colour-mistgreen-200, #e8eeed);--af-background-border-default:var(--colour-mistgreen-400, #d1ddda);--af-background-border-heavy:var(--colour-mistgreen-500, #c6d5d1);--af-background-border-active:var(--colour-softclay-800, #8a7049);--af-background-icon-default:var(--colour-brand-inkwell, #14343b);--af-background-icon-accent:var(--colour-brand-soft-clay, #b09670);--af-typography-heading-primary:var(--colour-brand-inkwell, #14343b);--af-typography-heading-secondary:var(--colour-brand-soft-clay, #b09670);--af-typography-body-dark:var(--colour-brand-inkwell, #14343b);--af-typography-body-default:var(--colour-inkwell-400, #2b484f);--af-typography-body-subtle:var(--colour-inkwell-350, #60767b);--af-button-primary-text:var(--colour-brand-inkwell, #14343b);--af-button-primary-icon:var(--colour-brand-inkwell, #14343b);--af-button-primary-bg:var(--colour-brand-ice, #a6fffb);--af-button-primary-bg-hover:var(--colour-ice-600, #95e6e2);--af-button-primary-stroke:var(--colour-brand-inkwell, #14343b);--af-button-secondary-text:var(--colour-brand-inkwell, #14343b);--af-button-secondary-icon:var(--colour-brand-inkwell, #14343b);--af-button-secondary-bg:transparent;--af-button-secondary-bg-hover:rgba(0, 0, 0, 0.08);--af-button-secondary-stroke:var(--colour-brand-inkwell, #14343b);--af-button-ghost-text:var(--colour-brand-inkwell, #14343b);--af-button-ghost-icon:var(--colour-brand-inkwell, #14343b);--af-button-ghost-stroke:var(--colour-brand-soft-clay, #B09670);--af-input-label:var(--af-typography-body-dark);--af-input-description:var(--af-typography-body-default);--af-input-text:var(--af-typography-body-dark);--af-input-placeholder:var(--af-typography-body-subtle);--af-input-icon:var(--af-background-icon-default);--af-input-bg:var(--colour-brand-white, #ffffff);--af-input-bg-hover:var(--colour-mistgreen-100, #f4f7f6);--af-input-bg-disabled:var(--af-background-level-1);--af-input-border:var(--af-background-border-default);--af-input-border-hover:var(--af-background-border-heavy);--af-input-border-active:var(--af-typography-body-dark);--af-input-border-error:var(--colour-error, #be292a);--af-input-error:var(--colour-error, #be292a);--af-input-focus-ring:var(--af-typography-body-dark);--af-form-control-bg:var(--colour-brand-white, #ffffff);--af-form-control-bg-checked:var(--colour-brand-inkwell, #14343b);--af-form-control-bg-disabled:var(--colour-mistgreen-200, #e8ebeb);--af-form-control-bg-checked-disabled:var(--colour-inkwell-350, #708380);--af-form-control-stroke:var(--colour-mistgreen-500, #d0d6d8);--af-form-control-stroke-hover:var(--colour-brand-inkwell, #14343b);--af-form-control-stroke-disabled:var(--colour-mistgreen-500, #d0d6d8);--af-form-control-icon:var(--colour-brand-white, #ffffff);--af-form-control-label:var(--colour-brand-inkwell, #14343b)}.theme-inkwell.sc-af-section{background-color:var(--colour-brand-inkwell, #14343B);--af-background-base:var(--colour-brand-inkwell, #14343b);--af-background-base-hover:var(--colour-inkwell-600, #102a2f);--af-background-contrast:var(--colour-inkwell-700, #102a2f);--af-background-level-1:var(--colour-inkwell-450, #203e45);--af-background-level-1-hover:var(--colour-inkwell-400, #2b484f);--af-background-border-subtle:var(--colour-inkwell-450, #203e45);--af-background-border-default:var(--colour-inkwell-400, #2b484f);--af-background-border-heavy:var(--colour-inkwell-700, #102a2f);--af-background-border-active:var(--colour-brand-ice, #a6fffb);--af-background-icon-default:var(--colour-brand-white, #ffffff);--af-background-icon-accent:var(--colour-brand-ice, #a6fffb);--af-typography-heading-primary:var(--colour-brand-mist-green, #c6d5d1);--af-typography-heading-secondary:var(--colour-brand-white, #ffffff);--af-typography-body-dark:var(--colour-brand-white, #ffffff);--af-typography-body-default:var(--colour-inkwell-100, #d0d6d8);--af-typography-body-subtle:var(--colour-inkwell-200, #a1aeb1);--af-button-primary-text:var(--colour-brand-inkwell, #14343b);--af-button-primary-icon:var(--colour-brand-inkwell, #14343b);--af-button-primary-bg:var(--colour-brand-ice, #a6fffb);--af-button-primary-bg-hover:var(--colour-ice-600, #95e6e2);--af-button-primary-stroke:var(--colour-brand-inkwell, #14343b);--af-button-secondary-text:var(--colour-brand-white, #ffffff);--af-button-secondary-icon:var(--colour-brand-white, #ffffff);--af-button-secondary-bg:transparent;--af-button-secondary-bg-hover:rgba(255, 255, 255, 0.08);--af-button-secondary-stroke:var(--colour-brand-white, #ffffff);--af-button-ghost-text:var(--colour-brand-white, #ffffff);--af-button-ghost-icon:var(--colour-brand-white, #ffffff);--af-button-ghost-stroke:var(--colour-brand-ice, #A6FFFB);--af-input-label:var(--af-typography-body-dark);--af-input-description:var(--af-typography-body-default);--af-input-text:var(--af-typography-body-dark);--af-input-placeholder:var(--af-typography-body-subtle);--af-input-icon:var(--af-background-icon-default);--af-input-bg:var(--colour-inkwell-450, #203e45);--af-input-bg-hover:var(--colour-inkwell-400, #2b484f);--af-input-bg-disabled:var(--colour-inkwell-600, #102a2f);--af-input-border:var(--af-background-border-default);--af-input-border-hover:var(--af-background-border-heavy);--af-input-border-active:var(--colour-brand-ice, #a6fffb);--af-input-border-error:var(--colour-error, #be292a);--af-input-error:var(--colour-error, #be292a);--af-input-focus-ring:var(--colour-brand-ice, #a6fffb);--af-form-control-bg:var(--colour-inkwell-450, #203e45);--af-form-control-bg-checked:var(--colour-brand-mist-green, #c6d5d1);--af-form-control-bg-disabled:var(--colour-inkwell-400, #2b484f);--af-form-control-bg-checked-disabled:var(--colour-mistgreen-700, #9eaaa7);--af-form-control-stroke:var(--colour-inkwell-350, #60767b);--af-form-control-stroke-hover:var(--colour-brand-white, #ffffff);--af-form-control-stroke-disabled:var(--colour-inkwell-400, #2b484f);--af-form-control-icon:var(--colour-brand-inkwell, #14343b);--af-form-control-label:var(--colour-brand-white, #ffffff)}.theme-mist-green.sc-af-section{background-color:var(--colour-brand-mist-green, #C6D5D1);--af-background-base:var(--colour-brand-mist-green, #c6d5d1);--af-background-base-hover:var(--colour-mistgreen-600, #b2c0bc);--af-background-contrast:var(--colour-brand-soft-clay, #b09670);--af-background-level-1:var(--colour-mistgreen-300, #dde6e3);--af-background-level-1-hover:var(--colour-mistgreen-400, #d1ddda);--af-background-border-subtle:var(--colour-mistgreen-600, #b2c0bc);--af-background-border-default:var(--colour-mistgreen-700, #9eaaa7);--af-background-border-heavy:var(--colour-mistgreen-700, #9eaaa7);--af-background-border-active:var(--colour-softclay-800, #8a7049);--af-background-icon-default:var(--colour-brand-inkwell, #14343b);--af-background-icon-accent:var(--colour-brand-soft-clay, #b09670);--af-typography-heading-primary:var(--colour-brand-inkwell, #14343b);--af-typography-heading-secondary:var(--colour-brand-soft-clay, #b09670);--af-typography-body-dark:var(--colour-brand-inkwell, #14343b);--af-typography-body-default:var(--colour-inkwell-400, #2b484f);--af-typography-body-subtle:var(--colour-inkwell-350, #60767b);--af-button-primary-text:var(--colour-brand-inkwell, #14343b);--af-button-primary-icon:var(--colour-brand-inkwell, #14343b);--af-button-primary-bg:var(--colour-brand-ice, #a6fffb);--af-button-primary-bg-hover:var(--colour-ice-600, #95e6e2);--af-button-primary-stroke:var(--colour-brand-inkwell, #14343b);--af-button-secondary-text:var(--colour-brand-inkwell, #14343b);--af-button-secondary-icon:var(--colour-brand-inkwell, #14343b);--af-button-secondary-bg:transparent;--af-button-secondary-bg-hover:rgba(0, 0, 0, 0.08);--af-button-secondary-stroke:var(--colour-brand-inkwell, #14343b);--af-button-ghost-text:var(--colour-brand-inkwell, #14343b);--af-button-ghost-icon:var(--colour-brand-inkwell, #14343b);--af-button-ghost-stroke:var(--colour-brand-soft-clay, #B09670);--af-input-label:var(--af-typography-body-dark);--af-input-description:var(--af-typography-body-default);--af-input-text:var(--af-typography-body-dark);--af-input-placeholder:var(--af-typography-body-subtle);--af-input-icon:var(--af-background-icon-default);--af-input-bg:var(--colour-brand-white, #ffffff);--af-input-bg-hover:var(--colour-mistgreen-100, #f4f7f6);--af-input-bg-disabled:var(--af-background-level-1);--af-input-border:var(--af-background-border-default);--af-input-border-hover:var(--af-background-border-heavy);--af-input-border-active:var(--af-typography-body-dark);--af-input-border-error:var(--colour-error, #be292a);--af-input-error:var(--colour-error, #be292a);--af-input-focus-ring:var(--af-typography-body-dark);--af-form-control-bg:var(--colour-brand-white, #ffffff);--af-form-control-bg-checked:var(--colour-brand-inkwell, #14343b);--af-form-control-bg-disabled:var(--colour-mistgreen-300, #dde6e3);--af-form-control-bg-checked-disabled:var(--colour-inkwell-350, #708380);--af-form-control-stroke:var(--colour-mistgreen-700, #9eaaa7);--af-form-control-stroke-hover:var(--colour-brand-inkwell, #14343b);--af-form-control-stroke-disabled:var(--colour-mistgreen-600, #b2c0bc);--af-form-control-icon:var(--colour-brand-white, #ffffff);--af-form-control-label:var(--colour-brand-inkwell, #14343b)}.theme-soft-clay.sc-af-section{background-color:var(--colour-softclay-400, #c0ab8d);--af-background-base:var(--colour-softclay-400, #c0ab8d);--af-background-base-hover:var(--colour-softclay-500, #b09670);--af-background-contrast:var(--colour-brand-mist-green, #c6d5d1);--af-background-level-1:var(--colour-softclay-500, #b09670);--af-background-level-1-hover:var(--colour-softclay-600, #9e8765);--af-background-border-subtle:var(--colour-softclay-600, #9e8765);--af-background-border-default:var(--colour-softclay-700, #8d785a);--af-background-border-heavy:var(--colour-brand-inkwell, #14343b);--af-background-border-active:var(--colour-brand-ice, #a6fffb);--af-background-icon-default:var(--colour-brand-inkwell, #14343b);--af-background-icon-accent:var(--colour-brand-ivory-paper, #fff9ee);--af-typography-heading-primary:var(--colour-brand-inkwell, #14343b);--af-typography-heading-secondary:var(--colour-brand-ivory-paper, #fff9ee);--af-typography-body-dark:var(--colour-brand-inkwell, #14343b);--af-typography-body-default:var(--colour-inkwell-400, #2b484f);--af-typography-body-subtle:var(--colour-inkwell-350, #60767b);--af-button-primary-text:var(--colour-brand-inkwell, #14343b);--af-button-primary-icon:var(--colour-brand-inkwell, #14343b);--af-button-primary-bg:var(--colour-brand-ice, #a6fffb);--af-button-primary-bg-hover:var(--colour-ice-600, #95e6e2);--af-button-primary-stroke:var(--colour-brand-inkwell, #14343b);--af-button-secondary-text:var(--colour-brand-inkwell, #14343b);--af-button-secondary-icon:var(--colour-brand-inkwell, #14343b);--af-button-secondary-bg:transparent;--af-button-secondary-bg-hover:rgba(0, 0, 0, 0.08);--af-button-secondary-stroke:var(--colour-brand-inkwell, #14343b);--af-button-ghost-text:var(--colour-brand-inkwell, #14343b);--af-button-ghost-icon:var(--colour-brand-inkwell, #14343b);--af-button-ghost-stroke:var(--colour-brand-inkwell, #14343b);--af-input-label:var(--af-typography-body-dark);--af-input-description:var(--af-typography-body-default);--af-input-text:var(--af-typography-body-dark);--af-input-placeholder:var(--af-typography-body-subtle);--af-input-icon:var(--af-background-icon-default);--af-input-bg:var(--colour-brand-white, #ffffff);--af-input-bg-hover:var(--colour-mistgreen-100, #f4f7f6);--af-input-bg-disabled:var(--af-background-level-1);--af-input-border:var(--af-background-border-default);--af-input-border-hover:var(--af-background-border-heavy);--af-input-border-active:var(--af-typography-body-dark);--af-input-border-error:var(--colour-error, #be292a);--af-input-error:var(--colour-error, #be292a);--af-input-focus-ring:var(--af-typography-body-dark);--af-form-control-bg:var(--colour-brand-white, #ffffff);--af-form-control-bg-checked:var(--colour-brand-inkwell, #14343b);--af-form-control-bg-disabled:var(--colour-softclay-300, #d0c1a8);--af-form-control-bg-checked-disabled:var(--colour-inkwell-350, #708380);--af-form-control-stroke:var(--colour-softclay-700, #8d785a);--af-form-control-stroke-hover:var(--colour-brand-inkwell, #14343b);--af-form-control-stroke-disabled:var(--colour-softclay-600, #9e8765);--af-form-control-icon:var(--colour-brand-white, #ffffff);--af-form-control-label:var(--colour-brand-inkwell, #14343b)}.theme-white-ivory.sc-af-section{background-color:var(--colour-brand-ivory-paper, #fff9ee);--af-background-base:var(--colour-brand-ivory-paper, #fff9ee);--af-background-base-hover:var(--colour-ivory-100, #fff5e0);--af-background-contrast:var(--colour-brand-mist-green, #c6d5d1);--af-background-level-1:var(--colour-ivory-200, #ffefcc);--af-background-level-1-hover:var(--colour-ivory-300, #ffe9b8);--af-background-border-subtle:var(--colour-ivory-200, #ffefcc);--af-background-border-default:var(--colour-ivory-400, #ffe3a3);--af-background-border-heavy:var(--colour-brand-soft-clay, #b09670);--af-background-border-active:var(--colour-brand-soft-clay, #b09670);--af-background-icon-default:var(--colour-brand-inkwell, #14343b);--af-background-icon-accent:var(--colour-brand-soft-clay, #b09670);--af-typography-heading-primary:var(--colour-brand-inkwell, #14343b);--af-typography-heading-secondary:var(--colour-brand-soft-clay, #b09670);--af-typography-body-dark:var(--colour-brand-inkwell, #14343b);--af-typography-body-default:var(--colour-inkwell-400, #2b484f);--af-typography-body-subtle:var(--colour-inkwell-350, #60767b);--af-button-primary-text:var(--colour-brand-inkwell, #14343b);--af-button-primary-icon:var(--colour-brand-inkwell, #14343b);--af-button-primary-bg:var(--colour-brand-ice, #a6fffb);--af-button-primary-bg-hover:var(--colour-ice-600, #95e6e2);--af-button-primary-stroke:var(--colour-brand-inkwell, #14343b);--af-button-secondary-text:var(--colour-brand-inkwell, #14343b);--af-button-secondary-icon:var(--colour-brand-inkwell, #14343b);--af-button-secondary-bg:transparent;--af-button-secondary-bg-hover:rgba(0, 0, 0, 0.08);--af-button-secondary-stroke:var(--colour-brand-inkwell, #14343b);--af-button-ghost-text:var(--colour-brand-inkwell, #14343b);--af-button-ghost-icon:var(--colour-brand-inkwell, #14343b);--af-button-ghost-stroke:var(--colour-brand-soft-clay, #b09670);--af-input-label:var(--af-typography-body-dark);--af-input-description:var(--af-typography-body-default);--af-input-text:var(--af-typography-body-dark);--af-input-placeholder:var(--af-typography-body-subtle);--af-input-icon:var(--af-background-icon-default);--af-input-bg:var(--colour-brand-white, #ffffff);--af-input-bg-hover:var(--colour-ivory-100, #fff5e0);--af-input-bg-disabled:var(--af-background-level-1);--af-input-border:var(--af-background-border-default);--af-input-border-hover:var(--af-background-border-heavy);--af-input-border-active:var(--af-typography-body-dark);--af-input-border-error:var(--colour-error, #be292a);--af-input-error:var(--colour-error, #be292a);--af-input-focus-ring:var(--af-typography-body-dark);--af-form-control-bg:var(--colour-brand-white, #ffffff);--af-form-control-bg-checked:var(--colour-brand-inkwell, #14343b);--af-form-control-bg-disabled:var(--colour-ivory-200, #ffefcc);--af-form-control-bg-checked-disabled:var(--colour-inkwell-350, #708380);--af-form-control-stroke:var(--colour-ivory-400, #ffe3a3);--af-form-control-stroke-hover:var(--colour-brand-inkwell, #14343b);--af-form-control-stroke-disabled:var(--colour-ivory-300, #ffe9b8);--af-form-control-icon:var(--colour-brand-white, #ffffff);--af-form-control-label:var(--colour-brand-inkwell, #14343b)}@media (max-width: 768px){.padding-tight.sc-af-section{padding:32px 0}.padding-default.sc-af-section{padding:64px 0}.padding-loose.sc-af-section{padding:80px 0 64px}}";
+const afSectionCss = () => `.sc-af-section-h{display:block;width:100%}.section.sc-af-section{width:100%;position:relative}.padding-none.sc-af-section{padding:0}.padding-tight.sc-af-section{padding:48px 0}.padding-default.sc-af-section{padding:96px 0}.padding-loose.sc-af-section{padding:120px 0 96px}.theme-white.sc-af-section{background-color:var(--colour-brand-white, #FFFFFF);--af-background-base:var(--colour-brand-white, #FFFFFF);--af-background-base-hover:var(--colour-mistgreen-100, #f4f7f6);--af-background-contrast:var(--colour-brand-mist-green, #c6d5d1);--af-background-level-1:var(--colour-mistgreen-200, #e8eeed);--af-background-level-1-hover:var(--colour-mistgreen-300, #dde6e3);--af-background-border-subtle:var(--colour-mistgreen-200, #e8eeed);--af-background-border-default:var(--colour-mistgreen-400, #d1ddda);--af-background-border-heavy:var(--colour-mistgreen-500, #c6d5d1);--af-background-border-active:var(--colour-softclay-800, #8a7049);--af-background-icon-default:var(--colour-brand-inkwell, #14343b);--af-background-icon-accent:var(--colour-brand-soft-clay, #b09670);--af-typography-heading-primary:var(--colour-brand-inkwell, #14343b);--af-typography-heading-secondary:var(--colour-brand-soft-clay, #b09670);--af-typography-body-dark:var(--colour-brand-inkwell, #14343b);--af-typography-body-default:var(--colour-inkwell-400, #2b484f);--af-typography-body-subtle:var(--colour-inkwell-350, #60767b);--af-button-primary-text:var(--colour-brand-inkwell, #14343b);--af-button-primary-icon:var(--colour-brand-inkwell, #14343b);--af-button-primary-bg:var(--colour-brand-ice, #a6fffb);--af-button-primary-bg-hover:var(--colour-ice-600, #95e6e2);--af-button-primary-stroke:var(--colour-brand-inkwell, #14343b);--af-button-secondary-text:var(--colour-brand-inkwell, #14343b);--af-button-secondary-icon:var(--colour-brand-inkwell, #14343b);--af-button-secondary-bg:transparent;--af-button-secondary-bg-hover:rgba(0, 0, 0, 0.08);--af-button-secondary-stroke:var(--colour-brand-inkwell, #14343b);--af-button-ghost-text:var(--colour-brand-inkwell, #14343b);--af-button-ghost-icon:var(--colour-brand-inkwell, #14343b);--af-button-ghost-stroke:var(--colour-brand-soft-clay, #B09670);--af-input-label:var(--af-typography-body-dark);--af-input-description:var(--af-typography-body-default);--af-input-text:var(--af-typography-body-dark);--af-input-placeholder:var(--af-typography-body-subtle);--af-input-icon:var(--af-background-icon-default);--af-input-bg:var(--colour-brand-white, #ffffff);--af-input-bg-hover:var(--colour-mistgreen-100, #f4f7f6);--af-input-bg-disabled:var(--af-background-level-1);--af-input-border:var(--af-background-border-default);--af-input-border-hover:var(--af-background-border-heavy);--af-input-border-active:var(--af-typography-body-dark);--af-input-border-error:var(--colour-error, #be292a);--af-input-error:var(--colour-error, #be292a);--af-input-focus-ring:var(--af-typography-body-dark);--af-form-control-bg:var(--colour-brand-white, #ffffff);--af-form-control-bg-checked:var(--colour-brand-inkwell, #14343b);--af-form-control-bg-disabled:var(--colour-mistgreen-200, #e8ebeb);--af-form-control-bg-checked-disabled:var(--colour-inkwell-350, #708380);--af-form-control-stroke:var(--colour-mistgreen-500, #d0d6d8);--af-form-control-stroke-hover:var(--colour-brand-inkwell, #14343b);--af-form-control-stroke-disabled:var(--colour-mistgreen-500, #d0d6d8);--af-form-control-icon:var(--colour-brand-white, #ffffff);--af-form-control-label:var(--colour-brand-inkwell, #14343b);--af-timeline-planned:var(--colour-inkwell-100, #d0d6d8);--af-timeline-active:var(--colour-brand-mist-green, #c6d5d1);--af-timeline-complete:var(--colour-tints-mist-green-600, #b2c0bc);--af-timeline-axis:var(--colour-inkwell-200, #a1aeb1);--af-timeline-today:var(--colour-brand-inkwell, #14343b);--af-timeline-today-text:var(--colour-brand-white, #ffffff);--af-timeline-target:var(--colour-brand-ice, #a6fffb);--af-timeline-target-text:var(--colour-brand-inkwell, #14343b);--af-timeline-label:var(--colour-brand-inkwell, #14343b)}.theme-inkwell.sc-af-section{background-color:var(--colour-brand-inkwell, #14343B);--af-background-base:var(--colour-brand-inkwell, #14343b);--af-background-base-hover:var(--colour-inkwell-600, #102a2f);--af-background-contrast:var(--colour-inkwell-700, #102a2f);--af-background-level-1:var(--colour-inkwell-450, #203e45);--af-background-level-1-hover:var(--colour-inkwell-400, #2b484f);--af-background-border-subtle:var(--colour-inkwell-450, #203e45);--af-background-border-default:var(--colour-inkwell-400, #2b484f);--af-background-border-heavy:var(--colour-inkwell-700, #102a2f);--af-background-border-active:var(--colour-brand-ice, #a6fffb);--af-background-icon-default:var(--colour-brand-white, #ffffff);--af-background-icon-accent:var(--colour-brand-ice, #a6fffb);--af-typography-heading-primary:var(--colour-brand-mist-green, #c6d5d1);--af-typography-heading-secondary:var(--colour-brand-white, #ffffff);--af-typography-body-dark:var(--colour-brand-white, #ffffff);--af-typography-body-default:var(--colour-inkwell-100, #d0d6d8);--af-typography-body-subtle:var(--colour-inkwell-200, #a1aeb1);--af-button-primary-text:var(--colour-brand-inkwell, #14343b);--af-button-primary-icon:var(--colour-brand-inkwell, #14343b);--af-button-primary-bg:var(--colour-brand-ice, #a6fffb);--af-button-primary-bg-hover:var(--colour-ice-600, #95e6e2);--af-button-primary-stroke:var(--colour-brand-inkwell, #14343b);--af-button-secondary-text:var(--colour-brand-white, #ffffff);--af-button-secondary-icon:var(--colour-brand-white, #ffffff);--af-button-secondary-bg:transparent;--af-button-secondary-bg-hover:rgba(255, 255, 255, 0.08);--af-button-secondary-stroke:var(--colour-brand-white, #ffffff);--af-button-ghost-text:var(--colour-brand-white, #ffffff);--af-button-ghost-icon:var(--colour-brand-white, #ffffff);--af-button-ghost-stroke:var(--colour-brand-ice, #A6FFFB);--af-input-label:var(--af-typography-body-dark);--af-input-description:var(--af-typography-body-default);--af-input-text:var(--af-typography-body-dark);--af-input-placeholder:var(--af-typography-body-subtle);--af-input-icon:var(--af-background-icon-default);--af-input-bg:var(--colour-inkwell-450, #203e45);--af-input-bg-hover:var(--colour-inkwell-400, #2b484f);--af-input-bg-disabled:var(--colour-inkwell-600, #102a2f);--af-input-border:var(--af-background-border-default);--af-input-border-hover:var(--af-background-border-heavy);--af-input-border-active:var(--colour-brand-ice, #a6fffb);--af-input-border-error:var(--colour-error, #be292a);--af-input-error:var(--colour-error, #be292a);--af-input-focus-ring:var(--colour-brand-ice, #a6fffb);--af-form-control-bg:var(--colour-inkwell-450, #203e45);--af-form-control-bg-checked:var(--colour-brand-mist-green, #c6d5d1);--af-form-control-bg-disabled:var(--colour-inkwell-400, #2b484f);--af-form-control-bg-checked-disabled:var(--colour-mistgreen-700, #9eaaa7);--af-form-control-stroke:var(--colour-inkwell-350, #60767b);--af-form-control-stroke-hover:var(--colour-brand-white, #ffffff);--af-form-control-stroke-disabled:var(--colour-inkwell-400, #2b484f);--af-form-control-icon:var(--colour-brand-inkwell, #14343b);--af-form-control-label:var(--colour-brand-white, #ffffff);--af-timeline-planned:var(--colour-inkwell-200, #a1aeb1);--af-timeline-active:var(--colour-inkwell-300, #728589);--af-timeline-complete:var(--colour-inkwell-350, #60767b);--af-timeline-axis:var(--colour-inkwell-350, #60767b);--af-timeline-today:var(--colour-brand-white, #ffffff);--af-timeline-today-text:var(--colour-brand-inkwell, #14343b);--af-timeline-target:var(--colour-brand-ice, #a6fffb);--af-timeline-target-text:var(--colour-brand-inkwell, #14343b);--af-timeline-label:var(--colour-brand-inkwell, #14343b);--af-timeline-tooltip-bg:var(--colour-brand-white, #ffffff);--af-timeline-tooltip-text:var(--colour-brand-inkwell, #14343b)}.theme-mist-green.sc-af-section{background-color:var(--colour-brand-mist-green, #C6D5D1);--af-background-base:var(--colour-brand-mist-green, #c6d5d1);--af-background-base-hover:var(--colour-mistgreen-600, #b2c0bc);--af-background-contrast:var(--colour-brand-soft-clay, #b09670);--af-background-level-1:var(--colour-mistgreen-300, #dde6e3);--af-background-level-1-hover:var(--colour-mistgreen-400, #d1ddda);--af-background-border-subtle:var(--colour-mistgreen-600, #b2c0bc);--af-background-border-default:var(--colour-mistgreen-700, #9eaaa7);--af-background-border-heavy:var(--colour-mistgreen-700, #9eaaa7);--af-background-border-active:var(--colour-softclay-800, #8a7049);--af-background-icon-default:var(--colour-brand-inkwell, #14343b);--af-background-icon-accent:var(--colour-brand-soft-clay, #b09670);--af-typography-heading-primary:var(--colour-brand-inkwell, #14343b);--af-typography-heading-secondary:var(--colour-brand-soft-clay, #b09670);--af-typography-body-dark:var(--colour-brand-inkwell, #14343b);--af-typography-body-default:var(--colour-inkwell-400, #2b484f);--af-typography-body-subtle:var(--colour-inkwell-350, #60767b);--af-button-primary-text:var(--colour-brand-inkwell, #14343b);--af-button-primary-icon:var(--colour-brand-inkwell, #14343b);--af-button-primary-bg:var(--colour-brand-ice, #a6fffb);--af-button-primary-bg-hover:var(--colour-ice-600, #95e6e2);--af-button-primary-stroke:var(--colour-brand-inkwell, #14343b);--af-button-secondary-text:var(--colour-brand-inkwell, #14343b);--af-button-secondary-icon:var(--colour-brand-inkwell, #14343b);--af-button-secondary-bg:transparent;--af-button-secondary-bg-hover:rgba(0, 0, 0, 0.08);--af-button-secondary-stroke:var(--colour-brand-inkwell, #14343b);--af-button-ghost-text:var(--colour-brand-inkwell, #14343b);--af-button-ghost-icon:var(--colour-brand-inkwell, #14343b);--af-button-ghost-stroke:var(--colour-brand-soft-clay, #B09670);--af-input-label:var(--af-typography-body-dark);--af-input-description:var(--af-typography-body-default);--af-input-text:var(--af-typography-body-dark);--af-input-placeholder:var(--af-typography-body-subtle);--af-input-icon:var(--af-background-icon-default);--af-input-bg:var(--colour-brand-white, #ffffff);--af-input-bg-hover:var(--colour-mistgreen-100, #f4f7f6);--af-input-bg-disabled:var(--af-background-level-1);--af-input-border:var(--af-background-border-default);--af-input-border-hover:var(--af-background-border-heavy);--af-input-border-active:var(--af-typography-body-dark);--af-input-border-error:var(--colour-error, #be292a);--af-input-error:var(--colour-error, #be292a);--af-input-focus-ring:var(--af-typography-body-dark);--af-form-control-bg:var(--colour-brand-white, #ffffff);--af-form-control-bg-checked:var(--colour-brand-inkwell, #14343b);--af-form-control-bg-disabled:var(--colour-mistgreen-300, #dde6e3);--af-form-control-bg-checked-disabled:var(--colour-inkwell-350, #708380);--af-form-control-stroke:var(--colour-mistgreen-700, #9eaaa7);--af-form-control-stroke-hover:var(--colour-brand-inkwell, #14343b);--af-form-control-stroke-disabled:var(--colour-mistgreen-600, #b2c0bc);--af-form-control-icon:var(--colour-brand-white, #ffffff);--af-form-control-label:var(--colour-brand-inkwell, #14343b);--af-timeline-planned:var(--colour-tints-soft-clay-300, #d0c0a9);--af-timeline-active:var(--colour-tints-soft-clay-400, #c0ab8d);--af-timeline-complete:var(--colour-tints-soft-clay-500, #b09670);--af-timeline-axis:var(--colour-tints-mist-green-700, #9eaaa7);--af-timeline-today:var(--colour-brand-inkwell, #14343b);--af-timeline-today-text:var(--colour-brand-white, #ffffff);--af-timeline-target:var(--colour-brand-ice, #a6fffb);--af-timeline-target-text:var(--colour-brand-inkwell, #14343b);--af-timeline-label:var(--colour-brand-inkwell, #14343b)}.theme-soft-clay.sc-af-section{background-color:var(--colour-softclay-400, #c0ab8d);--af-background-base:var(--colour-softclay-400, #c0ab8d);--af-background-base-hover:var(--colour-softclay-500, #b09670);--af-background-contrast:var(--colour-brand-mist-green, #c6d5d1);--af-background-level-1:var(--colour-softclay-500, #b09670);--af-background-level-1-hover:var(--colour-softclay-600, #9e8765);--af-background-border-subtle:var(--colour-softclay-600, #9e8765);--af-background-border-default:var(--colour-softclay-700, #8d785a);--af-background-border-heavy:var(--colour-brand-inkwell, #14343b);--af-background-border-active:var(--colour-brand-ice, #a6fffb);--af-background-icon-default:var(--colour-brand-inkwell, #14343b);--af-background-icon-accent:var(--colour-brand-ivory-paper, #fff9ee);--af-typography-heading-primary:var(--colour-brand-inkwell, #14343b);--af-typography-heading-secondary:var(--colour-brand-ivory-paper, #fff9ee);--af-typography-body-dark:var(--colour-brand-inkwell, #14343b);--af-typography-body-default:var(--colour-inkwell-400, #2b484f);--af-typography-body-subtle:var(--colour-inkwell-350, #60767b);--af-button-primary-text:var(--colour-brand-inkwell, #14343b);--af-button-primary-icon:var(--colour-brand-inkwell, #14343b);--af-button-primary-bg:var(--colour-brand-ice, #a6fffb);--af-button-primary-bg-hover:var(--colour-ice-600, #95e6e2);--af-button-primary-stroke:var(--colour-brand-inkwell, #14343b);--af-button-secondary-text:var(--colour-brand-inkwell, #14343b);--af-button-secondary-icon:var(--colour-brand-inkwell, #14343b);--af-button-secondary-bg:transparent;--af-button-secondary-bg-hover:rgba(0, 0, 0, 0.08);--af-button-secondary-stroke:var(--colour-brand-inkwell, #14343b);--af-button-ghost-text:var(--colour-brand-inkwell, #14343b);--af-button-ghost-icon:var(--colour-brand-inkwell, #14343b);--af-button-ghost-stroke:var(--colour-brand-inkwell, #14343b);--af-input-label:var(--af-typography-body-dark);--af-input-description:var(--af-typography-body-default);--af-input-text:var(--af-typography-body-dark);--af-input-placeholder:var(--af-typography-body-subtle);--af-input-icon:var(--af-background-icon-default);--af-input-bg:var(--colour-brand-white, #ffffff);--af-input-bg-hover:var(--colour-mistgreen-100, #f4f7f6);--af-input-bg-disabled:var(--af-background-level-1);--af-input-border:var(--af-background-border-default);--af-input-border-hover:var(--af-background-border-heavy);--af-input-border-active:var(--af-typography-body-dark);--af-input-border-error:var(--colour-error, #be292a);--af-input-error:var(--colour-error, #be292a);--af-input-focus-ring:var(--af-typography-body-dark);--af-form-control-bg:var(--colour-brand-white, #ffffff);--af-form-control-bg-checked:var(--colour-brand-inkwell, #14343b);--af-form-control-bg-disabled:var(--colour-softclay-300, #d0c1a8);--af-form-control-bg-checked-disabled:var(--colour-inkwell-350, #708380);--af-form-control-stroke:var(--colour-softclay-700, #8d785a);--af-form-control-stroke-hover:var(--colour-brand-inkwell, #14343b);--af-form-control-stroke-disabled:var(--colour-softclay-600, #9e8765);--af-form-control-icon:var(--colour-brand-white, #ffffff);--af-form-control-label:var(--colour-brand-inkwell, #14343b);--af-timeline-planned:var(--colour-tints-mist-green-300, #dde6e3);--af-timeline-active:var(--colour-tints-mist-green-400, #d1ddda);--af-timeline-complete:var(--colour-tints-mist-green-500, #c6d5d1);--af-timeline-axis:var(--colour-tints-soft-clay-600, #9e8765);--af-timeline-today:var(--colour-brand-inkwell, #14343b);--af-timeline-today-text:var(--colour-brand-white, #ffffff);--af-timeline-target:var(--colour-brand-ice, #a6fffb);--af-timeline-target-text:var(--colour-brand-inkwell, #14343b);--af-timeline-label:var(--colour-brand-inkwell, #14343b)}.theme-white-ivory.sc-af-section{background-color:var(--colour-brand-ivory-paper, #fff9ee);--af-background-base:var(--colour-brand-ivory-paper, #fff9ee);--af-background-base-hover:var(--colour-ivory-100, #fff5e0);--af-background-contrast:var(--colour-brand-mist-green, #c6d5d1);--af-background-level-1:var(--colour-ivory-200, #ffefcc);--af-background-level-1-hover:var(--colour-ivory-300, #ffe9b8);--af-background-border-subtle:var(--colour-ivory-200, #ffefcc);--af-background-border-default:var(--colour-ivory-400, #ffe3a3);--af-background-border-heavy:var(--colour-brand-soft-clay, #b09670);--af-background-border-active:var(--colour-brand-soft-clay, #b09670);--af-background-icon-default:var(--colour-brand-inkwell, #14343b);--af-background-icon-accent:var(--colour-brand-soft-clay, #b09670);--af-typography-heading-primary:var(--colour-brand-inkwell, #14343b);--af-typography-heading-secondary:var(--colour-brand-soft-clay, #b09670);--af-typography-body-dark:var(--colour-brand-inkwell, #14343b);--af-typography-body-default:var(--colour-inkwell-400, #2b484f);--af-typography-body-subtle:var(--colour-inkwell-350, #60767b);--af-button-primary-text:var(--colour-brand-inkwell, #14343b);--af-button-primary-icon:var(--colour-brand-inkwell, #14343b);--af-button-primary-bg:var(--colour-brand-ice, #a6fffb);--af-button-primary-bg-hover:var(--colour-ice-600, #95e6e2);--af-button-primary-stroke:var(--colour-brand-inkwell, #14343b);--af-button-secondary-text:var(--colour-brand-inkwell, #14343b);--af-button-secondary-icon:var(--colour-brand-inkwell, #14343b);--af-button-secondary-bg:transparent;--af-button-secondary-bg-hover:rgba(0, 0, 0, 0.08);--af-button-secondary-stroke:var(--colour-brand-inkwell, #14343b);--af-button-ghost-text:var(--colour-brand-inkwell, #14343b);--af-button-ghost-icon:var(--colour-brand-inkwell, #14343b);--af-button-ghost-stroke:var(--colour-brand-soft-clay, #b09670);--af-input-label:var(--af-typography-body-dark);--af-input-description:var(--af-typography-body-default);--af-input-text:var(--af-typography-body-dark);--af-input-placeholder:var(--af-typography-body-subtle);--af-input-icon:var(--af-background-icon-default);--af-input-bg:var(--colour-brand-white, #ffffff);--af-input-bg-hover:var(--colour-ivory-100, #fff5e0);--af-input-bg-disabled:var(--af-background-level-1);--af-input-border:var(--af-background-border-default);--af-input-border-hover:var(--af-background-border-heavy);--af-input-border-active:var(--af-typography-body-dark);--af-input-border-error:var(--colour-error, #be292a);--af-input-error:var(--colour-error, #be292a);--af-input-focus-ring:var(--af-typography-body-dark);--af-form-control-bg:var(--colour-brand-white, #ffffff);--af-form-control-bg-checked:var(--colour-brand-inkwell, #14343b);--af-form-control-bg-disabled:var(--colour-ivory-200, #ffefcc);--af-form-control-bg-checked-disabled:var(--colour-inkwell-350, #708380);--af-form-control-stroke:var(--colour-ivory-400, #ffe3a3);--af-form-control-stroke-hover:var(--colour-brand-inkwell, #14343b);--af-form-control-stroke-disabled:var(--colour-ivory-300, #ffe9b8);--af-form-control-icon:var(--colour-brand-white, #ffffff);--af-form-control-label:var(--colour-brand-inkwell, #14343b);--af-timeline-planned:var(--colour-tints-soft-clay-100, #efeae2);--af-timeline-active:var(--colour-brand-mist-green, #c6d5d1);--af-timeline-complete:var(--colour-tints-mist-green-600, #b2c0bc);--af-timeline-axis:var(--colour-tints-soft-clay-200, #dfd5c6);--af-timeline-today:var(--colour-brand-inkwell, #14343b);--af-timeline-today-text:var(--colour-brand-white, #ffffff);--af-timeline-target:var(--colour-brand-ice, #a6fffb);--af-timeline-target-text:var(--colour-brand-inkwell, #14343b);--af-timeline-label:var(--colour-brand-inkwell, #14343b)}@media (max-width: 768px){.padding-tight.sc-af-section{padding:32px 0}.padding-default.sc-af-section{padding:64px 0}.padding-loose.sc-af-section{padding:80px 0 64px}}`;
 
 const AfSection = class {
     constructor(hostRef) {
@@ -15,11 +15,10 @@ const AfSection = class {
         this.container = true;
     }
     render() {
-        const content = index.h("slot", { key: 'fd7304dd713f0cbad475910d56fd9e2622068fad' });
-        return (index.h(index.Host, { key: 'f1758977b8ce080e03631629507f33759d1696d9' }, index.h("div", { key: 'af0fd30917df8a59cf7d441e9346ed643672aaec', class: `section padding-${this.padding} theme-${this.theme}` }, this.container ? (index.h("af-container", null, content)) : content)));
+        const content = index.h("slot", { key: 'eb03927d10ef42f3a407b08bdb8d7eb103904aa5' });
+        return (index.h(index.Host, { key: '086905f3c93c282b90fdc89b86bbbfd3fdf897ca' }, index.h("div", { key: '9be748f8ebc3885531049ec77bbbed52dbc758e5', class: `section padding-${this.padding} theme-${this.theme}` }, this.container ? (index.h("af-container", null, content)) : content)));
     }
 };
-AfSection.style = afSectionCss;
+AfSection.style = afSectionCss();
 
 exports.af_section = AfSection;
-//# sourceMappingURL=af-section.entry.cjs.js.map

package/dist/cjs/af-show.cjs.entry.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-BuJz1C1M.js');
+var index = require('./index-BcMwIg4j.js');
 
-const afShowCss = ":host{display:contents}:host([hidden]){display:none !important}:host(.show-above-sm){display:none}@media (min-width: 480px){:host(.show-above-sm){display:contents}}:host(.show-above-md){display:none}@media (min-width: 768px){:host(.show-above-md){display:contents}}:host(.show-above-lg){display:none}@media (min-width: 1024px){:host(.show-above-lg){display:contents}}:host(.show-above-xl){display:none}@media (min-width: 1440px){:host(.show-above-xl){display:contents}}@media (min-width: 480px){:host(.show-below-sm){display:none}}@media (min-width: 768px){:host(.show-below-md){display:none}}@media (min-width: 1024px){:host(.show-below-lg){display:none}}@media (min-width: 1440px){:host(.show-below-xl){display:none}}";
+const afShowCss = () => `:host{display:contents}:host([hidden]){display:none !important}:host(.show-above-sm){display:none}@media (min-width: 480px){:host(.show-above-sm){display:contents}}:host(.show-above-md){display:none}@media (min-width: 768px){:host(.show-above-md){display:contents}}:host(.show-above-lg){display:none}@media (min-width: 1024px){:host(.show-above-lg){display:contents}}:host(.show-above-xl){display:none}@media (min-width: 1440px){:host(.show-above-xl){display:contents}}@media (min-width: 480px){:host(.show-below-sm){display:none}}@media (min-width: 768px){:host(.show-below-md){display:none}}@media (min-width: 1024px){:host(.show-below-lg){display:none}}@media (min-width: 1440px){:host(.show-below-xl){display:none}}`;
 
 const AfShow = class {
     constructor(hostRef) {
@@ -14,10 +14,9 @@ const AfShow = class {
             [`show-above-${this.above}`]: !!this.above,
             [`show-below-${this.below}`]: !!this.below,
         };
-        return (index.h(index.Host, { key: '42763e1aa4b245a42a4319ee3db31277b1bbca79', class: classes }, index.h("slot", { key: '0f88b298410118de3a3963b30d48b24c180f6a86' })));
+        return (index.h(index.Host, { key: '3c05fb6738a1794225658380a05dd59bc6da7b18', class: classes }, index.h("slot", { key: '857af79ec67bb7c93c1aa75e66266e6b1f647c9e' })));
     }
 };
-AfShow.style = afShowCss;
+AfShow.style = afShowCss();
 
 exports.af_show = AfShow;
-//# sourceMappingURL=af-show.entry.cjs.js.map