@affinda/wc 0.6.2 → 0.7.0

package/dist/collection/components/af-icon-text/af-icon-text.js

@@ -43,7 +43,7 @@ export class AfIconText {
             'icon-text': true,
             [`icon-text--${this.orientation}`]: true,
         };
-        return (h(Host, { key: 'cff8f57c2175530744bbf82bcaf80883602dea66' }, h("div", { key: '2fd499767ec70050ed0319a27d8cdb91b5b9432c', class: containerClasses }, h("af-icon-box", { key: 'd39fe7b335e68064ee0ef88a9fa210ae7c7d5166', icon: this.icon, size: this.iconSize, class: "icon-text__icon" }), h("af-typography-lockup", { key: 'f613b10a4f90fef207ac007170be63a06d3018a9', headingSize: this.headingSize, textAlignment: "left", buttonAlignment: "vertical", class: "icon-text__lockup" }, h("slot", { key: '151b8544c65eede0f0c7fa3c0bfc003bed54c25a' }), h("span", { key: 'eae7c355f05b99b3a443d2dd7a211d9c4ee9398c', slot: "description" }, h("slot", { key: '2514ef8f6b6524d8647e43cc2a111a03ea17f094', name: "description" })), h("span", { key: '0271986cc47f4b0625294109f720b76cb8917e21', slot: "buttons" }, h("slot", { key: '28a5b615d74f94249a60ab59561e756ad49c9726', name: "buttons" }))))));
+        return (h(Host, { key: '3ccaf3e02aca6212497bb9668185ec422e91bf16' }, h("div", { key: 'a77dd1e6d3751c3279617f0d17f499956817be66', class: containerClasses }, h("af-icon-box", { key: '48fc956d50619fa1fc66ea5435b01e6db9d8c140', icon: this.icon, size: this.iconSize, class: "icon-text__icon" }), h("af-typography-lockup", { key: '4a8f3fcbac17299d73019413cb0d7af2883fecf8', headingSize: this.headingSize, textAlignment: "left", buttonAlignment: "vertical", class: "icon-text__lockup" }, h("slot", { key: '041ece7a6b78ccdfade139cff583a6712ba0653f' }), h("span", { key: '0b4ef40363050c423cf5ae9988c21b9601f0cc3b', slot: "description" }, h("slot", { key: '7782297a4b4d9511ddbe6fb8cb1c7de9b19163ed', name: "description" })), h("span", { key: '23f5191a9e5393f83357e127c30d369b0dac4e97', slot: "buttons" }, h("slot", { key: '7963a51bc8544339f3e75c7fbc30249d4c4b2b8d', name: "buttons" }))))));
     }
     static get is() { return "af-icon-text"; }
     static get encapsulation() { return "scoped"; }
