@getflip/swirl-components 0.531.2 → 0.532.0

package/dist/cjs/swirl-visually-hidden.cjs.entry.js

@@ -9,7 +9,7 @@ const SwirlVisuallyHidden = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '5e2dc1706496d0914663fcd73b6b40af01c4ad34' }, index.h("slot", { key: '1809f89b83fbf53726e8bc8dea25cd3f40ba6ba8' })));
+        return (index.h(index.Host, { key: '482c1ecff1f05c4e937aecc0f173b8d9db242cef' }, index.h("slot", { key: 'adcbcfa81a30d9609a37c1be5cb38db48e6704f8' })));
     }
 };
 SwirlVisuallyHidden.style = swirlVisuallyHiddenCss();

package/dist/collection/components/swirl-accordion/swirl-accordion.js

@@ -56,7 +56,7 @@ export class SwirlAccordion {
         });
     }
     render() {
-        return (h(Host, { key: 'db824bb15d6e2cb8a4d6b1bc69c938c8ba05d0cd' }, h("slot", { key: '962e95169c448b31f1f7d4732b8bef943757919c' })));
+        return (h(Host, { key: '380395f009a7fa44a47494bf0fa6aa4b36c24b74' }, h("slot", { key: '0ce853754c9ec49e121cc3d07edfa860944f0909' })));
     }
     static get is() { return "swirl-accordion"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-accordion-item/swirl-accordion-item.js

@@ -58,7 +58,7 @@ export class SwirlAccordionItem {
         const className = classnames("accordion-item", {
             "accordion-item--expanded": this.expanded,
         });
-        return (h(Host, { key: '6707a1b512d1aa54789c1ac47186fbe1ffb9563a' }, h("div", { key: 'c8eff3561d541f118178b2ed6462d6b968a20a19', class: className }, h(HeadingTag, { key: '71872b1aa2f65d0d0086b77b43865cfa388ce996', class: "accordion-item__heading" }, h("button", { key: 'b4142dc44542110eccda91d6ec28ad984ae56259', "aria-controls": this.itemId, "aria-expanded": String(this.expanded), class: "accordion-item__toggle", disabled: this.disabled, id: this.headingId, onClick: this.onHeadingClick, type: "button" }, h("slot", { key: '61d8c5046b7760700faa2722ee5bd922de84de36', name: "media" }), h("span", { key: 'c3f22d66e6f8a692f318a0971b7e5e948fa8fc81', class: "accordion-item__toggle-text" }, this.heading, this.description && (h("swirl-text", { key: 'e5789928255ae8ee34bf8b600ac63f1cc0150b63', as: "span", color: "subdued", size: "sm" }, this.description))), h("slot", { key: '0094a77f062ed3d9e763f0cf80367518bc95984a', name: "trailing" }), h("span", { key: 'a3137d137340c30b984f13db2c22a1315895934c', class: "accordion-item__icon" }, !this.expanded && (h("swirl-icon", { key: '7f367031ab98ef08d8c78845ca5f0bde70573cd1', glyph: "chevron-right", size: 20 })), this.expanded && (h("swirl-icon", { key: '437a61fbb1540c0c82ebbae41eb382e471e57aad', glyph: "expand-more", size: 20 }))))), h("div", { key: 'af7c4b1ddff638bb32fdf83e993e5cc48c7416a8', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, h("slot", { key: 'a372dc4959477650adc0a479dd33aaa6f6a775cd' })))));
+        return (h(Host, { key: 'ed0d988e2fc48f140515cfecc40e543ed40d14cc' }, h("div", { key: 'a1a9bb9a36e5018b0741aa4980659dca503cf128', class: className }, h(HeadingTag, { key: '4919327d90ec3b829aecd9af57601dced379009d', class: "accordion-item__heading" }, h("button", { key: '7d31acbf313e30827703c88027121681f0a0d6b0', "aria-controls": this.itemId, "aria-expanded": String(this.expanded), class: "accordion-item__toggle", disabled: this.disabled, id: this.headingId, onClick: this.onHeadingClick, type: "button" }, h("slot", { key: 'b79a174398448e9fea3407f8d7a4803d5d60d1f5', name: "media" }), h("span", { key: 'f092906ba953c07abdbb1d8159268b92960fdc39', class: "accordion-item__toggle-text" }, this.heading, this.description && (h("swirl-text", { key: '827970a298d728085b6ae63be7c8c9d44859bbda', as: "span", color: "subdued", size: "sm" }, this.description))), h("slot", { key: '6dc7a6efd5948d2954c4e5dce1ccb04475bee77d', name: "trailing" }), h("span", { key: '5626c5d1a6a8ccaa4c3f20deaeea6d169da05f89', class: "accordion-item__icon" }, !this.expanded && (h("swirl-icon", { key: '7656ce9908d12897902ccc81dbb3b9388f46b292', glyph: "chevron-right", size: 20 })), this.expanded && (h("swirl-icon", { key: '5f9ad2f5dcc97d32f30f1981356ac525286ff8d9', glyph: "expand-more", size: 20 }))))), h("div", { key: '5b32ae5da0caacd8891b74451a2f3aff91d640af', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, h("slot", { key: '50ff36caf14b70bcc79fbf91db1e58ceb0c10a60' })))));
     }
     static get is() { return "swirl-accordion-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-action-list/swirl-action-list.js

@@ -91,7 +91,7 @@ export class SwirlActionList {
         });
     }
     render() {
-        return (h(Host, { key: 'b69904ae0892ff3583235cbf1256d7599cd8c3bb' }, h("div", { key: 'ef00e5cac280ebdd0e586ba0789df7c834a5175e', "aria-orientation": "vertical", class: "action-list", onFocusout: this.isInsidePopover ? undefined : this.onFocusOut, onFocus: this.isInsidePopover ? undefined : this.onFocus, onKeyDown: this.onKeyDown, part: "action-list", ref: (el) => (this.container = el), role: "menu" }, h("slot", { key: '4771ca68fcb87dc96d44b78d9f3715440e073bf8', onSlotchange: this.setSectionSeparator }))));
+        return (h(Host, { key: '1c75c3ab32ea63fa2f841926c7796cacca0927a7' }, h("div", { key: 'a1d22c1d56d559dd212da3223654bd1a8d7f173d', "aria-orientation": "vertical", class: "action-list", onFocusout: this.isInsidePopover ? undefined : this.onFocusOut, onFocus: this.isInsidePopover ? undefined : this.onFocus, onKeyDown: this.onKeyDown, part: "action-list", ref: (el) => (this.container = el), role: "menu" }, h("slot", { key: '16ca662b99182ed96909eb5ffbee2e4373a07325', onSlotchange: this.setSectionSeparator }))));
     }
     static get is() { return "swirl-action-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-action-list-section/swirl-action-list-section.js

@@ -9,7 +9,7 @@ export class SwirlActionListSection {
         this.hasSeparator = false;
     }
     render() {
-        return (h(Host, { key: '783ead35780725c3448e67b29d8514c1878ac776' }, this.hasSeparator && (h("swirl-separator", { key: '56569148428e9c2c84d8b6b98f84303cb4bcb6a7', spacing: this.separatorSpacing })), h("div", { key: '6b5bc91e392e50ca605bf4dc2aa0731cc016cd9b', "aria-labelledby": "label", class: "action-list-section", role: "group" }, h("span", { key: 'f259d0ffea93d5e663d96af7a404edb861c891ab', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), h("swirl-stack", { key: '1b64ecbc112ef03a63df681ad9f12a2cd392808f', spacing: this.spacing, align: "stretch" }, h("slot", { key: 'ea6b73395b035990f4806926a61699d55dcacabb' })))));
+        return (h(Host, { key: '7a63a8a0b9832c08eadcb85533b3ec9e1e03437e' }, this.hasSeparator && (h("swirl-separator", { key: 'aaa33960c8a3db74b8b5df83ae3d725c603e0535', spacing: this.separatorSpacing })), h("div", { key: '3baa8270c6c9dc3de037657506c42ecdc5d4f060', "aria-labelledby": "label", class: "action-list-section", role: "group" }, h("span", { key: '6187f12fa3081721f2d25e360076a27649cda8bd', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), h("swirl-stack", { key: '4f3fbff155ad75167bcd5469a2df41e7679c5dd3', spacing: this.spacing, align: "stretch" }, h("slot", { key: 'f610b47db6a58184d18c950c975666abe890ba3b' })))));
     }
     static get is() { return "swirl-action-list-section"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-app-icon/swirl-app-icon.js

@@ -30,7 +30,7 @@ export class SwirlAppIcon {
         const className = classnames("app-icon", {
             "app-icon--has-icon": showIcon || showFallbackIcon,
         });
-        return (h(Host, { key: 'ca9bee5af805a836fe3f8c6d07951df0a1e388ff' }, h("span", { key: '4588dc055e98aaf1e3bb3689272d118486975c96', class: className }, showImage && (h("img", { key: '9858e8d8a4f28fbe026e11a353f1dac6b8b69ccf', alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" })), showIcon && (h("span", { key: '6331381bf41c6651edcb884805d09cdbc57db552', class: "app-icon__icon", innerHTML: this.icon })))));
+        return (h(Host, { key: 'fe8d516e1120d072e2f4600ca610bc4c13fd21f5' }, h("span", { key: '221e8a7f2eb9c1486b3958d81e124cf2bbe12247', class: className }, showImage && (h("img", { key: '50a6602a09d6e1f41e218137c3bbeca0afe7954f', alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" })), showIcon && (h("span", { key: '06d45bf19f89194eed5db2398fb572d6cb3125bf', class: "app-icon__icon", innerHTML: this.icon })))));
     }
     static get is() { return "swirl-app-icon"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-banner/swirl-banner.css

@@ -149,6 +149,11 @@
 }
   }
 
+.banner__heading {
+  display: block;
+  font-weight: var(--s-font-weight-semibold);
+}
+
 .banner__controls {
   display: inline-flex;
   flex-shrink: 0;

package/dist/collection/components/swirl-banner/swirl-banner.js

@@ -48,7 +48,7 @@ export class SwirlBanner {
         const className = classnames("banner", `banner--intent-${this.intent}`, `banner--size-${this.size}`, {
             "banner--has-icon": showIcon,
         });
-        return (h(Host, { key: 'd9f612a8cccf6eca41e32850b3b91c784d718976' }, h("div", { key: 'bed14a2caee73bb791efc7955276ccc2f939d623', "aria-describedby": "content", class: className, role: this.importance, tabIndex: 0 }, h("div", { key: 'f0e1a9f7657f37605f038c43ee74cd352c480524', class: "banner__content", id: "content", part: "banner__content" }, showIcon && (h("span", { key: '23f830c1fe486a9f3ba519605b5ea97c94fd660f', "aria-hidden": "true", class: "banner__icon", innerHTML: icon, ref: (el) => (this.iconEl = el) })), h("span", { key: '56306cab17a0c89f701730a11a7b61905030a7bf', class: "banner__text" }, this.content)), showControls && (h("div", { key: '69cb51d812a88503f8f20e03541f70cc8ccdd500', class: "banner__controls" }, this.actionLabel && (h("button", { key: 'bd391ec1cfa4a6819650251cff32cbfbfe06ed92', class: "banner__action-button", onClick: this.onAction, part: "banner__action-button", type: "button" }, this.actionLabel)), this.dismissable && (h("button", { key: '67f4a85d7ba5b5c4108362e2f661a77bf59903fa', "aria-label": this.dismissLabel, class: "banner__dismiss-button", onClick: this.onDismiss, part: "banner__dismiss-button", ref: (el) => (this.dismissButtonEl = el), type: "button" }, h("swirl-icon-close", { key: 'abc8f0ca930848944cafc40df706cb240f0399dc' }))))))));
+        return (h(Host, { key: '56bfc33fb82d4ca27d53ad65de19aef97d6ec892' }, h("div", { key: 'fc656280d9841278767052e8eeb41b0ce0f28340', "aria-describedby": "content", class: className, role: this.importance, tabIndex: 0 }, h("div", { key: '75663553dd04cf405a7504e78b31afc7b3300503', class: "banner__content", id: "content", part: "banner__content" }, showIcon && (h("span", { key: '40de734fd903890276d40dfdfe2eb18addd21090', "aria-hidden": "true", class: "banner__icon", innerHTML: icon, ref: (el) => (this.iconEl = el) })), h("span", { key: '406f6835ea9bdbf3895510cd966253cf9e829b23', class: "banner__text" }, this.heading && (h("strong", { key: '0722b7ed1482c41b760e3dbac9df1f9a6dd67244', class: "banner__heading", part: "banner__heading" }, this.heading)), this.content)), showControls && (h("div", { key: 'e8b34b45bf577e5a3de072e6e4982639014f5716', class: "banner__controls" }, this.actionLabel && (h("button", { key: '3be73fa56a514046e176371b7085fb65959162db', class: "banner__action-button", onClick: this.onAction, part: "banner__action-button", type: "button" }, this.actionLabel)), this.dismissable && (h("button", { key: '59acba15c25418b145e91d2a4b26e6322449c18c', "aria-label": this.dismissLabel, class: "banner__dismiss-button", onClick: this.onDismiss, part: "banner__dismiss-button", ref: (el) => (this.dismissButtonEl = el), type: "button" }, h("swirl-icon-close", { key: '1e28c577793514652746bd9caafff0d32e51f4fd' }))))))));
     }
     static get is() { return "swirl-banner"; }
     static get encapsulation() { return "shadow"; }
@@ -142,6 +142,25 @@ export class SwirlBanner {
                 "attribute": "dismiss-label",
                 "defaultValue": "\"Dismiss\""
             },
+            "heading": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "heading"
+            },
             "importance": {
                 "type": "string",
                 "mutable": false,

package/dist/collection/components/swirl-banner/swirl-banner.stories.js

@@ -29,5 +29,6 @@ SwirlBanner.args = {
     actionLabel: "Action",
     content: "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.",
     dismissable: true,
+    heading: "Heading",
     intent: "critical",
 };

package/dist/collection/components/swirl-box/swirl-box.js

@@ -131,7 +131,7 @@ export class SwirlBox {
             "box--scrolled-to-top": this.scrollState.scrolledToTop,
             "box--scrolled-to-bottom": this.scrollState.scrolledToBottom,
         });
-        return (h(Host, { key: '912072dcde45f22250572a37e5e7f76d9f9d1f48', class: className, onScroll: this.onScroll, style: styles }, h("slot", { key: '9c05ad03afbd779447207c8a3b7a916160b1d2f2' })));
+        return (h(Host, { key: '6e1a48655bb9bf3c5cfa39508712347261dceb91', class: className, onScroll: this.onScroll, style: styles }, h("slot", { key: 'a5157f5fd0e0015471d8ac60729a626cf2ea5767' })));
     }
     static get is() { return "swirl-box"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-button/swirl-button.js

@@ -63,11 +63,11 @@ export class SwirlButton {
         }
     }
     render() {
-        const hideLabel = (this.hideLabel && Boolean(this.icon)) ||
+        const hasIcon = Boolean(this.icon) || Boolean(this.el.querySelector("[slot='icon']"));
+        const hideLabel = (this.hideLabel && hasIcon) ||
             (this.variant === "floating" && this.intent === "default");
         const isLink = Boolean(this.href);
         const ariaLabel = this.getAriaLabel(hideLabel);
-        const hasIcon = this.icon || Boolean(this.el.querySelector("[slot='icon']"));
         const hasTag = Boolean(this.el.querySelector("[slot='tag']"));
         const hasTrailingSlot = Boolean(this.el.querySelector("[slot='trailing']"));
         const className = classnames("button", `button--icon-position-${this.iconPosition}`, `button--intent-${this.intent}`, `button--size-${this.size}`, `button--text-align-${this.textAlign}`, `button--variant-${this.variant}`, {
@@ -79,13 +79,13 @@ export class SwirlButton {
             "button--pressed": this.pressed,
         });
         const Tag = isLink ? "a" : "button";
-        return (h(Host, { key: 'e7602a78117c447e1c37a6951d79ceaade40e2c7', style: { pointerEvents: this.disabled ? "none" : "" } }, h(Tag, { key: 'ab00f989857f767b2b75625e9df1064f9125a1a9', "aria-controls": this.swirlAriaControls, "aria-current": this.swirlAriaCurrent, "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled && !isLink ? "true" : undefined, "aria-expanded": this.swirlAriaExpanded, "aria-haspopup": this.swirlAriaHaspopup, "aria-label": ariaLabel, "aria-pressed": this.pressed ? "true" : undefined, class: className, disabled: isLink ? undefined : this.disabled, download: isLink ? undefined : this.download, form: isLink ? undefined : this.form, href: this.href, name: isLink ? undefined : this.name, ref: (el) => (this.buttonEl = el), target: isLink ? this.target : undefined, type: isLink ? undefined : this.type, value: isLink ? undefined : this.value, style: {
+        return (h(Host, { key: '6547a6046927d9d063f60c1828b1f7892e0664b5', style: { pointerEvents: this.disabled ? "none" : "" } }, h(Tag, { key: '99b5496bf77c7afcedb6da85a30f3a8ed464c226', "aria-controls": this.swirlAriaControls, "aria-current": this.swirlAriaCurrent, "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled && !isLink ? "true" : undefined, "aria-expanded": this.swirlAriaExpanded, "aria-haspopup": this.swirlAriaHaspopup, "aria-label": ariaLabel, "aria-pressed": this.pressed ? "true" : undefined, class: className, disabled: isLink ? undefined : this.disabled, download: isLink ? undefined : this.download, form: isLink ? undefined : this.form, href: this.href, name: isLink ? undefined : this.name, ref: (el) => (this.buttonEl = el), target: isLink ? this.target : undefined, type: isLink ? undefined : this.type, value: isLink ? undefined : this.value, style: {
                 cursor: !this.disabled && this.cursor !== "pointer"
                     ? this.cursor
                     : undefined,
                 fontSize: this.inheritFontSize ? "inherit" : undefined,
                 lineHeight: this.inheritFontSize ? "inherit" : undefined,
-            } }, Boolean(this.icon) && (h("span", { key: 'fd2334063e4ea5c7c21a17cbfc2ef347d0ad1049', class: "button__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), !Boolean(this.icon) && (h("span", { key: '105ec9131873da4ded162d97f12e0ef150fd31f4', class: "button__icon", ref: (el) => (this.iconEl = el) }, h("slot", { key: '8797f3878578430e2b10ba707e99db179c80b7e6', name: "icon" }))), !hideLabel && h("span", { key: 'b47564712cf30122100e1cac186019c0d90cf0fb', class: "button__label" }, this.label), hasTag && (h("span", { key: '91a903f836ba8f32072798b5fe4f184960037a73', class: "button__tag" }, h("slot", { key: 'cad22304d1490c362da9d15c8bc55351de5c12d6', name: "tag" }))), hasTrailingSlot && (h("div", { key: '352c11dd6d9332e950486b1e8ee6119e158cb893', class: "button__trailing-slot" }, h("slot", { key: '7e6f28a9ea17106c2fc5b18bdfaf67dec3f41468', name: "trailing" }))))));
+            } }, Boolean(this.icon) && (h("span", { key: 'e6ee899cef25154e5e352a714e96f4bec118cdd1', class: "button__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), !Boolean(this.icon) && (h("span", { key: 'f941f1f7b8b63d4df1f8f45faaa9453eabd00466', class: "button__icon", ref: (el) => (this.iconEl = el) }, h("slot", { key: 'f207f8380724a3fb240cc92025b42505f7462da4', name: "icon" }))), !hideLabel && h("span", { key: 'a706ca2e5d53866e1123fb0f1c02fbc93c9a5122', class: "button__label" }, this.label), hasTag && (h("span", { key: '9e729296af9a913dae7d48239759b80478654118', class: "button__tag" }, h("slot", { key: '2befddfccd8d05e9aedf213e31ce8f3d3de57c77', name: "tag" }))), hasTrailingSlot && (h("div", { key: '0899648235c390556658e55f1f52dbdbadbf548b', class: "button__trailing-slot" }, h("slot", { key: '8c7eb18ae1ccabddcb62262ce2677ae099c72d93', name: "trailing" }))))));
     }
     static get is() { return "swirl-button"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/swirl-button-group/swirl-button-group.js

@@ -10,11 +10,11 @@ export class SwirlButtonGroup {
         const className = classnames("button-group", {
             "button-group--segmented": this.segmented,
         });
-        return (h(Host, { key: '6897cb188b57fb8ac45396ea33f789315b59acbb' }, h("swirl-stack", { key: 'db2f7e40c235c632743dbbb893fddd76eb24ad0e', align: this.orientation === "vertical" && this.stretch
+        return (h(Host, { key: 'a3a5e76de4cf85b81daa5add7e45d3ec4d4779bd' }, h("swirl-stack", { key: 'e8c035a5d63e4e2f9760209e0583065c48a5fc40', align: this.orientation === "vertical" && this.stretch
                 ? "stretch"
                 : "start", class: className, justify: this.orientation === "horizontal" && this.stretch
                 ? "stretch"
-                : "start", orientation: this.orientation, role: "group", spacing: spacing, wrap: this.wrap }, h("slot", { key: '97c97daf85f5c9c4c0ed3b0cb5f31fceaa9e3243' }))));
+                : "start", orientation: this.orientation, role: "group", spacing: spacing, wrap: this.wrap }, h("slot", { key: '864bb3317844628eca4d0ec8b540965abccfffb6' }))));
     }
     static get is() { return "swirl-button-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-card/swirl-card.js

@@ -74,9 +74,9 @@ export class SwirlCard {
             "card--translucent": this.translucent,
             "card--is--borderless": this.isBorderless,
         });
-        return (h(Host, { key: '5d3e28cd329ea9312db055ec26603471b2769b5f', styles: { height: this.height } }, h(Tag, { key: '1a0a88412a4c09d94dc26216a0d1508d2c7e1e9c', "aria-current": this.swirlAriaCurrent, "aria-label": this.swirlAriaLabel, "aria-labelledby": this.swirlAriaLabelledby, class: className, href: this.href, rel: Boolean(this.href) && this.linkTarget === "_blank"
+        return (h(Host, { key: 'b7b4433dedca433291e6523e206f949877a1d581', styles: { height: this.height } }, h(Tag, { key: 'e30d4fd0737a3f3398240c763fece8e0b639e084', "aria-current": this.swirlAriaCurrent, "aria-label": this.swirlAriaLabel, "aria-labelledby": this.swirlAriaLabelledby, class: className, href: this.href, rel: Boolean(this.href) && this.linkTarget === "_blank"
                 ? "noreferrer"
-                : undefined, style: styles, target: this.linkTarget }, h("div", { key: '19531ee30d16e58045cf88cb2a2c131840361832', class: "card__image", style: { aspectRatio: this.imageAspectRatio } }, h("slot", { key: '1ceb9d2bdad0fcd627f6d9729d12cedac0439083', name: "image" })), h("div", { key: '5c4da7197a80d912a12358e324a1be859ee0db7d', class: "card__floating-controls" }, h("slot", { key: '8fbaada621865c95bfddbc9c54e18721afbbe969', name: "floating-controls" })), h("div", { key: 'dd5daf282b659d12c10de972420eb07cc5c58f81', class: "card__body", style: bodyStyles }, h("div", { key: '964a2d0f76da2ef99e73223c5682c196235b89c1', class: "card__content" }, h("slot", { key: 'eaf859000c7414ba1780d7c3dda62675570ab204', name: "content" }))))));
+                : undefined, style: styles, target: this.linkTarget }, h("div", { key: '7c395c9f9c076a351718053d852b0e7a14ee9a3a', class: "card__image", style: { aspectRatio: this.imageAspectRatio } }, h("slot", { key: '3f74d7dccce24039ef3c82d3058d55a5ef0e1b33', name: "image" })), h("div", { key: '9bb69984e13f147762dde4f99b19b4de9a55d487', class: "card__floating-controls" }, h("slot", { key: '610fafac1877c2085a349ff36c54320a02770598', name: "floating-controls" })), h("div", { key: '312308b4a4c6b4c32f0908319795f249c5bed6bd', class: "card__body", style: bodyStyles }, h("div", { key: '986a45c2aebc901455ed6f6f48ae7090042e44cc', class: "card__content" }, h("slot", { key: '9a3d20577f488da40da259410cb6280fd2661c8f', name: "content" }))))));
     }
     static get is() { return "swirl-card"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-carousel/swirl-carousel.js

@@ -154,7 +154,7 @@ export class SwirlCarousel {
             "carousel--is-at-start": this.isAtStart,
             "carousel--is-at-end": this.isAtEnd,
         });
-        return (h(Host, { key: '840096feefd373763dd50a841d3774fb3d466b99', "aria-label": this.label, "aria-roledescription": "carousel", role: "group" }, h("div", { key: '535cf444029aa486567192b5cf8d72b52df569f4', class: className }, this.isScrollable && !this.isAtStart && (h("swirl-button", { key: '4608b5385dc0b8ee293213a9d849632f2c32e53b', class: "carousel__previous-slide-button", hideLabel: true, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.previousSlideButtonLabel, onClick: this.onPreviousSlideButtonClick, pill: true, variant: "translucent" })), this.isScrollable && !this.isAtEnd && (h("swirl-button", { key: 'e8d73e19115dcd30b0fc2b416183e72ff82bdc22', class: "carousel__next-slide-button", hideLabel: true, icon: "<swirl-icon-arrow-forward></swirl-icon-arrow-forward>", label: this.nextSlideButtonLabel, onClick: this.onNextSlideButtonClick, pill: true, variant: "translucent" })), h("div", { key: '64c2b7b2a9cfb305591e8bbe44bff581b5651564', "aria-live": "polite", class: "carousel__slides", style: slidesStyles, onScroll: this.onScroll, ref: (el) => (this.slidesContainer = el) }, h("slot", { key: '417793d107b7c1f49561138d00fcbaa4a3d87c45', onSlotchange: this.onSlotChange })))));
+        return (h(Host, { key: 'eb2274cf3c4a0f9fa0a5e351ffbc79f05e34f2ca', "aria-label": this.label, "aria-roledescription": "carousel", role: "group" }, h("div", { key: '3e64fd8638de118884d211029898f5fb7d393fc6', class: className }, this.isScrollable && !this.isAtStart && (h("swirl-button", { key: '4afa3f38193e7b02f98ec524d82dc681fccf0085', class: "carousel__previous-slide-button", hideLabel: true, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.previousSlideButtonLabel, onClick: this.onPreviousSlideButtonClick, pill: true, variant: "translucent" })), this.isScrollable && !this.isAtEnd && (h("swirl-button", { key: 'd35f5d26449333c7f87c070b58db7308f255f879', class: "carousel__next-slide-button", hideLabel: true, icon: "<swirl-icon-arrow-forward></swirl-icon-arrow-forward>", label: this.nextSlideButtonLabel, onClick: this.onNextSlideButtonClick, pill: true, variant: "translucent" })), h("div", { key: '6279acaf79d37888e5e7bb98d07538ccf4a303a4', "aria-live": "polite", class: "carousel__slides", style: slidesStyles, onScroll: this.onScroll, ref: (el) => (this.slidesContainer = el) }, h("slot", { key: 'd63228ab82430539465811e606aee9451766c18d', onSlotchange: this.onSlotChange })))));
     }
     static get is() { return "swirl-carousel"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-carousel-slide/swirl-carousel-slide.js

@@ -11,11 +11,11 @@ export class SwirlCarouselSlide {
         const className = classnames("carousel-slide", {
             "carousel-slide--has-min-height": Boolean(this.minHeight),
         });
-        return (h(Host, { key: '602fa58e6f9a08ac21b95f0e5a6db619012a7f5e', "aria-roledescription": "slide", "aria-label": this.label, class: className, role: "group", style: {
+        return (h(Host, { key: 'bd595d626cca6ad119cfe2ad89aa639ee44e06f9', "aria-roledescription": "slide", "aria-label": this.label, class: className, role: "group", style: {
                 aspectRatio: this.aspectRatio,
                 flexBasis: this.width,
                 minHeight: this.minHeight,
-            }, tabIndex: 0 }, h("slot", { key: '62708550e6868fd1ab2e472f635b43f6b5911a91' })));
+            }, tabIndex: 0 }, h("slot", { key: 'dcfd8cdfa905e26eababb896a2f48413febbe51f' })));
     }
     static get is() { return "swirl-carousel-slide"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-checkbox/swirl-checkbox.js

@@ -37,7 +37,7 @@ export class SwirlCheckbox {
             "checkbox--invalid": this.invalid,
             "checkbox--unchecked": unchecked,
         });
-        return (h(Host, { key: '9594d167dd79813f182cc7adf684966be8e8fe57', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: 'd26e11bdc87328b21e109f191e0d6e0905490b7f', class: className, htmlFor: this.inputId }, h("span", { key: '3a856c000cdcc555d535393267cac270518247d6', class: "checkbox__control" }, h("swirl-visually-hidden", { key: 'de6884b6b8fd2a64e69dc6f0b10367baa2b4becc' }, h("input", { key: '25b14da328f1dee60de559d2ef5df4c4d7a166ef', "aria-checked": ariaCheckedLabel, "aria-describedby": this.swirlAriaDescribedby, "aria-invalid": ariaInvalid, "aria-label": this.swirlAriaLabel, checked: checked, class: "checkbox__input", disabled: this.disabled, id: this.inputId, indeterminate: indeterminate, name: this.inputName, onChange: this.onChange, type: "checkbox", value: this.value })), h("span", { key: 'f94ce6f89d7c3720c7d18aa932d3f0ca04abd962', "aria-hidden": "true", class: "checkbox__box" }, h("span", { key: 'd74a5926836db3d63b390696a4901f53e457b9a9', class: "checkbox__icon" }, checked && h("swirl-icon-check-strong", { key: 'c986d82eca02a1026f0b95d3a04241a6d8038b13' }), indeterminate && (h("span", { key: '45fc5c9fdaf8945747a3b1e365c7983c43e10f9c', class: "checkbox__indeterminate-icon" }))))), showLabelContainer && (h("span", { key: '60461a591a4249ceabe91e1f97ec82038a5a8c2a', class: "checkbox__label-container" }, this.label && h("span", { key: '04ff9af0785c912b256096745f822226f3d20e82', class: "checkbox__label" }, this.label), this.description && (h("span", { key: 'd9171656da199aaecb0294d63d1dd910fcfa9eef', class: "checkbox__description" }, this.description)))))));
+        return (h(Host, { key: '3ad08c17f03d7e7687feaa98defebc8833733860', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: '055534364640f13e3f8ac701eab5c02820f174f3', class: className, htmlFor: this.inputId }, h("span", { key: 'dbefcd0a53167cd632fe98165e7584f3f6217a32', class: "checkbox__control" }, h("swirl-visually-hidden", { key: 'e52c48576f02f8a768d7e4155c9299013641b2f0' }, h("input", { key: 'e5b0d971bfddb2cb6f17e7c3be49c983d8059e4e', "aria-checked": ariaCheckedLabel, "aria-describedby": this.swirlAriaDescribedby, "aria-invalid": ariaInvalid, "aria-label": this.swirlAriaLabel, checked: checked, class: "checkbox__input", disabled: this.disabled, id: this.inputId, indeterminate: indeterminate, name: this.inputName, onChange: this.onChange, type: "checkbox", value: this.value })), h("span", { key: '1d426b70b008a23a45a1659c86e80fc58bb4eca9', "aria-hidden": "true", class: "checkbox__box" }, h("span", { key: '170929e968496483f7ae40fd4d5dd4733308519d', class: "checkbox__icon" }, checked && h("swirl-icon-check-strong", { key: '0f2a4937b04485630178a6cd27eb835a869969bc' }), indeterminate && (h("span", { key: 'ebfc555b5034202d47424e4e56e2143f5156e041', class: "checkbox__indeterminate-icon" }))))), showLabelContainer && (h("span", { key: '0bfed4976d10492294bf486c900b99024f22550e', class: "checkbox__label-container" }, this.label && h("span", { key: 'aca721f51a214dbdbfc54a769cc37a678c5edfc3', class: "checkbox__label" }, this.label), this.description && (h("span", { key: 'e5892f2c2e030515627def74cf1dda9cd5b7f1a0', class: "checkbox__description" }, this.description)))))));
     }
     static get is() { return "swirl-checkbox"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/swirl-chip/swirl-chip.js

@@ -38,7 +38,7 @@ export class SwirlChip {
             "chip--interactive": this.interactive || this.pressed !== undefined,
             "chip--removable": this.removable,
         });
-        return (h(Host, { key: 'eaf1cb68bbce4f825dd39d7659d61ca2b5f23909' }, h(Tag, { key: '72c785321477ba529cbc9eb5ef2b435301916b69', "aria-disabled": this.interactive && this.disabled ? "true" : undefined, "aria-label": this.swirlAriaLabel, "aria-pressed": this.pressed !== undefined ? String(this.pressed) : undefined, class: className, disabled: this.interactive ? this.disabled : undefined, onClick: this.chipClick.emit, type: this.interactive ? "button" : undefined }, h("span", { key: '493f483a0ea3a9302f5e5cd7a7865e0870818d57', class: "chip__inner" }, showAvatar && (h("span", { key: 'cda543c9b1b6c6b3dbcf561dfbc1a35bcfd352ad', class: "chip__avatar" }, h("slot", { key: 'ea48be0cb14fee1700feb21d5c12289cec445adc', name: "avatar" }))), showIcon && (h("span", { key: '915484029f5bf81edeac405a2608e9e0b4a218c7', class: "chip__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: 'f99ab7efd6be22f552b25d7df9e04ff5affc22a3', class: "chip__label" }, this.label), this.trailingIcon && (h("span", { key: 'e58a89d7063cba7dfb39cf96666ee506bef6bae1', class: "chip__trailing-icon", innerHTML: this.trailingIcon, ref: (el) => (this.trailingIconEl = el) })), showTrailingContent && (h("span", { key: '558f2116c16e15114d92739dd8da5cff0e59b400', class: "chip__trailing-content" }, h("slot", { key: '271992bfbee95e45ef0ed2c9f306a73b21d149b7', name: "trailing-content" }))))), this.removable && (h("button", { key: '7c2183b57efbe743b2909ccf78dedc147dfca135', "aria-disabled": this.disabled ? "true" : undefined, "aria-label": this.removeButtonLabel, class: "chip__remove-button", disabled: this.disabled, onClick: this.removeChip.emit, type: "button" }, h("swirl-icon-close", { key: '99a186d7565af8903cdf1acd5b4a266f9041447a', size: 20 })))));
+        return (h(Host, { key: 'ab2949cf8228576514eb8dde433060f3165c458d' }, h(Tag, { key: '34fb9734937acedb870feecd49698b45b3875b78', "aria-disabled": this.interactive && this.disabled ? "true" : undefined, "aria-label": this.swirlAriaLabel, "aria-pressed": this.pressed !== undefined ? String(this.pressed) : undefined, class: className, disabled: this.interactive ? this.disabled : undefined, onClick: this.chipClick.emit, type: this.interactive ? "button" : undefined }, h("span", { key: '52e34a130429ddbb3319f92078a51d70008537d2', class: "chip__inner" }, showAvatar && (h("span", { key: 'dbbb8e6505680352cef3d6934e110360cdc85ae9', class: "chip__avatar" }, h("slot", { key: '5b4f0a2447a77f24da8e07b9c6eaf0db3abe1323', name: "avatar" }))), showIcon && (h("span", { key: 'ae0312ea633f101bd7f5a5e6db2306d71845389a', class: "chip__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: '8e4998fc2a027a568df8f40b8ed156cf7a9cd02c', class: "chip__label" }, this.label), this.trailingIcon && (h("span", { key: '7610d8178c9835a6f7468134869327d692caf4da', class: "chip__trailing-icon", innerHTML: this.trailingIcon, ref: (el) => (this.trailingIconEl = el) })), showTrailingContent && (h("span", { key: '9013137e1f5110e762a1c154e443b055b0eaea35', class: "chip__trailing-content" }, h("slot", { key: '94d2375e36ddba20f55d3d6af37ffdc77b3343c4', name: "trailing-content" }))))), this.removable && (h("button", { key: '9841f5ed1ed4cdff460525623d7f6ebe3844e854', "aria-disabled": this.disabled ? "true" : undefined, "aria-label": this.removeButtonLabel, class: "chip__remove-button", disabled: this.disabled, onClick: this.removeChip.emit, type: "button" }, h("swirl-icon-close", { key: 'a25560a78b8c4a97d7c984987ed4f4f03eb63f1f', size: 20 })))));
     }
     static get is() { return "swirl-chip"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/swirl-color-input/swirl-color-input.js

@@ -54,11 +54,11 @@ export class SwirlColorInput {
         const className = classnames("color-input", {
             "color-input--inline": this.inline,
         });
-        return (h(Host, { key: '70609707548ea685762e228a6decf092b8529504' }, h("div", { key: '58fbebbbceafe27e17f7c98fc4ae9257c2a45495', class: className }, h("input", { key: '000fa1ef0f65b0d97fc108e6975c87469ac958e7', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "color-input__input", disabled: this.disabled, maxLength: 7, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, spellcheck: "false", type: "text", value: this.value, readonly: this.readonly }), h("swirl-popover-trigger", { key: '8896bf2f4af94932927ebfc1e9252fd278cdcf07', swirlPopover: this.pickerId }, h("button", { key: '00c99e96460bcfdbbca79fe968fa5d328b697bbb', disabled: this.readonly, "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
+        return (h(Host, { key: '2ee1b42158b3caeb6ab7b0c46192a327ae9a854e' }, h("div", { key: 'c14754cc9fe4d74fd40ec50cb796dd1b7688d823', class: className }, h("input", { key: '4d884de2795ed648a11cda4eaf08e03cf825e443', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "color-input__input", disabled: this.disabled, maxLength: 7, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, spellcheck: "false", type: "text", value: this.value, readonly: this.readonly }), h("swirl-popover-trigger", { key: '9d543f84f7831b48af0036fa0062ea98afdbfecf', swirlPopover: this.pickerId }, h("button", { key: 'fe0ffd3db789188beb2c5ca62bfcdd241a932721', disabled: this.readonly, "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
                 backgroundColor: this.disabled
                     ? "var(--s-border-subdued)"
                     : this.value,
-            }, type: "button" })), h("swirl-popover", { key: 'aef79289c5c2ad5d85ad1cc4249f08b011a1a6e4', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, h("swirl-box", { key: '328f80828841cb7e62281bb36fc1004bc41c2adb', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, h("hex-color-picker", { key: 'caef801b528e9d597abf6ffd5b366f07a8173bfd', color: this.value, ref: (el) => (this.picker = el) }))))));
+            }, type: "button" })), h("swirl-popover", { key: 'c9ac21281b927941dfe43851785c94ac48594c6b', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, h("swirl-box", { key: 'c888476cc56718853a644e2b722defa46babd920', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, h("hex-color-picker", { key: 'f5ee44a0661d3c8ae6d076a0817b76e8a646bd5a', color: this.value, ref: (el) => (this.picker = el) }))))));
     }
     static get is() { return "swirl-color-input"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/swirl-columns/swirl-columns.js

@@ -4,10 +4,10 @@ export class SwirlColumns {
         this.columns = "repeat(3, minmax(0, 1fr))";
     }
     render() {
-        return (h(Host, { key: '58dca0f53eb7169ebed52d040da35e407e939fba' }, h("div", { key: '2c0cb89f1f7029da7265531cfa38d2e49b76dd30', class: "columns", style: {
+        return (h(Host, { key: '9b63b86715fd2e4d6437f6e738c12803da8563d9' }, h("div", { key: '1d36519eb21f4bf2f8ee79cb44a0b07604ee7106', class: "columns", style: {
                 gridTemplateColumns: this.columns,
                 gap: `var(--s-space-${this.spacing})`,
-            } }, h("slot", { key: '3c2f0ed4c1d8a60e9e9079fe17986bbdf79468f9' }))));
+            } }, h("slot", { key: '8be8b8624dc7f663787f77907183bbb96277147b' }))));
     }
     static get is() { return "swirl-columns"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-console-layout/swirl-console-layout.js

@@ -158,11 +158,11 @@ export class SwirlConsoleLayout {
             "console-layout--main-scrolled-to-bottom": this.contentScrollState.scrolledToBottom,
             "console-layout--hide-content-header": this.hideContentHeader,
         });
-        return (h(Host, { key: '6848922cde9dfa1716ebd41f4c0c2f6817969400' }, h("div", { key: '8cf53833d2f9485df8ed411c214d6f39e3cdf30a', class: className, onClick: this.onClick, onKeyDown: this.onKeyDown }, h("header", { key: 'adcad06c750716bf5de25bba5f1c96c0c21ab249', "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (el) => (this.sidebarEl = el) }, h("div", { key: '08ca8a1bf9454bd1bb662ef6486cadb7e74398f0', class: "console-layout__header" }, h("div", { key: '5469465999f90650d2f00cd01b054dbd1128ab50', class: "console-layout__logo" }, h("svg", { key: 'a0811d0db3cf3e639c46cf1e872a16d27215e8c8', class: "console-layout__logo-mark", fill: "none", height: "26", viewBox: "0 0 301 460", width: "16", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '68c82bd30f9babcef401605ac4c18811ebc7bf81', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M2.52486 276.36C5.57709 289.149 11.02 301.094 18.2296 311.628L258.719 138.748C269.874 131.507 278.35 121.993 285.395 110.766C291.904 100.212 296.922 87.3014 298.875 74.6738C300.769 61.4277 300.809 48.353 297.757 35.5639C294.705 22.7748 289.262 10.8302 282.052 0.296051L41.5626 173.176C30.4077 180.417 21.9314 189.931 14.8867 201.158C8.37746 211.712 3.35926 224.623 1.40724 237.25C-0.544773 249.878 0.0338964 262.896 2.52486 276.36ZM80.3121 424.184C83.3644 436.973 88.8073 448.918 96.0169 459.452L229.113 363.743C240.268 356.502 248.744 346.988 255.789 335.761C262.298 325.207 267.317 312.296 269.269 299.668C271.164 286.422 271.203 273.348 268.151 260.559C265.099 247.769 259.656 235.825 252.446 225.291L119.35 320.999C108.195 328.24 99.7187 337.755 92.674 348.982C86.1647 359.535 81.1465 372.446 79.1945 385.074C77.2996 398.32 77.2599 411.395 80.3121 424.184Z", fill: "#2151F5" })), h("swirl-text", { key: '0937f837fe82f9f478d1ca44397c0cde95f61f56', class: "console-layout__logo-text", weight: "medium" }, this.logoText))), h("nav", { key: '7192cc5db38a09053874f5d206effec7a16a32ed', "aria-label": this.navigationLabel, class: "console-layout__navigation" }, h("slot", { key: 'dbe7e080ca1eca0eaff31a9c48c733f1076ca64c', name: "navigation" })), h("div", { key: 'b55b594c3f362e55b52a476ce7a1f1522bba82dd', class: "console-layout__user" }, h("slot", { key: 'f2cc0163b8ac8bd3f089ebfe27cc841e1b122f7f', name: "user" }))), h("main", { key: '3009a9715257a5d5ba0836f3540859b4d971a4e9', "aria-labelledby": Boolean(this.appName) ? "app-name" : undefined, class: "console-layout__main" }, h("header", { key: '0cf03538a1416e8ddf20ad925a5fe6c6f7734e4c', class: "console-layout__app-bar console-layout__app-bar--custom" }, h("slot", { key: 'c318f66a2eed9a6754283e94eeb397e10d1919b6', name: "app-bar", onSlotchange: this.updateCustomAppBarStatus })), h("header", { key: 'd27e604792ef0fd8e44799f3fb900cbecdd75bd1', class: "console-layout__app-bar" }, h("span", { key: 'aa506b3c58900d90ac5f5dba3dcbea1e1ed7d1c5', class: "console-layout__mobile-navigation-button" }, h("swirl-button", { key: '53fb047dca7a84f98944d8bc94948096b0acfccc', swirlAriaExpanded: String(this.sidebarActive), hideLabel: true, icon: this.sidebarActive
+        return (h(Host, { key: 'f92e62cd7a3aa3679a62cedc47003f9dc6afa138' }, h("div", { key: 'e64ead610749dbefebd1a48332e3e4ce9749a4ea', class: className, onClick: this.onClick, onKeyDown: this.onKeyDown }, h("header", { key: 'dee14aa96c8e3840343621d2cd2dc437285107f2', "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (el) => (this.sidebarEl = el) }, h("div", { key: '5c74ea43a8d073cfaa2426b1bdc2f3c301f7f53e', class: "console-layout__header" }, h("div", { key: '958cf209f0c70ba4654b9d216b15dd62aeb58fd1', class: "console-layout__logo" }, h("svg", { key: 'c9d36c86ad44e96365b6710426c4550d0c81d7a5', class: "console-layout__logo-mark", fill: "none", height: "26", viewBox: "0 0 301 460", width: "16", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'd3b4a3cbc7564ddd805d1ddfb1b34c449b1beec5', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M2.52486 276.36C5.57709 289.149 11.02 301.094 18.2296 311.628L258.719 138.748C269.874 131.507 278.35 121.993 285.395 110.766C291.904 100.212 296.922 87.3014 298.875 74.6738C300.769 61.4277 300.809 48.353 297.757 35.5639C294.705 22.7748 289.262 10.8302 282.052 0.296051L41.5626 173.176C30.4077 180.417 21.9314 189.931 14.8867 201.158C8.37746 211.712 3.35926 224.623 1.40724 237.25C-0.544773 249.878 0.0338964 262.896 2.52486 276.36ZM80.3121 424.184C83.3644 436.973 88.8073 448.918 96.0169 459.452L229.113 363.743C240.268 356.502 248.744 346.988 255.789 335.761C262.298 325.207 267.317 312.296 269.269 299.668C271.164 286.422 271.203 273.348 268.151 260.559C265.099 247.769 259.656 235.825 252.446 225.291L119.35 320.999C108.195 328.24 99.7187 337.755 92.674 348.982C86.1647 359.535 81.1465 372.446 79.1945 385.074C77.2996 398.32 77.2599 411.395 80.3121 424.184Z", fill: "#2151F5" })), h("swirl-text", { key: '97d5f351e6de465c059fc357fc012dae757b5678', class: "console-layout__logo-text", weight: "medium" }, this.logoText))), h("nav", { key: '3bb30959d7c34a28bce82aeffc1e1c0ab0799833', "aria-label": this.navigationLabel, class: "console-layout__navigation" }, h("slot", { key: '497faf890249299fd21075d766f344cdbd49f47d', name: "navigation" })), h("div", { key: '76e25959719dabb8e5c3b779d3eed5e7e286681b', class: "console-layout__user" }, h("slot", { key: 'eaabb2af9392992f184f547365fc2a74063d449f', name: "user" }))), h("main", { key: '5e242a75ab5e24ed535e45117238ceb56b7ba69d', "aria-labelledby": Boolean(this.appName) ? "app-name" : undefined, class: "console-layout__main" }, h("header", { key: 'f096010fa4cc6e2a1e8b57093fbace8ad99ee2fa', class: "console-layout__app-bar console-layout__app-bar--custom" }, h("slot", { key: '019e8471fcc2b4b83b3eca434851c833d506a9fe', name: "app-bar", onSlotchange: this.updateCustomAppBarStatus })), h("header", { key: '3ad1bdad10025933e5476ad172961cea33cf8bf2', class: "console-layout__app-bar" }, h("span", { key: '5d3769ea1ab077f8b536ea1382db4a98c4ad300c', class: "console-layout__mobile-navigation-button" }, h("swirl-button", { key: '08140f76ae70e54f7bf8bbbb3a30c3e4192a7661', swirlAriaExpanded: String(this.sidebarActive), hideLabel: true, icon: this.sidebarActive
                 ? "<swirl-icon-close></swirl-icon-close>"
                 : "<swirl-icon-menu></swirl-icon-menu>", label: this.sidebarActive
                 ? this.hideNavigationButtonLabel
-                : this.showNavigationButtonLabel, onClick: this.onMobileNavigationToggleClick })), h("div", { key: '87bdcd2afb6d2442edfccc63629429adb60827b1', class: "console-layout__app-name" }, this.appName && (h("swirl-heading", { key: 'ab205b556bba25d0303f4c019e3a03466fa25697', as: "h1", headingId: "app-name", level: 4, text: this.appName }))), this.showHelpButton && (h("swirl-button", { key: '4f2b818e0fec8103e80cd6230927e33e2ecffba1', class: "console-layout__help-button", hideLabel: true, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick }))), h("section", { key: '54bba94d993f8ce83c768b821743991ae27ba4d5', "aria-labelledby": "heading", class: "console-layout__content", onScroll: this.onMainScroll, ref: (el) => (this.contentEl = el) }, h("div", { key: '8600ee685d00c024e159261ac66c6ca3c5cfaf31', class: "console-layout__content-container" }, !this.hideContentHeader && (h("header", { key: '07ef9b90d5f793c2b6763286879625f8fd845df2', class: "console-layout__content-header", style: contentStyles }, this.showBackButton && (h("swirl-button", { key: 'e18c6b9ebc66dba1ba63bdde333ece8ed01e9b45', class: "console-layout__back-button", hideLabel: true, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backButonLabel, onClick: this.onBackButtonClick })), Boolean(this.heading) && (h("div", { key: '41b00ee62169b50e37b5754c5464aa9a8b63631a', class: "console-layout__heading-container" }, h("swirl-heading", { key: '71067ed971781005e89ec9bfc64e0d24dacec900', as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && (h("swirl-text", { key: 'dcd6ae2eb3885bc3784a340302a04562878d653a', class: "console-layout__subheading", color: "subdued" }, this.subheading)))), !Boolean(this.heading) && (h("div", { key: '10c547a587f02eba66ffcd81755c14df52e8578c', class: "console-layout__heading-container" }, h("slot", { key: '3bb324e228c50a653407b5c50abfc1c45d9455f6', name: "heading" }))), h("div", { key: '779c27a365c3d5ef0578e0893b50b62493c6d84f', class: "console-layout__content-header-tools" }, h("slot", { key: 'b578bd3d99e54fcac63c8c3e2c80736b019b9c9f', name: "content-header-tools" })))), h("div", { key: '1bb161cd962444af20ffa4caf9de1b9aae721274', class: "console-layout__integration", style: contentStyles }, h("slot", { key: '31e3c9cdd82a1d40ee5209ed6ba9f5014b0a1841', name: "content" })))), h("footer", { key: 'ed85f473640f281860989f468fd43597e929651a', class: "console-layout__footer" }, h("slot", { key: '468b1d1c5d644bb8e5fd858c22badbcf982619d9', name: "footer", onSlotchange: this.updateFooterStatus })), h("div", { key: '3f8c83797badcc807085d0ae600db4b793a8da1c', class: "console-layout__overlays" }, h("slot", { key: '87cadb26a9ff31d86dba3f8ecef5fd0d9fbe7680', name: "overlays" }))))));
+                : this.showNavigationButtonLabel, onClick: this.onMobileNavigationToggleClick })), h("div", { key: 'dd72e2beb8ee2bfc87896eb53a0ece44abb6e411', class: "console-layout__app-name" }, this.appName && (h("swirl-heading", { key: '5fa6495f2bc592ed2e2b7d2bb3659ca1f0ecfe38', as: "h1", headingId: "app-name", level: 4, text: this.appName }))), this.showHelpButton && (h("swirl-button", { key: 'ee75f146bdf639b93e02561853eb391dc58d8142', class: "console-layout__help-button", hideLabel: true, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick }))), h("section", { key: 'fa54f51cc8e703663a11fcd7027df84dc9ea57d8', "aria-labelledby": "heading", class: "console-layout__content", onScroll: this.onMainScroll, ref: (el) => (this.contentEl = el) }, h("div", { key: '4505b706577728b794d5c370c0d627f14db72742', class: "console-layout__content-container" }, !this.hideContentHeader && (h("header", { key: '9d7d64cf621cf713bd8c10abb3545791226deec2', class: "console-layout__content-header", style: contentStyles }, this.showBackButton && (h("swirl-button", { key: 'f170dd5a4d0292842a42df782f84491fbfa16446', class: "console-layout__back-button", hideLabel: true, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backButonLabel, onClick: this.onBackButtonClick })), Boolean(this.heading) && (h("div", { key: '9ce1c29868fc24915b1d7060fdc30ad4e2726802', class: "console-layout__heading-container" }, h("swirl-heading", { key: '33d2473e87cdb94998783ba1337ea92ee34ac5b0', as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && (h("swirl-text", { key: 'e3071a03d28e05550385fa6b5101d2c98e11a405', class: "console-layout__subheading", color: "subdued" }, this.subheading)))), !Boolean(this.heading) && (h("div", { key: '62a31138ed664b4900030150e1d1959e470c1a17', class: "console-layout__heading-container" }, h("slot", { key: '6f1de516692eeb2922a2e18784bc8c74e5416b1d', name: "heading" }))), h("div", { key: '02fdc97524fee6a75524ef9eb095a59cff238cc7', class: "console-layout__content-header-tools" }, h("slot", { key: '159bbfad00487ee173dc708e5047e603986318f9', name: "content-header-tools" })))), h("div", { key: '2fce6c367d3815e7482e63836900ae4793dca055', class: "console-layout__integration", style: contentStyles }, h("slot", { key: '6d962aff82cf2b1276650e3eb5b9fba06994f1dc', name: "content" })))), h("footer", { key: 'da76594d20b410746a70960c1abc83eff0a38f59', class: "console-layout__footer" }, h("slot", { key: 'c07940b404f20db835967d6fa2355d9ae9c035f1', name: "footer", onSlotchange: this.updateFooterStatus })), h("div", { key: '39e32ef1a08100b9f15bede9180accaa884de3ee', class: "console-layout__overlays" }, h("slot", { key: '78d8abf993064df290ce2890ea200e246c599b0e', name: "overlays" }))))));
     }
     static get is() { return "swirl-console-layout"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-data-cell/swirl-data-cell.js

@@ -53,14 +53,14 @@ export class SwirlDataCell {
         const contentRole = hasCheckbox || hasRadio ? "button" : undefined;
         const wrapperRole = isInDataCellStack && !contentRole ? "group" : contentRole;
         const Tag = Boolean(this.href) ? "a" : this.interactive ? "button" : "div";
-        const labelContent = (h("swirl-stack", { key: '02d9b33111b38a7e01c215ab22316e4702273d2f', orientation: "horizontal", align: "center", spacing: "4" }, h("span", { key: '7c214d31b78bc9ed73bef749144fb090845be335', class: "data-cell__label", id: labelId, role: isInteractive ? undefined : "term" }, this.label), this.tooltip && (h("swirl-tooltip", { key: '5507dcf689141cf6492a0e0ebbac7f6d30bb9571', class: "data-cell__tooltip", content: this.tooltip, position: "right" }, h("swirl-icon-info", { key: 'ffd009f55337721081dd67811178625da5296395', size: 16, tabIndex: 0 })))));
-        return (h(Host, { key: '3938b80ef59b8499ca122057cb2a601215fe63ca', role: hostRole }, h(Tag, { key: 'd5e938b1e20cbd8ae35b3010e69655f04f31c4b3', class: className, href: this.href, onClick: hasCheckbox || hasRadio ? this.handleClick : undefined, part: "data-cell", rel: Boolean(this.href) && this.linkTarget === "_blank"
+        const labelContent = (h("swirl-stack", { key: '7ad34827a5205354e48fb8d44d7e663af0b3e0ee', orientation: "horizontal", align: "center", spacing: "4" }, h("span", { key: '0696ff836e826503297a2fbed0b49743974d9b70', class: "data-cell__label", id: labelId, role: isInteractive ? undefined : "term" }, this.label), this.tooltip && (h("swirl-tooltip", { key: '1c087f7fff440350a732b4a83db4852d835cc5a5', class: "data-cell__tooltip", content: this.tooltip, position: "right" }, h("swirl-icon-info", { key: '4e49fc8cc8963e6137065226943e1aab5f96a967', size: 16, tabIndex: 0 })))));
+        return (h(Host, { key: 'd8741151fcb58555a5c6b9d6354894aa2f600141', role: hostRole }, h(Tag, { key: '1c2177d376e5793c320b095d69597922d0b1e525', class: className, href: this.href, onClick: hasCheckbox || hasRadio ? this.handleClick : undefined, part: "data-cell", rel: Boolean(this.href) && this.linkTarget === "_blank"
                 ? "noreferrer"
                 : undefined, role: isInteractive ? undefined : wrapperRole, tabIndex: isInteractive ? undefined : hasCheckbox || hasRadio ? 0 : undefined, target: this.linkTarget, type: Boolean(this.href)
                 ? undefined
                 : this.interactive
                     ? "button"
-                    : undefined }, hasMedia && (h("div", { key: '11698c07d07a15d3e1402d5e7f06549ce12fec19', class: "data-cell__media", "aria-hidden": "true" }, h("slot", { key: '6c98bbb53fae7915300beafb9dbecc35aff6287c', name: "media" }))), h("div", { key: '9370d31ac4d2d23dc0f40bb3ece90a608e182b83', class: "data-cell__content" }, hasLabel && (h("div", { key: 'a5ce98e4af9f182a159e15ca5b967a506f5771e3', class: "data-cell__label-wrapper" }, labelContent)), (hasContent || this.value || hasSuffix) && (h("div", { key: '2360d1c1af966919370d00c44217314b7d91eece', class: "data-cell__value-wrapper", role: isInteractive ? undefined : "definition", "aria-labelledby": hasLabel && !isInteractive ? labelId : undefined, id: valueId }, hasContent ? (h("div", { class: "data-cell__input" }, h("slot", { name: "content" }))) : (this.value && h("div", { class: "data-cell__value" }, this.value))))), hasSuffix && (h("div", { key: '85482b447cb0d16b3c738a78f943ae8fd26281d8', class: "data-cell__suffix" }, h("slot", { key: '0568683b289f22aed8aa6e0fc621c36d50b4d177', name: "suffix" }))))));
+                    : undefined }, hasMedia && (h("div", { key: 'f932281ccdd6ffb3ad45ea30ad83022363076348', class: "data-cell__media", "aria-hidden": "true" }, h("slot", { key: '10b1c89bb462221340420a62a9b63d83473e662d', name: "media" }))), h("div", { key: '420ba1b98a7e34313dfea6f776ce3e063b3d05f3', class: "data-cell__content" }, hasLabel && (h("div", { key: '3851e943afe689d83cd4b2bd7df09f53396f96cd', class: "data-cell__label-wrapper" }, labelContent)), (hasContent || this.value || hasSuffix) && (h("div", { key: '9c388cc161f3a4699925c740fd3f5e5f4c25b34d', class: "data-cell__value-wrapper", role: isInteractive ? undefined : "definition", "aria-labelledby": hasLabel && !isInteractive ? labelId : undefined, id: valueId }, hasContent ? (h("div", { class: "data-cell__input" }, h("slot", { name: "content" }))) : (this.value && h("div", { class: "data-cell__value" }, this.value))))), hasSuffix && (h("div", { key: 'bca5294b382bd87d2ce41520fea8bc9f16f08d95', class: "data-cell__suffix" }, h("slot", { key: '28f983b93caaea5da5c8b26cf1c7ac8e88a87bc1', name: "suffix" }))))));
     }
     static get is() { return "swirl-data-cell"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-data-cell-stack/swirl-data-cell-stack.js

@@ -27,7 +27,7 @@ export class SwirlDataCellStack {
         const descriptionId = this.description
             ? `${this.headerId}-description`
             : undefined;
-        return (h(Host, { key: '670fbb59c699865583b950a58c620b1f239aa992' }, h("div", { key: 'af07d2b1f44d104f4353344efc1c3751336e19fd', class: className, part: "data-cell-stack", role: "group" }, (showLabel || this.description || hasCta) && (h("header", { key: '9a70c3a2b2ab84015e20b9ba1d403366d506b196', class: "data-cell-stack__header", id: this.headerId }, h("div", { key: '2fd51c9fea60b899550e8c81a7713ab670f0bc85', class: "data-cell-stack__header-content" }, showLabel && (h("h3", { key: 'ca34247fb200698b307ed63bf3320ce614407489', class: "data-cell-stack__label", id: labelId }, this.label)), this.description && (h("p", { key: '008bdbd5dcf03a10bf5dbedf049aed4040533213', class: "data-cell-stack__description", id: descriptionId }, this.description))), hasCta && (h("div", { key: '4a717454049bc64bd55b5f3d9164b97b29e91709', class: "data-cell-stack__cta" }, h("slot", { key: 'a32f796e685712382d3c5038d8da1f60824aef51', name: "cta" }))))), h("div", { key: '32c2167942e103ff24c0b32b3043763fa738e055', class: "data-cell-stack__cells", role: "list", "aria-labelledby": labelId || undefined, "aria-describedby": descriptionId || undefined }, h("slot", { key: 'ab839d643c79152fe79921d6ac0fd79ccfc693cb', onSlotchange: this.onSlotChange })))));
+        return (h(Host, { key: '042c83c6f2fcbb76810f082487dba327f3cc8309' }, h("div", { key: '07eb0ed861d3051dcffcbaa830ec07e46b1fd624', class: className, part: "data-cell-stack", role: "group" }, (showLabel || this.description || hasCta) && (h("header", { key: 'e664e0c1db6346a7b7680f4b5fa1354ec27af519', class: "data-cell-stack__header", id: this.headerId }, h("div", { key: '6e4e5b99e5cfb6a98375bd6b19cdf8c60ccbe223', class: "data-cell-stack__header-content" }, showLabel && (h("h3", { key: '092b8ac7525b5edf5d0938bd8c8ddb8fe9ef9e1b', class: "data-cell-stack__label", id: labelId }, this.label)), this.description && (h("p", { key: 'abc7d688fadb1248b4c0fabb57f83b004fe0091d', class: "data-cell-stack__description", id: descriptionId }, this.description))), hasCta && (h("div", { key: '5868eff8aa04cd733d7c7d6d029585075739607a', class: "data-cell-stack__cta" }, h("slot", { key: '4b872cac524edaa3ef7fc102554190006fe31a5c', name: "cta" }))))), h("div", { key: '88bba53868d016ee19a79e75dbd3dab4fd6e87c1', class: "data-cell-stack__cells", role: "list", "aria-labelledby": labelId || undefined, "aria-describedby": descriptionId || undefined }, h("slot", { key: '8a7b45a1bb3b648d8fd1848ade56c0c56b5485de', onSlotchange: this.onSlotChange })))));
     }
     static get is() { return "swirl-data-cell-stack"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-date-input/swirl-date-input.js

@@ -218,7 +218,7 @@ export class SwirlDateInput {
         const className = classnames("date-input", {
             "date-input--inline": this.inline,
         });
-        return (h(Host, { key: 'da068b51e091af3568aae56c4edc062a02250a0c' }, h("div", { key: '2b3e85d7c41297c5c16fcd7da3911918709bb88b', class: className }, h("input", { key: '7988a33053e6126b4e2c2db07ecd35154b5dc118', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "date-input__input", disabled: this.disabled, readonly: this.isInPickOnlyMode || this.readonly, id: this.id, inputmode: "numeric", onClick: this.onClick, onMouseDown: this.onMouseDown, onFocus: this.onFocus, onBlur: this.onBlur, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text" }), !this.readonly && (h("swirl-popover-trigger", { key: '598635c0a78132ff023c7269ef1a1d0fb3a5598e', swirlPopover: `popover-${this.id}` }, h("button", { key: 'c48e10b5e9a3f38129eab24773e95b54488b9567', "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, h("swirl-icon-today", { key: '3e4fdb17f2c2a8d601773ceddc38fd83ec22032a', size: this.iconSize }))))), !(this.disabled || this.readonly) && (h("swirl-popover", { key: 'ed5f0026cf1efc75b48994a83736e23b93c75527', animation: "scale-in-y", class: "date-input__date-picker-popover", id: `popover-${this.id}`, label: this.datePickerLabel, placement: "bottom-end", ref: (el) => (this.pickerPopover = el) }, h("swirl-date-picker", { key: 'd49902ee534677e0ce8f7bf3925d574a702c81e9', disableDate: this.datePickerDisableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onValueChange: this.onPickDate, value: dateValue, startDate: dateValue })))));
+        return (h(Host, { key: '3d227b767aebb1422ce118c3518e7d9b981d4cdf' }, h("div", { key: '519ba3868d61325645f56c573cc8b0b414bc97e2', class: className }, h("input", { key: '2e3f60ee0e301d92b917427d637c2d621e2a1941', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "date-input__input", disabled: this.disabled, readonly: this.isInPickOnlyMode || this.readonly, id: this.id, inputmode: "numeric", onClick: this.onClick, onMouseDown: this.onMouseDown, onFocus: this.onFocus, onBlur: this.onBlur, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text" }), !this.readonly && (h("swirl-popover-trigger", { key: '512ddd1e2f76b31e2a169e4eaef0c14e52720814', swirlPopover: `popover-${this.id}` }, h("button", { key: '50d6ee4160a5665ed7ce056a106eef6cc1238dec', "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, h("swirl-icon-today", { key: '21663e5a562c6b70407422f9860cc707d6da81f8', size: this.iconSize }))))), !(this.disabled || this.readonly) && (h("swirl-popover", { key: '5c321be0f59ac88fc13cbd504123268f1d0c6282', animation: "scale-in-y", class: "date-input__date-picker-popover", id: `popover-${this.id}`, label: this.datePickerLabel, placement: "bottom-end", ref: (el) => (this.pickerPopover = el) }, h("swirl-date-picker", { key: 'af484f88ccba283e5c3f2934b947686b984434bc', disableDate: this.datePickerDisableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onValueChange: this.onPickDate, value: dateValue, startDate: dateValue })))));
     }
     static get is() { return "swirl-date-input"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/swirl-date-picker/swirl-date-picker.js

@@ -39,7 +39,7 @@ export class SwirlDatePicker {
             "date-picker--fixed-max-width": this.fixedMaxWidth,
             "date-picker--fixed-aspect-ratio": this.fixedAspectRatio,
         });
-        return (h(Host, { key: '4fa839728e8f1faf9de603fc039ab84050673982', onClick: this.onClick }, h("wc-datepicker", { key: '5495717dd6176ba76e599be997b35194056bc707', class: className, elementClassName: "date-picker", disableDate: this.disableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onSelectDate: this.onSelectDate, range: this.range, startDate: startDate, value: this.value })));
+        return (h(Host, { key: 'b5427fbe372af8ca42124c874a4e44b775441af0', onClick: this.onClick }, h("wc-datepicker", { key: '569e169295ddd23b4a2a06d3a19ad5e7f1e484fa', class: className, elementClassName: "date-picker", disableDate: this.disableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onSelectDate: this.onSelectDate, range: this.range, startDate: startDate, value: this.value })));
     }
     static get is() { return "swirl-date-picker"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-description-list/swirl-description-list.js

@@ -4,7 +4,7 @@ import { h, Host } from "@stencil/core";
  */
 export class SwirlDescriptionList {
     render() {
-        return (h(Host, { key: 'f73f7d135974ca70c52cbc6ec623aa61bb67a96a' }, h("div", { key: '3f55113d6ae5506ed9e3122cb80107ed6771fe0d', class: "description-list", role: "list" }, h("slot", { key: '80b4b4b012683b30b83658956ffadc2a3b5ed823' }))));
+        return (h(Host, { key: '27f96e367e26b9c1c7c49bdf5aff9fed5364a437' }, h("div", { key: 'cec090b1ff65545a24796932791803aa91d18d8c', class: "description-list", role: "list" }, h("slot", { key: 'f7da0815863fdcdc75a152f7e5f14ccf0337ab46' }))));
     }
     static get is() { return "swirl-description-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-description-list-item/swirl-description-list-item.js

@@ -17,7 +17,7 @@ export class SwirlDescriptionListItem {
             "description-list-item--has-additional-content": hasAdditionalContent,
             "description-list-item--has-tools": hasTools,
         });
-        return (h(Host, { key: 'e2dae4c05e0d737b33bb690f9571b01bc5724c40', role: "listitem" }, h("div", { key: 'f4bc749476eefba93aebb6873040cb2035c7f9c6', class: className, part: "description-list-item", role: "group" }, h("div", { key: '557d6ce9b7b0d87dad52dbf40ffbd21056ba89c0', class: "description-list-item__inner" }, h("div", { key: '11b529cd14f9f936ab769ce8e8406dacfd442a1d', class: "description-list-item__text-container" }, h("div", { key: '4b15cc2f7f392d7b5c8deea5e402f666bca7ba3f', class: "description-list-item__term", part: "description-list-item__term", role: "term" }, this.term, this.tooltip && (h("span", { key: 'edf2abe8f8bb3665c757526cb92d26dc7c24adc8', class: "description-list-item__tooltip" }, h("swirl-tooltip", { key: 'fa412c817afbc14dd360712900af8b1397459e2a', content: this.tooltip, position: "right" }, h("swirl-icon-info", { key: 'e2dd532cdc0f782a604a0dfb470bdcde8579b845', size: 16, tabIndex: 0 }))))), h("div", { key: '1c2bbf097b840f96a1c44b298f8070179c990d96', style: { maxWidth: this.maxWidth }, class: "description-list-item__description", role: "definition" }, h("slot", { key: '9728aa72db29eda46aaa41b692ce03f6d4ea2712' }))), h("div", { key: '6fb83ccee5fc2691322342ed7db68f87ee5f0590', class: "description-list-item__tools" }, h("slot", { key: '8f4b079d7015dacd65688af622c62fb9fecadb93', name: "tools" }))), h("div", { key: 'bf8c2e6b9968d219ebba159e541dd00587e951ea', class: "description-list-item__additional-content" }, h("slot", { key: '4a1abd184c498cb1e49f2012c94e9422793f4065', name: "additional-content" })))));
+        return (h(Host, { key: '4970a43d2827011defa2b0ed17beb4dc41336a36', role: "listitem" }, h("div", { key: '69515ab209d3dbc60f9a52941d72461e9649b9ae', class: className, part: "description-list-item", role: "group" }, h("div", { key: '2428ae9fbc5304c3a271978b2e298206da66d34e', class: "description-list-item__inner" }, h("div", { key: '16b05061df5a03c5b79bee249261b67804e98510', class: "description-list-item__text-container" }, h("div", { key: '71f2b6deffd96329854b435ea65296bb70865b73', class: "description-list-item__term", part: "description-list-item__term", role: "term" }, this.term, this.tooltip && (h("span", { key: 'c3d0d10992c81e7f0ce86e4b7450aa4f1ce0c146', class: "description-list-item__tooltip" }, h("swirl-tooltip", { key: '5811c5cae4ac3fd526b3251fc7552181fd810406', content: this.tooltip, position: "right" }, h("swirl-icon-info", { key: 'e191dd42aecc953df63147506e758d8fbadc1504', size: 16, tabIndex: 0 }))))), h("div", { key: '3bb5afa6d9fa5c09ac8f2334116bd2876badf3c0', style: { maxWidth: this.maxWidth }, class: "description-list-item__description", role: "definition" }, h("slot", { key: 'b2be6dba464bae5ce68ce1e9825bf78663fdb088' }))), h("div", { key: 'b43577ab09d34cd6141882e50de9121527d44692', class: "description-list-item__tools" }, h("slot", { key: 'e7cb271bdc981848fb5971464223434ac31b6c77', name: "tools" }))), h("div", { key: '1020ad2c7c9193f0f4027fde73db8f91efc5b197', class: "description-list-item__additional-content" }, h("slot", { key: 'f90ae53857c804bef1a326ada27a01423c696e77', name: "additional-content" })))));
     }
     static get is() { return "swirl-description-list-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-dialog/swirl-dialog.js

@@ -121,9 +121,9 @@ export class SwirlDialog {
         const hasLeftControls = Boolean(this.el.querySelector('[slot="left-controls"]'));
         const hasSecondaryAction = Boolean(this.secondaryActionLabel);
         const hasPrimaryAction = Boolean(this.primaryActionLabel);
-        return (h(Host, { key: '46ecd7ba8a63b90954e3d30219141ffe72cda366' }, h("dialog", { key: '75ba8a4d55cf342b1979cb2a35db3dd4ecae8c05', "aria-describedby": "content", "aria-labelledby": this.hideLabel ? undefined : "label", "aria-label": this.hideLabel ? this.label : undefined, class: className, onClose: this.onClose, onKeyDown: this.onKeyDown, onToggle: this.onToggle, role: "alertdialog", ref: (el) => (this.dialogEl = el) }, h("div", { key: 'da662c46fc3b6909d1b45dec40f6c6b02d3a5432', class: "dialog__backdrop", onClick: this.onBackdropClick }), h("div", { key: 'be81d70f3a7ad70ec86e63d50f54bec7df48b020', class: "dialog__body", part: "dialog__body", role: "document" }, h("div", { key: 'ccb6ccc7d9c90d2d34b7802524017e89b96ab3c9', class: "dialog__scroll-container", part: "dialog__scroll-container" }, !this.hideLabel && (h("h2", { key: '331fe79b0998e6d1986417438eab8356977796de', class: "dialog__heading", part: "dialog__heading", id: "label" }, this.label)), h("div", { key: '468905afe6decce42e8992b7cac3613917962af5', class: "dialog__content", part: "dialog__content", id: "content" }, h("slot", { key: '8ec984a1fb6a5d332713ae7a9760a924db849f59' })), h("div", { key: '0f79b849d165cfd0f13e14fc7051f8c33fecadb6', class: "dialog__controls" }, hasLeftControls && (h("div", { key: 'c219cbbcc7b063189690dc3f06553bab7d8a8287', class: "dialog__left_controls" }, h("slot", { key: 'c08a9d3bbc93aea9d4b4bb1918da82fbdba5c223', name: "left-controls" }))), (hasSecondaryAction || hasPrimaryAction) && (h("swirl-button-group", { key: '46992e1b75a711ea841650d7751e1fe696860002', class: classnames("dialog__actions", {
+        return (h(Host, { key: '49f4268c86f6a0e64e53bda83b8eabd1be67b318' }, h("dialog", { key: '0c625a92b63faa7666c9fba8022c54fbd8619764', "aria-describedby": "content", "aria-labelledby": this.hideLabel ? undefined : "label", "aria-label": this.hideLabel ? this.label : undefined, class: className, onClose: this.onClose, onKeyDown: this.onKeyDown, onToggle: this.onToggle, role: "alertdialog", ref: (el) => (this.dialogEl = el) }, h("div", { key: 'd89168bfc476499e217906103ad858fb3ad72b9a', class: "dialog__backdrop", onClick: this.onBackdropClick }), h("div", { key: '6d5210c0b28bce61696e5a5d62e2e0ee412aae60', class: "dialog__body", part: "dialog__body", role: "document" }, h("div", { key: '4a808d5e65edb0462e6f535e37c090b67466990a', class: "dialog__scroll-container", part: "dialog__scroll-container" }, !this.hideLabel && (h("h2", { key: 'dc980ff50e033821ca640f530a4f5f41d099aebb', class: "dialog__heading", part: "dialog__heading", id: "label" }, this.label)), h("div", { key: '2f01bc9d9c990cfe7d699c29259e18c35e6a0732', class: "dialog__content", part: "dialog__content", id: "content" }, h("slot", { key: 'b412300b63a1fa8239b6634af5dfdf56f0419dba' })), h("div", { key: '7ffe888c29ce89966887a37f0d38d461f992ed4b', class: "dialog__controls" }, hasLeftControls && (h("div", { key: '10468e1cf691882673a9a8235bc2553061c3a553', class: "dialog__left_controls" }, h("slot", { key: 'eaaf7f01088ea3736fb156609f8732d84482ac10', name: "left-controls" }))), (hasSecondaryAction || hasPrimaryAction) && (h("swirl-button-group", { key: '559070cb9aeae71ad1807500d70b2ae7e52b81a6', class: classnames("dialog__actions", {
                 "dialog__actions--vertical": this.actionsOrientation === "vertical",
-            }), orientation: this.actionsOrientation, stretch: this.actionsOrientation === "vertical" }, hasSecondaryAction && (h("swirl-button", { key: 'e49c5a3414d01d9ab7c07b309e69121c17c8d1c5', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), hasPrimaryAction && (h("swirl-button", { key: '00132e15409fdaf3e2b45a613d250ae3751b2348', intent: this.intent, label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))))))));
+            }), orientation: this.actionsOrientation, stretch: this.actionsOrientation === "vertical" }, hasSecondaryAction && (h("swirl-button", { key: 'c8fe8d0430a3e20bb373ab35c7b4aa4ea7edd1d0', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), hasPrimaryAction && (h("swirl-button", { key: 'd693d3acf36f4526bc61ce86802c6877112aa8fc', intent: this.intent, label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))))))));
     }
     static get is() { return "swirl-dialog"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-emoji/emojis/swirl-emoji-clap.js

@@ -8,7 +8,7 @@ export class SwirlEmojiClap {
     }
     render() {
         const className = classnames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: '1d0863ea22c3d66bb231797ad2ff68c7a9500f49' }, this.size === 12 && (h("img", { key: '32fd806fdb0206c37ea6b95c960942b597d61c77', alt: this.label, class: className, height: "12", src: "emojis/Clap12.png", width: "12" })), this.size === 16 && (h("img", { key: '0df21795e3fc6a86350afabc747511de612c01b8', alt: this.label, class: className, height: "16", src: "emojis/Clap16.png", width: "16" })), this.size === 20 && (h("img", { key: '5b9ef8fcc048437978ca6698af848496678b10cf', alt: this.label, class: className, height: "20", src: "emojis/Clap20.png", width: "20" })), this.size === 24 && (h("img", { key: 'bc87fe134003bee65a2ea2f6d22a7bf7b3504405', alt: this.label, class: className, height: "24", src: "emojis/Clap24.png", width: "24" })), this.size === 32 && (h("img", { key: '2b7f4e39e59b8adeeb29a388e4225f7e06ad6e55', alt: this.label, class: className, height: "32", src: "emojis/Clap32.png", width: "32" }))));
+        return (h(Fragment, { key: '82b2eef62f607b251bfde697b77ca65e2593c045' }, this.size === 12 && (h("img", { key: '8c8ca9e7f5fba4cf20dc63ba831ac9ef14f8c4b5', alt: this.label, class: className, height: "12", src: "emojis/Clap12.png", width: "12" })), this.size === 16 && (h("img", { key: 'd24d8776e4342938d5ecd259e6e8dd98e832fcac', alt: this.label, class: className, height: "16", src: "emojis/Clap16.png", width: "16" })), this.size === 20 && (h("img", { key: '0560ae0f4387a0c1218dfc2783fd0e36c43dc1e4', alt: this.label, class: className, height: "20", src: "emojis/Clap20.png", width: "20" })), this.size === 24 && (h("img", { key: '33260a367f4873fa3dd193b25a74ca67f72007a7', alt: this.label, class: className, height: "24", src: "emojis/Clap24.png", width: "24" })), this.size === 32 && (h("img", { key: '80a803469c527ee2a9f478dfe0e79ee762a98fdd', alt: this.label, class: className, height: "32", src: "emojis/Clap32.png", width: "32" }))));
     }
     static get is() { return "swirl-emoji-clap"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-emoji/emojis/swirl-emoji-happy.js

@@ -8,7 +8,7 @@ export class SwirlEmojiHappy {
     }
     render() {
         const className = classnames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: '9f75ca61dfdf2c8edfbec80a37c4dcf6e7ebcd4c' }, this.size === 12 && (h("img", { key: '2e63217f2ff389e3f0c1a519dbcd3606a841a7fa', alt: this.label, class: className, height: "12", src: "emojis/Happy12.png", width: "12" })), this.size === 16 && (h("img", { key: '3b9ed0726917c1f4dccb906f14955216eb3500bf', alt: this.label, class: className, height: "16", src: "emojis/Happy16.png", width: "16" })), this.size === 20 && (h("img", { key: 'd6bd535cde6778d0c7d415e370e89e3c9bb8cfef', alt: this.label, class: className, height: "20", src: "emojis/Happy20.png", width: "20" })), this.size === 24 && (h("img", { key: '54fcec7c811a72587acb068274a54e8bf78cc2f6', alt: this.label, class: className, height: "24", src: "emojis/Happy24.png", width: "24" })), this.size === 32 && (h("img", { key: '50ea07d44d864bb7db1eec8f7d67505abd4eb62e', alt: this.label, class: className, height: "32", src: "emojis/Happy32.png", width: "32" }))));
+        return (h(Fragment, { key: 'b6ce3613d823b8ef086309e65ef47c433ad2a506' }, this.size === 12 && (h("img", { key: '1f27d4920d4485c2d32444fc9e9198c44d5ed098', alt: this.label, class: className, height: "12", src: "emojis/Happy12.png", width: "12" })), this.size === 16 && (h("img", { key: 'bb08f6ecc5ed936b967aad87960acd990f22a57c', alt: this.label, class: className, height: "16", src: "emojis/Happy16.png", width: "16" })), this.size === 20 && (h("img", { key: '4db438f7534285a6a9b36f457b6860f5ee5c9bf8', alt: this.label, class: className, height: "20", src: "emojis/Happy20.png", width: "20" })), this.size === 24 && (h("img", { key: '9f9d399ae59c083ee0e0f4fde2876305470e0fc8', alt: this.label, class: className, height: "24", src: "emojis/Happy24.png", width: "24" })), this.size === 32 && (h("img", { key: '86b6591f2514ad3ccd2cf14a779aae9b69002e47', alt: this.label, class: className, height: "32", src: "emojis/Happy32.png", width: "32" }))));
     }
     static get is() { return "swirl-emoji-happy"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-emoji/emojis/swirl-emoji-idea.js

@@ -8,7 +8,7 @@ export class SwirlEmojiIdea {
     }
     render() {
         const className = classnames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: '8ff3a1a940859658d88c26916d41064e2e92c8fd' }, this.size === 12 && (h("img", { key: 'ed4c692587f47600ce7a9b83abe60ff1fdbb6f54', alt: this.label, class: className, height: "12", src: "emojis/Idea12.png", width: "12" })), this.size === 16 && (h("img", { key: '7e23064fca619033830213f81af609ef30e59a3f', alt: this.label, class: className, height: "16", src: "emojis/Idea16.png", width: "16" })), this.size === 20 && (h("img", { key: '5a5e45004643bd5349755a54659da075a9f6c769', alt: this.label, class: className, height: "20", src: "emojis/Idea20.png", width: "20" })), this.size === 24 && (h("img", { key: '0b81a085a62b0ee6c2828d1fe7d68c6d96b8a513', alt: this.label, class: className, height: "24", src: "emojis/Idea24.png", width: "24" })), this.size === 32 && (h("img", { key: 'bcbd9d4a551608bca5537177e152b0d499e38b08', alt: this.label, class: className, height: "32", src: "emojis/Idea32.png", width: "32" }))));
+        return (h(Fragment, { key: 'e2dbffa6014e4e0c63cc9a2daf17de8eda622156' }, this.size === 12 && (h("img", { key: 'b658cd56901ebaf56fb0111aa5e1d4be73260c60', alt: this.label, class: className, height: "12", src: "emojis/Idea12.png", width: "12" })), this.size === 16 && (h("img", { key: 'fa47e1155c88b4ef6df1c0336bc9db6459bb6b5a', alt: this.label, class: className, height: "16", src: "emojis/Idea16.png", width: "16" })), this.size === 20 && (h("img", { key: '9a8457817455db4bced85a1276f23a026a12aaa7', alt: this.label, class: className, height: "20", src: "emojis/Idea20.png", width: "20" })), this.size === 24 && (h("img", { key: '65096936352a2fcb5a46f7b2e8936a93e543c793', alt: this.label, class: className, height: "24", src: "emojis/Idea24.png", width: "24" })), this.size === 32 && (h("img", { key: 'dc9eeca1d9e10329c15243c475b2e236eb69cd9d', alt: this.label, class: className, height: "32", src: "emojis/Idea32.png", width: "32" }))));
     }
     static get is() { return "swirl-emoji-idea"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-emoji/emojis/swirl-emoji-love.js

@@ -8,7 +8,7 @@ export class SwirlEmojiLove {
     }
     render() {
         const className = classnames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: 'bb363142a59a1532d697a2abc209fc2b981da47f' }, this.size === 12 && (h("img", { key: 'fa59c3735934acd1e62d6033b5e889b44136b1d1', alt: this.label, class: className, height: "12", src: "emojis/Love12.png", width: "12" })), this.size === 16 && (h("img", { key: '8346db5c4614907761b265fe09b5c1f8d29c5b66', alt: this.label, class: className, height: "16", src: "emojis/Love16.png", width: "16" })), this.size === 20 && (h("img", { key: 'abac33c577707bba50157eb99e1b291620d9cdaf', alt: this.label, class: className, height: "20", src: "emojis/Love20.png", width: "20" })), this.size === 24 && (h("img", { key: '62334497c1b5b479e034fe98d88314ac7da4f2f6', alt: this.label, class: className, height: "24", src: "emojis/Love24.png", width: "24" })), this.size === 32 && (h("img", { key: '8b37572d2531e0c0c0c0ce96d6a4c2df341c406f', alt: this.label, class: className, height: "32", src: "emojis/Love32.png", width: "32" }))));
+        return (h(Fragment, { key: '8edd66ddf76238c4bd6283c90d6b3e03c6b94c64' }, this.size === 12 && (h("img", { key: '4fba64b4e73a8166d17f52dadf1d3fd21cdd33c0', alt: this.label, class: className, height: "12", src: "emojis/Love12.png", width: "12" })), this.size === 16 && (h("img", { key: '0520a9179dcdb5f686c29cf14c4b58b62506c0b8', alt: this.label, class: className, height: "16", src: "emojis/Love16.png", width: "16" })), this.size === 20 && (h("img", { key: 'ad7503e5958921da0485e9a35200e7947381cbd8', alt: this.label, class: className, height: "20", src: "emojis/Love20.png", width: "20" })), this.size === 24 && (h("img", { key: 'eb999f262ef797f99c3e3e8d1f0e80873aedb6aa', alt: this.label, class: className, height: "24", src: "emojis/Love24.png", width: "24" })), this.size === 32 && (h("img", { key: 'd74be088a7d466c41d3e2903545a96146577ea05', alt: this.label, class: className, height: "32", src: "emojis/Love32.png", width: "32" }))));
     }
     static get is() { return "swirl-emoji-love"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-emoji/emojis/swirl-emoji-sad.js

@@ -8,7 +8,7 @@ export class SwirlEmojiSad {
     }
     render() {
         const className = classnames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: '3afe89930779fb551a168823880097d3268e28ea' }, this.size === 12 && (h("img", { key: 'c0fb1c26a5553bc6e17fde73c469e044b55ea6d7', alt: this.label, class: className, height: "12", src: "emojis/Sad12.png", width: "12" })), this.size === 16 && (h("img", { key: '26e3f29cb2297bca811ed4ddba1d4ed9a9d2d90f', alt: this.label, class: className, height: "16", src: "emojis/Sad16.png", width: "16" })), this.size === 20 && (h("img", { key: '1da090f51b3a372f3d8e679bc49f244eafd5449c', alt: this.label, class: className, height: "20", src: "emojis/Sad20.png", width: "20" })), this.size === 24 && (h("img", { key: 'cb5823e337455b34ec5055978db7f6729d0a6156', alt: this.label, class: className, height: "24", src: "emojis/Sad24.png", width: "24" })), this.size === 32 && (h("img", { key: '6d7f2e99464ab11dc8774293539d2b01264c4d20', alt: this.label, class: className, height: "32", src: "emojis/Sad32.png", width: "32" }))));
+        return (h(Fragment, { key: 'bab9726fc523da78b7777ebec6ca423b70770bfc' }, this.size === 12 && (h("img", { key: 'c8364e31c0bf76022f2a1eb370b4d97910fd9c61', alt: this.label, class: className, height: "12", src: "emojis/Sad12.png", width: "12" })), this.size === 16 && (h("img", { key: 'f86d89a9aa58646476a45637225418307ea41218', alt: this.label, class: className, height: "16", src: "emojis/Sad16.png", width: "16" })), this.size === 20 && (h("img", { key: 'de71a2c558060ad260b8e3d9f224c5f074900895', alt: this.label, class: className, height: "20", src: "emojis/Sad20.png", width: "20" })), this.size === 24 && (h("img", { key: '3f503c3807069104a173faae5639a9604058ca01', alt: this.label, class: className, height: "24", src: "emojis/Sad24.png", width: "24" })), this.size === 32 && (h("img", { key: 'bed0d308c5e108cec2f1f4c3dba5c2ae236c83f8', alt: this.label, class: className, height: "32", src: "emojis/Sad32.png", width: "32" }))));
     }
     static get is() { return "swirl-emoji-sad"; }
     static get encapsulation() { return "shadow"; }