@getflip/swirl-components 0.362.1 → 0.363.1

package/dist/cjs/swirl-tooltip.cjs.entry.js

@@ -113,7 +113,7 @@ const SwirlTooltip = class {
             "tooltip--active": this.active,
             "tooltip--visible": this.visible,
         });
-        return (index.h(index.Host, { key: '8e5af6b97fedc32ad2946dd6fc8db2773789fe46', onKeydown: this.onKeydown }, index.h("span", { key: '6d6dccd20b62964d5374c2b6264c059906970d0c', class: className }, index.h("span", { key: '3b5978941f38b7b674df8b397e1bdb74bd855987', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, index.h("slot", { key: 'd835f3287b63612d6c95cca238d6f5a1f5c4d891' })), index.h("span", { key: '22583a3cf9aca5415ac9663ee6ee16d5335b4b04', class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
+        return (index.h(index.Host, { key: '630dad69cbe9e51b71aefbff11767f4a389d8317', onKeydown: this.onKeydown }, index.h("span", { key: '8abcf9f2b6fa9aabc9db93157e67222e901b26f8', class: className }, index.h("span", { key: 'f97a65bc9a3e49a32fcf50014dc448ffa0a84987', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, index.h("slot", { key: '6b35f8010f4b230edfc65b931b987e8179e5cfcd' })), index.h("span", { key: 'e5cc5c810170615939b55906bf051d03abc46679', class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
                 top: Boolean(this.actualPosition)
                     ? `${this.actualPosition?.y}px`
                     : "",
@@ -121,7 +121,7 @@ const SwirlTooltip = class {
                     ? `${this.actualPosition?.x}px`
                     : "",
                 position: this.positioning,
-            } }, this.visible && (index.h("span", { key: 'b3c64d1399539b8b0be364dfad67707363897d42', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, index.h("span", { key: '81d353ccf0b3e9f2ec90b5d263137d9bd3e12614', class: "tooltip__content", innerHTML: this.content }))), index.h("span", { key: '12b94a8ae33bfc03198d9b3e1d4bac475c5717e0', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
+            } }, this.visible && (index.h("span", { key: '6af4f69c0dc1ace67a0beed2213dbc1aa815b039', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, index.h("span", { key: '92e3e917a121ee3955be6b3c95bea5779a380fa2', class: "tooltip__content", innerHTML: this.content }))), index.h("span", { key: '3245c6aa6710957669064ddf202767204125e8b1', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
                 ...this.arrowStyles,
                 visibility: this.visible ? "visible" : "hidden",
             } })))));

package/dist/cjs/swirl-tree-navigation-item.cjs.entry.js

@@ -90,12 +90,12 @@ const SwirlTreeNavigationItem = class {
             "tree-navigation-item__link--active": this.active,
             "tree-navigation-item__link--has-icon": Boolean(this.icon),
         });
-        return (index.h(index.Host, { key: 'b085106b250f9645b611332c36762557a4656063', role: "none" }, index.h("li", { key: '33bab63c0050d6e4220186439ebbeca6bc47c44e', class: {
+        return (index.h(index.Host, { key: '84da38e754c8f954f138164638dcb7b53a253a47', role: "none" }, index.h("li", { key: '2eef82c42ff8d968e84b18427434fa613fdd69af', class: {
                 "tree-navigation-item": true,
                 "tree-navigation-item--expanded": this.expanded,
-            }, role: "treeitem", "aria-expanded": this.hasChildren ? this.expanded : undefined, "aria-level": this.level }, index.h(Tag, { key: '64ef5afbfce6258029d63a4cb8be84b9c309549d', onClick: this.toggleExpanded, onKeyDown: this.onKeyDown, class: linkClassName, href: this.href, target: this.target, type: isLink ? undefined : "button", id: this.buttonId, "aria-current": this.active ? "page" : undefined, "aria-controls": this.hasChildren ? this.childrenId : undefined, "aria-expanded": this.hasChildren ? this.expanded : undefined }, index.h("span", { key: 'e4f590df4aab48b24b01753190941dc20f88fc18', class: "tree-navigation-item__content" }, this.icon && (index.h("swirl-icon", { key: '84c742ba9bfedccc08747e35cefbac0e4acbae98', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), index.h("span", { key: 'd90601b69bdc9c8d6c6fbfd4c01f14a85d02a8ed', class: "tree-navigation-item__label" }, index.h("span", { key: '64f2baca558f90f8c15e2c1ef6bad715e7bf76d6', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (index.h("span", { key: '6d94c90d47321c10cb2160d7c2708ff028c2da7c', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, index.h("swirl-icon-chevron-right", { key: '9698c5e375b9cc10e445cc4fb0968a3958f05717', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (index.h("span", { key: 'a38665026d251340a762b87ca8f5f29b245feb0a', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, index.h("swirl-icon-open-in-new", { key: '6a9c583f0f04d8a376ff8daae922d44fcaa3bbb1', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (index.h("ul", { key: 'b8490b980316685a5976b227231b764669e12b0f', class: "tree-navigation-item__children", id: this.childrenId, role: "group", "aria-label": `${this.label} submenu`, ref: (el) => (this.childrenRef = el), style: {
+            }, role: "treeitem", "aria-expanded": this.hasChildren ? this.expanded : undefined, "aria-level": this.level }, index.h(Tag, { key: '7663ac067553f5967a6d40e59c306f5a2a4ce5e3', onClick: this.toggleExpanded, onKeyDown: this.onKeyDown, class: linkClassName, href: this.href, target: this.target, type: isLink ? undefined : "button", id: this.buttonId, "aria-current": this.active ? "page" : undefined, "aria-controls": this.hasChildren ? this.childrenId : undefined, "aria-expanded": this.hasChildren ? this.expanded : undefined }, index.h("span", { key: 'dabb80b2ea51fc991d78c78f97b8f35f983a7e27', class: "tree-navigation-item__content" }, this.icon && (index.h("swirl-icon", { key: 'cf4443bc0f89c5ce23043cf1100b2b7a8ebb0f55', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), index.h("span", { key: '65518836650c31c6665af8c84a8d9ef0dd2b985d', class: "tree-navigation-item__label" }, index.h("span", { key: '71da15c28d7a79416c93ed2f8082dc65a44b4081', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (index.h("span", { key: 'c2e393c745eab6f1803db5cffc7c77a018d397e9', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, index.h("swirl-icon-chevron-right", { key: '7954eb4261d129f8b8dc2dc82a6a6ada08f1c23d', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (index.h("span", { key: 'ce65c8406379b7119eba0a848139eadd44e26059', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, index.h("swirl-icon-open-in-new", { key: '1938947ec7a4b9d3f8fd44dca542aad05b61ab72', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (index.h("ul", { key: '1db6286314594f640e00cf6b86024a76613053c0', class: "tree-navigation-item__children", id: this.childrenId, role: "group", "aria-label": `${this.label} submenu`, ref: (el) => (this.childrenRef = el), style: {
                 height: this.childrenHeight,
-            } }, index.h("slot", { key: 'a28c89acefacf1e93826fdd2530c1ef77cf4ea5a' }))))));
+            } }, index.h("slot", { key: '879c209603f09bc3f9d7630018d763173a089e8c' }))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/swirl-tree-navigation.cjs.entry.js

@@ -9,7 +9,7 @@ const SwirlTreeNavigation = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'e2cb7b8b74e1584e9e751b851ad471da3cef5479' }, index.h("ul", { key: '5d8c37e04e09a933ef7c806843d2e90a51ce232b', "aria-label": this.label, class: "tree-navigation", role: "tree" }, index.h("slot", { key: '027c7ca4b78f15838e5cee647a933e990f972d40' }))));
+        return (index.h(index.Host, { key: '05b7a03527d0da288ec5a086470e9523735311d3' }, index.h("ul", { key: '85810b1dd711d2f2e676db926cfcd2e7b785200f', "aria-label": this.label, class: "tree-navigation", role: "tree" }, index.h("slot", { key: '6313e61ecead5afc2e62b49c75f1323f416409a0' }))));
     }
 };
 SwirlTreeNavigation.style = swirlTreeNavigationCss;

package/dist/cjs/swirl-tree-view-item.cjs.entry.js

@@ -337,17 +337,17 @@ const SwirlTreeViewItem = class {
             "tree-view-item--disable-drag": this.disableDrag,
             "tree-view-item--has-tags": hasTags,
         });
-        return (index.h(index.Host, { key: '2260698557c19528b509b32ba9f32e6094a5dea4', id: this.itemId, role: semantics === "tree" ? "none" : "listitem" }, index.h(Tag, { key: 'd65d65a51d5885da05d8c26a4e1c0a9855cde55a', class: className, role: semantics === "tree" ? "none" : undefined }, index.h("a", { key: '9ce6c39f870ae6fda5aa607b0a65b64b53fdbdc9', "aria-current": this.active ? "page" : undefined, "aria-expanded": !hasChildren || semantics !== "tree"
+        return (index.h(index.Host, { key: 'c68c5a13aca8fa7fa733629279f11c1dc0528870', id: this.itemId, role: semantics === "tree" ? "none" : "listitem" }, index.h(Tag, { key: '40b756080539d584fa99f671ebdaf078ef729010', class: className, role: semantics === "tree" ? "none" : undefined }, index.h("a", { key: 'f9db5e722e20bfa566d79c28995e2c99be21c466', "aria-current": this.active ? "page" : undefined, "aria-expanded": !hasChildren || semantics !== "tree"
                 ? undefined
                 : String(expanded), "aria-level": semantics === "tree" ? this.level + 1 : undefined, "aria-owns": hasChildren && semantics === "tree"
                 ? `${this.itemId}-children`
-                : undefined, "aria-selected": semantics === "tree" ? String(this.selected) : undefined, class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, onKeyDown: this.onKeyDown, ref: (el) => (this.link = el), role: semantics === "tree" ? "treeitem" : undefined, tabIndex: tabIndex }, !this.disableDrag && this.enableDragDrop && (index.h("span", { key: '41c1eeb15f8c396d8d0e10862fc90087a790c850', class: "tree-view-item__drag-handle" }, index.h("swirl-icon-drag-handle", { key: '25b87fbaefdb9647defa37199b68d13a28cf914b', size: 20 }))), this.expandable && semantics === "tree" && (index.h("span", { key: 'b84b36bcb012ec9590a2145d6167958b5855d24d', class: "tree-view-item__toggle-icon" }, hasChildren && (index.h(index.Fragment, { key: '6782e593783b4bd273b68698871911d482fd7d39' }, expanded ? (index.h("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 })) : (index.h("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 })))))), Boolean(this.icon) && (index.h(index.Fragment, { key: '78e36892636856f89817f7909839980b4c706202' }, index.h("span", { key: 'c6ef690a50abf15f8996ceb812ff1f107ff3357f', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (index.h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), index.h("span", { key: '0f97c267c7cc4f3fec90f56e9aebf0f7600548a4', class: "tree-view-item__label" }, this.label), index.h("span", { key: 'de0293446f676fed29f96aed2a1ab7f279480959', class: "tree-view-item__tags" }, index.h("slot", { key: '8f0fba579fd9313d77b8e554c114f734ce288924', name: "tags" }))), index.h("ul", { key: '38de156cc76929763571153288a49193f57330ff', "aria-label": this.label, class: `tree-view-item__children ${shouldShowChildrenDropZone
+                : undefined, "aria-selected": semantics === "tree" ? String(this.selected) : undefined, class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, onKeyDown: this.onKeyDown, ref: (el) => (this.link = el), role: semantics === "tree" ? "treeitem" : undefined, tabIndex: tabIndex }, !this.disableDrag && this.enableDragDrop && (index.h("span", { key: '432dfb7398abb9a954bb8d612bb4f4212a2b7642', class: "tree-view-item__drag-handle" }, index.h("swirl-icon-drag-handle", { key: '01bc68f0c459247e21154d4bf37b90d98cf0dbc7', size: 20 }))), this.expandable && semantics === "tree" && (index.h("span", { key: '54de776c869a0705e629f923ce2919b855ea49bc', class: "tree-view-item__toggle-icon" }, hasChildren && (index.h(index.Fragment, { key: 'd19607cd33b1caa4ef1bfcaf928ae0529a5d9672' }, expanded ? (index.h("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 })) : (index.h("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 })))))), Boolean(this.icon) && (index.h(index.Fragment, { key: 'c3b1ad10734ba61328ccbc04b20b69509c5cba17' }, index.h("span", { key: 'e1b60f39411b78b7531bb4d47d84ce7fefc86500', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (index.h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), index.h("span", { key: '8989e21fc167a67a1c3c6eb95105027ad98f7279', class: "tree-view-item__label" }, this.label), index.h("span", { key: '5f2721c78ba4899371b08b70eafdd8b612e0e6c4', class: "tree-view-item__tags" }, index.h("slot", { key: '55e723f67fac9332287529df25a401c151d82ad2', name: "tags" }))), index.h("ul", { key: 'e7031518fd8c07ee49fd43e6bd75d528b911b9a2', "aria-label": this.label, class: `tree-view-item__children ${shouldShowChildrenDropZone
                 ? "tree-view-item__children--drop-zone"
                 : ""}`, id: `${this.itemId}-children`, ref: (el) => (this.childList = el), role: semantics === "tree" ? "group" : undefined, style: {
                 display: (!expanded || !hasChildren) && !shouldShowChildrenDropZone
                     ? "none"
                     : undefined,
-            } }, index.h("slot", { key: 'b8e12c1af67654ccbabfd87c9c395997cd8941fa' })))));
+            } }, index.h("slot", { key: '99d4fed4a0c7eddb1fd05823bc99e27f5e1d46e1' })))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-tree-view.cjs.entry.js

@@ -332,7 +332,7 @@ const SwirlTreeView = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '47bd419bd606eb2e9ab461ca0c164be560e0cad1' }, this.enableDragDrop && (index.h("swirl-visually-hidden", { key: 'ac67e13bd29003e6f92f38625d9089aa810dd380' }, index.h("span", { key: 'db432525644a0ae1f6d796eeba7af3385920a1a8', "aria-live": "assertive" }, this.liveRegionText))), index.h("ul", { key: 'd128ebf27e563276fcc61b24b81d7040143585eb', "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: this.semantics === "tree" ? "tree" : undefined, ref: (el) => (this.listElement = el), tabIndex: -1 }, index.h("slot", { key: 'd59b709c70c2d38a0e1427eb849877f9f585a8f7', onSlotchange: this.onSlotChange }))));
+        return (index.h(index.Host, { key: 'bfb32f09515bed8513fbe74d857184dd6ab7d8a7' }, this.enableDragDrop && (index.h("swirl-visually-hidden", { key: 'e129f3a6c1c457f6bae16b88f8debcc72a314144' }, index.h("span", { key: '1cb301153b2f3236b060f85f50b2f013951ca5c2', "aria-live": "assertive" }, this.liveRegionText))), index.h("ul", { key: 'ab8a80d56af5f65f469f1383a872ad3ee27bef8f', "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: this.semantics === "tree" ? "tree" : undefined, ref: (el) => (this.listElement = el), tabIndex: -1 }, index.h("slot", { key: '9c3a3f8d54c12dc6ae7e685b3a362088a76d08bf', onSlotchange: this.onSlotChange }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/swirl-video-thumbnail.cjs.entry.js

@@ -10,7 +10,7 @@ const SwirlVideoThumbnail = class {
         this.durationLabel = "Duration";
     }
     render() {
-        return (index.h(index.Host, { key: '874cb53d0b4507bb774e0358c0d45e803cb521df' }, index.h("button", { key: 'a3de5c95b63a09d5894e012c719315bd04f94738', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, index.h("img", { key: '23d1e342624a3e1c3bdd2edfbabc598d6e779e60', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (index.h("span", { key: '4ef0427db87f3841ad7514e5e6aa4a6a31e79aa7', class: "video-thumbnail__duration", id: "duration" }, index.h("swirl-visually-hidden", { key: 'b671e6df36f85449b93e063544d4db7176ed4305' }, this.durationLabel), this.duration)), index.h("svg", { key: '16e818b7827c01f5d08deb22dd1519bbf5fbbac9', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '09b1aba6849a97ace80bf3ce97f4b122088ff377', d: "M15 14.65V25.35C15 26.1167 15.35 26.7 16.05 27.1C16.75 27.5 17.4333 27.4667 18.1 27L26.4 21.7C27.0333 21.3 27.35 20.7333 27.35 20C27.35 19.2667 27.0333 18.7 26.4 18.3L18.1 13C17.4333 12.5333 16.75 12.5 16.05 12.9C15.35 13.3 15 13.8833 15 14.65ZM20 40C17.2333 40 14.6333 39.4747 12.2 38.424C9.76667 37.3747 7.65 35.95 5.85 34.15C4.05 32.35 2.62533 30.2333 1.576 27.8C0.525334 25.3667 0 22.7667 0 20C0 17.2333 0.525334 14.6333 1.576 12.2C2.62533 9.76667 4.05 7.65 5.85 5.85C7.65 4.05 9.76667 2.62467 12.2 1.574C14.6333 0.524667 17.2333 0 20 0C22.7667 0 25.3667 0.524667 27.8 1.574C30.2333 2.62467 32.35 4.05 34.15 5.85C35.95 7.65 37.3747 9.76667 38.424 12.2C39.4747 14.6333 40 17.2333 40 20C40 22.7667 39.4747 25.3667 38.424 27.8C37.3747 30.2333 35.95 32.35 34.15 34.15C32.35 35.95 30.2333 37.3747 27.8 38.424C25.3667 39.4747 22.7667 40 20 40Z", fill: "white", "fill-opacity": "0.95" })))));
+        return (index.h(index.Host, { key: '12a8ce5c44fcc01076e0270143998be607ec3873' }, index.h("button", { key: '09f84d385b3085985f17f3f9eb6fc931203b7dcf', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, index.h("img", { key: '01f586628b93bd67f4f7a52ccf068d6a9f258ba7', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (index.h("span", { key: '1451304285e2924880753f426994371094f5577a', class: "video-thumbnail__duration", id: "duration" }, index.h("swirl-visually-hidden", { key: 'b63df651db1aa38995f907ebc69bde184ad734f1' }, this.durationLabel), this.duration)), index.h("svg", { key: 'f00136c309825b3f36976e27af6ef5261cf2307e', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '9fc79b09dd39d8f4ef91db5cd855747814ba4999', d: "M15 14.65V25.35C15 26.1167 15.35 26.7 16.05 27.1C16.75 27.5 17.4333 27.4667 18.1 27L26.4 21.7C27.0333 21.3 27.35 20.7333 27.35 20C27.35 19.2667 27.0333 18.7 26.4 18.3L18.1 13C17.4333 12.5333 16.75 12.5 16.05 12.9C15.35 13.3 15 13.8833 15 14.65ZM20 40C17.2333 40 14.6333 39.4747 12.2 38.424C9.76667 37.3747 7.65 35.95 5.85 34.15C4.05 32.35 2.62533 30.2333 1.576 27.8C0.525334 25.3667 0 22.7667 0 20C0 17.2333 0.525334 14.6333 1.576 12.2C2.62533 9.76667 4.05 7.65 5.85 5.85C7.65 4.05 9.76667 2.62467 12.2 1.574C14.6333 0.524667 17.2333 0 20 0C22.7667 0 25.3667 0.524667 27.8 1.574C30.2333 2.62467 32.35 4.05 34.15 5.85C35.95 7.65 37.3747 9.76667 38.424 12.2C39.4747 14.6333 40 17.2333 40 20C40 22.7667 39.4747 25.3667 38.424 27.8C37.3747 30.2333 35.95 32.35 34.15 34.15C32.35 35.95 30.2333 37.3747 27.8 38.424C25.3667 39.4747 22.7667 40 20 40Z", fill: "white", "fill-opacity": "0.95" })))));
     }
 };
 SwirlVideoThumbnail.style = swirlVideoThumbnailCss;

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: '5e241e8a81987590af24ea4f62581b66b1340169' }, index.h("slot", { key: '3357523a46cc3497cf299fa0fd5f08656ab6b0a9' })));
+        return (index.h(index.Host, { key: 'd0253868fa1a5a2665bb8bea4674895820715708' }, index.h("slot", { key: 'c44b9990392736181953def9a00a520c0f9d94c4' })));
     }
 };
 SwirlVisuallyHidden.style = swirlVisuallyHiddenCss;

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

@@ -36,7 +36,7 @@ export class SwirlAccordion {
         });
     }
     render() {
-        return (h(Host, { key: '517e109d77859ca9366349313ffbf43c70a07c0c' }, h("slot", { key: 'c24b1c317cdd224cefaaa2151cc2c2c16dc79980' })));
+        return (h(Host, { key: '1eb1645da55f8f7b733355ab42ca0b454a21df88' }, h("slot", { key: '94f43327f431616f052b029da3e65e9ff477e396' })));
     }
     static get is() { return "swirl-accordion"; }
     static get encapsulation() { return "shadow"; }

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

@@ -54,7 +54,7 @@ export class SwirlAccordionItem {
         const className = classnames("accordion-item", {
             "accordion-item--expanded": this.expanded,
         });
-        return (h(Host, { key: '7751f4ee541f1a8ee39671213b90531491fe7b13' }, h("div", { key: 'db25173f6d04bcc9af5be4c30623359dab2ea28e', class: className }, h(HeadingTag, { key: 'eb41eb62a11d0cd46002884d6d7bf2da5c6e0c57', class: "accordion-item__heading" }, h("button", { key: 'eccaba1b831daa21aa00c2f5bd7dd890b2d82dc6', "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("span", { key: '3ac06cba8c02161789ed4817e541597d4f3cc6ae', class: "accordion-item__toggle-text" }, this.heading, this.description && (h("swirl-text", { key: '7f579132e06465716ce4efcdf63f6e0de31afbc7', as: "span", color: "subdued", size: "sm" }, this.description))), h("span", { key: '265aa1d7d00cb4dc82c54ef1603239dfead617fb', class: "accordion-item__icon" }, !this.expanded && (h("swirl-icon", { key: 'c93d03e074c501fd6d26bc2defffc1d81192aa2b', glyph: "chevron-right", size: 20 })), this.expanded && (h("swirl-icon", { key: '33eb213586693a48e5b9dcab5f2fbb9620e00722', glyph: "expand-more", size: 20 }))))), h("div", { key: 'c6be78b6a65c675f0efcd44840d4e244ec42a015', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, h("slot", { key: '082c87f3288a36bcb98c50e767fbbde9ad72a561' })))));
+        return (h(Host, { key: '140186d77dedf25334b975668382e442664ecc61' }, h("div", { key: 'fcfeb3e6bbe1bd5cf26ff17ed2c00c290f9c1f25', class: className }, h(HeadingTag, { key: '70de4f5a2e68fb4b3df574ce749ac469c4a89b92', class: "accordion-item__heading" }, h("button", { key: '598bf04f92bc1fb94253aba1122c731bb98a3670', "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("span", { key: '9a2199333edf327c8aa86a5e22207b661e33d5c3', class: "accordion-item__toggle-text" }, this.heading, this.description && (h("swirl-text", { key: '5e57bcf299f4a784cd17e29c9ebaa78111b2c280', as: "span", color: "subdued", size: "sm" }, this.description))), h("span", { key: '4cb086eda6d58addda26c47b54d42cce5989fe77', class: "accordion-item__icon" }, !this.expanded && (h("swirl-icon", { key: 'd2ed36ed6bf5e819e19bfb0c679868dc6cc4d923', glyph: "chevron-right", size: 20 })), this.expanded && (h("swirl-icon", { key: '0bcc167c67f0e3d7dc9e94b0cb4f30267badb86c', glyph: "expand-more", size: 20 }))))), h("div", { key: 'f8f14164ed9f64cbf60bdcda85cc5f0feefb0ad4', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, h("slot", { key: '30c54870dda4bf4682f48373426c336cc7b0b862' })))));
     }
     static get is() { return "swirl-accordion-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -89,7 +89,7 @@ export class SwirlActionList {
         });
     }
     render() {
-        return (h(Host, { key: '445f4e4fe3d287b8fd454224cf56e768f334cf01' }, h("div", { key: '19e270312510c3c4ba891b36f2700a69e04b58e9', "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: '27a38dfdf46ad9ffdf33674edddff23ad5a66568', onSlotchange: this.setSectionSeparator }))));
+        return (h(Host, { key: 'fc7ebb5df8998a9192107106120ad70711590d03' }, h("div", { key: 'be2231e59e4d062ac79780ddc250e6337a74f39d', "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: '98324ce031be7c0666e1c0f425718f9ebc86d7e6', 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: '577248ac9a123a7c3da15eeab4e04e6b5150fa02' }, this.hasSeparator && (h("swirl-separator", { key: '4214f07da14624832987c1c4bfda94125e3a0de4', spacing: this.separatorSpacing })), h("div", { key: 'f83c6ebf7e0423f3a64363e20e85bbe6862f72ed', "aria-labelledby": "label", class: "action-list-section", role: "group" }, h("span", { key: '7aa314df02b040fdc77d8eee6fac91527dc91b1b', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), h("swirl-stack", { key: '103f9d93db22c75dc83d244e2318b38eee29e9d7', spacing: this.spacing, align: "stretch" }, h("slot", { key: 'f13c4ce4afaef45e4316939dbf14dfb10b77328e' })))));
+        return (h(Host, { key: '7bfa42bf3f2b323e10062a5f936b67cb72cce922' }, this.hasSeparator && (h("swirl-separator", { key: 'cfc8583b332a13653d5956a45461d362af20baa8', spacing: this.separatorSpacing })), h("div", { key: 'b35da16e174668393122c764d9d9036729267a7e', "aria-labelledby": "label", class: "action-list-section", role: "group" }, h("span", { key: '6b8774ffb9c32c9804d73f6dbbc69874bebb1b82', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), h("swirl-stack", { key: 'e18cc67c6c8e18af98ca93e82eeb8fc542e988d8', spacing: this.spacing, align: "stretch" }, h("slot", { key: '64ef602444e47871b115792f4128cd8ecf050390' })))));
     }
     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: '8b7b00312cea00497a696fcf0335b98d23fd3ece' }, h("span", { key: '565666520f247cebe743f3fb43e58697f93ead8a', class: className }, showImage && (h("img", { key: 'f2a2f0bf47e70ddbde3e364268032967c76ebe41', alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" })), showIcon && (h("span", { key: '69b0f37aef4df1e23787e2149c05366530edf0e3', class: "app-icon__icon", innerHTML: this.icon })))));
+        return (h(Host, { key: 'f70423e5cbaf2d6ebf7e051a18ebb9ea3d9c3218' }, h("span", { key: '6a7332c2bcdfef2d4c80c1703f6c8e6d21b0e0d5', class: className }, showImage && (h("img", { key: '58720fe3b1feb0575f8a0d6b872b45d4eec57806', alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" })), showIcon && (h("span", { key: '1cededc1291b27d73c25d01163736e17cf296243', class: "app-icon__icon", innerHTML: this.icon })))));
     }
     static get is() { return "swirl-app-icon"; }
     static get encapsulation() { return "shadow"; }

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

@@ -22,7 +22,7 @@ export class SwirlAvatarGroup {
             "avatar-group--has-badge": Boolean(this.badge),
         });
         const badgeClassName = classnames("avatar-group__badge");
-        return (h(Host, { key: '25517d69bd3cee5b83bb318316c3368e7427973b' }, h("div", { key: 'e70734d6ad16f8102603ab597919cc6315d7dc50', class: className, role: "group" }, h("slot", { key: '9930fe8620ba57c555c2d5b58941dc14c8284c75' }), this.badge && (h("span", { key: '69862882cb0344a30e38e69756d45b9e12aaaa95', class: badgeClassName, innerHTML: this.badge, ref: (el) => (this.badgeEl = el) })))));
+        return (h(Host, { key: 'f17874f56ac78e25750d455dc5adeb08141e13f9' }, h("div", { key: '01325fd700a357838683f7dabc9b6269e6ad000b', class: className, role: "group" }, h("slot", { key: '9cb31e7eb07d87e8333273134021cd1a82665512' }), this.badge && (h("span", { key: '549f3533b3aa413fde00af14ff68e99698145af3', class: badgeClassName, innerHTML: this.badge, ref: (el) => (this.badgeEl = el) })))));
     }
     static get is() { return "swirl-avatar-group"; }
     static get encapsulation() { return "shadow"; }

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

@@ -96,6 +96,11 @@
   background-color: var(--s-decorative-grape-surface);
 }
 
+.badge--intent-info {
+  color: var(--s-text-on-status);
+  background-color: var(--s-surface-info-default);
+}
+
 .badge--intent-kiwi {
   color: var(--s-text-on-status);
   background-color: var(--s-decorative-kiwi-surface);

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

@@ -10,7 +10,7 @@ export class SwirlBadge {
         const className = classnames("badge", `badge--intent-${this.intent}`, `badge--size-${this.size}`, `badge--variant-${this.variant}`, {
             "badge--has-icon": this.icon,
         });
-        return (h(Host, { key: 'd5da40b81526b3b205e8250b20efb829ecf2a3d5', role: "status" }, h("span", { key: '450074bef0b5751fa7608c159c7fc0cd10952358', class: className, part: "badge" }, this.icon && h("span", { key: 'e9f0f37242ad3e2bd513915311632fae41256d49', class: "badge__icon", innerHTML: this.icon }), this.icon === undefined && this.variant !== "dot" ? (h("span", { class: "badge__label" }, this.label)) : (h(Fragment, null, this.icon === undefined && (h("span", { class: "badge__label" }, "\u00A0")), h("swirl-visually-hidden", null, this.label))))));
+        return (h(Host, { key: 'fa7e0b1d32f0bd9ce63f557053114cabf14b7a7e', role: "status" }, h("span", { key: '1a71edd54fcb08942fc13e31ca44ea8394958f52', class: className, part: "badge" }, this.icon && h("span", { key: '46a782fc1b13c959fbcbb3dc5f5cd4b40ea4def7', class: "badge__icon", innerHTML: this.icon }), this.icon === undefined && this.variant !== "dot" ? (h("span", { class: "badge__label" }, this.label)) : (h(Fragment, null, this.icon === undefined && (h("span", { class: "badge__label" }, "\u00A0")), h("swirl-visually-hidden", null, this.label))))));
     }
     static get is() { return "swirl-badge"; }
     static get encapsulation() { return "shadow"; }
@@ -51,7 +51,7 @@ export class SwirlBadge {
                 "mutable": false,
                 "complexType": {
                     "original": "SwirlBadgeIntent",
-                    "resolved": "\"banana\" | \"blueberry\" | \"chilli\" | \"critical\" | \"grape\" | \"kiwi\" | \"neutral\" | \"pumpkin\" | \"radish\"",
+                    "resolved": "\"banana\" | \"blueberry\" | \"chilli\" | \"critical\" | \"grape\" | \"info\" | \"kiwi\" | \"neutral\" | \"pumpkin\" | \"radish\"",
                     "references": {
                         "SwirlBadgeIntent": {
                             "location": "local",

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: 'c5e73aba969205973717a1a408e6d3337d56bcda', "aria-roledescription": "slide", "aria-label": this.label, class: className, role: "group", style: {
+        return (h(Host, { key: 'a13a0d3f14e4da4520497ec73c3f5376f304d9da', "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: '0259f47ff8017adb7cf957e3915e7bf1452f7091' })));
+            }, tabIndex: 0 }, h("slot", { key: '3957b6fe93fd41b426c10f76fd74d7c77716da0e' })));
     }
     static get is() { return "swirl-carousel-slide"; }
     static get encapsulation() { return "shadow"; }

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

@@ -55,11 +55,11 @@ export class SwirlColorInput {
         const className = classnames("color-input", {
             "color-input--inline": this.inline,
         });
-        return (h(Host, { key: 'b1a5b6616f3a6f001245649c779c312f8e18a855' }, h("div", { key: '70000714f4dde077c317e44b6b9530fd35fbbfee', class: className }, h("input", { key: '1891a2f2b2dab2ad5a533407348fb024aa7148eb', "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 }), h("swirl-popover-trigger", { key: '86b5369901f959711cce2da946fab5ca18269080', swirlPopover: this.pickerId }, h("button", { key: 'ab7229f38e99b9248d813ccfe565600a4c1c04ef', "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
+        return (h(Host, { key: '838e1a09ef9ad9d82601c0ee9ad8038bd56a4612' }, h("div", { key: 'f4d945f1fe8a59e88eddd8a138704800799a7bde', class: className }, h("input", { key: '19e865d95352f64718c8760421c48517e269e2df', "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 }), h("swirl-popover-trigger", { key: '8f93a120b41c7fdf6e07041583e8f316997b56eb', swirlPopover: this.pickerId }, h("button", { key: '86479c97ecdfa8e5aa513aeaecfca10481b8071a', "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: 'ad9454e52a7857ef8d2dad9926e56b5ff9675223', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, h("swirl-box", { key: 'f505804f4c8cdd8d91624ad6d864b3349fbb820d', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, h("hex-color-picker", { key: 'f978fe83dfcebea9865473314c63ba4fa949098a', color: this.value, ref: (el) => (this.picker = el) }))))));
+            }, type: "button" })), h("swirl-popover", { key: 'ac56511df4157711ea089b5e71b9e8b621b582f8', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, h("swirl-box", { key: '7acc5cc2bf262debb52e20a4d6707346eb3f7e83', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, h("hex-color-picker", { key: '9752896cb0cb4cdc54fc5bb4c1ea50569959aad2', 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-console-layout/swirl-console-layout.js

@@ -115,11 +115,11 @@ export class SwirlConsoleLayout {
             "console-layout--sidebar-active": this.sidebarActive,
             "console-layout--empty-app-bar": !Boolean(this.appName) && !this.showHelpButton,
         });
-        return (h(Host, { key: 'cf63e765664817ae8cd848161c3c2b60766f8024' }, h("div", { key: 'ea77231fe0a82461489884a6a4c2ce94fd32757a', class: className, onClick: this.onClick, onKeyDown: this.onKeyDown }, h("header", { key: '03ca71e28f93ab57142655bd0a0a149a58c540df', "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (el) => (this.sidebarEl = el) }, h("div", { key: '27f3240c722d2c76b6b28811ed92c899093cf73d', class: "console-layout__header" }, h("div", { key: '333829f2cfd8c778b8d103a94b4bc599d60a14d5', class: "console-layout__logo" }, h("svg", { key: '0fbbacdc511fbe3e094fdc562d00535dc63914d5', class: "console-layout__logo-mark", fill: "none", height: "26", viewBox: "0 0 16 26", width: "16", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '7cab7388295cc8875638be4d26862427773e39d6', d: "M0.624238 14.0705C0.326496 13.5353 0.118077 12.9406 0.0287543 12.3161C-0.0307941 11.662 -0.0010199 11.0375 0.147851 10.4428C0.296722 9.84813 0.594464 9.25343 0.951754 8.77767C1.33882 8.27217 1.78543 7.85588 2.35114 7.55853L14.6181 0.362671C14.9159 0.8979 15.1243 1.4926 15.2136 2.11703C15.3029 2.74147 15.2434 3.3659 15.0945 3.99034C14.9456 4.58504 14.6479 5.17974 14.2906 5.6555C13.9035 6.16099 13.4569 6.57728 12.8912 6.87463L0.624238 14.0705Z", fill: "#145AF5" }), h("path", { key: '3be1bd27c071ed77b7e1630923ea4382506afbea', d: "M3.69214 21.4743C3.3944 20.9391 3.18598 20.3444 3.09666 19.72C3.00733 19.0956 3.06688 18.4711 3.21575 17.8467C3.36462 17.252 3.66237 16.6573 4.01966 16.1815C4.40672 15.676 4.85333 15.2597 5.41904 14.9624L12.2076 10.9779C12.5053 11.5131 12.7137 12.1078 12.803 12.7323C12.8924 13.3567 12.8328 13.9811 12.6839 14.6056C12.5351 15.2003 12.2373 15.795 11.88 16.2707C11.493 16.7762 11.0464 17.1925 10.4807 17.4899L3.69214 21.4743Z", fill: "#145AF5" }), h("path", { key: '14c7a959a84e9e971b17da3cdfa766cea15fa8a1', d: "M3.69141 21.4739L7.77047 19.0951C8.39573 20.1953 8.5446 21.5036 8.24686 22.7228C7.91934 23.9419 7.14521 24.9826 6.04357 25.6368L3.69141 21.4739Z", fill: "#80A8F4" }), h("path", { key: '2a4cf89a5acc9fb427d2450b017cec978c6e047c', d: "M12.2072 10.9785L7.32419 10.1459L0.625 14.0709L5.38887 14.9629L12.2072 10.9785Z", fill: "#80A8F4" })), h("swirl-text", { key: '034ef98693aecd4c1a9776b1f44ff98dc85c2029', class: "console-layout__logo-text", weight: "medium" }, this.logoText))), h("nav", { key: '6da9caf01aa0e943d93fd34bc4df0f446afd135d', "aria-label": this.navigationLabel, class: "console-layout__navigation" }, h("slot", { key: 'a5da3827f3d8a796cc1157f6a9dd6a74a6b4bee0', name: "navigation" })), h("div", { key: '606d1dcd2117eb0cc7ca40345a142b4233a1a6cd', class: "console-layout__user" }, h("slot", { key: '48260a2cfc6fd1e0b2b4bf1735606d34ba8f5fa0', name: "user" }))), h("main", { key: '3fd52c515aca12c5fe3569d7808c1035f3b56ccd', "aria-labelledby": Boolean(this.appName) ? "app-name" : undefined, class: "console-layout__main" }, h("header", { key: '82eef98c764944e20f4bd7ad1371ad934a645e22', class: "console-layout__app-bar" }, h("span", { key: '1de9b22104f2f5245eaba8233a45527f3d04a07c', class: "console-layout__mobile-navigation-button" }, h("swirl-button", { key: 'b9803ec30cdcedf422f0c280f078ece1c1c828df', swirlAriaExpanded: String(this.sidebarActive), hideLabel: true, icon: this.sidebarActive
+        return (h(Host, { key: '0eaea20bfd3144b9d237237ceacab45e23af06c1' }, h("div", { key: '4a67d6d91d1f6a737723df984c2dc987f39c7dbd', class: className, onClick: this.onClick, onKeyDown: this.onKeyDown }, h("header", { key: '3c63a30e2925a1a0f698ad82639c4356e7aec867', "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (el) => (this.sidebarEl = el) }, h("div", { key: '91dcb536d2dffa26d44d14ad3dbc4ec635025ecc', class: "console-layout__header" }, h("div", { key: 'be8bf1fd07ac1ffa851aeffa46dbb31becf9e713', class: "console-layout__logo" }, h("svg", { key: 'b7d3f93e7554163c31eddb963dea090b2ab7ca0e', class: "console-layout__logo-mark", fill: "none", height: "26", viewBox: "0 0 16 26", width: "16", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '0498173d081447a31b54ef5c290ad784fb5f8f82', d: "M0.624238 14.0705C0.326496 13.5353 0.118077 12.9406 0.0287543 12.3161C-0.0307941 11.662 -0.0010199 11.0375 0.147851 10.4428C0.296722 9.84813 0.594464 9.25343 0.951754 8.77767C1.33882 8.27217 1.78543 7.85588 2.35114 7.55853L14.6181 0.362671C14.9159 0.8979 15.1243 1.4926 15.2136 2.11703C15.3029 2.74147 15.2434 3.3659 15.0945 3.99034C14.9456 4.58504 14.6479 5.17974 14.2906 5.6555C13.9035 6.16099 13.4569 6.57728 12.8912 6.87463L0.624238 14.0705Z", fill: "#145AF5" }), h("path", { key: '8cf4a7aa4406c8e48f896394147e9afff5958726', d: "M3.69214 21.4743C3.3944 20.9391 3.18598 20.3444 3.09666 19.72C3.00733 19.0956 3.06688 18.4711 3.21575 17.8467C3.36462 17.252 3.66237 16.6573 4.01966 16.1815C4.40672 15.676 4.85333 15.2597 5.41904 14.9624L12.2076 10.9779C12.5053 11.5131 12.7137 12.1078 12.803 12.7323C12.8924 13.3567 12.8328 13.9811 12.6839 14.6056C12.5351 15.2003 12.2373 15.795 11.88 16.2707C11.493 16.7762 11.0464 17.1925 10.4807 17.4899L3.69214 21.4743Z", fill: "#145AF5" }), h("path", { key: '97b68a10b9efdce8dd7b062c90b13c9b99a282c5', d: "M3.69141 21.4739L7.77047 19.0951C8.39573 20.1953 8.5446 21.5036 8.24686 22.7228C7.91934 23.9419 7.14521 24.9826 6.04357 25.6368L3.69141 21.4739Z", fill: "#80A8F4" }), h("path", { key: '25de6371a1c6d90fe6b96c86d7d830e40bac38f9', d: "M12.2072 10.9785L7.32419 10.1459L0.625 14.0709L5.38887 14.9629L12.2072 10.9785Z", fill: "#80A8F4" })), h("swirl-text", { key: '215ec10e6248677824b5fa4239c15f53f9dbc1ae', class: "console-layout__logo-text", weight: "medium" }, this.logoText))), h("nav", { key: 'f7bd543d20e93aad003348d790690da8769a83cd', "aria-label": this.navigationLabel, class: "console-layout__navigation" }, h("slot", { key: '6c426019c6d51f296a4e5b3bbb2654f34ec00b1a', name: "navigation" })), h("div", { key: '2fbe3cc0d207b17e87d9b1a899ccf4eab7ad01f4', class: "console-layout__user" }, h("slot", { key: '4e458a582a528623bf2e881a937b294115745a08', name: "user" }))), h("main", { key: 'a7f9d099c002c83390beed9c1db9031720b98ac7', "aria-labelledby": Boolean(this.appName) ? "app-name" : undefined, class: "console-layout__main" }, h("header", { key: 'fdc1d6e6856b2d2b1debda04f8ec9b6453e71a21', class: "console-layout__app-bar" }, h("span", { key: '0faab32a7984201b1cbd323bf35f5c41b0fa48fa', class: "console-layout__mobile-navigation-button" }, h("swirl-button", { key: '639ec7a6581260098964a9d8c694126de2f831c4', 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: '999ece8b44728914bda36558fd6b8521ba6f2428', class: "console-layout__app-name" }, this.appName && (h("swirl-heading", { key: 'd252c9156c194ab6bd421553d0a947a2d359680a', as: "h1", headingId: "app-name", level: 4, text: this.appName }))), this.showHelpButton && (h("swirl-button", { key: '42c46fa14fc36560f88ca49a68a88cafd7937328', class: "console-layout__help-button", hideLabel: true, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick }))), h("section", { key: '08b87846704ab759e4eabc2117ec90d8a98a7780', "aria-labelledby": "heading", class: "console-layout__content", style: contentStyles }, h("header", { key: 'b2a3301d32a37767969f6e30fd48d508dffa4b46', class: "console-layout__content-header" }, this.showBackButton && (h("swirl-button", { key: '82a2752fea1d7473cc71d9b641d3748fd1661e5b', 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: '9e876258c5e54f3862ad2aca5ce8db289ae305fc', class: "console-layout__heading-container" }, h("swirl-heading", { key: 'fe5de246f6db77eac91c7bc9fc34eea4af1dac03', as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && (h("swirl-text", { key: 'e70df43f2fe462c3b53ba23ef70a88978d8eedaf', class: "console-layout__subheading", color: "subdued" }, this.subheading)))), !Boolean(this.heading) && (h("div", { key: '0ebfd084e79640ee727a34d19a70385af2ab3141', class: "console-layout__heading-container" }, h("slot", { key: 'efc337c1b8e2c71d86f8c19256f259efccba4241', name: "heading" }))), h("div", { key: '33f90d84c0a2353fe4af40dbda033ecbd5035bc0', class: "console-layout__content-header-tools" }, h("slot", { key: 'eebd40bdf08cc919b38f6724d3c1117de2eb55af', name: "content-header-tools" }))), h("div", { key: 'c569cf56633aa0207544f8d759e003586c935789', class: "console-layout__integration" }, h("slot", { key: 'e46481b944f425cc9ae3bd0c3d170514df25e440', name: "content" }))), h("div", { key: '98b794c0d14295b19a33a3f0ca9e4c47152ad0d4', class: "console-layout__overlays" }, h("slot", { key: '5f6b10b9c2c59f514458138e6b4d922ea4c4c1a5', name: "overlays" }))))));
+                : this.showNavigationButtonLabel, onClick: this.onMobileNavigationToggleClick })), h("div", { key: '0c2c6de05bef524da707e350b4096ea15ca34914', class: "console-layout__app-name" }, this.appName && (h("swirl-heading", { key: '450527b200578aa1d91e54b2b0ba01683a9a831d', as: "h1", headingId: "app-name", level: 4, text: this.appName }))), this.showHelpButton && (h("swirl-button", { key: 'eb42c73ea6a05f62cece19134c9501e73415836a', class: "console-layout__help-button", hideLabel: true, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick }))), h("section", { key: '0f0591c57e64ca606a2780ce9055943af432c7d6', "aria-labelledby": "heading", class: "console-layout__content", style: contentStyles }, h("header", { key: 'd0e945cb8dabd4ef231b72a97712f8c629569df9', class: "console-layout__content-header" }, this.showBackButton && (h("swirl-button", { key: '30cb7fd42d480f7bbcecdd5215e589f2c4cda2b1', 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: '7e35e8ee35d3345d079a90540d57a9cd9c580044', class: "console-layout__heading-container" }, h("swirl-heading", { key: '39dad1864b78f9e69d5a1d9b8d5e620a1d147e06', as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && (h("swirl-text", { key: '1ca38eff79d03204671312529af0a707b60f2619', class: "console-layout__subheading", color: "subdued" }, this.subheading)))), !Boolean(this.heading) && (h("div", { key: '4e8e686e766a3e62f26faa32fd1fb794c69a6ed3', class: "console-layout__heading-container" }, h("slot", { key: 'f3f72a3b56af01427d7cad65fe913dea748f7fc2', name: "heading" }))), h("div", { key: 'b97c09b14d6560987363aa72f5ffbed887bd7fef', class: "console-layout__content-header-tools" }, h("slot", { key: '76a8a36c284f0efcebf26fcd51edada332689872', name: "content-header-tools" }))), h("div", { key: 'c6410dee92f664923ca41c410301aa7eaf036e19', class: "console-layout__integration" }, h("slot", { key: 'e5bf0e529e7e88143b331c3c02b17299a3c1c044', name: "content" }))), h("div", { key: '569a839957d11e56dd6dcd00e3c8b3665c7d318b', class: "console-layout__overlays" }, h("slot", { key: 'f668f28cd68319fb852c0fd8a2efe69c08bf2f44', name: "overlays" }))))));
     }
     static get is() { return "swirl-console-layout"; }
     static get encapsulation() { return "shadow"; }

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

@@ -193,7 +193,7 @@ export class SwirlDateInput {
         const className = classnames("date-input", {
             "date-input--inline": this.inline,
         });
-        return (h(Host, { key: 'c883f4cc728a83711c08f237e5dae9a64d7f4952' }, h("div", { key: 'a390b6cf8d55b4d9b497018aa8f044935055665f', class: className }, h("input", { key: '17ef8097c66b542b686089399f45328752e1460b', "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.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" }), h("swirl-popover-trigger", { key: '47857ca28bd0e32bc208a6ccbcc863b785b96c2a', swirlPopover: `popover-${this.id}` }, h("button", { key: '0e05d0ec5aee9fa736607c140c5d7a246d169766', "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, h("swirl-icon-today", { key: '017a3afc98fd6a99cc22917cdfbf1a05c5351805', size: this.iconSize })))), !this.disabled && (h("swirl-popover", { key: '5db9e0b8a7fb67399baf950a98ef8cc355604283', 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: 'bc9ecd94a7f3b0a48b06ec8c1e838aab5fe21cad', disableDate: this.datePickerDisableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onValueChange: this.onPickDate, value: dateValue, startDate: dateValue })))));
+        return (h(Host, { key: '4a0f0ce222b59a7eed91542990157785bb5ab28f' }, h("div", { key: '7acae58f53c03140cb798920127234f8548a4a72', class: className }, h("input", { key: 'a122c7ab0c4240cf93e63ed7b0cba33fc66a7718', "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.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" }), h("swirl-popover-trigger", { key: '76a86326f97fda3498eb9bc22fed5b36f7b3c7be', swirlPopover: `popover-${this.id}` }, h("button", { key: '1914a98f6cd52d653ec62ee6b0a811fe5ba7bb4a', "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, h("swirl-icon-today", { key: '24a17616c0c38ccbf56cb5236d43e8929c7832c3', size: this.iconSize })))), !this.disabled && (h("swirl-popover", { key: 'a58eb1ae1abd78be0ed4a1c5c8bdb45d2f099a26', 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: '4c3e4afdaced9ad02c98b5bd6f3786cb6e630a02', 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

@@ -32,7 +32,7 @@ export class SwirlDatePicker {
         const startDate = this.startDate instanceof Date
             ? getISODateString(this.startDate)
             : undefined;
-        return (h(Host, { key: 'd7abe970a78e53a338ac6d781464ba27337b86bf', onClick: this.onClick }, h("wc-datepicker", { key: '26e3781633785cc9006e925f0265c5302bfbec94', 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: 'b0e42e25cc8171377773508c9bc30acda9e3959a', onClick: this.onClick }, h("wc-datepicker", { key: '2ffe6b0d35b1ddea14cae13685ea7347e8694d00', 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: 'cda975d718434bde0194dd58e53cb22a4c88d09a' }, h("div", { key: '5dd6683a8a31f34ebbf68c78ac91239370405f37', class: "description-list", role: "list" }, h("slot", { key: '6938a57c541dc6fd8726e122325fb354db7b5847' }))));
+        return (h(Host, { key: '5b57f521124bb0dd1b9eb21bed725c68db25eda4' }, h("div", { key: '2ba7667773803fefabb809770123a86c39dae111', class: "description-list", role: "list" }, h("slot", { key: '0d13cd211424666cb6707a770363864c674374e7' }))));
     }
     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: '300e7e8611566daf29e79c5ae467278a73f09ffe', role: "listitem" }, h("div", { key: 'aea2312e07e197e905439ae203bec3a6959a109a', class: className, part: "description-list-item", role: "group" }, h("div", { key: '024197417134d5f507c80743ec418538072ce84f', class: "description-list-item__inner" }, h("div", { key: 'a3b3adaa8902297215afc37fc02d60ce44049bfa', class: "description-list-item__text-container" }, h("div", { key: '68947d09076bfa87c7775e26bef50bbae944e1c3', class: "description-list-item__term", part: "description-list-item__term", role: "term" }, this.term, this.tooltip && (h("span", { key: '38adbd68b88a2db663937841c8275ab61975d874', class: "description-list-item__tooltip" }, h("swirl-tooltip", { key: 'ce42be2d02db7eec5245ed43ca8f54b33d74e736', content: this.tooltip, position: "right" }, h("swirl-icon-info", { key: 'a8b853aa61c9ae3941f800a42023f700fe6d253b', size: 16, tabIndex: 0 }))))), h("div", { key: '7b8047770e4727e1d59339b7b58b835679d04e18', style: { maxWidth: this.maxWidth }, class: "description-list-item__description", role: "definition" }, h("slot", { key: '5b88ebf61c9d662a7ab9c0049995693b81961e08' }))), h("div", { key: 'a1957cce43f8a42ba8e2ee82fc4556a9ee2e9b35', class: "description-list-item__tools" }, h("slot", { key: 'b56e9b32acd293e28ecad6122e23990baaada004', name: "tools" }))), h("div", { key: 'f9fe480eebcf8201f55a59c366f41fb42bf4fe1e', class: "description-list-item__additional-content" }, h("slot", { key: 'fe82af6367d625acfc71d57acdcf57d4f3759d75', name: "additional-content" })))));
+        return (h(Host, { key: 'f245666ed7da628287055771a2eb1279d83b8ff4', role: "listitem" }, h("div", { key: '400adcceaaefb4a0699d0bbed1d1e81644c4e95e', class: className, part: "description-list-item", role: "group" }, h("div", { key: 'ce78b41ef7af0ee6763025db0732c97eb132d0fa', class: "description-list-item__inner" }, h("div", { key: '7b58a3f487ed5c8d86e4f7fbac08f9a75a9d563f', class: "description-list-item__text-container" }, h("div", { key: 'e275d08ec89caa01f99a2fdee0f739cf7b605107', class: "description-list-item__term", part: "description-list-item__term", role: "term" }, this.term, this.tooltip && (h("span", { key: 'fe81a7f996438d87ffe0c78d7615795ccaba51ad', class: "description-list-item__tooltip" }, h("swirl-tooltip", { key: 'c9acfcefeba6ac0145d1dc292d5e51485eb765df', content: this.tooltip, position: "right" }, h("swirl-icon-info", { key: '5902d21cddddc686da8e7897b2d30198e51f0052', size: 16, tabIndex: 0 }))))), h("div", { key: 'fee79015ea172d5bf1b65aead95b5e99a9465673', style: { maxWidth: this.maxWidth }, class: "description-list-item__description", role: "definition" }, h("slot", { key: 'c0766600916a078fc55f67bed7964f002eef03fb' }))), h("div", { key: '5f517c9108e5fe1f28fbe3e1b80eaf3fc5b383ce', class: "description-list-item__tools" }, h("slot", { key: 'f13f2914e140c04b6144503952cfa75d481c4d11', name: "tools" }))), h("div", { key: '37e1757e3f22d6e89121965f8dc843517b24361b', class: "description-list-item__additional-content" }, h("slot", { key: 'd1ce6fe905f324661f2ddcd27b62fa274a6a336a', name: "additional-content" })))));
     }
     static get is() { return "swirl-description-list-item"; }
     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: 'adc1fe6f6e9f21648a249bfe999cf28281640387' }, this.size === 16 && (h("img", { key: '14b3923c6bded763fdaff74ef1ae7961543a19e5', alt: this.label, class: className, height: "16", src: "emojis/Clap16.png", width: "16" })), this.size === 20 && (h("img", { key: 'c6d36e020c4406a072e3f5a8fbd5ea823595f98b', alt: this.label, class: className, height: "20", src: "emojis/Clap20.png", width: "20" })), this.size === 24 && (h("img", { key: 'a4809d6e8d0d648e60eb954cafe3307e94fa896a', alt: this.label, class: className, height: "24", src: "emojis/Clap24.png", width: "24" })), this.size === 32 && (h("img", { key: '7b343e63d4b0d90db0e5933d45d106aa0429ba29', alt: this.label, class: className, height: "32", src: "emojis/Clap32.png", width: "32" }))));
+        return (h(Fragment, { key: 'cbc2c8dd347b0decd3cadc72f0a951b82322d76b' }, this.size === 16 && (h("img", { key: '31211ce025a0450a6cc1be706ff2081620087bb3', alt: this.label, class: className, height: "16", src: "emojis/Clap16.png", width: "16" })), this.size === 20 && (h("img", { key: '6268337046342913a201c9664cf070ac9f5ec8f3', alt: this.label, class: className, height: "20", src: "emojis/Clap20.png", width: "20" })), this.size === 24 && (h("img", { key: 'e58d48707e83d6c641c03ab59a991296fdd43fe9', alt: this.label, class: className, height: "24", src: "emojis/Clap24.png", width: "24" })), this.size === 32 && (h("img", { key: '4e29639ea08cce0f09fad719ecb9345438fb81a9', 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: '576921aaea867bab050d7ef564e06beedbad6bbf' }, this.size === 16 && (h("img", { key: '107e128851ea60195a14b0ca331659bd37f38924', alt: this.label, class: className, height: "16", src: "emojis/Happy16.png", width: "16" })), this.size === 20 && (h("img", { key: '66a9b6cb662e5dbd65b95694586343ff990c2894', alt: this.label, class: className, height: "20", src: "emojis/Happy20.png", width: "20" })), this.size === 24 && (h("img", { key: 'b29f5b98b5c1626b961c6d34c28ee1e22f02b270', alt: this.label, class: className, height: "24", src: "emojis/Happy24.png", width: "24" })), this.size === 32 && (h("img", { key: '3695278a449beab648c6bbdfbb5f1b37cb08e94c', alt: this.label, class: className, height: "32", src: "emojis/Happy32.png", width: "32" }))));
+        return (h(Fragment, { key: '352089060615d86b5b8ab669fdf7f5bda0e1881e' }, this.size === 16 && (h("img", { key: '6b1b9ce5a793c6502717dd8e2eb3056b479175c5', alt: this.label, class: className, height: "16", src: "emojis/Happy16.png", width: "16" })), this.size === 20 && (h("img", { key: '4ed968f7b65f296d985c7ed483850ba15902fdcc', alt: this.label, class: className, height: "20", src: "emojis/Happy20.png", width: "20" })), this.size === 24 && (h("img", { key: 'a6383a5f05f1c4ba19f37f67650836625b1d7ff7', alt: this.label, class: className, height: "24", src: "emojis/Happy24.png", width: "24" })), this.size === 32 && (h("img", { key: 'e7622246eee82257c5f2c4e8ebe14e15c50615a8', 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: '3aa2bf06fb6961e26d49f7fdbd7c6727f8e4de60' }, this.size === 16 && (h("img", { key: '8fbf837ff7c50758f87ca282b232c784e19a7ca4', alt: this.label, class: className, height: "16", src: "emojis/Idea16.png", width: "16" })), this.size === 20 && (h("img", { key: 'b3ff4c56731a84fcc683acc20ae4dda6cd3a73bc', alt: this.label, class: className, height: "20", src: "emojis/Idea20.png", width: "20" })), this.size === 24 && (h("img", { key: 'c385a23c57e2c7243456fa3b8523175875339c8e', alt: this.label, class: className, height: "24", src: "emojis/Idea24.png", width: "24" })), this.size === 32 && (h("img", { key: '7f434fe1b3ad284a88e07c273048dd1394df02bc', alt: this.label, class: className, height: "32", src: "emojis/Idea32.png", width: "32" }))));
+        return (h(Fragment, { key: 'aa2f10718fe8a6380910c541cfa82ba4614ea1a8' }, this.size === 16 && (h("img", { key: 'dedbc425919cf652778b0a90832858a1d29d1aa9', alt: this.label, class: className, height: "16", src: "emojis/Idea16.png", width: "16" })), this.size === 20 && (h("img", { key: '8043b08affea5e54ae286952e7059c6f1b537de4', alt: this.label, class: className, height: "20", src: "emojis/Idea20.png", width: "20" })), this.size === 24 && (h("img", { key: 'f5cf9dcb6a1c41bb210daa02eb0817b6a4ef3995', alt: this.label, class: className, height: "24", src: "emojis/Idea24.png", width: "24" })), this.size === 32 && (h("img", { key: 'c8dfcb4967428e49ce59f93dfae2a767c7ac0b1b', 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: '6d050eb97da451af24dbc43bf268cad609547ffa' }, this.size === 16 && (h("img", { key: '9f0c6493374f1f9893df7359bdb11a0aca6fc7fd', alt: this.label, class: className, height: "16", src: "emojis/Love16.png", width: "16" })), this.size === 20 && (h("img", { key: 'a8d5b3190ed99ed7322fb35effee3bec169c45cf', alt: this.label, class: className, height: "20", src: "emojis/Love20.png", width: "20" })), this.size === 24 && (h("img", { key: 'f7be059f8550590e080b72eeeb316bfee76130b1', alt: this.label, class: className, height: "24", src: "emojis/Love24.png", width: "24" })), this.size === 32 && (h("img", { key: 'a5dbffdb5172c7e271b4605e638fee8dd9b3d6c3', alt: this.label, class: className, height: "32", src: "emojis/Love32.png", width: "32" }))));
+        return (h(Fragment, { key: '1ddb0dbaa2dece9843885be0eb96297f7262d042' }, this.size === 16 && (h("img", { key: 'baa3127e120fd75fbf3f29dd33ae7d90f427d129', alt: this.label, class: className, height: "16", src: "emojis/Love16.png", width: "16" })), this.size === 20 && (h("img", { key: '3d388543de153e653acb4f0f247817495b7bb310', alt: this.label, class: className, height: "20", src: "emojis/Love20.png", width: "20" })), this.size === 24 && (h("img", { key: '7d2fbcc9c48cb85d3edeb3c230b6c3aaf74b82db', alt: this.label, class: className, height: "24", src: "emojis/Love24.png", width: "24" })), this.size === 32 && (h("img", { key: '7574c6a2d552407413f9794ca8c8bbb1a2f1cb75', 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: '12943b155917dbcfa2ecf7670f9c48eeaca9d5b6' }, this.size === 16 && (h("img", { key: '97dfd9370fe5479540e6ca7df347de19cb607d3c', alt: this.label, class: className, height: "16", src: "emojis/Sad16.png", width: "16" })), this.size === 20 && (h("img", { key: 'cffb367d6959af5824def45b12fca9278a5450e7', alt: this.label, class: className, height: "20", src: "emojis/Sad20.png", width: "20" })), this.size === 24 && (h("img", { key: '5845a870bebaec5cbe468b65a2192dd9439c5d91', alt: this.label, class: className, height: "24", src: "emojis/Sad24.png", width: "24" })), this.size === 32 && (h("img", { key: 'a627799212e1506ecc5ab83fd3d2a98c379f02e6', alt: this.label, class: className, height: "32", src: "emojis/Sad32.png", width: "32" }))));
+        return (h(Fragment, { key: '1c963a64bf85f9ccb8ba9ccef46f0f1f4aa620b9' }, this.size === 16 && (h("img", { key: '4f7403f0c76b6fc0c0d6a0856c0e25a6eb5c97ef', alt: this.label, class: className, height: "16", src: "emojis/Sad16.png", width: "16" })), this.size === 20 && (h("img", { key: '2f50c000af28242fea236fdc90f698c986198cd0', alt: this.label, class: className, height: "20", src: "emojis/Sad20.png", width: "20" })), this.size === 24 && (h("img", { key: '5752a4deca766f421298a800745c658612fa6869', alt: this.label, class: className, height: "24", src: "emojis/Sad24.png", width: "24" })), this.size === 32 && (h("img", { key: 'b5398967087c74057eb3bdc83e21d0cfd798ef85', 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"; }

package/dist/collection/components/swirl-emoji/emojis/swirl-emoji-thumbs-up.js

@@ -8,7 +8,7 @@ export class SwirlEmojiThumbsUp {
     }
     render() {
         const className = classnames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: 'ed4262c117dcb3eaffdbaf6cf7f99d01b0c9d066' }, this.size === 16 && (h("img", { key: '58502f3aeb4aa9e10c796ee26011ae48d9ec21dd', alt: this.label, class: className, height: "16", src: "emojis/ThumbsUp16.png", width: "16" })), this.size === 20 && (h("img", { key: '58170122c5043b174466acbbebf774634c919501', alt: this.label, class: className, height: "20", src: "emojis/ThumbsUp20.png", width: "20" })), this.size === 24 && (h("img", { key: '84083c424ad8e43647cc526237df6ec672c83d1d', alt: this.label, class: className, height: "24", src: "emojis/ThumbsUp24.png", width: "24" })), this.size === 32 && (h("img", { key: 'e9b121ca1e11dde1478d5d7ec6b9815e1bb1db83', alt: this.label, class: className, height: "32", src: "emojis/ThumbsUp32.png", width: "32" }))));
+        return (h(Fragment, { key: 'b7d44e441a5d987b344b74e53c0d635033f80dc1' }, this.size === 16 && (h("img", { key: '7863badf642116acfdec12d47983ab92d2867f1b', alt: this.label, class: className, height: "16", src: "emojis/ThumbsUp16.png", width: "16" })), this.size === 20 && (h("img", { key: '4daeeded9e3ddf0adcf0de3ff96a562dfff5935e', alt: this.label, class: className, height: "20", src: "emojis/ThumbsUp20.png", width: "20" })), this.size === 24 && (h("img", { key: '5e32df8269f8e923e949806a197fed74a7fcba08', alt: this.label, class: className, height: "24", src: "emojis/ThumbsUp24.png", width: "24" })), this.size === 32 && (h("img", { key: '3e44d8c1ce4f9b0564b1ffbb3ae9f9bdde65e4d0', alt: this.label, class: className, height: "32", src: "emojis/ThumbsUp32.png", width: "32" }))));
     }
     static get is() { return "swirl-emoji-thumbs-up"; }
     static get encapsulation() { return "shadow"; }

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

@@ -6,7 +6,7 @@ export class SwirlEmoji {
     }
     render() {
         const Tag = `swirl-emoji-${this.name}`;
-        return (h(Host, { key: '169cecc0dffe92a1eed19e88e804d3faff0776bf' }, h(Tag, { key: 'e2be7dbf0028fd1e6117b3286baa24c970405f01', label: this.label, size: this.size })));
+        return (h(Host, { key: '371e4dd79d7bd4ed5f68635999ceb64352176b19' }, h(Tag, { key: '8e300f38606d9d0cfac9de7122ba6209d2e01892', label: this.label, size: this.size })));
     }
     static get is() { return "swirl-emoji"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-empty-state/swirl-empty-state.js

@@ -16,7 +16,7 @@ export class SwirlEmptyState {
             "empty-state--has-controls": hasControls,
             "empty-state--has-slotted-illustration": hasSlottedIllustration,
         });
-        return (h(Host, { key: '122f3ac2c5287027d669ceed065951595aa5ea91' }, h("div", { key: '4d9f3bf79800a652d3887b424105c69621b55614', class: className }, this.illustration && !hasSlottedIllustration && (h("img", { key: '98b1c1d2ac1ae539a70150579f2fccc30856a2bb', alt: "", class: "empty-state__illustration", src: this.illustration })), h("div", { key: '9a90d6100b5438c309114b0559f3d79ce404dbf4', class: "empty-state__slotted-illustration" }, h("slot", { key: '2562f4725030652a764a760a12f5687807b00943', name: "illustration" })), h("div", { key: 'dc16640e31490728e108beabf21059fef32cc1ee', class: "empty-state__body" }, h("swirl-stack", { key: '433132ad932ff1d49131f0f6e45ca841dc9deec1', align: "stretch", spacing: "8" }, this.heading && (h("swirl-heading", { key: '86685b9fc1f41aca32b52681900ebbf08ac8e872', align: "center", as: `h${this.headingLevel}`, level: 4, text: this.heading })), h("div", { key: 'e594ce6205945130b5e1e4145b35fe7ddf4b2cc7', class: "empty-state__content" }, h("swirl-text", { key: '357baa2085667053572d8604c10f190cf78ab946', align: "center", color: "subdued" }, h("slot", { key: '5b949c035001d65d0a81b734766ec9eaad39b15a' })))), h("div", { key: 'cd8ad54ba68f296e80239ed452a0ccb6981151eb', class: "empty-state__controls" }, h("slot", { key: '7c88b5f1c30d7108d33e0c56735133e68dacf074', name: "controls" }))))));
+        return (h(Host, { key: '012ddb1c912baadace65e570840076b47a2b3e2a' }, h("div", { key: '8b4adbc596e43e6a9a8fc7d7209085eb971124ab', class: className }, this.illustration && !hasSlottedIllustration && (h("img", { key: 'df891850a32dd7708f4a47bef09386650b3d7eca', alt: "", class: "empty-state__illustration", src: this.illustration })), h("div", { key: 'e6fe758cb3a40aaa44783e3bda10541cfe29599c', class: "empty-state__slotted-illustration" }, h("slot", { key: '7a809c9387bb976966877c01cb7be376f1a9772a', name: "illustration" })), h("div", { key: '8304a2871ffe33baf473b946cec6dc3ad559ce1b', class: "empty-state__body" }, h("swirl-stack", { key: 'bcf7f760e2b4833059bdc76c00882596a89bb973', align: "stretch", spacing: "8" }, this.heading && (h("swirl-heading", { key: '1135f136f92074824d7e5691d06a1fb735bc74ee', align: "center", as: `h${this.headingLevel}`, level: 4, text: this.heading })), h("div", { key: '320ae9005a9e0e627b0a02d99c2be7d1cd7d82d1', class: "empty-state__content" }, h("swirl-text", { key: '2b1373ea276326316da2c84f99ad7df73750e355', align: "center", color: "subdued" }, h("slot", { key: '882b1551d512776d29c7b14c8cfc77014c09ca7e' })))), h("div", { key: '390f8200cef094b3d19aefb50a040a3fa8f1bbdb', class: "empty-state__controls" }, h("slot", { key: '9da9474dfbdaeca4be918e3ba33d66d18f8e1e43', name: "controls" }))))));
     }
     static get is() { return "swirl-empty-state"; }
     static get encapsulation() { return "shadow"; }

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

@@ -76,7 +76,7 @@ export class SwirlFileChip {
             "file-chip--one-action": actionCount === 1,
             "file-chip--two-actions": actionCount === 2,
         });
-        return (h(Host, { key: 'c0c36333b0755d133b76be65c3bcb6e836dfa76f' }, h("span", { key: 'b5305e444f7bd6f312e07be6483d9ed12780918e', role: "group", class: className }, h("span", { key: 'afd3fdcf01ec643d1184e35303cd149c53b2baf9', class: "file-chip__icon" }, this.getFileIcon()), h("span", { key: 'b4be040cf043b72eb0fae586110a6d9370d1ac73', class: "file-chip__info" }, h("span", { key: '313a13ab722ca5b12fc7ec6ab90690a0e0702011', class: "file-chip__name", title: this.name }, this.name), this.description && (h("span", { key: '7c252bf12d00737ea1cb91c546965819955ff766', class: "file-chip__description" }, this.description))), h("swirl-button-group", { key: 'ffd56c9e704e5fe915c5f7a2cfeb022862148fee', class: "file-chip__actions" }, this.showPreviewButton && (h("swirl-button", { key: '7f47c4f43fcea1695ea5c2a151a622deca226064', variant: "flat", icon: "<swirl-icon-preview></swirl-icon-preview>", onClick: this.handlePreviewClick, label: this.previewButtonLabel, hideLabel: true, part: "file-chip__preview" })), this.showDownloadButton && (h("swirl-button", { key: '2ce7b4d819ce3ed9cd58b43563d840ed08286ecb', variant: "flat", icon: "<swirl-icon-download></swirl-icon-download>", onClick: this.handleDownloadClick, label: this.downloadButtonLabel, hideLabel: true, part: "file-chip__download" }))))));
+        return (h(Host, { key: '1ff513a7e6a713bbf01e9e382d5a59944e83a76d' }, h("span", { key: '07c55f201711710dcaf9155a65fe5234c3f6bb10', role: "group", class: className }, h("span", { key: '67527ea9bf4cef9643cd05a3356450d6ccf19442', class: "file-chip__icon" }, this.getFileIcon()), h("span", { key: '2545e6b96a1ae192e6f7f7f77e55c8e8ee2c6569', class: "file-chip__info" }, h("span", { key: 'abed1b4da825135ea279bc8bcdefa069f827702a', class: "file-chip__name", title: this.name }, this.name), this.description && (h("span", { key: '5393d708e3641a2c7e98d8fb6680552466cf5d63', class: "file-chip__description" }, this.description))), h("swirl-button-group", { key: '1e9e36fc18856957a7506fa31e5f8d0a78c01190', class: "file-chip__actions" }, this.showPreviewButton && (h("swirl-button", { key: 'f4abe0249de67d88539cefd48ff26e3f4dd79053', variant: "flat", icon: "<swirl-icon-preview></swirl-icon-preview>", onClick: this.handlePreviewClick, label: this.previewButtonLabel, hideLabel: true, part: "file-chip__preview" })), this.showDownloadButton && (h("swirl-button", { key: 'eaeefe79775ad6062a9290ea6febd388d081c3ed', variant: "flat", icon: "<swirl-icon-download></swirl-icon-download>", onClick: this.handleDownloadClick, label: this.downloadButtonLabel, hideLabel: true, part: "file-chip__download" }))))));
     }
     static get is() { return "swirl-file-chip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-file-uploader/swirl-file-uploader.js

@@ -32,10 +32,10 @@ export class SwirlFileUploader {
             "file-uploader--disabled": this.disabled,
             "file-uploader--show-dropzone": this.showDropzone,
         });
-        return (h(Host, { key: 'd66cc70daf54a715293b79662dad1dad1eb0f7e5' }, h("div", { key: 'd3a91ee86e642c1b771bf87928d1170e9e14b914', class: className }, this.hideLabel ? (h("swirl-visually-hidden", null, h("label", { htmlFor: this.inputId }, this.label))) : (h("label", { class: "file-uploader__label", htmlFor: this.inputId, id: `${this.inputId}-label` }, this.label)), this.description && (h("span", { key: 'cd46b8d2ab8d385f52fd554a8dc40bebe2e96af7', class: "file-uploader__description", id: `${this.inputId}-description`, innerHTML: this.descriptionAllowHtml ? this.description : undefined }, !this.descriptionAllowHtml && this.description)), h("div", { key: '614bc505a5c192f5cef1da7d9090cdd39f91ebc0', class: "file-uploader__dropzone" }, this.showDropzone ? ([
+        return (h(Host, { key: 'e356d6b279b3c25a94e3f0683d321cec6d9924fa' }, h("div", { key: 'df54ff0850f3e7abb6014146ed897d23ade75720', class: className }, this.hideLabel ? (h("swirl-visually-hidden", null, h("label", { htmlFor: this.inputId }, this.label))) : (h("label", { class: "file-uploader__label", htmlFor: this.inputId, id: `${this.inputId}-label` }, this.label)), this.description && (h("span", { key: 'd9bdd3e24d76798fb73a659cf76226466645c83c', class: "file-uploader__description", id: `${this.inputId}-description`, innerHTML: this.descriptionAllowHtml ? this.description : undefined }, !this.descriptionAllowHtml && this.description)), h("div", { key: '089f4bdba20d308fa7a1dcac3ffe852da79b8e4d', class: "file-uploader__dropzone" }, this.showDropzone ? ([
             h("swirl-icon-cloud-upload", { class: "file-uploader__dropzone-icon" }),
             h("div", { class: "file-uploader__dropzone-label", id: `${this.inputId}-additional-label` }, h("span", { class: "file-uploader__dropzone-cta" }, this.ctaLabel), " ", h("span", { class: "file-uploader__drag-drop-label" }, this.dragDropLabel)),
-        ]) : (h("swirl-button", { class: "file-uploader__upload-button", disabled: this.disabled, icon: this.uploadButtonIcon, intent: "primary", label: this.uploadButtonLabel, onClick: this.onUploadButtonClick, swirlAriaDescribedby: ariaDescribedby, variant: this.uploadButtonVariant })), h("input", { key: '275d83996f014a3dd63b31a14e63f8b52aa0610d', accept: this.accept, "aria-describedby": ariaDescribedby, "aria-disabled": this.disabled, autoComplete: "off", class: "file-uploader__input", disabled: this.disabled, id: this.inputId, multiple: this.multiple, name: this.inputName, onChange: this.onChange, ref: (el) => (this.inputEl = el), tabIndex: tabIndex, type: "file" })))));
+        ]) : (h("swirl-button", { class: "file-uploader__upload-button", disabled: this.disabled, icon: this.uploadButtonIcon, intent: "primary", label: this.uploadButtonLabel, onClick: this.onUploadButtonClick, swirlAriaDescribedby: ariaDescribedby, variant: this.uploadButtonVariant })), h("input", { key: '17f366351ad674a4a4f78f9ecb4f0a25fa34b485', accept: this.accept, "aria-describedby": ariaDescribedby, "aria-disabled": this.disabled, autoComplete: "off", class: "file-uploader__input", disabled: this.disabled, id: this.inputId, multiple: this.multiple, name: this.inputName, onChange: this.onChange, ref: (el) => (this.inputEl = el), tabIndex: tabIndex, type: "file" })))));
     }
     static get is() { return "swirl-file-uploader"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/swirl-file-viewer/swirl-file-viewer.js

@@ -46,7 +46,7 @@ export class SwirlFileViewer {
                 this.type !== "text/plain" &&
                 this.type !== "text/csv" &&
                 this.type !== "application/pdf");
-        return (h(Host, { key: '924bf518ff1dda9a8d2e885d37fe5b13cee17bd3' }, h("div", { key: '300e3bbc7a91297ea871592dfd9bc41ff0bf1f52', class: "file-viewer" }, this.type && this.active && (h("div", { key: '03b929295b236ab53f3ee4992d251fd27c5f770a', class: "file-viewer__file" }, this.type.startsWith("image/") && (h("swirl-file-viewer-image", { key: 'a9f87c8189619339610248bb837f4d4cd14de23c', description: this.description, errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "text/plain" && (h("swirl-file-viewer-text", { key: 'a68e0e0bd3ac9d96e54a005847dbc6abfbaa1994', errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "text/csv" && (h("swirl-file-viewer-csv", { key: '4db79bf34a3c1bdedc395ad436ba877749851c51', errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "application/pdf" && (h("swirl-file-viewer-pdf", { key: '88750678d948a485cec29b256e3ec89d0b81115b', errorMessage: this.errorMessage, file: this.file, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, ref: (el) => (this.viewer = el), viewMode: this.viewMode, workerSrc: this.pdfWorkerSrc, zoom: this.zoom })), this.type.startsWith("video/") && (h("swirl-file-viewer-video", { key: 'b55b62e1731f2890cb8c6448cbcbd87e9f2df55d', autoplay: this.autoplay, disableDownload: this.disableDownload, file: this.file, ref: (el) => (this.viewer = el) })), this.type.startsWith("audio/") && (h("swirl-file-viewer-audio", { key: 'd4a788daf528d79a1b61a165a3ecdc8360401216', autoplay: this.autoplay, file: this.file, ref: (el) => (this.viewer = el) })), unsupportedType && (h("swirl-file-viewer-fallback", { key: '6939b5a01447070847209aa1225bbd020ce98a0c', disableDownload: this.disableDownload, file: this.file, fileName: this.fileName, onDownload: this.onFallbackDownload })))))));
+        return (h(Host, { key: '0f7a7e35b49caee96d0589c627187e683a0ce1e4' }, h("div", { key: '50e0fd3a522bd2583c5df203c5f18cf494b609fb', class: "file-viewer" }, this.type && this.active && (h("div", { key: '97013bcc8f474c40d903038730f5123d9967f711', class: "file-viewer__file" }, this.type.startsWith("image/") && (h("swirl-file-viewer-image", { key: '7f0c52ae2dd1356650ca1cd7a2bd52962d8b7fa3', description: this.description, errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "text/plain" && (h("swirl-file-viewer-text", { key: 'a0bf7760dfe99c7bc4243f1d11cead9a67e4dea2', errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "text/csv" && (h("swirl-file-viewer-csv", { key: '2ed8b23de80c6146211974c9acd4868ccd28e74c', errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "application/pdf" && (h("swirl-file-viewer-pdf", { key: 'a706209531e197585eead385e9c41b4af4c7e355', errorMessage: this.errorMessage, file: this.file, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, ref: (el) => (this.viewer = el), viewMode: this.viewMode, workerSrc: this.pdfWorkerSrc, zoom: this.zoom })), this.type.startsWith("video/") && (h("swirl-file-viewer-video", { key: 'a4f0b5519c116097f939cc486d04788336d499ce', autoplay: this.autoplay, disableDownload: this.disableDownload, file: this.file, ref: (el) => (this.viewer = el) })), this.type.startsWith("audio/") && (h("swirl-file-viewer-audio", { key: 'ffc18e5962da27b36a01e62823367898c305bddb', autoplay: this.autoplay, file: this.file, ref: (el) => (this.viewer = el) })), unsupportedType && (h("swirl-file-viewer-fallback", { key: '93af80544dfac2479f65292d5dc78702a3499da3', disableDownload: this.disableDownload, file: this.file, fileName: this.fileName, onDownload: this.onFallbackDownload })))))));
     }
     static get is() { return "swirl-file-viewer"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-file-viewer/viewers/swirl-file-viewer-audio/swirl-file-viewer-audio.js

@@ -4,7 +4,7 @@ export class SwirlFileViewerAudio {
         this.activate.emit(this.el);
     }
     render() {
-        return (h(Host, { key: '2152479560a08c8d6127ca760a36a0c4db0515ad', class: "file-viewer-audio" }, h("audio", { key: '37f6d4ae04620cb315c8c4374deca942c9046fa7', autoplay: this.autoplay, class: "file-viewer-audio__audio", src: this.file, controls: true })));
+        return (h(Host, { key: '5307a6887c824353855fde367318db8ad9cb3a55', class: "file-viewer-audio" }, h("audio", { key: '26afdaa786199695202a9264322d4c44b97f4e6d', autoplay: this.autoplay, class: "file-viewer-audio__audio", src: this.file, controls: true })));
     }
     static get is() { return "swirl-file-viewer-audio"; }
     static get encapsulation() { return "shadow"; }