@@ -64,12 +64,13 @@ export class AfIconText {
                 "mutable": false,
                 "complexType": {
                     "original": "IconName",
-                    "resolved": "\"info\" | \"menu\" | \"code\" | \"data\" | \"search\" | \"time\" | \"close\" | \"pause\" | \"play\" | \"home\" | \"email\" | \"account-01\" | \"account-02\" | \"accounts-payable\" | \"arrow-down\" | \"arrow-left\" | \"arrow-right\" | \"arrow-up\" | \"bpo\" | \"chats\" | \"check\" | \"check-circle\" | \"chevron-down\" | \"chevron-left\" | \"chevron-right\" | \"chevron-up\" | \"document-upload\" | \"download\" | \"edit\" | \"eye\" | \"facebook\" | \"gear\" | \"github\" | \"heart\" | \"insurance\" | \"lending-01\" | \"lending-02\" | \"link-out\" | \"linkedin\" | \"map-pin\" | \"minus\" | \"numbers\" | \"plus\" | \"productivity\" | \"quote\" | \"recruitment\" | \"refresh\" | \"security-01\" | \"security-02\" | \"solutions\" | \"sparkle\" | \"support\" | \"system\" | \"verification-01\" | \"wand\" | \"x\" | \"youtube\"",
+                    "resolved": "\"account-01\" | \"account-02\" | \"accounts-payable\" | \"arrow-down\" | \"arrow-left\" | \"arrow-right\" | \"arrow-up\" | \"bpo\" | \"chats\" | \"check\" | \"check-circle\" | \"chevron-down\" | \"chevron-left\" | \"chevron-right\" | \"chevron-up\" | \"close\" | \"code\" | \"data\" | \"document-upload\" | \"download\" | \"edit\" | \"email\" | \"eye\" | \"facebook\" | \"gear\" | \"github\" | \"heart\" | \"home\" | \"info\" | \"insurance\" | \"lending-01\" | \"lending-02\" | \"link-out\" | \"linkedin\" | \"map-pin\" | \"menu\" | \"minus\" | \"numbers\" | \"pause\" | \"play\" | \"plus\" | \"productivity\" | \"quote\" | \"recruitment\" | \"refresh\" | \"search\" | \"security-01\" | \"security-02\" | \"solutions\" | \"sparkle\" | \"support\" | \"system\" | \"time\" | \"verification-01\" | \"wand\" | \"x\" | \"youtube\"",
                     "references": {
                         "IconName": {
                             "location": "import",
                             "path": "@affinda/icons",
-                            "id": "../icons/dist/index.d.ts::IconName"
+                            "id": "../icons/dist/index.d.ts::IconName",
+                            "referenceLocation": "IconName"
                         }
                     }
                 },
@@ -147,4 +148,3 @@ export class AfIconText {
         };
     }
 }
-//# sourceMappingURL=af-icon-text.js.map

package/dist/collection/components/af-illustrated-card/af-illustrated-card.css

