npm - @getflip/swirl-components - Versions diffs - 0.417.0 → 0.418.0 - Mend

@getflip/swirl-components 0.417.0 → 0.418.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 (2035) hide show

package/dist/cjs/swirl-symbol-youtube.cjs.entry.js CHANGED Viewed

@@ -12,7 +12,7 @@ const SwirlSymbolYoutube = class {
     }
     render() {
         const className = index$1.classnames("swirl-symbol", `swirl-symbol--size-${this.size}`);
-        return (index.h("svg", { key: '22b1ee5ff3d7a827ce76cef7cbadc16701bcbec7', class: className, fill: "none", height: this.size, part: "symbol", viewBox: "0 0 24 24", width: this.size, xmlns: "http://www.w3.org/2000/svg" }, index.h(index.Fragment, { key: '93a80ce28c2cdd9239fec11ca8b0ed65e750fff4' }, index.h("path", { key: 'a2820e3daa67d3bf655c94795d2e85f9ca78914d', d: "M21.582 7.201C21.4691 6.77542 21.2463 6.38698 20.936 6.07459C20.6257 5.76219 20.2388 5.5368 19.814 5.421C18.254 5 12 5 12 5C12 5 5.74599 5 4.18599 5.421C3.76123 5.5369 3.37436 5.76231 3.06408 6.0747C2.7538 6.38708 2.53101 6.77547 2.41799 7.201C2.12953 8.79965 1.9896 10.4216 1.99999 12.046C1.9896 13.6704 2.12953 15.2923 2.41799 16.891C2.53092 17.3166 2.75368 17.705 3.06397 18.0174C3.37426 18.3298 3.76118 18.5552 4.18599 18.671C5.74499 19.092 11.999 19.092 11.999 19.092C11.999 19.092 18.253 19.092 19.813 18.671C20.2378 18.5553 20.6248 18.3299 20.9351 18.0175C21.2454 17.7051 21.4682 17.3166 21.581 16.891C21.8695 15.2923 22.0098 13.6705 22 12.046C22.0104 10.4216 21.8704 8.79965 21.582 7.201ZM9.95399 15.019V9.072L15.181 12.045L9.95399 15.019Z", fill: "currentColor" }))));
+        return (index.h("svg", { key: 'ce4245541f416e83acc3d7a770974777db4709ca', class: className, fill: "none", height: this.size, part: "symbol", viewBox: "0 0 24 24", width: this.size, xmlns: "http://www.w3.org/2000/svg" }, index.h(index.Fragment, { key: '76e6cb20a336e23d419e3158095aa763edb257fd' }, index.h("path", { key: 'd9f3360e93beeb77b4f5772f0558aa4a68ca498e', d: "M21.582 7.201C21.4691 6.77542 21.2463 6.38698 20.936 6.07459C20.6257 5.76219 20.2388 5.5368 19.814 5.421C18.254 5 12 5 12 5C12 5 5.74599 5 4.18599 5.421C3.76123 5.5369 3.37436 5.76231 3.06408 6.0747C2.7538 6.38708 2.53101 6.77547 2.41799 7.201C2.12953 8.79965 1.9896 10.4216 1.99999 12.046C1.9896 13.6704 2.12953 15.2923 2.41799 16.891C2.53092 17.3166 2.75368 17.705 3.06397 18.0174C3.37426 18.3298 3.76118 18.5552 4.18599 18.671C5.74499 19.092 11.999 19.092 11.999 19.092C11.999 19.092 18.253 19.092 19.813 18.671C20.2378 18.5553 20.6248 18.3299 20.9351 18.0175C21.2454 17.7051 21.4682 17.3166 21.581 16.891C21.8695 15.2923 22.0098 13.6705 22 12.046C22.0104 10.4216 21.8704 8.79965 21.582 7.201ZM9.95399 15.019V9.072L15.181 12.045L9.95399 15.019Z", fill: "currentColor" }))));
     }
 };
 SwirlSymbolYoutube.style = swirlSymbolCss;

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

@@ -11,7 +11,7 @@ const SwirlHeading = class {
     }
     render() {
         const Tag = `swirl-symbol-${this.glyph}`;
-        return (index.h(index.Host, { key: 'a51b447467eea4c4afa7ab921907c7c82063bfe1' }, index.h(Tag, { key: 'b4d947edc1794e8d1390b2a58dbe42728bc0d284', size: this.size })));
+        return (index.h(index.Host, { key: '37cb5bbc9b1154374379eb6b2900834c3d738faf' }, index.h(Tag, { key: '76c91a278a7dd872bd20e22bb2307eb26f2d865e', size: this.size })));
     }
 };
 SwirlHeading.style = swirlSymbolCss;

package/dist/cjs/swirl-table-cell.cjs.entry.js CHANGED Viewed

@@ -9,7 +9,7 @@ const SwirlTableCell = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '11893168441295ca4db3e66923b59304af5610b3', class: "table-cell", role: "cell" }, index.h("slot", { key: 'd872acef983534179b59b0f0760a76a38c2b631a' })));
+        return (index.h(index.Host, { key: '4360537d72d21fe7fee843e05a7dd7800f53402e', class: "table-cell", role: "cell" }, index.h("slot", { key: '57384438a93cf6425366875792e77d4a8cf8b1ba' })));
     }
 };
 SwirlTableCell.style = swirlTableCellCss;

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

