npm - @getflip/swirl-components - Versions diffs - 0.360.0 → 0.362.0 - Mend

@getflip/swirl-components 0.360.0 → 0.362.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1791) hide show

package/dist/cjs/swirl-theme-provider.cjs.entry.js CHANGED Viewed

@@ -152,7 +152,7 @@ const SwirlThemeProvider = class {
         this.setDesignTokens = [];
     }
     render() {
-        return (index.h(index.Host, { key: '990ae094ac27aeec54d50c16057012e9946f4e0c' }, index.h("slot", { key: '76c6ac3d15739879942e52ec0071a2e1b09f418a' })));
+        return (index.h(index.Host, { key: '3afc5b924186823e699288610eb1d5b74f17697c' }, index.h("slot", { key: 'b5e474f9524fbdfd57dd14ca5a782f236fc75ac6' })));
     }
     static get watchers() { return {
         "config": ["watchConfig"]

package/dist/cjs/swirl-time-input.cjs.entry.js CHANGED Viewed

@@ -144,7 +144,7 @@ const SwirlTimeInput = class {
         const className = index$2.classnames("time-input", {
             "time-input--inline": this.inline,
         });
-        return (index.h(index.Host, { key: '29e4cf7e2e0625f72bf74f31fb2976fb0b3d2014' }, index.h("div", { key: '58fbf4b5472e00d0af5993877aa687044d682e4b', class: className }, index.h("input", { key: '86b14f26118f92c77ed2606abd838de8583f12ea', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "time-input__input", disabled: this.disabled, id: this.id, inputmode: "numeric", onBlur: this.onBlur, onClick: this.onClick, onFocus: this.onFocus, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text" }), index.h("span", { key: '9c3f445d350eebda6d5a497adfb58c595e1e3817', class: "time-input__icon" }, index.h("swirl-icon-time-outlined", { key: '5707ef0024b2c7c1184305634d21af87a8d9f627', size: this.iconSize })))));
+        return (index.h(index.Host, { key: '73e8d2f7820a4d11c69ef467ba037314d0f8d652' }, index.h("div", { key: '63bd53c6c44288f0604813b168bf088932efa491', class: className }, index.h("input", { key: '24a88592ed5bfb0bb4b28f800a4327f5c15c3377', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "time-input__input", disabled: this.disabled, id: this.id, inputmode: "numeric", onBlur: this.onBlur, onClick: this.onClick, onFocus: this.onFocus, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text" }), index.h("span", { key: '485569115747292c83b33445040a903e483caf51', class: "time-input__icon" }, index.h("swirl-icon-time-outlined", { key: 'b3d51594c1ccfd4288fa9e6fcea996723533a021', size: this.iconSize })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/swirl-toast-provider.cjs.entry.js CHANGED Viewed

@@ -45,7 +45,7 @@ const SwirlToastProvider = class {
         return newToastWithId;
     }
     render() {
-        return (index.h(index.Host, { key: '0de522d0575f6023484863d9b1cad338b3bf3bcd', role: "status" }, index.h("swirl-stack", { key: '6833c4a10998d5a9edec3cac5add223ecb296dda', spacing: "12" }, this.toasts.map((toast) => {
+        return (index.h(index.Host, { key: 'fe0bb88832d412dcb3ae9de049dd7ae50821cb68', role: "status" }, index.h("swirl-stack", { key: '613b4e93def54213665d083991864c553962157d', spacing: "12" }, this.toasts.map((toast) => {
             const props = { ...toast, content: undefined };
             return (index.h("swirl-toast", { key: toast.toastId, onDismiss: this.onDismiss, ...props }, toast.content));
         }))));

package/dist/cjs/swirl-toast.cjs.entry.js CHANGED Viewed

@@ -54,7 +54,7 @@ const SwirlToast = class {
     }
     render() {
         const className = index$1.classnames("toast", `toast--intent-${this.intent}`);
-        return (index.h(index.Host, { key: 'e9cca93020ec6d094231fe3d460aad88daf79809' }, index.h("div", { key: 'f4596be9c122d15af428ee15a625f366dbaf59b2', class: className }, this.icon && (index.h("span", { key: '600246de21c1784f1baec655517defbc9ea5e2ff', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), index.h("span", { key: '4f6bc65e3292cb7f56a01a762d7ce015dc545772', class: "toast__content", innerHTML: this.content, part: "toast__content" }, index.h("slot", { key: 'ae02f27a9f683d98e44a876df6b5b7700ef1c68f' })), index.h("button", { key: '1dce24dffb6e7ccf30cb9f92a67dca3df20ebf8b', "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && (index.h("swirl-icon-close", { key: '1d4478a02a772ae225e487bfdc8039502a1dcf41', ref: (el) => (this.dismissIconEl = el) }))))));
+        return (index.h(index.Host, { key: '5a55709347db1f823b79c7f1821e79eb7624a856' }, index.h("div", { key: '19cdbf25bc20867ea12cc5f8bb1c51f6e99348d3', class: className }, this.icon && (index.h("span", { key: '4e2c9b17fcd454ecb2a789442443bae2cabec65c', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), index.h("span", { key: 'b6176ee4b5655724e3725d16d19f399899b40632', class: "toast__content", innerHTML: this.content, part: "toast__content" }, index.h("slot", { key: 'dc1302aaf5dd025c2b3df2c2662e30a94c3051bd' })), index.h("button", { key: 'ffdea30452398e98ca2c9a2994691ee30b723e8f', "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && (index.h("swirl-icon-close", { key: '3591769c0e95d869a93e7dbf8ded6a8ad0abc3d2', ref: (el) => (this.dismissIconEl = el) }))))));
     }
     static get watchers() { return {
         "duration": ["watchDuration"]

package/dist/cjs/swirl-toggle-button.cjs.entry.js CHANGED Viewed

@@ -17,7 +17,7 @@ const SwirlToggleButton = class {
         const classNames = index$1.classnames("button", {
             "button--pressed": this.isPressed,
         });
-        return (index.h("button", { key: 'b23991a59452905a963a390d50100641dbb7c1af', class: classNames, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, this.icon && (index.h("swirl-icon", { key: '0f3e2420ba2622b8bf3a5512d7b4d1ea7f734588', class: "button__icon", glyph: this.icon })), index.h("span", { key: 'ade8d219061b4e5a6a5ab7106d107aed70d42a98', class: "button__label" }, this.label)));
+        return (index.h("button", { key: '77add0909ef397228501ed2fd17d2d681050faea', class: classNames, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, this.icon && (index.h("swirl-icon", { key: 'eb4aa350e0d61839567de6f740079abc4c4096da', class: "button__icon", glyph: this.icon })), index.h("span", { key: '84327622aad4f4d26a57f16aeb4e831f39eb9c2e', class: "button__label" }, this.label)));
     }
 };
 SwirlToggleButton.style = swirlToggleButtonCss;

package/dist/cjs/swirl-toggle-group.cjs.entry.js CHANGED Viewed

@@ -62,7 +62,7 @@ const SwirlToggleGroup = class {
         const className = index$1.classnames("toggle-group", `toggle-group--variant-${this.variant}`, {
             "toggle-group--elevated": this.elevated,
         });
-        return (index.h("swirl-stack", { key: '8f9966117b896681d452c4a3fdd0bcd45484ef9b', class: className, "aria-label": this.swirlAriaLabel, spacing: "4", orientation: "horizontal", align: "center", role: "group" }, index.h("slot", { key: 'f386dbde3ee531e00515aac62771d50b2f8997c1', onSlotchange: this.onSlotChange })));
+        return (index.h("swirl-stack", { key: '27dc0aec3edb6aa55ce5583e99c76c8a0afc0a6e', class: className, "aria-label": this.swirlAriaLabel, spacing: "4", orientation: "horizontal", align: "center", role: "group" }, index.h("slot", { key: '26bc3a6b1d38a4f8107bfea2d8fdec4cf0b98b9e', onSlotchange: this.onSlotChange })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/swirl-toolbar.cjs.entry.js CHANGED Viewed

@@ -71,7 +71,7 @@ const SwirlToolbar = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '719236ca8a1f3fef172578d0d7d6932cabc763bb' }, index.h("swirl-stack", { key: '8fee5af69f1961c130ca87bd55ef3fb3977d8a78', align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8", wrap: true }, index.h("slot", { key: '05df1964caede7ca58827d90fdcfc60660c72eb3' }))));
+        return (index.h(index.Host, { key: '5adfaa377ddf1d344527d6c6f46542e657e6d40f' }, index.h("swirl-stack", { key: '8851a9980e2587bcb9924852046422a91a681f93', align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8", wrap: true }, index.h("slot", { key: 'dba50aba22e9dd1f9c36d15682de06c9b5f77768' }))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -113,7 +113,7 @@ const SwirlTooltip = class {
             "tooltip--active": this.active,
             "tooltip--visible": this.visible,
         });
-        return (index.h(index.Host, { key: 'd4f44ac10eae2b884b38de92c267e4fb28957d42', onKeydown: this.onKeydown }, index.h("span", { key: 'cd2e654187abaff40e055d5678d36f85573f1389', class: className }, index.h("span", { key: '01007180fc69b2ea7562aad8a914aab9f6a0559d', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, index.h("slot", { key: '979270ff10a2af5f2900f101584bfe70da274c34' })), index.h("span", { key: '4d62c0967d26521147ca7daddfffa8686d752b80', class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
+        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: {
                 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: 'c88d48b37dda6994960a59aa6dd0e6afa9e335d1', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, index.h("span", { key: '3adf4b87fbc1e5613d4eaa6c6c7fa4b958353d68', class: "tooltip__content", innerHTML: this.content }))), index.h("span", { key: '57397e5de9752c0e394be9cfb690cd9747b25c88', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
+            } }, 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.arrowStyles,
                 visibility: this.visible ? "visible" : "hidden",
             } })))));

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

@@ -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: 'd6695cd131c8858ea6b00e671c8dbd80d80d4a42', role: "none" }, index.h("li", { key: 'a3b3a56c8e153e3b35eaeecae1def5a547ca96cf', class: {
+        return (index.h(index.Host, { key: 'b085106b250f9645b611332c36762557a4656063', role: "none" }, index.h("li", { key: '33bab63c0050d6e4220186439ebbeca6bc47c44e', 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: '30c5b656119f8376445941a4e89aafa8c9a80c87', 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: '8667606cbf18c8f22df2ad5c79ce7926716eef2d', class: "tree-navigation-item__content" }, this.icon && (index.h("swirl-icon", { key: '74f2c144d5c1f9381629c15f4042f7f79a971949', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), index.h("span", { key: '32f3ddedced91548729521b8247d5da057834669', class: "tree-navigation-item__label" }, index.h("span", { key: '26a461a4632e43242f9152bae95ab86a23dec39c', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (index.h("span", { key: '455f97965cc9e33fa91dbdef4de64dfe5af54d9e', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, index.h("swirl-icon-chevron-right", { key: '93cf66a1e4c6407de411c59a90814212f78f3798', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (index.h("span", { key: '64549c8cc0a9c0f00351af560f7760ed2f803948', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, index.h("swirl-icon-open-in-new", { key: '3cd1e2b947702e732af3bcff5d5c511ee305c0c8', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (index.h("ul", { key: 'e4ac464e417989668fbc13bf71478b1987eedc25', 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: '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: {
                 height: this.childrenHeight,
-            } }, index.h("slot", { key: 'e35319ab4f25c518e98e1bf0dcb4475bdb6ea156' }))))));
+            } }, index.h("slot", { key: 'a28c89acefacf1e93826fdd2530c1ef77cf4ea5a' }))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -9,7 +9,7 @@ const SwirlTreeNavigation = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '1cfcb17729928a9f602aa4ba224d29c0db891d8a' }, index.h("ul", { key: 'c6e08b598965b7a14c1727a7287cad645d258b7f', "aria-label": this.label, class: "tree-navigation", role: "tree" }, index.h("slot", { key: 'adfe1621e78474eceba2fe27eaf883f16d4454ed' }))));
+        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' }))));
     }
 };
 SwirlTreeNavigation.style = swirlTreeNavigationCss;

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

@@ -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: '9c15110c17c0e525e9d795a56fe3c9e6027066e8', id: this.itemId, role: semantics === "tree" ? "none" : "listitem" }, index.h(Tag, { key: 'b4d4501bba0bc9ce223de8b4db9430bc42197bc1', class: className, role: semantics === "tree" ? "none" : undefined }, index.h("a", { key: '32fa772b5646f0b6140a4bbb9365a8e818578bea', "aria-current": this.active ? "page" : undefined, "aria-expanded": !hasChildren || semantics !== "tree"
+        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"
                 ? 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: '5d0cdeb21ee8c7549e797b6dad33c2caeacbbcd8', class: "tree-view-item__drag-handle" }, index.h("swirl-icon-drag-handle", { key: '1073ab90768adcce824848016a58bda4a7d78856', size: 20 }))), this.expandable && semantics === "tree" && (index.h("span", { key: '1a65e9c5055e0222782a6fc0fd9a054cf6dda870', class: "tree-view-item__toggle-icon" }, hasChildren && (index.h(index.Fragment, { key: '9e8fd067a2f8cf6b6c2e4f34cb06e24b0071690e' }, 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: 'a4b24adfbfe9d5a07c0004a3d621cf5d38542ace' }, index.h("span", { key: 'bda81f006ed0cc4d04a7c0e68eda2c75bfe3ef78', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (index.h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), index.h("span", { key: '522285b44bae82edd1ddafcbb1070b433cae1f35', class: "tree-view-item__label" }, this.label), index.h("span", { key: '3c5adab020bcb559b88124e91c49073580edb219', class: "tree-view-item__tags" }, index.h("slot", { key: 'd73e04abccdf715067af3f2f420247996621da40', name: "tags" }))), index.h("ul", { key: 'c4174b53e35864d3168a72d0734f5ce3e2ef89c7', "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: '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
                 ? "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: '3ea98ba83f784ed98896977156f15ee37483dc05' })))));
+            } }, index.h("slot", { key: 'b8e12c1af67654ccbabfd87c9c395997cd8941fa' })))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -332,7 +332,7 @@ const SwirlTreeView = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'd70ad5db06afd4a8d6d83ad591d09994f59c0325' }, this.enableDragDrop && (index.h("swirl-visually-hidden", { key: '2acc3e4542fb2687575500a6f603dca34ff310d8' }, index.h("span", { key: 'f3ae5aa66ff53b19db1b888eb03234709a264fe6', "aria-live": "assertive" }, this.liveRegionText))), index.h("ul", { key: 'ec7454804f6b5d93cbffd699f17a1bf9dcf15859', "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: '836eead8ff82f16ea9ee81354bedb6c6c7e8d52b', onSlotchange: this.onSlotChange }))));
+        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 }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -10,7 +10,7 @@ const SwirlVideoThumbnail = class {
         this.durationLabel = "Duration";
     }
     render() {
-        return (index.h(index.Host, { key: '101547978270b2a902fb9fb675d5ce9a3f900e15' }, index.h("button", { key: '09e9a5106e6e5f3b830bb89f1889a27b0c53652e', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, index.h("img", { key: 'a24c1ddf0971ae55eb53556bf49df22bcdd0080f', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (index.h("span", { key: '308e3c0321cc8ab1d4ae88f3e77698503321a09d', class: "video-thumbnail__duration", id: "duration" }, index.h("swirl-visually-hidden", { key: 'd34528d6e2400df0a285f65a04d936c3b55cb33d' }, this.durationLabel), this.duration)), index.h("svg", { key: 'c7bb622069e0b816156acacda34057f4193ecb08', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '10719377763c42e51e8e8565a57c02c3373d0a10', 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: '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" })))));
     }
 };
 SwirlVideoThumbnail.style = swirlVideoThumbnailCss;

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

@@ -9,7 +9,7 @@ const SwirlVisuallyHidden = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '87028f7cf9af42f273d0dbdbdce2472d0293840e' }, index.h("slot", { key: '27b098e9c8387f5cfaff46fa7d5bf81c7b9f4b6a' })));
+        return (index.h(index.Host, { key: '5e241e8a81987590af24ea4f62581b66b1340169' }, index.h("slot", { key: '3357523a46cc3497cf299fa0fd5f08656ab6b0a9' })));
     }
 };
 SwirlVisuallyHidden.style = swirlVisuallyHiddenCss;

package/dist/collection/collection-manifest.json CHANGED Viewed

@@ -41,6 +41,7 @@
     "components/swirl-resource-list-item/swirl-resource-list-item.js",
     "components/swirl-search/swirl-search.js",
     "components/swirl-shell-navigation-item/swirl-shell-navigation-item.js",
+    "components/swirl-shell-layout/swirl-shell-layout.js",
     "components/swirl-skeleton-box/swirl-skeleton-box.js",
     "components/swirl-skeleton-text/swirl-skeleton-text.js",
     "components/swirl-spinner/swirl-spinner.js",
@@ -331,7 +332,6 @@
     "components/swirl-resource-list-file-item/swirl-resource-list-file-item.js",
     "components/swirl-resource-list-section/swirl-resource-list-section.js",
     "components/swirl-select/swirl-select.js",
-    "components/swirl-shell-layout/swirl-shell-layout.js",
     "components/swirl-symbol/symbols/swirl-symbol-cloud.js",
     "components/swirl-symbol/swirl-symbol.js",
     "components/swirl-symbol/symbols/swirl-symbol-account-circle.js",

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

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

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

@@ -54,7 +54,7 @@ export class SwirlAccordionItem {
         const className = classnames("accordion-item", {
             "accordion-item--expanded": this.expanded,
         });
-        return (h(Host, { key: '0585ed5acfc7dff3fafa11ec0cfb2d469d84f9e2' }, h("div", { key: 'dc12ae03c587084e4db14102c36a3c2520249c75', class: className }, h(HeadingTag, { key: 'bdea010f52fea7c3eadc92cad466e2095097a9cb', class: "accordion-item__heading" }, h("button", { key: '2740ec26889940db9b476060c24b434ee6a5102b', "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: '50a172747b20583130cbf83bb4ebfa6e14b6d417', class: "accordion-item__toggle-text" }, this.heading, this.description && (h("swirl-text", { key: '57c92c649d043736f5f04453fda549a79fb2d9be', as: "span", color: "subdued", size: "sm" }, this.description))), h("span", { key: 'd21c056161f0a018272d2fac9c8ac78873cb97d0', class: "accordion-item__icon" }, !this.expanded && (h("swirl-icon", { key: '063049b3afbb1b3324239ee4dfc77157d37a76ce', glyph: "chevron-right", size: 20 })), this.expanded && (h("swirl-icon", { key: '803d43579f453a8dedbce20fdec3eac1b7f30a73', glyph: "expand-more", size: 20 }))))), h("div", { key: '2435091e461eae245e003fefcca05e5c06ea355d', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, h("slot", { key: '2b3f5840d414178e2db539fb359b7f9bc8b3a2ff' })))));
+        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' })))));
     }
     static get is() { return "swirl-accordion-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -89,7 +89,7 @@ export class SwirlActionList {
         });
     }
     render() {
-        return (h(Host, { key: 'be081a33787b32237d996d38d2c7d1d6aeccd08a' }, h("div", { key: 'a41ed4a72c31740add6c757999cec0a00a85cfb3', "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: 'bc113761c4c4191be0431379f115eb6f3a0abcfa', onSlotchange: this.setSectionSeparator }))));
+        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 }))));
     }
     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 CHANGED Viewed

@@ -9,7 +9,7 @@ export class SwirlActionListSection {
         this.hasSeparator = false;
     }
     render() {
-        return (h(Host, { key: 'a3d1af938e7d15b2d019ec947a224ea908a789a4' }, this.hasSeparator && (h("swirl-separator", { key: 'df4880ee4b69761ead7ecda78541216ba9fdf241', spacing: this.separatorSpacing })), h("div", { key: 'fde81917cc7f0ea3e96198dd2d684cfd75ba7658', "aria-labelledby": "label", class: "action-list-section", role: "group" }, h("span", { key: 'd9e649b1a643f843e4c4e8c8003fb09cadddf4ce', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), h("swirl-stack", { key: '9c09ad4a9f6ec010de47ea9fba198ef67a926e1a', spacing: this.spacing, align: "stretch" }, h("slot", { key: '72f9ec0b1218eab25d7e2ce3e59f20c5b1a969b7' })))));
+        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' })))));
     }
     static get is() { return "swirl-action-list-section"; }
     static get encapsulation() { return "shadow"; }

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

@@ -30,7 +30,7 @@ export class SwirlAppIcon {
         const className = classnames("app-icon", {
             "app-icon--has-icon": showIcon || showFallbackIcon,
         });
-        return (h(Host, { key: '2073405dc023facc8321a26be91cc1cc56653348' }, h("span", { key: '8a37894d5aeb9660ba61ca58d6e25d5a4799afad', class: className }, showImage && (h("img", { key: '0e638f9b5d020e811e0dd573baad991ed5e2dc53', alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" })), showIcon && (h("span", { key: '15573bd9533b881471d951b23a3e24b6fb2ae6b8', class: "app-icon__icon", innerHTML: this.icon })))));
+        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 })))));
     }
     static get is() { return "swirl-app-icon"; }
     static get encapsulation() { return "shadow"; }

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

@@ -22,7 +22,7 @@ export class SwirlAvatarGroup {
             "avatar-group--has-badge": Boolean(this.badge),
         });
         const badgeClassName = classnames("avatar-group__badge");
-        return (h(Host, { key: 'ba163a394e3c9475c5d5f4c3a6c9b53ed1538199' }, h("div", { key: 'f852e4ccc6ff3af8aa9c543850370165d28335ba', class: className, role: "group" }, h("slot", { key: 'd0645fd5fb665aed27760df214ecdac8e3483594' }), this.badge && (h("span", { key: '76c4597cff6646318cc50d57ed468e3341be768b', class: badgeClassName, innerHTML: this.badge, ref: (el) => (this.badgeEl = el) })))));
+        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) })))));
     }
     static get is() { return "swirl-avatar-group"; }
     static get encapsulation() { return "shadow"; }

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

@@ -11,11 +11,11 @@ export class SwirlCarouselSlide {
         const className = classnames("carousel-slide", {
             "carousel-slide--has-min-height": Boolean(this.minHeight),
         });
-        return (h(Host, { key: 'f2ece15a830aed50ac09c6667a22c1f21ada5c95', "aria-roledescription": "slide", "aria-label": this.label, class: className, role: "group", style: {
+        return (h(Host, { key: 'c5e73aba969205973717a1a408e6d3337d56bcda', "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: '3d031a88d84034bbd46f9e1640f759b53818f80d' })));
+            }, tabIndex: 0 }, h("slot", { key: '0259f47ff8017adb7cf957e3915e7bf1452f7091' })));
     }
     static get is() { return "swirl-carousel-slide"; }
     static get encapsulation() { return "shadow"; }

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

@@ -55,11 +55,11 @@ export class SwirlColorInput {
         const className = classnames("color-input", {
             "color-input--inline": this.inline,
         });
-        return (h(Host, { key: '3497a5228d21e3888155ee30fdcc8f4b06071075' }, h("div", { key: '70dec42e3c74bea566f9ea3cffcbf5bca2995372', class: className }, h("input", { key: 'bd533e1032afc8d11b1afe24f9c0857e637c2a73', "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: '4898506bae164efe7503c02d1e9b4fbc1c792f25', swirlPopover: this.pickerId }, h("button", { key: '9238e7ba3ee36d5d4802fe1cbcc93b90da1e784d', "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
+        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: {
                 backgroundColor: this.disabled
                     ? "var(--s-border-subdued)"
                     : this.value,
-            }, type: "button" })), h("swirl-popover", { key: 'a692a8e6fa94b10b27a304a40a85746ecf95e3f0', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, h("swirl-box", { key: '781ad6a845f19b321aeacbaa03d803492f54bc37', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, h("hex-color-picker", { key: '78401ba31a8b66b809b9f362bd501f1dcb490880', color: this.value, ref: (el) => (this.picker = el) }))))));
+            }, 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) }))))));
     }
     static get is() { return "swirl-color-input"; }
     static get encapsulation() { return "scoped"; }

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

@@ -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: '7609dc3d18efbf738f97542f3d70f37f725856c2' }, h("div", { key: 'fc9ff91ac887fd251ddc2cd186fcdea540fce5d1', class: className, onClick: this.onClick, onKeyDown: this.onKeyDown }, h("header", { key: 'cbe26fcebdb5a1b70a1ba68c4a375af266ab661f', "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (el) => (this.sidebarEl = el) }, h("div", { key: '1a6c7c5c5c3df23e3a9d08fb04160b38917ceee9', class: "console-layout__header" }, h("div", { key: '3616248f89007de4bd082836f14f92b0ca6f0bc9', class: "console-layout__logo" }, h("svg", { key: 'a8a255d0e0500b138aa5866c03096fbc6c66e0d9', 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: 'a31c6fb7e65d8c918bfbff12184c4b1cb8acc5e9', 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: '7bee342b8545ec067ca1041374d1db9baed7b6be', 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: 'fe3f0343857e0d211614673b13201ce3d2f4b1c7', 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: '80e1b3c72d24402523def70efc179b4878c001b3', d: "M12.2072 10.9785L7.32419 10.1459L0.625 14.0709L5.38887 14.9629L12.2072 10.9785Z", fill: "#80A8F4" })), h("swirl-text", { key: '120ac1e850e4f04b26857e53d036944facec9aea', class: "console-layout__logo-text", weight: "medium" }, this.logoText))), h("nav", { key: '628f87b2ba8ff564774a6e58aa45daea8e7dd3a6', "aria-label": this.navigationLabel, class: "console-layout__navigation" }, h("slot", { key: '4688e1301c67280575b186d97794b8765cb140bb', name: "navigation" })), h("div", { key: '2efe648dbade0217904c11a645f6469bd520203d', class: "console-layout__user" }, h("slot", { key: '5472dcfbeb86b691e02a0be40056d77dc1853ff3', name: "user" }))), h("main", { key: 'f91e4b6ec4f4696626735627ab1f797b6daa1ecc', "aria-labelledby": Boolean(this.appName) ? "app-name" : undefined, class: "console-layout__main" }, h("header", { key: 'cc487ba908125edb335ae1b897b67652ff1b636e', class: "console-layout__app-bar" }, h("span", { key: 'ea5fbcfd6520618ecca8a9a2cc98bc9ca80a0bc7', class: "console-layout__mobile-navigation-button" }, h("swirl-button", { key: '53c4d6b2043b2f6cbd5c638e7dafff4fe0368fa7', swirlAriaExpanded: String(this.sidebarActive), hideLabel: true, icon: this.sidebarActive
+        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
                 ? "<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: '42272b0c7159db100fe6c3b45da11b5cfde433a4', class: "console-layout__app-name" }, this.appName && (h("swirl-heading", { key: '56d64cdc93198321ec95735f624fe1e2f20d4246', as: "h1", headingId: "app-name", level: 4, text: this.appName }))), this.showHelpButton && (h("swirl-button", { key: '264eb7a00937d37c1ed6b72d9ff44cf23575a2a0', class: "console-layout__help-button", hideLabel: true, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick }))), h("section", { key: 'f33068854d60dd9e1fc092919c2c8eb944fe0d08', "aria-labelledby": "heading", class: "console-layout__content", style: contentStyles }, h("header", { key: '95645601e6d546dccbcb29b8c57be47ca6da1f10', class: "console-layout__content-header" }, this.showBackButton && (h("swirl-button", { key: 'd5c93b51ea01f6a4a51b3d53581d705883d46f12', 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: '4608b0e354a81b2d476841cdfd3efbc8af6aa158', class: "console-layout__heading-container" }, h("swirl-heading", { key: '3f1a88fe22d9e25e11d9776c9878b65d77e49726', as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && (h("swirl-text", { key: '95af95b3f035cecb979aa7499182f3f6529bce5f', class: "console-layout__subheading", color: "subdued" }, this.subheading)))), !Boolean(this.heading) && (h("div", { key: '8c0397b73c23cfcb3a4c378821cc3fd61e8fa203', class: "console-layout__heading-container" }, h("slot", { key: '08329b370db69a36788d0f288e5a21f620a4d5ed', name: "heading" }))), h("div", { key: '34b271b87abd86e0d79fdfbe1255b450ad9ccaef', class: "console-layout__content-header-tools" }, h("slot", { key: 'd511a6796201007980d868016d95b0b17cdd74a5', name: "content-header-tools" }))), h("div", { key: 'e7869cb19e7536c57947110758170e4c39020ed1', class: "console-layout__integration" }, h("slot", { key: 'c768dd67804b4573beda3197556fe74896e47608', name: "content" }))), h("div", { key: '242b5fd3e59c62a925bdbd40d3bed02fb662a24e', class: "console-layout__overlays" }, h("slot", { key: '13c6844bb24ce4b0e44075958901197831b754ea', name: "overlays" }))))));
+                : 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" }))))));
     }
     static get is() { return "swirl-console-layout"; }
     static get encapsulation() { return "shadow"; }

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

@@ -193,7 +193,7 @@ export class SwirlDateInput {
         const className = classnames("date-input", {
             "date-input--inline": this.inline,
         });
-        return (h(Host, { key: 'f019d3f87acf7b5ff19114e546e3301c933a1c99' }, h("div", { key: '43cc12ccacf3d84662233ded36855a98db8f6699', class: className }, h("input", { key: 'd0b4efb41915fb40a7176c6f6f0ba4c950d3b1ff', "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: 'dc6e98bdd67213f2b9e6d5aa15bc90b49c5e8011', swirlPopover: `popover-${this.id}` }, h("button", { key: '847fea1f7cd3ca28d32c1b5845b35699a9964e32', "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, h("swirl-icon-today", { key: '0f54c87d780187fa08f88dbf96bb9a33eae99220', size: this.iconSize })))), !this.disabled && (h("swirl-popover", { key: '6bde5123d029478d076b0bc7f39c5ed6867b223e', 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: 'b9e4ba1a9b2e04d13e3d680ea2ee9230d47352ea', disableDate: this.datePickerDisableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onValueChange: this.onPickDate, value: dateValue, startDate: dateValue })))));
+        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 })))));
     }
     static get is() { return "swirl-date-input"; }
     static get encapsulation() { return "scoped"; }

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

@@ -32,7 +32,7 @@ export class SwirlDatePicker {
         const startDate = this.startDate instanceof Date
             ? getISODateString(this.startDate)
             : undefined;
-        return (h(Host, { key: 'd76cc3c3e59e4e36fd9b6780892ec7c5f99ca53d', onClick: this.onClick }, h("wc-datepicker", { key: '7a9b2e38582b0b2c2f54180378939d36d03d516c', 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: '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 })));
     }
     static get is() { return "swirl-date-picker"; }
     static get encapsulation() { return "shadow"; }

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

@@ -4,7 +4,7 @@ import { h, Host } from "@stencil/core";
  */
 export class SwirlDescriptionList {
     render() {
-        return (h(Host, { key: '8dadabddf74cd0dd23831b8b372eabbecc3279fa' }, h("div", { key: '60584320a6168e7f96d953cfb03401c038707b5d', class: "description-list", role: "list" }, h("slot", { key: 'cf64a70a39984a3f5e863e05679a4a483298515d' }))));
+        return (h(Host, { key: 'cda975d718434bde0194dd58e53cb22a4c88d09a' }, h("div", { key: '5dd6683a8a31f34ebbf68c78ac91239370405f37', class: "description-list", role: "list" }, h("slot", { key: '6938a57c541dc6fd8726e122325fb354db7b5847' }))));
     }
     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 CHANGED Viewed

@@ -17,7 +17,7 @@ export class SwirlDescriptionListItem {
             "description-list-item--has-additional-content": hasAdditionalContent,
             "description-list-item--has-tools": hasTools,
         });
-        return (h(Host, { key: '1ac951248a1fc762351881f17e4216fbdbca9558', role: "listitem" }, h("div", { key: '677acd79b69b6bff834799df1fe8c72e089922f7', class: className, part: "description-list-item", role: "group" }, h("div", { key: '43e27c6f74ea3c3ceabdbc2af719359c467ef528', class: "description-list-item__inner" }, h("div", { key: '6584dc10f3e28d83a275f1a8c00c8c81a0436582', class: "description-list-item__text-container" }, h("div", { key: '0de504d6bf4ea7b615815834c9ecb048de00b7be', class: "description-list-item__term", part: "description-list-item__term", role: "term" }, this.term, this.tooltip && (h("span", { key: '57cfaa8d72589e841c70e355982f8c6dde12379d', class: "description-list-item__tooltip" }, h("swirl-tooltip", { key: '3646d815d8d52b67d6dc3f666632a45a4832dd83', content: this.tooltip, position: "right" }, h("swirl-icon-info", { key: 'ec0816b7454bc5dbdc5b21620c4a3035d548934c', size: 16, tabIndex: 0 }))))), h("div", { key: 'f44cd1dbe8399a7cc8c47ee89b146e0bf9471542', style: { maxWidth: this.maxWidth }, class: "description-list-item__description", role: "definition" }, h("slot", { key: '36c46bd33470023e2e66c664267d520916ef44b9' }))), h("div", { key: '495ebf69e9fdc4ef184c41d9f266de805f08c961', class: "description-list-item__tools" }, h("slot", { key: 'ada6058e903413c3e78a6246b6f394d217e1876d', name: "tools" }))), h("div", { key: 'cd181cc16df3d021b3e305418262af69ed28e145', class: "description-list-item__additional-content" }, h("slot", { key: '0e6bd323b1383ee67b8fcf6f571855b64793d1ee', name: "additional-content" })))));
+        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" })))));
     }
     static get is() { return "swirl-description-list-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -8,7 +8,7 @@ export class SwirlEmojiClap {
     }
     render() {
         const className = classnames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: '36d3ccd513c13226c2fa9652fc32af906a0b7296' }, this.size === 16 && (h("img", { key: 'b976d4448555c7ee6f1461c0acd4874eadf1c38d', alt: this.label, class: className, height: "16", src: "emojis/Clap16.png", width: "16" })), this.size === 20 && (h("img", { key: '72ab3e914596abcbf255ea79977571714e5fc6c1', alt: this.label, class: className, height: "20", src: "emojis/Clap20.png", width: "20" })), this.size === 24 && (h("img", { key: 'df4297a835eaa40d7973df835f3d16444e599500', alt: this.label, class: className, height: "24", src: "emojis/Clap24.png", width: "24" })), this.size === 32 && (h("img", { key: 'c581490350061ed37703e93a1d3b96e895c819c9', alt: this.label, class: className, height: "32", src: "emojis/Clap32.png", width: "32" }))));
+        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" }))));
     }
     static get is() { return "swirl-emoji-clap"; }
     static get encapsulation() { return "shadow"; }

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

@@ -8,7 +8,7 @@ export class SwirlEmojiHappy {
     }
     render() {
         const className = classnames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: 'f54dc451dabd4432129928282011031692dbbcb6' }, this.size === 16 && (h("img", { key: '87ea563f49872461261fc8b6fc1e20971f3c3a8b', alt: this.label, class: className, height: "16", src: "emojis/Happy16.png", width: "16" })), this.size === 20 && (h("img", { key: '3db29855d53ac9d37526ae3529b043b96b1a4de8', alt: this.label, class: className, height: "20", src: "emojis/Happy20.png", width: "20" })), this.size === 24 && (h("img", { key: 'af92e0adff2291df85b45ca4f4cb980604f099a1', alt: this.label, class: className, height: "24", src: "emojis/Happy24.png", width: "24" })), this.size === 32 && (h("img", { key: '7c1fb9e124f88e87ee58b3047bd59b30e995b587', alt: this.label, class: className, height: "32", src: "emojis/Happy32.png", width: "32" }))));
+        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" }))));
     }
     static get is() { return "swirl-emoji-happy"; }
     static get encapsulation() { return "shadow"; }

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

@@ -8,7 +8,7 @@ export class SwirlEmojiIdea {
     }
     render() {
         const className = classnames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: '489276d28123335eb8c2be7bbb45ef1cbaaa917f' }, this.size === 16 && (h("img", { key: '063c09c5859bea4dbc55d9876d7c46514d2df3bc', alt: this.label, class: className, height: "16", src: "emojis/Idea16.png", width: "16" })), this.size === 20 && (h("img", { key: 'f06e9a4e128ce0bd9b6c06f1f002e6fb39ddbb36', alt: this.label, class: className, height: "20", src: "emojis/Idea20.png", width: "20" })), this.size === 24 && (h("img", { key: '33c196fdcd392c9deba1f4963782248692e52813', alt: this.label, class: className, height: "24", src: "emojis/Idea24.png", width: "24" })), this.size === 32 && (h("img", { key: '565a486daddaf62684be3f9fac0340157958410e', alt: this.label, class: className, height: "32", src: "emojis/Idea32.png", width: "32" }))));
+        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" }))));
     }
     static get is() { return "swirl-emoji-idea"; }
     static get encapsulation() { return "shadow"; }

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

@@ -8,7 +8,7 @@ export class SwirlEmojiLove {
     }
     render() {
         const className = classnames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: 'a7fe796e80167ed572bac34929c94c936ff10d99' }, this.size === 16 && (h("img", { key: '76fe605754df935573e041502f3f9b4e120c318d', alt: this.label, class: className, height: "16", src: "emojis/Love16.png", width: "16" })), this.size === 20 && (h("img", { key: 'b24ef077bfa31cde2d32d31d919170bedd21d129', alt: this.label, class: className, height: "20", src: "emojis/Love20.png", width: "20" })), this.size === 24 && (h("img", { key: 'b9ea3815769ae3ab712c1742806252548c7d6d4c', alt: this.label, class: className, height: "24", src: "emojis/Love24.png", width: "24" })), this.size === 32 && (h("img", { key: '773948b417805be876cf3f7472dad4ef7dc3b5b5', alt: this.label, class: className, height: "32", src: "emojis/Love32.png", width: "32" }))));
+        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" }))));
     }
     static get is() { return "swirl-emoji-love"; }
     static get encapsulation() { return "shadow"; }

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

@@ -8,7 +8,7 @@ export class SwirlEmojiSad {
     }
     render() {
         const className = classnames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: 'af021292a2094341406e19d8073ab6cdd299c1d0' }, this.size === 16 && (h("img", { key: '9f7341a2766e7255b47f6afc2c58dbf969db69c9', alt: this.label, class: className, height: "16", src: "emojis/Sad16.png", width: "16" })), this.size === 20 && (h("img", { key: '226025eca3609e0dc155931115ab9abd82582bcb', alt: this.label, class: className, height: "20", src: "emojis/Sad20.png", width: "20" })), this.size === 24 && (h("img", { key: 'f9978f52c8816f7160f4c79e2ebb754e32df7d84', alt: this.label, class: className, height: "24", src: "emojis/Sad24.png", width: "24" })), this.size === 32 && (h("img", { key: '0911a3527d094b0bb2ff4a3541050a8d20adb222', alt: this.label, class: className, height: "32", src: "emojis/Sad32.png", width: "32" }))));
+        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" }))));
     }
     static get is() { return "swirl-emoji-sad"; }
     static get encapsulation() { return "shadow"; }

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

@@ -8,7 +8,7 @@ export class SwirlEmojiThumbsUp {
     }
     render() {
         const className = classnames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: '57f48aacc21345b36567210ba4551b2211d6e17d' }, this.size === 16 && (h("img", { key: '29bf16b1a9dbd11842fc6239194e19cb1de1b4cc', alt: this.label, class: className, height: "16", src: "emojis/ThumbsUp16.png", width: "16" })), this.size === 20 && (h("img", { key: 'c50112ee06efc6cf7a4cdd67baec2ee88967b430', alt: this.label, class: className, height: "20", src: "emojis/ThumbsUp20.png", width: "20" })), this.size === 24 && (h("img", { key: 'fb381a495e88a89f414a8276fce7782d94640b45', alt: this.label, class: className, height: "24", src: "emojis/ThumbsUp24.png", width: "24" })), this.size === 32 && (h("img", { key: 'd50d675d9c0c29f49decf28eb1e0f737d24fe17d', alt: this.label, class: className, height: "32", src: "emojis/ThumbsUp32.png", width: "32" }))));
+        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" }))));
     }
     static get is() { return "swirl-emoji-thumbs-up"; }
     static get encapsulation() { return "shadow"; }

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

@@ -6,7 +6,7 @@ export class SwirlEmoji {
     }
     render() {
         const Tag = `swirl-emoji-${this.name}`;
-        return (h(Host, { key: '2ff31c66b4f1fd63e9d38877497232aa4636e2c2' }, h(Tag, { key: 'e513877722ddb88bc811941cc1f4de7050e2fb59', label: this.label, size: this.size })));
+        return (h(Host, { key: '169cecc0dffe92a1eed19e88e804d3faff0776bf' }, h(Tag, { key: 'e2be7dbf0028fd1e6117b3286baa24c970405f01', 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 CHANGED Viewed

@@ -16,7 +16,7 @@ export class SwirlEmptyState {
             "empty-state--has-controls": hasControls,
             "empty-state--has-slotted-illustration": hasSlottedIllustration,
         });
-        return (h(Host, { key: '33618990f6590817feb29d48a8d28c2f72520c8f' }, h("div", { key: 'f4457c2fd82c97719a53423a0a1ca84e0f18f682', class: className }, this.illustration && !hasSlottedIllustration && (h("img", { key: '6a5437fea0daaf0a01bee1d33e6f481bc4c51445', alt: "", class: "empty-state__illustration", src: this.illustration })), h("div", { key: '54154df2fb0a3e421ae291591a722bc67ded9119', class: "empty-state__slotted-illustration" }, h("slot", { key: 'df76cbcd0c655abeaeda7226fa853d45be89fb6b', name: "illustration" })), h("div", { key: '99fc1be561799b5f81a6bbb47c5d7312aafc77ad', class: "empty-state__body" }, h("swirl-stack", { key: '476f64dad851994d50e4d2b530da014328b30363', align: "stretch", spacing: "8" }, this.heading && (h("swirl-heading", { key: '3642c57f19d4f32f8fe3fb675d97ce9dd8d76ffd', align: "center", as: `h${this.headingLevel}`, level: 4, text: this.heading })), h("div", { key: '39fda9708d6f38f64866f3ca8c7e263bafebe665', class: "empty-state__content" }, h("swirl-text", { key: 'c5d2c8f426d44381d84f96cc90bb0c2a4194234f', align: "center", color: "subdued" }, h("slot", { key: '22365df3f321fe28aaf1f61419ec2a112852959d' })))), h("div", { key: 'c024ec14cadccc081de83ef4f7004543a8283e7c', class: "empty-state__controls" }, h("slot", { key: '21fa3b0cc64bc1c3b365b5ccb22b6bb0c68a27f4', name: "controls" }))))));
+        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" }))))));
     }
     static get is() { return "swirl-empty-state"; }
     static get encapsulation() { return "shadow"; }