@@ -14,6 +14,7 @@
 
 .illustrated-card {
   min-height: 400px;
+  height: 100%;
 }
 
 /* ==========================================================================

package/dist/collection/components/af-illustrated-card/af-illustrated-card.js

@@ -34,7 +34,7 @@ export class AfIllustratedCard {
             [`illustrated-card--breakpoint-${this.breakpoint}`]: true,
             [`illustrated-card--size-${this.cardSize}`]: true,
         };
-        return (h(Host, { key: '9cb248db15ab8be5119df3183457470491de468b' }, h("div", { key: 'c3ba0afed9c7fe45f5d577aedf9b320a1f875e47', class: wrapperClasses }, h("af-card", { key: '07f201cc8c56bade2e793e68b7777c23ac7d0ba7', theme: this.theme }, h("div", { key: '7f1a2579a29229f8161771836b60c0d882cabf59', class: "illustrated-card__content" }, h("af-typography-lockup", { key: 'b5d9150b3f63e46e36f478380f36fb3f273f227c', headingSize: 3, breakpoint: this.breakpoint, textAlignment: "left", buttonLayout: "vertical" }, h("slot", { key: '6aba88b9857866d246270d6a7c0ebe9ba67c5d74' }), h("span", { key: '2e0454ef021e537917aad2227fd75e66b421761c', slot: "description" }, h("slot", { key: 'a7779fbb7ce77d4d24ac834bd302e3aa437610ab', name: "body" })), h("span", { key: 'c0c82b1f5470dfd8f7b75474b4730e679c2641d7', slot: "buttons" }, h("slot", { key: '1a9ec3da3c50fe815e4502ec71218c8a21dc3b1c', name: "buttons" })))), h("div", { key: 'e758d3071a54afdad44903e0002d5aa8a50b17e0', class: "illustrated-card__illustration-area" }, h("slot", { key: '9521bbe523e32015e5bfd8f56cdcc1959e382fc2', name: "illustration" }))))));
+        return (h(Host, { key: '9cb248db15ab8be5119df3183457470491de468b' }, h("div", { key: 'c3ba0afed9c7fe45f5d577aedf9b320a1f875e47', class: wrapperClasses }, h("af-card", { key: '1164ba570421acb2ae11a6847abfbfc6a2388abc', theme: this.theme, stretch: true }, h("div", { key: '46dd258a726c3dc0157bb1b8b6bd339d80edaae7', class: "illustrated-card__content" }, h("af-typography-lockup", { key: 'ddc252c75d0492be70ed28c9ca9140174bb4949c', headingSize: 3, breakpoint: this.breakpoint, textAlignment: "left", buttonLayout: "vertical" }, h("slot", { key: 'b19636ad313f26e85e3ccca183c2cb0522d8db99' }), h("span", { key: '79a9f839b13899981a6f9414d68d099568bd59c7', slot: "description" }, h("slot", { key: 'c61f583ac049514f167d9cc39194d32df0b7d3b4', name: "body" })), h("span", { key: 'ce77bc8bfb47ea7fe81c1d762c764f13b4ba1e59', slot: "buttons" }, h("slot", { key: '5914dd401563e0318409c26afc9558d58d085b78', name: "buttons" })))), h("div", { key: 'e72b4ff2f07d891690397f985e79c2a377d40b2b', class: "illustrated-card__illustration-area" }, h("slot", { key: '56003989a91091299582c5af1e5b795e82bb6d3a', name: "illustration" }))))));
     }
     static get is() { return "af-illustrated-card"; }
     static get encapsulation() { return "scoped"; }
@@ -60,7 +60,8 @@ export class AfIllustratedCard {
                         "Theme": {
                             "location": "import",
                             "path": "../../types",
-                            "id": "src/types.ts::Theme"
+                            "id": "src/types.ts::Theme",
+                            "referenceLocation": "Theme"
                         }
                     }
                 },
@@ -119,4 +120,3 @@ export class AfIllustratedCard {
         };
     }
 }
-//# sourceMappingURL=af-illustrated-card.js.map

package/dist/collection/components/af-image/af-image.css

@@ -4,29 +4,48 @@
 }
 
 .image-container {
+  margin: 0;
+  padding: 0;
+}
+
+.image-wrapper {
   position: relative;
   overflow: hidden;
 }
 
-/* Shape variants — matches Webflow's rounded-edge image treatments */
-.image-container--rounded {
+/* ==========================================================================
+   Shape Variants
+   ========================================================================== */
+
+/* Rounded (default) — symmetric corners */
+.image-container--rounded .image-wrapper {
   border-radius: var(--radius-md, 12px);
 }
 
-.image-container--rounded-left {
-  border-top-left-radius: var(--radius-md, 12px);
-  border-bottom-left-radius: var(--radius-md, 12px);
+/* Pill — fully rounded ends, stadium shape */
+.image-container--pill .image-wrapper {
+  border-radius: 9999px;
+}
+
+/* D-left — flat right edge, rounded left edge */
+.image-container--d-left .image-wrapper {
+  border-radius: 9999px 0 0 9999px;
 }
 
-.image-container--rounded-right {
-  border-top-right-radius: var(--radius-md, 12px);
-  border-bottom-right-radius: var(--radius-md, 12px);
+/* D-right — flat left edge, rounded right edge */
+.image-container--d-right .image-wrapper {
+  border-radius: 0 9999px 9999px 0;
 }
 
-.image-container--square {
+/* Square — no rounding */
+.image-container--square .image-wrapper {
   border-radius: 0;
 }
 
+/* ==========================================================================
+   Image Element
+   ========================================================================== */
+
 .image {
   display: block;
   width: 100%;
@@ -34,7 +53,7 @@
   object-fit: cover;
 }
 
-/* Inset border overlay — inherits the host's border radius via parent clip */
+/* Inset border overlay — inherits the wrapper's border radius */
 .image-border {
   position: absolute;
   inset: 0;
@@ -42,3 +61,77 @@
   pointer-events: none;
   border-radius: inherit;
 }
+
+/* ==========================================================================
+   Caption Styles
+   ========================================================================== */
+
+.caption {
+  font-family: var(--typography-primaryfont, 'NeuSans', sans-serif);
+  font-size: 14px;
+  line-height: 20px;
+  color: var(--af-typography-body-subtle, #60767b);
+}
+
+/* Caption below image */
+.caption--below {
+  display: block;
+  margin-top: var(--space-2, 8px);
+  padding: 0 var(--space-1, 4px);
+}
+
+/* Caption overlay on image */
+.caption--overlay {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  padding: var(--space-4, 16px) var(--space-3, 12px);
+  color: var(--colour-brand-white, #ffffff);
+  z-index: 1;
+}
+
+/* Gradient overlay for overlay caption */
+.caption-overlay-gradient {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  height: 80px;
+  background: linear-gradient(
+    to top,
+    rgba(20, 52, 59, 0.7) 0%,
+    rgba(20, 52, 59, 0.4) 50%,
+    rgba(20, 52, 59, 0) 100%
+  );
+  pointer-events: none;
+  border-radius: inherit;
+}
+
+/* When caption is overlay, make wrapper position relative for absolute positioning */
+.image-container--caption-overlay .image-wrapper {
+  position: relative;
+}
+
+.image-container--caption-overlay .caption--overlay {
+  position: absolute;
+}
+
+/* ==========================================================================
+   Mobile Responsive
+   ========================================================================== */
+
+@media (max-width: 480px) {
+  .caption {
+    font-size: 13px;
+    line-height: 18px;
+  }
+
+  .caption--overlay {
+    padding: var(--space-3, 12px) var(--space-2, 8px);
+  }
+
+  .caption-overlay-gradient {
+    height: 60px;
+  }
+}

package/dist/collection/components/af-image/af-image.js

@@ -1,23 +1,50 @@
 import { h, Host } from "@stencil/core";
 /**
- * A styled image container with rounded corners and a subtle inset border.
+ * A styled image container with configurable shape variants and optional caption.
  * Provides consistent image styling across the design system.
+ *
+ * @slot caption - Optional caption content displayed below or overlaid on the image
+ *
+ * @example
+ * ```html
+ * <af-image src="/photo.jpg" alt="Description" shape="pill">
+ *   <span slot="caption">Photo caption text</span>
+ * </af-image>
+ * ```
  */
 export class AfImage {
     constructor() {
         /**
-         * Shape / corner rounding variant. Matches Webflow's `.image-fill.rounded-*`
-         * patterns where only one edge is rounded so the image bleeds into a
-         * neighbouring section.
-         * - `rounded` (default) — symmetric rounded corners on all four sides.
-         * - `rounded-left` — rounded only on the left edge (top-left + bottom-left).
-         * - `rounded-right` — rounded only on the right edge.
-         * - `square` — no corner rounding.
+         * Shape / corner rounding variant.
+         * - `rounded` (default) — symmetric `--radius-md` (12px) corners on all sides.
+         * - `pill` — fully rounded ends (`border-radius: 9999px`), stadium shape.
+         * - `d-left` — flat right edge, rounded left edge (half-capsule pointing left).
+         * - `d-right` — flat left edge, rounded right edge (half-capsule pointing right).
+         * - `square` — no corner rounding, explicitly opt-out of default rounded corners.
          */
         this.shape = 'rounded';
+        /**
+         * Caption placement when caption slot is used.
+         * - `below` (default) — caption sits beneath the image with spacing.
+         * - `overlay` — caption overlays the bottom of the image with a gradient.
+         */
+        this.captionPosition = 'below';
+        this.hasCaption = false;
+    }
+    componentWillLoad() {
+        this.hasCaption = !!this.el.querySelector('[slot="caption"]');
     }
     render() {
-        return (h(Host, { key: '4f48634e84e032c9a93cf48444709146ffe591b7' }, h("div", { key: 'c26f889afa7c3d35e5f65dcc23d63a41a9c0987e', class: `image-container image-container--${this.shape}` }, h("img", { key: 'c1474197475df3bff2263b509f3abf59a53aa932', src: this.src, alt: this.alt, class: "image" }), h("div", { key: 'bb6e0cae628bf65e423d5986df8ed119af74e699', class: "image-border", "aria-hidden": "true" }))));
+        const containerClasses = {
+            'image-container': true,
+            [`image-container--${this.shape}`]: true,
+            'image-container--has-caption': this.hasCaption,
+            [`image-container--caption-${this.captionPosition}`]: this.hasCaption,
+        };
+        return (h(Host, { key: '4e201318d20091b908a257841d4d3772e9247b97' }, h("figure", { key: '1eb9a29d5fec9ac6f056eeb9e40c241f129fbdb0', class: containerClasses }, h("div", { key: '6bcb912dccab5d938e53b96290b240cc9112416f', class: "image-wrapper" }, h("img", { key: 'b4270de0a5d3583df53e91597c6b2df7a4058d12', src: this.src, alt: this.alt, class: "image", loading: "lazy" }), h("div", { key: '005033a714297653abd7c798c7c1363e5a32ff3f', class: "image-border", "aria-hidden": "true" }), this.hasCaption && this.captionPosition === 'overlay' && (h("div", { key: '281bb0e0ba6bc3833ca651968516f79820488989', class: "caption-overlay-gradient", "aria-hidden": "true" }))), this.hasCaption && (h("figcaption", { key: '6e53a84af8fb8f62ffc87515afa736520177d164', class: {
+                caption: true,
+                [`caption--${this.captionPosition}`]: true,
+            } }, h("slot", { key: 'd5bd48fcb1acf0d11946ccbaa4b3d5a5cc8b8555', name: "caption" }))))));
     }
     static get is() { return "af-image"; }
     static get encapsulation() { return "scoped"; }
@@ -75,23 +102,55 @@ export class AfImage {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "'rounded' | 'rounded-left' | 'rounded-right' | 'square'",
-                    "resolved": "\"rounded\" | \"rounded-left\" | \"rounded-right\" | \"square\"",
-                    "references": {}
+                    "original": "ImageShape",
+                    "resolved": "\"d-left\" | \"d-right\" | \"pill\" | \"rounded\" | \"square\"",
+                    "references": {
+                        "ImageShape": {
+                            "location": "local",
+                            "path": "/home/runner/work/affinda-website-npm-publish/affinda-website-npm-publish/packages/wc/src/components/af-image/af-image.tsx",
+                            "id": "src/components/af-image/af-image.tsx::ImageShape"
+                        }
+                    }
                 },
                 "required": false,
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Shape / corner rounding variant. Matches Webflow's `.image-fill.rounded-*`\npatterns where only one edge is rounded so the image bleeds into a\nneighbouring section.\n- `rounded` (default) \u2014 symmetric rounded corners on all four sides.\n- `rounded-left` \u2014 rounded only on the left edge (top-left + bottom-left).\n- `rounded-right` \u2014 rounded only on the right edge.\n- `square` \u2014 no corner rounding."
+                    "text": "Shape / corner rounding variant.\n- `rounded` (default) \u2014 symmetric `--radius-md` (12px) corners on all sides.\n- `pill` \u2014 fully rounded ends (`border-radius: 9999px`), stadium shape.\n- `d-left` \u2014 flat right edge, rounded left edge (half-capsule pointing left).\n- `d-right` \u2014 flat left edge, rounded right edge (half-capsule pointing right).\n- `square` \u2014 no corner rounding, explicitly opt-out of default rounded corners."
                 },
                 "getter": false,
                 "setter": false,
                 "reflect": false,
                 "attribute": "shape",
                 "defaultValue": "'rounded'"
+            },
+            "captionPosition": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "CaptionPosition",
+                    "resolved": "\"below\" | \"overlay\"",
+                    "references": {
+                        "CaptionPosition": {
+                            "location": "local",
+                            "path": "/home/runner/work/affinda-website-npm-publish/affinda-website-npm-publish/packages/wc/src/components/af-image/af-image.tsx",
+                            "id": "src/components/af-image/af-image.tsx::CaptionPosition"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Caption placement when caption slot is used.\n- `below` (default) \u2014 caption sits beneath the image with spacing.\n- `overlay` \u2014 caption overlays the bottom of the image with a gradient."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "caption-position",
+                "defaultValue": "'below'"
             }
         };
     }
+    static get elementRef() { return "el"; }
 }
-//# sourceMappingURL=af-image.js.map

package/dist/collection/components/af-in-page-banner/af-in-page-banner.css

@@ -324,6 +324,12 @@
     flex: none;
   }
 
+  /* Single-button banners drop the min-height so the layout doesn't reserve
+   * dead space for a missing second button. */
+  .banner:not(:has(.banner__buttons af-button + af-button)) .banner__content {
+    min-height: auto;
+  }
+
   /* Ensure copy section doesn't constrain width on mobile */
   .banner__copy {
     max-width: 100%;
@@ -376,6 +382,10 @@
     min-height: 280px;
   }
 
+  .banner:not(:has(.banner__buttons af-button + af-button)) .banner__content {
+    min-height: auto;
+  }
+
   .banner__heading {
     font-size: 28px;
     letter-spacing: -0.56px;

package/dist/collection/components/af-in-page-banner/af-in-page-banner.js

@@ -66,7 +66,7 @@ export class AfInPageBanner {
         return (h("div", { class: "banner__wave-overlay", "aria-hidden": "true" }, h("svg", { viewBox: "0 0 521 323", fill: "none", xmlns: "http://www.w3.org/2000/svg", class: "banner__wave-svg" }, h("path", { d: "M473.775 46.273C443.539 15.92 403.701 -0.631616 361.351 0.0184478H154.183L112.67 67.225H361.893C362.189 67.225 362.533 67.225 362.829 67.225C387.155 67.225 410.004 76.7259 427.289 94.0776C445.017 111.879 454.816 135.682 454.816 161.134C454.816 213.389 412.959 255.843 361.548 255.843H108.041C84.9457 255.843 66.1345 236.742 66.1345 213.289C66.1345 189.837 84.9949 170.435 107.992 169.735H334.957L377.799 102.528H106.859C47.9636 104.029 0 153.683 0 213.289C0 272.895 48.456 323 108.041 323H361.548C449.449 323 521 250.343 521 161.084C521 117.53 504.257 76.7759 473.824 46.2229L473.775 46.273Z", fill: "currentColor" }))));
     }
     render() {
-        return (h(Host, { key: '022f98e0925a4cdc04db66889b266f1741932513' }, h("div", { key: '64f60ef33b18ba4e0e20d5248a3a8d396a72b4cd', class: `banner theme-${this.theme}` }, this.showWaveDecoration && this.renderWaveOverlay(), h("div", { key: '26ff6aefd41268a5bece7fb2c5161cfacd38d54e', class: "banner__illustration" }, this.illustrationUrl ? (h("img", { src: this.illustrationUrl, alt: "", class: "banner__illustration-img", loading: "lazy" })) : (h("slot", { name: "illustration" }))), h("div", { key: '025c1664b11d6531d2471ab652a0715e58ee5d46', class: "banner__content" }, h("div", { key: 'e58cc91158e663068ddaa01fd9776135055769fc', class: "banner__copy" }, h("h2", { key: '7f3afcf9b28cbc1b924f6dec0bf4882c64b1c306', class: "banner__heading" }, h("slot", { key: 'ac04c8f27d294f97f79ab11595ce4c1e12e3d9f3', name: "heading" }, this.heading)), h("div", { key: '7b5a689cf681591d8eac098f9e0a8d3b01348140', class: "banner__description" }, h("slot", { key: '724079691b59aab3f336a3524b85f5fe27ad754d', name: "description" }, this.description))), h("div", { key: 'e4d8eedee783e6b48ca780bf95337048384165fc', class: "banner__buttons" }, h("slot", { key: 'e1b5995706145354b41daa5a774086ddaa65accc', name: "buttons" }, this.primaryButtonText && (h("af-button", { key: 'c5e797d3c62876d4ba964272efe7d9d97b962a36', href: this.primaryButtonUrl, variant: "primary" }, this.primaryButtonText)), this.secondaryButtonText && (h("af-button", { key: 'e4a8ba0065181b3201f906fdc718595ad9bdd4fc', href: this.secondaryButtonUrl, variant: "secondary" }, this.secondaryButtonText))))))));
+        return (h(Host, { key: '735bf9de5bb207809d65061631a1bba81a5e48b0' }, h("div", { key: '1680a0dd782b5705691a074a807acd2279efe9ac', class: `banner theme-${this.theme}` }, this.showWaveDecoration && this.renderWaveOverlay(), h("div", { key: 'e8629f3271a4db3d81f5f70977229ddec84d57ca', class: "banner__illustration" }, this.illustrationUrl ? (h("img", { src: this.illustrationUrl, alt: "", class: "banner__illustration-img", loading: "lazy" })) : (h("slot", { name: "illustration" }))), h("div", { key: '1db926e313dd6e42b099b8e1a663b7bf16f89e6d', class: "banner__content" }, h("div", { key: 'ac9754361e6e1848ccc35a28ce7fdea7e2d86925', class: "banner__copy" }, h("h2", { key: 'a27bf282eb37de080dca5b0ca2fbe140dcab4421', class: "banner__heading" }, h("slot", { key: '3da1448df0dfd051c64d90212a0cf15100b30acf', name: "heading" }, this.heading)), h("div", { key: 'e09df9c98b6072818ce3375a7dadda5d1cd18d34', class: "banner__description" }, h("slot", { key: 'a455604db03fbbec057ac90e8ffcd112a6f5ee07', name: "description" }, this.description))), h("div", { key: '65eb77a5ec3a8ee2a376eaffc9d3c02e4ef54294', class: "banner__buttons" }, h("slot", { key: 'f95bfd506a4eda52b492bfa3462e8d8ba68b6c50', name: "buttons" }, this.primaryButtonText && (h("af-button", { key: '665b1a9e5e625dfc9936f8756a9a5ec9c3e83e9f', href: this.primaryButtonUrl, variant: "primary" }, this.primaryButtonText)), this.secondaryButtonText && (h("af-button", { key: '58d13d1b800101e30553972412bbfcdcf6e70ddd', href: this.secondaryButtonUrl, variant: "secondary" }, this.secondaryButtonText))))))));
     }
     static get is() { return "af-in-page-banner"; }
     static get encapsulation() { return "scoped"; }
@@ -92,7 +92,8 @@ export class AfInPageBanner {
                         "Theme": {
                             "location": "import",
                             "path": "../../types",
-                            "id": "src/types.ts::Theme"
+                            "id": "src/types.ts::Theme",
+                            "referenceLocation": "Theme"
                         }
                     }
                 },
@@ -274,4 +275,3 @@ export class AfInPageBanner {
         };
     }
 }