@@ -41,10 +41,10 @@ const SwirlTableRowGroup = class {
         const iconType = this.isVisible
             ? "<swirl-icon-expand-less></swirl-icon-expand-less"
             : "<swirl-icon-expand-more></swirl-icon-expand-more";
-        return (index.h(index.Host, { key: '57f74911bb5dfa192f348752af965baf1802c416', class: "table-row-group", role: "rowgroup" }, index.h("div", { key: '9c2259fd67fdc29882c8a6d38d1843b3369800a2', class: "table-row-group__header-row", role: "row", ref: (el) => (this.headerRowElement = el) }, this.collapsible && (index.h("swirl-button", { key: 'fa9e6820244da26cc7c4c29169f96e0af32d8713', class: "table-row-group__collapse-icon", icon: iconType, label: this.collapseButtonLabel, onClick: this.toggleShowItems, swirlAriaExpanded: String(this.isVisible), variant: "plain", hideLabel: true })), index.h("span", { key: 'a16766e239df9535fed673eedf7ee69dfca69960', "aria-rowspan": rowspan, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && (index.h("span", { key: '1b8bcd3ad487220860186e235d8b670ebaebdf4f', class: "table-row-group__tooltip" }, index.h("swirl-tooltip", { key: '2252eb8b24b15226d85d6874d5f9bdaaeca93732', content: this.tooltip, position: "top", positioning: "fixed" }, index.h("swirl-icon-info", { key: '634767b66d4f1dfed135c861665dfb2b2ed8fe98', size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" })))))), index.h("div", { key: '4ce33959b57d82ca4831cc210bfc1af21221cbcc', class: {
+        return (index.h(index.Host, { key: 'dfe4796cf85bbb22180d0af9c46251b36155f5ce', class: "table-row-group", role: "rowgroup" }, index.h("div", { key: '8e3a0fefb40ee9082dabdfae02bd43fb998a8678', class: "table-row-group__header-row", role: "row", ref: (el) => (this.headerRowElement = el) }, this.collapsible && (index.h("swirl-button", { key: 'c7db36791188b3395ac860bdbbeac4224f245421', class: "table-row-group__collapse-icon", icon: iconType, label: this.collapseButtonLabel, onClick: this.toggleShowItems, swirlAriaExpanded: String(this.isVisible), variant: "plain", hideLabel: true })), index.h("span", { key: '9191d0fb439a48ce1ce82c7d3b2cb75f0d66164d', "aria-rowspan": rowspan, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && (index.h("span", { key: 'bfd2f330f1f9bb22efc4b44c33cffc45173563c0', class: "table-row-group__tooltip" }, index.h("swirl-tooltip", { key: '8b924bafba56360b634bb8c8c817514b84eaeaa8', content: this.tooltip, position: "top", positioning: "fixed" }, index.h("swirl-icon-info", { key: '525e13e6a68111eb45671cffb06fdc35541095b7', size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" })))))), index.h("div", { key: 'e7d03639964a73a2ea7627a9d77f739d4b2ed097', class: {
                 "table-row-group__rows-container": true,
                 "table-row-group__rows-container--is-hidden": this.isVisible,
-            }, "aria-hidden": !this.isVisible, ref: (el) => (this.tableRowElements = el) }, index.h("slot", { key: '2cb2641897fc600e4608f66335ba9fb31b17d3d3' }))));
+            }, "aria-hidden": !this.isVisible, ref: (el) => (this.tableRowElements = el) }, index.h("slot", { key: 'b8d2baaecd932101d9a161c831655a586705f0bc' }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-table-row.cjs.entry.js CHANGED Viewed

@@ -18,7 +18,7 @@ const SwirlTableRow = class {
         const className = index$1.classnames("table-row", {
             "table-row--highlighted": this.highlighted,
         });
-        return (index.h(index.Host, { key: '07a0938d84a55466e9ddb0530e537df2848b2c93', "aria-rowindex": this.index, class: className, role: "row" }, index.h("slot", { key: '6d2ef3a22f2f932b8c87a3c42c786c8ee871a6b8' })));
+        return (index.h(index.Host, { key: '909e8b3a822273fa20d7f733cd6553b4b714bbda', "aria-rowindex": this.index, class: className, role: "row" }, index.h("slot", { key: '874a9d4d44e2c1d60f1c4655d3e491a871392411' })));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -77,7 +77,7 @@ const SwirlTabs = class {
         }));
     }
     render() {
-        return (index.h(index.Host, { key: '7a49ff09653c0b1f5e26686142714fc058523d74' }, index.h("div", { key: '9008b1541394cf74cbaa3f7547052a4ad4ec12b5', class: "tabs" }, index.h("swirl-tab-bar", { key: 'bcee012c7a9735e5b49403d1f60f37a1e5608532', label: this.label, onActivateNextTab: this.onActivateNextTab, onActivatePreviousTab: this.onActivatePreviousTab, onActivateTab: this.onActivateTab, tabs: this.tabBarTabs, justify: this.justifyTabBar, paddingBlockEnd: this.tabBarPaddingBlockEnd, paddingBlockStart: this.tabBarPaddingBlockStart, paddingInlineEnd: this.tabBarPaddingInlineEnd, paddingInlineStart: this.tabBarPaddingInlineStart, variant: this.tabBarVariant })), index.h("slot", { key: 'f115095e588999ca0f99bfb3d307525a2ae27be6' })));
+        return (index.h(index.Host, { key: 'e3cfa7d29ba182000a8d2c3ae1c91f2acba477c6' }, index.h("div", { key: '5dee5a0f21f59c3482e20af540eb116ccbc667b3', class: "tabs" }, index.h("swirl-tab-bar", { key: '91d58df4c7b6c48b7811cce3697a9570dd973687', label: this.label, onActivateNextTab: this.onActivateNextTab, onActivatePreviousTab: this.onActivatePreviousTab, onActivateTab: this.onActivateTab, tabs: this.tabBarTabs, justify: this.justifyTabBar, paddingBlockEnd: this.tabBarPaddingBlockEnd, paddingBlockStart: this.tabBarPaddingBlockStart, paddingInlineEnd: this.tabBarPaddingInlineEnd, paddingInlineStart: this.tabBarPaddingInlineStart, variant: this.tabBarVariant })), index.h("slot", { key: '270c1b512361646547a962827c5ad1dafd66782a' })));
     }
     get el() { return index.getElement(this); }
 };

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: '697936dfb240631b474ff63fe3556240daa7c411' }, index.h("slot", { key: 'd19fac1da82cd342b88a5761df81906f171da60f' })));
+        return (index.h(index.Host, { key: 'd16d6251c7767e41ea692da9790a18f61f7dc0dd' }, index.h("slot", { key: '37e084b42290d9bb56f4a6df30a1c558c89bc52c' })));
     }
     static get watchers() { return {
         "config": ["watchConfig"]

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

@@ -111,6 +111,7 @@ const SwirlTimeInput = class {
             lazy: true,
             overwrite: true,
             eager: "append",
+            prepareChar: (str) => str.toUpperCase(),
             blocks: {
                 HH: {
                     mask: index$1.IMask.MaskedRange,
@@ -138,14 +139,9 @@ const SwirlTimeInput = class {
                 },
                 aa: {
                     mask: index$1.IMask.MaskedEnum,
-                    enum: ["AM", "PM", "A", "P"],
+                    enum: ["AM", "PM"],
                     maxLength: 2,
                 },
-                aaa: {
-                    mask: index$1.IMask.MaskedEnum,
-                    enum: ["am", "pm", "a", "p"],
-                    maxLength: 3,
-                },
             },
             format: (date) => {
                 if (!index$1.isValid(date)) {
@@ -174,7 +170,7 @@ const SwirlTimeInput = class {
         const className = index$2.classnames("time-input", {
             "time-input--inline": this.inline,
         });
-        return (index.h(index.Host, { key: 'a9e5029bd6533422a0b76f987258ac9be38b19c1' }, index.h("div", { key: '6aa38c211693172487f34ef52f151e4ad6ba704b', class: className }, index.h("input", { key: 'eae844b1c1e3fef5ed0e4531973ffcc451b45185', "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", readonly: this.readonly }), index.h("span", { key: '6af2efc0ac23e1c44ce4efa572c9d141aad92b96', class: "time-input__icon" }, index.h("swirl-icon-time-outlined", { key: 'e090879e594e5425215f8276c1d1ad4a59ddfcc5', size: this.iconSize })))));
+        return (index.h(index.Host, { key: '95605fb52fb183c800e6babb9fbbdf1297273db0' }, index.h("div", { key: '962cbc30e797c72546e73bbf53d428063b0f56c0', class: className }, index.h("input", { key: '8470cc74a2ab6fa5c35de2d8fc72df5608b4478c', "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", readonly: this.readonly }), index.h("span", { key: '661f2335207ada219385e12ab82b85ef30c1c3ab', class: "time-input__icon" }, index.h("swirl-icon-time-outlined", { key: '8c047c1b392406c6365da9dbbc3ce3f357fab511', size: this.iconSize })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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: '076dd33e9da2698806a29bbbd9244c5a3c5d553c', class: classNames, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, this.icon && (index.h("swirl-icon", { key: 'b1b3a601d9c8b468ccbbbf77c2dce73a20c3fe91', class: "button__icon", glyph: this.icon })), index.h("span", { key: '7bd41b9b22d16c9595f9d520233fe4232c945480', class: "button__label" }, this.label)));
+        return (index.h("button", { key: '749bfe02204cf6eebc6db96b804a65616b69b059', class: classNames, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, this.icon && (index.h("swirl-icon", { key: 'c35f6ac8a8b331224d7cead376b1c2ce886c9369', class: "button__icon", glyph: this.icon })), index.h("span", { key: '1383f4a3ccc7aa99b809fbdcda4c3eb0f66af5ad', class: "button__label" }, this.label)));
     }
 };
 SwirlToggleButton.style = swirlToggleButtonCss;

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: 'c34d1ddb25d367f8c4298cf6bae2c80f0aa63d3e', role: "none" }, index.h("li", { key: '124653d18246ae2b5314c0eb53841b51133692c9', class: {
+        return (index.h(index.Host, { key: '00d8208cabff874b4ddf9d091db6850d73475eac', role: "none" }, index.h("li", { key: '21db558c245bbdbfb474e38a49a665040dd3b188', 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: '2230725647e16e33ea60a8974173debdedc6301b', 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: 'b37e763760d31d2ca3f82315a002dd60471301d7', class: "tree-navigation-item__content" }, this.icon && (index.h("swirl-icon", { key: '3ba4a61b30ef4e4ef0ed5ad831a754af515531f7', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), index.h("span", { key: '281b7573fd6588b98e0ad36a041935e1ed1c9dbf', class: "tree-navigation-item__label" }, index.h("span", { key: '4afef0697d115637a9e127aa931fecd9da08c884', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (index.h("span", { key: '5a57b996794f4b0f3d35e8f07d4d8c964cfe8e58', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, index.h("swirl-icon-chevron-right", { key: 'a9c845c23c2073d2d44e3913faf1e45a97f8eadf', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (index.h("span", { key: '57b27184c7bae544ce4103fdcb82de6146afc4da', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, index.h("swirl-icon-open-in-new", { key: '7fdc82da3ac99d88301367a1e782dd26d225b70c', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (index.h("ul", { key: '798e33241ca61cadb53890783ac7a0f37dcc7056', 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: '2122f8a68593405f0407229d674eb81729824a72', 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: 'ac5a0ea83dc5e99fd0758dbb5e44b149dc5c5763', class: "tree-navigation-item__content" }, this.icon && (index.h("swirl-icon", { key: '46cf0644fbe0fe3f537672a9c2b708c21a46af5f', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), index.h("span", { key: 'd3d77106b694a237737a8047c5789b8e04a32012', class: "tree-navigation-item__label" }, index.h("span", { key: '5fbf2f69158db3fc38b477a40ce9beeb77567f2f', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (index.h("span", { key: '4f1a513a1d90ea7571f5a40d283071c10478737e', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, index.h("swirl-icon-chevron-right", { key: 'e90434fd05bfea610dfcbed998391175b20b421f', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (index.h("span", { key: '9e20dfd0d349841c0f2b34845ede5f39c5fb8549', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, index.h("swirl-icon-open-in-new", { key: 'e109eb851b6f721b862153c22f39cc3efca487d5', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (index.h("ul", { key: 'c5519e4f292ae738627c58f2471879bbfd556e2e', 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: 'f971df40987755458bea9a1798a8cb15a37fc997' }))))));
+            } }, index.h("slot", { key: '5738c2357a39d12e1656ec6bbcb02c43cff53374' }))))));
     }
     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: '94dc5f9697a6590089aeb9e13858daedf66b358c' }, index.h("ul", { key: 'bc3341f4ce41c16669d3271d9973eb612724fa49', "aria-label": this.label, class: "tree-navigation", role: "tree" }, index.h("slot", { key: '586ad2556152a4c8746ef2a86fbf844577a1169f' }))));
+        return (index.h(index.Host, { key: 'aabdee9a7467a1729a78034b59da2acc63ac9fcf' }, index.h("ul", { key: '31971bbc30b92af7d80d260f7ab67802e14774d6', "aria-label": this.label, class: "tree-navigation", role: "tree" }, index.h("slot", { key: 'd2ee30c89bc101de3e4fe923bd329627cf6bd2fd' }))));
     }
 };
 SwirlTreeNavigation.style = swirlTreeNavigationCss;

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: '3aa9cfab4073b081056256b738d6f4d5c9d9fc9a' }, index.h("button", { key: '4a6dc5e379daf31b8c0e20e070accbc554b58a0b', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, index.h("img", { key: 'dcacb98586948d3940b2d123e10dde1eb283b96c', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (index.h("span", { key: 'c10f4b77f29f9eff2ed8b4eb07760748a67ccafa', class: "video-thumbnail__duration", id: "duration" }, index.h("swirl-visually-hidden", { key: '966fa69d72cdc49e4383fe0baef03b8dedbf8de5' }, this.durationLabel), this.duration)), index.h("svg", { key: 'a445322195ebc8318294fcd1ddbd2959dd239fe2', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '7222ba77315fe12961d00340fa1d4559158154e2', 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: '08db16f2da0892ad3ff53c980fe5e52ab882a9fa' }, index.h("button", { key: '6c0cd7f973af6497b480f0a597583cdbc0964803', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, index.h("img", { key: '7d2f5aa904955e734444cb067ed9a4c2982fc73a', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (index.h("span", { key: 'ea03e72b2ebdf534857a380728dc886709226958', class: "video-thumbnail__duration", id: "duration" }, index.h("swirl-visually-hidden", { key: '4ecc9f2bc273078d16061f0468650a8356ee4628' }, this.durationLabel), this.duration)), index.h("svg", { key: '350d61e99937b3eb2ff2bed630910bab8804ea77', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'bfa8dbbd6e4b76ec56c31c42db06be987c6e093a', 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: '546b96585fc1e15493e2c7fa92b9cfc28c1a8ffe' }, index.h("slot", { key: 'b185e3832112176945a554036154ad921c8693ff' })));
+        return (index.h(index.Host, { key: '28b1ba7a3153aea0d6d17615a1b4fde1b3af0d62' }, index.h("slot", { key: 'c1e1c738c6a9deeb543ce6f8901cd2e99c80e318' })));
     }
 };
 SwirlVisuallyHidden.style = swirlVisuallyHiddenCss;

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

@@ -1,5 +1,8 @@
 import { h, Host, } from "@stencil/core";
 export class SwirlAccordion {
+    constructor() {
+        this.multiExpand = false;
+    }
     componentDidLoad() {
         this.el.addEventListener("expansionChange", (event) => {
             if (event.detail) {
@@ -29,6 +32,9 @@ export class SwirlAccordion {
         item.expand();
     }
     collapseInactiveItems(activeItem) {
+        if (this.multiExpand) {
+            return;
+        }
         Array.from(this.el.querySelectorAll("swirl-accordion-item")).forEach((item) => {
             if (item !== activeItem) {
                 item.collapse();
@@ -36,7 +42,7 @@ export class SwirlAccordion {
         });
     }
     render() {
-        return (h(Host, { key: '0eef1c0c00082d7f962e4eeac018a6aefb232067' }, h("slot", { key: 'b2908f506d17b41c0ebdd707e4e55402b4e22091' })));
+        return (h(Host, { key: '460a845a82b2d480c008336395d835cc94e43452' }, h("slot", { key: '38b47130b8c7b415a26c5ccdec36bc8edbabb6f2' })));
     }
     static get is() { return "swirl-accordion"; }
     static get encapsulation() { return "shadow"; }
@@ -50,6 +56,30 @@ export class SwirlAccordion {
             "$": ["swirl-accordion.css"]
         };
     }
+    static get properties() {
+        return {
+            "multiExpand": {
+                "type": "boolean",
+                "attribute": "multi-expand",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "false"
+            }
+        };
+    }
     static get events() {
         return [{
                 "method": "expandedItemChange",

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

@@ -14,6 +14,7 @@ const Template = (args) => {
     const element = generateStoryElement("swirl-accordion", args);
     element.innerHTML = `
   <swirl-accordion-item description="Lorem ipsum dolor sit amet, consectetur adipiscing elit." heading="Accordion item 1" initially-open item-id="item-1">
+    <swirl-avatar slot="media" icon="<swirl-icon-groups></swirl-icon-groups>"></swirl-avatar>
     <swirl-stack spacing="16">
       <swirl-text size="sm">
         Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod

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

@@ -61,6 +61,7 @@
   padding: 0;
   padding-top: var(--s-space-16);
   padding-bottom: var(--s-space-16);
+  padding-left: var(--s-space-8);
   align-items: center;
   border: none;
   color: var(--s-text-default);

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

@@ -1,7 +1,8 @@
 import { h, Host, } from "@stencil/core";
-import { v4 as uuid } from "uuid";
 import classnames from "classnames";
+import { v4 as uuid } from "uuid";
 /**
+ * @slot media - Media slot for content to be displayed before the content.
  * @slot trailing - Trailing slot for content to be displayed before the expand icon.
  */
 export class SwirlAccordionItem {
@@ -57,7 +58,7 @@ export class SwirlAccordionItem {
         const className = classnames("accordion-item", {
             "accordion-item--expanded": this.expanded,
         });
-        return (h(Host, { key: '513bfaef62078fca2b6361204f20fea13d719fe7' }, h("div", { key: 'e9df38901a9ef9371f666cc826b11370e54f9698', class: className }, h(HeadingTag, { key: 'a0d7232239bde5b195f5e195c998b2f494e48db7', class: "accordion-item__heading" }, h("button", { key: 'b954b5f8f3a4dd45c2fde386fc7f04dd2cb8f704', "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: '62070ae3c56b2bdc33b398edb1913a743b5df77d', class: "accordion-item__toggle-text" }, this.heading, this.description && (h("swirl-text", { key: '62a30cc0cac3f2bcd9cb18e0a825b64a77804c79', as: "span", color: "subdued", size: "sm" }, this.description))), h("slot", { key: 'a61594600793c53e7c440b7f2a4e57ad7ca49d44', name: "trailing" }), h("span", { key: 'd7733a51066fc1e4184b39f9c7d2596c0b464ede', class: "accordion-item__icon" }, !this.expanded && (h("swirl-icon", { key: '3fb794429e667bf17da1c4eba34e89933f9df906', glyph: "chevron-right", size: 20 })), this.expanded && (h("swirl-icon", { key: 'b7649cc76e21c95b845f3ccc8b6ea5a24041738c', glyph: "expand-more", size: 20 }))))), h("div", { key: '1ea24085d71fb8381091053a289ce7db2f6b50a7', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, h("slot", { key: '8d5b7cc7004e4c40d06a4aace174a537e1bc5bfc' })))));
+        return (h(Host, { key: 'b35263203580fbfed36b2007641d1f83a63c6e6d' }, h("div", { key: '35c217c4a3e34ecf98b10bc39e53b1ffba8d0fc5', class: className }, h(HeadingTag, { key: '5a9e428ef98f63224fd0d025cf09b7b914337fc9', class: "accordion-item__heading" }, h("button", { key: '7c0ddadaeaa5df01bf70a8c4cb6ad74dc40557cd', "aria-controls": this.itemId, "aria-expanded": String(this.expanded), class: "accordion-item__toggle", disabled: this.disabled, id: this.headingId, onClick: this.onHeadingClick, type: "button" }, h("slot", { key: '42a75751024d1df6ca107276fcdbe7f3f882aa5e', name: "media" }), h("span", { key: 'dfe928fb6416203e7476e1103f5577b703f3c1d8', class: "accordion-item__toggle-text" }, this.heading, this.description && (h("swirl-text", { key: 'd580febd870c6e2e44bccb23ba2c38c8ceabf997', as: "span", color: "subdued", size: "sm" }, this.description))), h("slot", { key: '66fe643c962611eb0f9a1fe40ebdf98f40f4d088', name: "trailing" }), h("span", { key: '9a717649ec1c02ab576b69d2ab5a819f7cf3cfed', class: "accordion-item__icon" }, !this.expanded && (h("swirl-icon", { key: '7c62cddc6b7a9af65fb2114c9398641f96c06e3e', glyph: "chevron-right", size: 20 })), this.expanded && (h("swirl-icon", { key: '5deea0602d5390bdabf6ab46834aa6b623436e5c', glyph: "expand-more", size: 20 }))))), h("div", { key: 'db1eb88c10e0ff64166188b483387f55969a8619', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, h("slot", { key: '10d46819cced462a6f1fa9398cc34c325d0bc0ce' })))));
     }
     static get is() { return "swirl-accordion-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -14,6 +14,7 @@ const Template = (args) => {
     const container = document.createElement("swirl-accordion");
     const element = generateStoryElement("swirl-accordion-item", args);
     element.innerHTML = `
+    <swirl-avatar slot="media" icon="<swirl-icon-groups></swirl-icon-groups>"></swirl-avatar>
     <swirl-text slot="trailing" color="subdued">Trailing slot</swirl-text>
     <swirl-stack spacing="16">
       <swirl-text size="sm">

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: '17e0e75a245461c4ff2ca9e6a61d9990626198ab' }, h("div", { key: 'fc9d45acfa9e623043fab107ace5a26c4ea82979', "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: '800c475afa134d7501eeee08164700d4082bc038', onSlotchange: this.setSectionSeparator }))));
+        return (h(Host, { key: '09d1bc4e31b1945570f416728e29691ab8d3c3e3' }, h("div", { key: '22e9fd9171e10e4848b4c8abe27294aa9b27f135', "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: 'f8774d4ee3df61df23e9219a24bd9cceb9f85b45', 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: '42a4f114a91fff103aae006620ec4a89895071d6' }, this.hasSeparator && (h("swirl-separator", { key: '3a855304b20f4da6951405e92235159ba4f497a7', spacing: this.separatorSpacing })), h("div", { key: '41826164368186a525215e16869b83b072eb5c8b', "aria-labelledby": "label", class: "action-list-section", role: "group" }, h("span", { key: 'e72276c11976467c93e70c41f757fa65b2224e00', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), h("swirl-stack", { key: 'f28988fee83dd9efb724e0da3cc42b260cebe161', spacing: this.spacing, align: "stretch" }, h("slot", { key: 'a8888fc9fbcd793f4a2b9a9353aa7878a1209b22' })))));
+        return (h(Host, { key: '0bc222deb3a1bff86e6d5848eccc54f76fb34ce8' }, this.hasSeparator && (h("swirl-separator", { key: 'd11407df329bdb42e01574020636e0bad8cce670', spacing: this.separatorSpacing })), h("div", { key: '9615a451dd4b4ead12b371e5d5ee7185087d9aeb', "aria-labelledby": "label", class: "action-list-section", role: "group" }, h("span", { key: 'fcd3b4cee29e7f17331fccb71a5e70eb9cb78618', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), h("swirl-stack", { key: '748e7da4efcbd321db239694fabb7516dda850d7', spacing: this.spacing, align: "stretch" }, h("slot", { key: '5e05616181c45744e7a22d326ff4ce12198bfb9f' })))));
     }
     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: '1cf53be5713be2afd9deb54f716aab331cc357c1' }, h("span", { key: '5c8eede8ebb50579c5fbb58835fefc5dea85b619', class: className }, showImage && (h("img", { key: '648bac51e59d772ea780d692236905e7f5c7c607', alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" })), showIcon && (h("span", { key: '754d289ae8b2c3d6e12ed5527ed1f8406e669d19', class: "app-icon__icon", innerHTML: this.icon })))));
+        return (h(Host, { key: '9c26acdf5286cb87a8e3645a0d723fa7822ea8bb' }, h("span", { key: '72b57e72a81b7e7234a96fcee39aba7f77922930', class: className }, showImage && (h("img", { key: '45c57c6182edd69d1ffd2bd8de7fc35dfff9bb03', alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" })), showIcon && (h("span", { key: '3ac1c0820d113ffbf1cf1b7798a5cb133cb58dfc', class: "app-icon__icon", innerHTML: this.icon })))));
     }
     static get is() { return "swirl-app-icon"; }
     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: '665630cdcaf2fc32546284d0a186bc2f2a16c676', "aria-roledescription": "slide", "aria-label": this.label, class: className, role: "group", style: {
+        return (h(Host, { key: '8fe470cabdf40babf14512d6f78a819be2fad6c3', "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: '57616c752a207bcef8c9f49d109ed858023d6517' })));
+            }, tabIndex: 0 }, h("slot", { key: 'bb5aaf6b6743afe0d9c367daf0fea7397de54571' })));
     }
     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: 'f740b523a13351ea8b77a2d15f259f9d4d699f19' }, h("div", { key: '5ba7d3226ca4e00716c53913f9db0e0c4d8bd158', class: className }, h("input", { key: '6d86de9b3d32119d30973514f02500d67548feec', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "color-input__input", disabled: this.disabled, maxLength: 7, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, spellcheck: "false", type: "text", value: this.value, readonly: this.readonly }), h("swirl-popover-trigger", { key: '79deb5ef298ef629f17f228d982462fbc10a5420', swirlPopover: this.pickerId }, h("button", { key: 'bb430e420dc2c919224513136d7aa53d693dc081', disabled: this.readonly, "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
+        return (h(Host, { key: '76ca797ef75e13ae56b6eeb81f0c06830b7e4f3a' }, h("div", { key: '82208847977209ae0cb952b8649b810f2daa76f1', class: className }, h("input", { key: 'b5013b7d98514d3598c3143ff5766be1218f6fba', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "color-input__input", disabled: this.disabled, maxLength: 7, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, spellcheck: "false", type: "text", value: this.value, readonly: this.readonly }), h("swirl-popover-trigger", { key: 'efe56176224544da0aa2d744f1a0ab15d7486edd', swirlPopover: this.pickerId }, h("button", { key: '305a37bb005ae5ecda0ab5265cd1d54dfe600950', disabled: this.readonly, "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
                 backgroundColor: this.disabled
                     ? "var(--s-border-subdued)"
                     : this.value,
-            }, type: "button" })), h("swirl-popover", { key: '643bcad0f2187241506065a10599c6599d4e9cc9', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, h("swirl-box", { key: '6997c63d14796f40320d575b0d22e66820c783c4', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, h("hex-color-picker", { key: '540b704cc6ba56a8849e7ebd40d45aaacce5d878', color: this.value, ref: (el) => (this.picker = el) }))))));
+            }, type: "button" })), h("swirl-popover", { key: '96da0a92762b291d94639bc6ee9087e338200b9b', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, h("swirl-box", { key: '505b258981f4f74ee4830c773fe816b607d3d5d9', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, h("hex-color-picker", { key: '91d15d8c742af9b1ba2fd60497c4e254720aad51', 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

@@ -158,11 +158,11 @@ export class SwirlConsoleLayout {
             "console-layout--main-scrolled-to-bottom": this.contentScrollState.scrolledToBottom,
             "console-layout--hide-content-header": this.hideContentHeader,
         });
-        return (h(Host, { key: '4815fb5e801fe8a6e6b0c822dc2368904bf2dc8b' }, h("div", { key: '6159ff22d25c7d27a677e6d67a3f8971016b5ef4', class: className, onClick: this.onClick, onKeyDown: this.onKeyDown }, h("header", { key: 'baefa5ac4861ba8363a46b9c64b95cca3479ebc1', "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (el) => (this.sidebarEl = el) }, h("div", { key: 'd45a7e304e2013b9c134fab4fefd5380ab20de9a', class: "console-layout__header" }, h("div", { key: '3063e9bd8df891002fdf043b55407fce59a0c901', class: "console-layout__logo" }, h("svg", { key: '41f42776a3a3d1d88889a2fa108814fd660ace35', 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: 'af24345a81f147ab75d8a20fd528dde813914352', 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: 'fa7003b487a843eafd643d786ca4e9a66967ee1f', 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: '14d9fe03db375d378a6a4db9c6b375ae55fdc03c', 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: 'b903958362f3d3fa7f72d37fc1844bf9e4d7559b', d: "M12.2072 10.9785L7.32419 10.1459L0.625 14.0709L5.38887 14.9629L12.2072 10.9785Z", fill: "#80A8F4" })), h("swirl-text", { key: 'b7f9690de23744e1dcc81f53acf97236a8362e75', class: "console-layout__logo-text", weight: "medium" }, this.logoText))), h("nav", { key: 'a475177cc1f77ce548e3138f8ee6a202545b72cf', "aria-label": this.navigationLabel, class: "console-layout__navigation" }, h("slot", { key: 'e9ce193270fe8193733b208f889cc788b9a277c5', name: "navigation" })), h("div", { key: '12584d4dc12ff36e0ecd0d853aace0936794790f', class: "console-layout__user" }, h("slot", { key: 'c7db2cbc4b349a9598f97979beeec2e7e61cd33d', name: "user" }))), h("main", { key: '2b48c26ec129def46e1cc3f3be7151fb863a8113', "aria-labelledby": Boolean(this.appName) ? "app-name" : undefined, class: "console-layout__main" }, h("header", { key: 'cb481e40c801b8c42967f35de8400905ded5a70f', class: "console-layout__app-bar console-layout__app-bar--custom" }, h("slot", { key: '7fdb1d5bd16e7b1d64ae6db7a910490e41b86866', name: "app-bar", onSlotchange: this.updateCustomAppBarStatus })), h("header", { key: '36e691514c17442d18ec856cc42934594cc8c939', class: "console-layout__app-bar" }, h("span", { key: 'b1f0bc0fe2770791d5a0b8136869d91c92161743', class: "console-layout__mobile-navigation-button" }, h("swirl-button", { key: '22871bc55035291e21878ed88b42e813a7224f89', swirlAriaExpanded: String(this.sidebarActive), hideLabel: true, icon: this.sidebarActive
+        return (h(Host, { key: 'ec25a5df48adb6763d42fd1c1d3fdfd7709021bb' }, h("div", { key: 'e0efdf4cbd61a726437429146b49e3a3f71500f4', class: className, onClick: this.onClick, onKeyDown: this.onKeyDown }, h("header", { key: '27a242590a86e50e630a4a751dbcff9dfa11337a', "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (el) => (this.sidebarEl = el) }, h("div", { key: 'b9429a44bc8eb5d649ec81f92d2620a32be37205', class: "console-layout__header" }, h("div", { key: '3c4a7add6736688a0644e9bde8bc8cbfc0be3dbd', class: "console-layout__logo" }, h("svg", { key: 'a0c85f9cb107de60a7a0a09c5eaad180321fd6ab', 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: '7530a8c540d5425617617bce3b84fa4e75b6ff1e', 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: 'f4d2f315c0e46eedea14552e3cfe0b03d84d55b5', 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: 'b5b3b36fc8418dcd3c08d49e2f56915dfcd2e150', 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: 'ec66937df7431d944c42598bb9ad9f4e6a217c4f', d: "M12.2072 10.9785L7.32419 10.1459L0.625 14.0709L5.38887 14.9629L12.2072 10.9785Z", fill: "#80A8F4" })), h("swirl-text", { key: '84cb0977bde0f233950365631ca5e688cb48409c', class: "console-layout__logo-text", weight: "medium" }, this.logoText))), h("nav", { key: '7d6b62f2168d6cb2d0d7e80db2f95dfe28b89b2c', "aria-label": this.navigationLabel, class: "console-layout__navigation" }, h("slot", { key: '1ab81931d430fa39ee769c09bc9f1ad7cef67291', name: "navigation" })), h("div", { key: '5898f5740db84e7a6fd182032a30aba196fd03d2', class: "console-layout__user" }, h("slot", { key: '17396f96ee555f00ee1ea9e29ea46001ebb1e6f8', name: "user" }))), h("main", { key: 'a30be533b8b6b7aae54348d5d00a9e9e05c4eaad', "aria-labelledby": Boolean(this.appName) ? "app-name" : undefined, class: "console-layout__main" }, h("header", { key: '8b93b464cf02da1a7106c2e2a6ecbd6a4d249128', class: "console-layout__app-bar console-layout__app-bar--custom" }, h("slot", { key: '1e609f161e6b3c33a2412034003ff5c69bcc125e', name: "app-bar", onSlotchange: this.updateCustomAppBarStatus })), h("header", { key: '50484370f6a3d4e79075ff8ce3095526d9d1df32', class: "console-layout__app-bar" }, h("span", { key: '8c243d7ced4b1de660c25a07a9df9c114d76f197', class: "console-layout__mobile-navigation-button" }, h("swirl-button", { key: 'eddcf93dd207822d4914eaa826d9008a496c85fb', 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: '36fdc660f38123feeb8b0028d856988d3c5441e5', class: "console-layout__app-name" }, this.appName && (h("swirl-heading", { key: '17a56f9da94065e344b1b6b8ffd84b82c6dff7cb', as: "h1", headingId: "app-name", level: 4, text: this.appName }))), this.showHelpButton && (h("swirl-button", { key: '328cd8b96c1559d3aaf520715e52089bfdcb8b44', class: "console-layout__help-button", hideLabel: true, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick }))), h("section", { key: '19486de9997b5daf9af31a25a8885c86329cdb46', "aria-labelledby": "heading", class: "console-layout__content", onScroll: this.onMainScroll, ref: (el) => (this.contentEl = el) }, h("div", { key: '12d6c46a62957ed848c7894a68f4b1e0824b0b9e', class: "console-layout__content-container" }, !this.hideContentHeader && (h("header", { key: 'cc4cc44ca37cb973521feca0ccf4236f0a5d6607', class: "console-layout__content-header", style: contentStyles }, this.showBackButton && (h("swirl-button", { key: 'f27f8fc2d149f4e4587f4a755b4023f60136df2a', 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: 'd76d8b57036bc3105565ede67dc9ee84fb719992', class: "console-layout__heading-container" }, h("swirl-heading", { key: '1dc1bd897ae597bf67fc31154711632393bca99b', as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && (h("swirl-text", { key: '2e405156ab5fe2332064050248ef4de2e0b3c1b7', class: "console-layout__subheading", color: "subdued" }, this.subheading)))), !Boolean(this.heading) && (h("div", { key: 'e1304c66641fe4b12289ea8e34f0ea3e305360f0', class: "console-layout__heading-container" }, h("slot", { key: '79c27ac40d642391776704ddde0b5823537fe3b1', name: "heading" }))), h("div", { key: 'f3ab1fc15a49bec24c74d934bc244c29eb681ff9', class: "console-layout__content-header-tools" }, h("slot", { key: 'cf9640f2b11289b98618397046d87ecfb09da321', name: "content-header-tools" })))), h("div", { key: 'f2b7b295a028120ea5d9bd971e0078e957a6ff48', class: "console-layout__integration", style: contentStyles }, h("slot", { key: '0a48de530204d697420fc83e0e0665abe9bcd55d', name: "content" })))), h("footer", { key: '19f61a51b65406ddf246726467add2e0b9fdbe8c', class: "console-layout__footer" }, h("slot", { key: '5d7b06005008d041669ebac4a11b2d8816365edf', name: "footer", onSlotchange: this.updateFooterStatus })), h("div", { key: '62c51f28ff4035296904dfac3a3f7ca01ce20dff', class: "console-layout__overlays" }, h("slot", { key: 'ae36884ab5fa186a7113ea509b8629c78d50c809', name: "overlays" }))))));
+                : this.showNavigationButtonLabel, onClick: this.onMobileNavigationToggleClick })), h("div", { key: '5571c8627e40f43415cce9a5eff39ddb338ca0ad', class: "console-layout__app-name" }, this.appName && (h("swirl-heading", { key: '551fa8e3bab2eb7776da6026328f8cfc304b34f6', as: "h1", headingId: "app-name", level: 4, text: this.appName }))), this.showHelpButton && (h("swirl-button", { key: '839113a2b423396937b5abcb4be388f3da3ffd64', class: "console-layout__help-button", hideLabel: true, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick }))), h("section", { key: '2aaf4d1ee276dcce0901981b6f99c6936cf7704a', "aria-labelledby": "heading", class: "console-layout__content", onScroll: this.onMainScroll, ref: (el) => (this.contentEl = el) }, h("div", { key: '4e9cb173c271c62404601f38c6bcbe4b6b62e5ce', class: "console-layout__content-container" }, !this.hideContentHeader && (h("header", { key: 'eccdf52d32cfcb07705ae77f62142990f2e47903', class: "console-layout__content-header", style: contentStyles }, this.showBackButton && (h("swirl-button", { key: '1963b23df86b236960f9f2a6bfb2d45f0211095e', 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: '41f1dd697296d29e66d7acf1cbfa3745ef7aefc3', class: "console-layout__heading-container" }, h("swirl-heading", { key: '79467f229d08960306ba49d99b86215e057430d7', as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && (h("swirl-text", { key: '88c482830ad6dc150f8fad080aa86fe11fb4dd0a', class: "console-layout__subheading", color: "subdued" }, this.subheading)))), !Boolean(this.heading) && (h("div", { key: '00c6292cfea6251e1d6ac2feef0ad23217a3d063', class: "console-layout__heading-container" }, h("slot", { key: '635c5ff3dc018059d8465642950c1d3e7e36ff5d', name: "heading" }))), h("div", { key: '4cad29d8473c5c3dff8edcea2d3320a890f0dea8', class: "console-layout__content-header-tools" }, h("slot", { key: '1209bbf2f8e4714727ef10fb9b16510aef992581', name: "content-header-tools" })))), h("div", { key: '21db2f41f68238f2537fc74ae39388bec3d33474', class: "console-layout__integration", style: contentStyles }, h("slot", { key: 'aa90f16bccecc1b83ae0c0072d443f82002be0b3', name: "content" })))), h("footer", { key: 'd7b81136c62b5bbe8a9fe69bb9d6ec8f0014c768', class: "console-layout__footer" }, h("slot", { key: 'a1eafa3aa18f07d54af3b467456494bda491d6e2', name: "footer", onSlotchange: this.updateFooterStatus })), h("div", { key: '208001fe7e3786bb94af52ffe31aa47e730ac623', class: "console-layout__overlays" }, h("slot", { key: 'e928a243967fd8c6bce7d17d774842bfb2f21b74', 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

@@ -215,7 +215,7 @@ export class SwirlDateInput {
         const className = classnames("date-input", {
             "date-input--inline": this.inline,
         });
-        return (h(Host, { key: '77aaf0846db36ae3c53aedfe95f6b8b1f1760572' }, h("div", { key: '346e4f7f711d8fa13203083e2812d24a2f6c5471', class: className }, h("input", { key: '1a851268aa0479639893a6975be78713353c8e8f', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "date-input__input", disabled: this.disabled, readonly: this.isInPickOnlyMode || this.readonly, id: this.id, inputmode: "numeric", onClick: this.onClick, onMouseDown: this.onMouseDown, onFocus: this.onFocus, onBlur: this.onBlur, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text" }), !this.readonly && (h("swirl-popover-trigger", { key: '8e5da94d520dcc92deebfe8c9e17a9d7c4dddb81', swirlPopover: `popover-${this.id}` }, h("button", { key: 'ae641758c00ff228020ad06959fbaa58f51f3b06', "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, h("swirl-icon-today", { key: 'a19d5137d01c3a7381109eafeafc4d4a1529ad4e', size: this.iconSize }))))), !(this.disabled || this.readonly) && (h("swirl-popover", { key: 'dac1e2a9d8190f24e532944b6aabd91c484982c2', 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: '0d26e6a36dbc28b0c877f34f1ff5b993faa01fa6', disableDate: this.datePickerDisableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onValueChange: this.onPickDate, value: dateValue, startDate: dateValue })))));
+        return (h(Host, { key: '122135c2c5061758f06089513a406c4bbcf0b34c' }, h("div", { key: '77d124d013fc57426c30fd1726b3438abfb6a8ba', class: className }, h("input", { key: 'cc9ba7ab3a479731b5ba73ea355916dfb2feb03c', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "date-input__input", disabled: this.disabled, readonly: this.isInPickOnlyMode || this.readonly, id: this.id, inputmode: "numeric", onClick: this.onClick, onMouseDown: this.onMouseDown, onFocus: this.onFocus, onBlur: this.onBlur, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text" }), !this.readonly && (h("swirl-popover-trigger", { key: '7ee351a93ed9f30eeb6a7057a28210404bfa0868', swirlPopover: `popover-${this.id}` }, h("button", { key: '530d21cb5a3752218b3f38588fce1c927c535ad9', "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, h("swirl-icon-today", { key: '1954331a89fe5a076d0e951e09046a398cd4aaa6', size: this.iconSize }))))), !(this.disabled || this.readonly) && (h("swirl-popover", { key: '2956f5d627d6f2269063a986f9183e2a469088e2', 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: '3aac2a9318c4191ff049f2978ea68705e2f09024', 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

@@ -37,7 +37,7 @@ export class SwirlDatePicker {
         const className = classnames({
             "date-picker--fixed-max-width": this.fixedMaxWidth,
         });
-        return (h(Host, { key: '663f20f066e481c88072fd53b6e428eed00c48f6', onClick: this.onClick }, h("wc-datepicker", { key: '94ca6e5a77442d3909261db9ac949915a9a366f5', class: className, elementClassName: "date-picker", disableDate: this.disableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onSelectDate: this.onSelectDate, range: this.range, startDate: startDate, value: this.value })));
+        return (h(Host, { key: 'b3b92f7111e61219ec927aea63befa69668314af', onClick: this.onClick }, h("wc-datepicker", { key: '51b6b4beb979a2267bc19f60d5d2a5a43e88908d', class: className, elementClassName: "date-picker", disableDate: this.disableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onSelectDate: this.onSelectDate, range: this.range, startDate: startDate, value: this.value })));
     }
     static get is() { return "swirl-date-picker"; }
     static get encapsulation() { return "shadow"; }

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

@@ -4,7 +4,7 @@ import { h, Host } from "@stencil/core";
  */
 export class SwirlDescriptionList {
     render() {
-        return (h(Host, { key: 'd8d987e1b495e18cc6b657acdc0cfc22cf9b4be9' }, h("div", { key: 'e6b260ce52d0c913cb76f1b5649dfb30d00cb44c', class: "description-list", role: "list" }, h("slot", { key: '133e3a512e28638829a0668d2f4c24f2738e527a' }))));
+        return (h(Host, { key: '3609f2613ae2ce0d6aea21552065208762c11bea' }, h("div", { key: '17f4571248eccb182e772aa2075ed5ede9a33235', class: "description-list", role: "list" }, h("slot", { key: 'bc46e6b60cd99b535a40dec1fd8debcfb9cd01ab' }))));
     }
     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: 'abaf98ff1bc0063110486546f2ff5bb277b82473', role: "listitem" }, h("div", { key: '6e5b9cf7d839b198839d1ef792a2950966ebb87d', class: className, part: "description-list-item", role: "group" }, h("div", { key: '0712da2f94dc78e8ebfed921e1fd82a08b16bd8d', class: "description-list-item__inner" }, h("div", { key: '307335bc37372e3c2ddc968916f2955b4cad3814', class: "description-list-item__text-container" }, h("div", { key: '360890752a56fbc48cded4d43ba1308e69ec0542', class: "description-list-item__term", part: "description-list-item__term", role: "term" }, this.term, this.tooltip && (h("span", { key: '9f5146b9a038ec2bd362faaec98049ac399c9e13', class: "description-list-item__tooltip" }, h("swirl-tooltip", { key: '7ebea95fbe8a263391444b1afb0dc6a96b5df896', content: this.tooltip, position: "right" }, h("swirl-icon-info", { key: '8cb03c743b7bf213b3c8d704c6e2c13da80e03fc', size: 16, tabIndex: 0 }))))), h("div", { key: '7de78f40c93340f604deeacd5b0a3f9e8d714536', style: { maxWidth: this.maxWidth }, class: "description-list-item__description", role: "definition" }, h("slot", { key: '8ee26e1cdabc8e767a1b20a1f9bf4994b3820607' }))), h("div", { key: '780e878b13ab58d3fa5300aa51b73da92d398806', class: "description-list-item__tools" }, h("slot", { key: '45aeb1e2ffc61c269811c369949bf133117cc240', name: "tools" }))), h("div", { key: '0d01ef94d067e017cb0a4e7b56ab8656f57980b3', class: "description-list-item__additional-content" }, h("slot", { key: '3fed2deac0433e5fa25ccfa2ac909504b5087cdc', name: "additional-content" })))));
+        return (h(Host, { key: 'eb7616b79841a8c64bb294b7cde8e0d221b071a4', role: "listitem" }, h("div", { key: '0a1521d92896a93f78248c2c52409636ce6fdc39', class: className, part: "description-list-item", role: "group" }, h("div", { key: 'bb5cabf04bab654de5a4a264b9e837a961eabe8b', class: "description-list-item__inner" }, h("div", { key: '8484f7ab3a5072e0e4fe8d1c167279fa443d7cc3', class: "description-list-item__text-container" }, h("div", { key: '38fd012b729114783f1413c009f669d5cd2de8f2', class: "description-list-item__term", part: "description-list-item__term", role: "term" }, this.term, this.tooltip && (h("span", { key: '03fe8546ccf69dea75c3ff23bf10b9c0246b9575', class: "description-list-item__tooltip" }, h("swirl-tooltip", { key: '677ebeafee313f4096247a58c11f59f94a3ed3cd', content: this.tooltip, position: "right" }, h("swirl-icon-info", { key: 'a8436141f051236d2193fec52f23733f3b397566', size: 16, tabIndex: 0 }))))), h("div", { key: 'a3870805db26c2e0a0b7e0215374c2f5551a3792', style: { maxWidth: this.maxWidth }, class: "description-list-item__description", role: "definition" }, h("slot", { key: 'aee8d25b78e994d8e22c42168d01736a8cc92057' }))), h("div", { key: '4906c7e5491e11d017472f97e90352aacbe74970', class: "description-list-item__tools" }, h("slot", { key: '9cf8ea6fbf2c0d4bb2d589d0b6ad391c852f2dc3', name: "tools" }))), h("div", { key: '10cd752f19e838dc6ebea01d14cc9ad4b3765f83', class: "description-list-item__additional-content" }, h("slot", { key: '4a48ffe1814326cd11926fc86be2a56f4669dda9', 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: '84eb5ddb1ce86bb82cf2673ce016afcc887240e5' }, this.size === 16 && (h("img", { key: 'cb20845778fcfb4a6168653b475f3c025bb9134f', alt: this.label, class: className, height: "16", src: "emojis/Clap16.png", width: "16" })), this.size === 20 && (h("img", { key: 'c659f4b9b9b295a1fe759965cbef72afe911044b', alt: this.label, class: className, height: "20", src: "emojis/Clap20.png", width: "20" })), this.size === 24 && (h("img", { key: 'a588d20a059060ddfe22b448bae20a890bb73832', alt: this.label, class: className, height: "24", src: "emojis/Clap24.png", width: "24" })), this.size === 32 && (h("img", { key: '64140fe4768d9a4c0e7b076aebd0b258cb3137d1', alt: this.label, class: className, height: "32", src: "emojis/Clap32.png", width: "32" }))));
+        return (h(Fragment, { key: 'a88cbff328f28320dfb7f0ab347010a0f1befe25' }, this.size === 16 && (h("img", { key: '0b5149b9e98b04be48473a96d4cec3c9e7eb8b45', alt: this.label, class: className, height: "16", src: "emojis/Clap16.png", width: "16" })), this.size === 20 && (h("img", { key: 'e92ed80c3c3c10f7d71be66e73880b063cdd9336', alt: this.label, class: className, height: "20", src: "emojis/Clap20.png", width: "20" })), this.size === 24 && (h("img", { key: 'b665c393a66006c5ac51e09e947d9095b2bd111d', alt: this.label, class: className, height: "24", src: "emojis/Clap24.png", width: "24" })), this.size === 32 && (h("img", { key: '19958d429dac3bb20511007e55218dfae02c5ef7', 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: 'c4970d0580b5efe5b730b8c10653eae1e20fcda5' }, this.size === 16 && (h("img", { key: '2e1ea7619a84ed4d2ccd5c16d31745db66940137', alt: this.label, class: className, height: "16", src: "emojis/Happy16.png", width: "16" })), this.size === 20 && (h("img", { key: '1259e4171f0f4e0d1a8086b13a0f4247aecd59c1', alt: this.label, class: className, height: "20", src: "emojis/Happy20.png", width: "20" })), this.size === 24 && (h("img", { key: '5ff1b86bd443cf2668e34a9bacc0bd3e80eae394', alt: this.label, class: className, height: "24", src: "emojis/Happy24.png", width: "24" })), this.size === 32 && (h("img", { key: 'affed6b7ea796bb872a7e05a5736b12d607b0774', alt: this.label, class: className, height: "32", src: "emojis/Happy32.png", width: "32" }))));
+        return (h(Fragment, { key: '676c4afb2e509aa57dfdd4ac9a796484ccf0b135' }, this.size === 16 && (h("img", { key: '883271ca7d1b21f1c45123d7d00388c1aabaed84', alt: this.label, class: className, height: "16", src: "emojis/Happy16.png", width: "16" })), this.size === 20 && (h("img", { key: '495e8149fbb36e44a24dcbe4df2c9fb93c1ba7bd', alt: this.label, class: className, height: "20", src: "emojis/Happy20.png", width: "20" })), this.size === 24 && (h("img", { key: '58dfdf1eb6755187a5c3205cd2bfcce6341e48b6', alt: this.label, class: className, height: "24", src: "emojis/Happy24.png", width: "24" })), this.size === 32 && (h("img", { key: 'bd6acbaedc0ce7569a0fa38bf1f8b7ea4d7f7478', 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: '2290bc6161eb63ee23ecf06fa93714b0cc708196' }, this.size === 16 && (h("img", { key: '480624f433bd871973e385db4de95c5ce80b290a', alt: this.label, class: className, height: "16", src: "emojis/Idea16.png", width: "16" })), this.size === 20 && (h("img", { key: '636c0729258ae4fe56a45227673c870a13bba8c2', alt: this.label, class: className, height: "20", src: "emojis/Idea20.png", width: "20" })), this.size === 24 && (h("img", { key: 'bd2d915f0d7d26135402b4c7b130e531cc12ed69', alt: this.label, class: className, height: "24", src: "emojis/Idea24.png", width: "24" })), this.size === 32 && (h("img", { key: '92ab6253b231d315829861675053a2d10617f7bf', alt: this.label, class: className, height: "32", src: "emojis/Idea32.png", width: "32" }))));
+        return (h(Fragment, { key: 'af79a461284dae5646057641015d7dc7082a4c55' }, this.size === 16 && (h("img", { key: 'bd2014abe1c90b2795b00bbe6ed82171f0b11aa9', alt: this.label, class: className, height: "16", src: "emojis/Idea16.png", width: "16" })), this.size === 20 && (h("img", { key: '2707351c5d96ec8e682acaeff76be8dc6aaa5ba0', alt: this.label, class: className, height: "20", src: "emojis/Idea20.png", width: "20" })), this.size === 24 && (h("img", { key: '444440c7949f8bf228ba60ce505d3375636fd472', alt: this.label, class: className, height: "24", src: "emojis/Idea24.png", width: "24" })), this.size === 32 && (h("img", { key: 'a20f42352357096eed99105c6d42cd531e7b6f53', 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: 'd7b9b70ebe34ab7fd2d341005c329217f2810bf0' }, this.size === 16 && (h("img", { key: 'dfe3bf66cd25e056e9189a939cf17621e9962da2', alt: this.label, class: className, height: "16", src: "emojis/Love16.png", width: "16" })), this.size === 20 && (h("img", { key: '8e24ab49febf89ac250e18bb3929974d9b991a9b', alt: this.label, class: className, height: "20", src: "emojis/Love20.png", width: "20" })), this.size === 24 && (h("img", { key: '9fae2de6b4b80f268eb635d265a37dfe4820a594', alt: this.label, class: className, height: "24", src: "emojis/Love24.png", width: "24" })), this.size === 32 && (h("img", { key: 'b6f72d27e60d1d4807d837afbdd0b2c6141d7461', alt: this.label, class: className, height: "32", src: "emojis/Love32.png", width: "32" }))));
+        return (h(Fragment, { key: 'aa2f10718fe8a6380910c541cfa82ba4614ea1a8' }, this.size === 16 && (h("img", { key: 'dedbc425919cf652778b0a90832858a1d29d1aa9', alt: this.label, class: className, height: "16", src: "emojis/Love16.png", width: "16" })), this.size === 20 && (h("img", { key: '8043b08affea5e54ae286952e7059c6f1b537de4', alt: this.label, class: className, height: "20", src: "emojis/Love20.png", width: "20" })), this.size === 24 && (h("img", { key: 'f5cf9dcb6a1c41bb210daa02eb0817b6a4ef3995', alt: this.label, class: className, height: "24", src: "emojis/Love24.png", width: "24" })), this.size === 32 && (h("img", { key: 'c8dfcb4967428e49ce59f93dfae2a767c7ac0b1b', 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: 'a41b674f80e96b0c0f88b607e8514fa206d78ff2' }, this.size === 16 && (h("img", { key: '5d06f162b0e8fbee37dcfb5246d42c86706574f3', alt: this.label, class: className, height: "16", src: "emojis/Sad16.png", width: "16" })), this.size === 20 && (h("img", { key: '8d0d775f7523f46f1631cb81ec352ba536e09c8b', alt: this.label, class: className, height: "20", src: "emojis/Sad20.png", width: "20" })), this.size === 24 && (h("img", { key: '761eb15075acee39317003bab4da72076fa15dbd', alt: this.label, class: className, height: "24", src: "emojis/Sad24.png", width: "24" })), this.size === 32 && (h("img", { key: 'bf8bac1ea814e8f870695cfcdfb3c03fe4e76870', alt: this.label, class: className, height: "32", src: "emojis/Sad32.png", width: "32" }))));
+        return (h(Fragment, { key: '657ce7ef5bac8782366103c1a5b4aac30f220cf5' }, this.size === 16 && (h("img", { key: '15c569cb04444202bdfccf458384a02e4e5c6e20', alt: this.label, class: className, height: "16", src: "emojis/Sad16.png", width: "16" })), this.size === 20 && (h("img", { key: 'f65d3e4989fa11f5174c21fe247711a4b34a7bff', alt: this.label, class: className, height: "20", src: "emojis/Sad20.png", width: "20" })), this.size === 24 && (h("img", { key: '4bd8753e840121850231d97176377fd7f58890ab', alt: this.label, class: className, height: "24", src: "emojis/Sad24.png", width: "24" })), this.size === 32 && (h("img", { key: '9651b9436aff8164d028a1b3454d9710a4268dde', 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: '3a11873ba95d39884cf16badf9b96004446bd7fe' }, this.size === 16 && (h("img", { key: '757006981bca8001c9aacc758cb16d8be82b1307', alt: this.label, class: className, height: "16", src: "emojis/ThumbsUp16.png", width: "16" })), this.size === 20 && (h("img", { key: '6151a2bc72e595fd2f1d9e0fa8b82d9c36c12a43', alt: this.label, class: className, height: "20", src: "emojis/ThumbsUp20.png", width: "20" })), this.size === 24 && (h("img", { key: 'e15758d3c907b8b27b307b4c977c9f3c506fe2ba', alt: this.label, class: className, height: "24", src: "emojis/ThumbsUp24.png", width: "24" })), this.size === 32 && (h("img", { key: 'a3f8f62479b6be89ac53615f048419148de9fb1a', alt: this.label, class: className, height: "32", src: "emojis/ThumbsUp32.png", width: "32" }))));
+        return (h(Fragment, { key: '69ddbf1d5262335c1d768b3c4b2fde5f3994e006' }, this.size === 16 && (h("img", { key: '729d33d8ba90417cc270fde3220f10011067012d', alt: this.label, class: className, height: "16", src: "emojis/ThumbsUp16.png", width: "16" })), this.size === 20 && (h("img", { key: '2c1bef9ee328773d40f38c4bf5735e9c45ddba5c', alt: this.label, class: className, height: "20", src: "emojis/ThumbsUp20.png", width: "20" })), this.size === 24 && (h("img", { key: '2da65b39929f904c291ca2d1689298ed92e3298a', alt: this.label, class: className, height: "24", src: "emojis/ThumbsUp24.png", width: "24" })), this.size === 32 && (h("img", { key: '702f050c2f91601bdf44325bf77f65cdbf93f08b', 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"; }