-//# sourceMappingURL=af-in-page-banner.js.map

package/dist/collection/components/af-inline/af-inline.js

@@ -49,7 +49,7 @@ export class AfInline {
             justifyContent: justifyMap[this.justify],
             flexWrap: this.wrap ? 'wrap' : 'nowrap',
         };
-        return (h(Host, { key: '7069c721994bbd1acc8d57875522dbefdaf796d9', style: style }, h("slot", { key: 'e39c2d982cca56ab6545e3e8a43eea7696708f21' })));
+        return (h(Host, { key: '44a179c978b5f7aadd07d784b2ec41d15588c67c', style: style }, h("slot", { key: 'a4abdbff3306623bb9b26436cc628e9b76e11985' })));
     }
     static get is() { return "af-inline"; }
     static get encapsulation() { return "shadow"; }
@@ -75,7 +75,8 @@ export class AfInline {
                         "Gap": {
                             "location": "import",
                             "path": "../../types",
-                            "id": "src/types.ts::Gap"
+                            "id": "src/types.ts::Gap",
+                            "referenceLocation": "Gap"
                         }
                     }
                 },
@@ -164,4 +165,3 @@ export class AfInline {
         };
     }
 }
-//# sourceMappingURL=af-inline.js.map

package/dist/collection/components/af-input/af-input.js

@@ -602,4 +602,3 @@ export class AfInput {
             }];
     }
 }
-//# sourceMappingURL=af-input.js.map