npm - @getflip/swirl-components - Versions diffs - 0.392.0 → 0.394.0 - Mend

@getflip/swirl-components 0.392.0 → 0.394.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 (1994) hide show

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: 'adad7412dad236d8bb56639a1acc4690a3760700', class: "table-row-group", role: "rowgroup" }, index.h("div", { key: '29c9bd2bc56af09e3cac07fefa9bdad17730dbec', class: "table-row-group__header-row", role: "row", ref: (el) => (this.headerRowElement = el) }, this.collapsible && (index.h("swirl-button", { key: 'b53e018d80aba0f389930b825977d27982ba400f', 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: '958ed87c78afada9e4488e0838f9d586786b398c', "aria-rowspan": rowspan, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && (index.h("span", { key: '338a566a8d861684eed10c8a7beeaeff5c424ad5', class: "table-row-group__tooltip" }, index.h("swirl-tooltip", { key: 'b0aee30f5c358b18f9e83edd188d1988a0772ff2', content: this.tooltip, position: "top", positioning: "fixed" }, index.h("swirl-icon-info", { key: '01ac364034bf562bddd266bc2f3f2185ae99d918', size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" })))))), index.h("div", { key: '930bc31f0478fa4c7cab4e7e38d9bf31168f82f8', class: {
+        return (index.h(index.Host, { key: '4fb4a408031be6c9c5708550f5723d2542fbaa4d', class: "table-row-group", role: "rowgroup" }, index.h("div", { key: 'a13eb8ce33a11488437cfc5f23afe626edc32ee5', class: "table-row-group__header-row", role: "row", ref: (el) => (this.headerRowElement = el) }, this.collapsible && (index.h("swirl-button", { key: '8add6e9720dbeed048c163545a300493a05d7d07', 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: 'adc0b6d8fd904e35eb1310adbf8a8641a0b75cfd', "aria-rowspan": rowspan, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && (index.h("span", { key: 'd97a376c484a5b55129cfc4af5727ad1d7a40ebe', class: "table-row-group__tooltip" }, index.h("swirl-tooltip", { key: '9d485ab66fd05019d5e451289697c286d9c1c665', content: this.tooltip, position: "top", positioning: "fixed" }, index.h("swirl-icon-info", { key: '023e467d41b6105b3bacc3fc8c87e9329aaadbf6', size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" })))))), index.h("div", { key: 'b020c6220d12173c5d4da7049303212eb3eabfd0', 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: '900d8486d712e304a08a7760e07a82f7fb0158db' }))));
+            }, "aria-hidden": !this.isVisible, ref: (el) => (this.tableRowElements = el) }, index.h("slot", { key: 'fa6ae0448026527ca6d6bda329b6b3711a2e9799' }))));
     }
     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: 'd7d696868ec0d9c2fa9afef7e3c2caa521529ebf', "aria-rowindex": this.index, class: className, role: "row" }, index.h("slot", { key: '491b4607b36a16ab1284970498963452024f0e60' })));
+        return (index.h(index.Host, { key: '42e6b38e5586661e711b077bc636d0a92d9a8a60', "aria-rowindex": this.index, class: className, role: "row" }, index.h("slot", { key: 'eaa3ffa24e1c4943189e4c8634812e8fe9fd1dd1' })));
     }
     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: '6f51599988056556afb4325ad2a918efb801a690' }, index.h("div", { key: 'dffa8a80445febed2cece6572d37efbb620291d6', class: "tabs" }, index.h("swirl-tab-bar", { key: 'fac111812a85c0bcca67bd2d4a1fdf36613c562c', 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: 'e7e646ffc04e6e4326c9ea1d0721c2755ff4e99b' })));
+        return (index.h(index.Host, { key: 'd95a12ced0cb0a1cba77c8c0e7a1067a636fc881' }, index.h("div", { key: '974a81c3e650efbd622b10a01d704a04da3522c4', class: "tabs" }, index.h("swirl-tab-bar", { key: '5c7d1534d8fa58ca5b02ceee8b701babfec108e2', 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: 'b6d21d61fbbde20d7176b171e62325df8beb0f11' })));
     }
     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: '4d298f7fdb7eb70b57bcccff39755956847ee51b' }, index.h("slot", { key: 'b3dace729e21553518628b6f733cd3364a23eac5' })));
+        return (index.h(index.Host, { key: 'c42a6302b1dc31a1d433abf914bfa914f9f5417a' }, index.h("slot", { key: '5c62068d1e6ceee187c00ec1d12253440302a8b0' })));
     }
     static get watchers() { return {
         "config": ["watchConfig"]

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

@@ -145,7 +145,7 @@ const SwirlTimeInput = class {
         const className = index$2.classnames("time-input", {
             "time-input--inline": this.inline,
         });
-        return (index.h(index.Host, { key: 'e23b038bf99ddfd9893ff2b2cc2981ee7de0fbda' }, index.h("div", { key: '26b6cbb9a67cfb986bae34b2ff604862992f7076', class: className }, index.h("input", { key: 'd5123ad3101a1c0571e491d91c5916fba51aabe9', "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: 'd53e9ea53813798aa0cdd2ce7f6f685053859862', class: "time-input__icon" }, index.h("swirl-icon-time-outlined", { key: '61e91a6ae302b0b64d4283525f02b97bad37e9ad', size: this.iconSize })))));
+        return (index.h(index.Host, { key: 'd6c4f0d39df730f886088b0254898035d8061d4f' }, index.h("div", { key: '9acf0b203e64f0442886067d5d5139725ccb1b3d', class: className }, index.h("input", { key: '318a0c90c6243e2fea6adc41ed125ecb4d4d3791', "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: 'af6ebcb46a3cfe4f624523c569aae1629ea5a243', class: "time-input__icon" }, index.h("swirl-icon-time-outlined", { key: 'ff76f97732b7b431146fc1a4d4a81e5d61562a80', 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: '2b9620d5152ba227e725f3b2308b96f49d0d79a0', class: classNames, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, this.icon && (index.h("swirl-icon", { key: 'f2504f9c4e4ec6f85fbd3d356f71470a5a133a4b', class: "button__icon", glyph: this.icon })), index.h("span", { key: '5ca11b4cebdc080a2ef08761344e349ff2248c16', class: "button__label" }, this.label)));
+        return (index.h("button", { key: 'b00dc9f34972136f70a66e37bd00e76aa3a5dcb7', class: classNames, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, this.icon && (index.h("swirl-icon", { key: 'bbe9171ad046460afcaea4db6c2295c0ffc78788', class: "button__icon", glyph: this.icon })), index.h("span", { key: 'd8306bde008d608bcd2d9a738b24e7dbfc5da5c5', 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: '1d750b175e5715e6ce44f427be7164cbf208c992', role: "none" }, index.h("li", { key: 'df354e4bb8486eb1b59cdc18ab76319fa6a54d8d', class: {
+        return (index.h(index.Host, { key: '8369fe819475045275719bbe9b16711c59626577', role: "none" }, index.h("li", { key: '3011241c3bf474f4fb5c13b8e24ed35f1d5d8047', 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: '072c1e016ca496beb24b1066d9ae29322fd70418', 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: 'df801a9a7bcaff5da25905dfec39b460ed055096', class: "tree-navigation-item__content" }, this.icon && (index.h("swirl-icon", { key: '4c11dc3049f488e4a729f548bddffcea8f4a4dc0', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), index.h("span", { key: 'ba8d1fbbc813568617c4e19cbbf4b6b0676acfd1', class: "tree-navigation-item__label" }, index.h("span", { key: 'df1fe9cda6ff97d638c9a1ea431b61275f44c8b0', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (index.h("span", { key: '2fefe3aa3a88bbd5041d16e629fc9089b859075e', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, index.h("swirl-icon-chevron-right", { key: '3f3bf81b0c92954ef16dd9b5e1f12ef03e50f41d', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (index.h("span", { key: 'd27a45e3ed535832a86e1e9630c4225d9ee95ab7', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, index.h("swirl-icon-open-in-new", { key: '66b459c55c22945c6fa47278fb89e54ce12a2d8b', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (index.h("ul", { key: '0147cef7a24a5266e6214aee2b5e0fae5f4d82c2', 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: 'c4ec90c8ed555707559fa39b81a4e5d553ebe16a', 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: '904ee9daa4ed944f633511932017f5f5849fd187', class: "tree-navigation-item__content" }, this.icon && (index.h("swirl-icon", { key: '36ee876b8e36c30334f2402b10ec317be8d485cb', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), index.h("span", { key: '5eb37d27c1cff2775e15ac17376fa033bdb642ce', class: "tree-navigation-item__label" }, index.h("span", { key: '5f25b0ee30f33ab1e56ac80432e9040e4a1ed9af', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (index.h("span", { key: '96b84e2080a6e6443c29b492eab4e517a8adf57a', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, index.h("swirl-icon-chevron-right", { key: '409e55c6c90611553b278a29c690b7a80e840e3d', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (index.h("span", { key: '31392fed7e98a3355d9e5e9cb2d7c141c4539b15', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, index.h("swirl-icon-open-in-new", { key: '6d1991ac134fbeb55fc0b0cdf6e52e6c0b34ff0d', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (index.h("ul", { key: 'aebe5efe827154d974dd4b61a5351048340c4439', 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: '128b8af2ea1e0b39da09de3cc8ad3329fa1bc50a' }))))));
+            } }, index.h("slot", { key: '0e40a2bce9714b627727f9b8f5eb92fea1688abf' }))))));
     }
     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: '86870308bca066293786f8864ca39377e922f765' }, index.h("ul", { key: '3ebec851bb00a9d406d9bcc58df306c66b7f3724', "aria-label": this.label, class: "tree-navigation", role: "tree" }, index.h("slot", { key: '3a9cf1a0069dd30b73b49ce295896ab5226f05e1' }))));
+        return (index.h(index.Host, { key: '2622a677484f0448fe54e7c5f98b18a78d0cd5f0' }, index.h("ul", { key: '0bb7b1384e3759d22c3b363f3332d28f78aaaa63', "aria-label": this.label, class: "tree-navigation", role: "tree" }, index.h("slot", { key: '9159013c9b3c575e71c19be98d103e1f256aad17' }))));
     }
 };
 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: '89dac32f65bef0a46b67703fe29f712d8177ad26' }, index.h("button", { key: '5f8bebb67d9dd7de8e5313c45869f5a5e0ae6398', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, index.h("img", { key: 'e250188befd06bacf95cceb642b6a3f99d4339a5', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (index.h("span", { key: 'd7223f77200e3ae6385de7533faba1df176a6fd4', class: "video-thumbnail__duration", id: "duration" }, index.h("swirl-visually-hidden", { key: '5fa5a326db2af07b947a788f5f732bd171a8ca02' }, this.durationLabel), this.duration)), index.h("svg", { key: 'a5036ced8bff84f95bc39135b1fe2758ac194c85', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '27ff5a6714f1c3ec692f1bed311ff0607d07b10c', 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: 'f422afa5aca092e9bc2181f861f87a6384ee98bf' }, index.h("button", { key: '39078ec3ae8a37e75cdf22c94516f193b84a32aa', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, index.h("img", { key: '0bd98edc0f61a314ed5b0e0de1f9f5afd49c929e', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (index.h("span", { key: '4a74df71a39e576da3affdc581ce88d1191d609d', class: "video-thumbnail__duration", id: "duration" }, index.h("swirl-visually-hidden", { key: 'd53262bc81a9f1d739bb391747910655e467c45d' }, this.durationLabel), this.duration)), index.h("svg", { key: 'ed07dc5e4af9f9fd27c96e2de12bf8fe78208bf1', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '41af314c2e110334fe103e064019a8b1f0c1ed64', 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: '09b1aec3ccdba045e8ebc6d830d708ab7831f74c' }, index.h("slot", { key: '08988756ba69ebcefe7e71f588a433c286c5adbf' })));
+        return (index.h(index.Host, { key: '956e9d1b1c480480a8f9f4fd2ba7017d587c2fab' }, index.h("slot", { key: 'a196c8079eedb432a2b27b74b07e293258b608d8' })));
     }
 };
 SwirlVisuallyHidden.style = swirlVisuallyHiddenCss;

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

@@ -1,6 +1,9 @@
 import { h, Host, } from "@stencil/core";
 import { v4 as uuid } from "uuid";
 import classnames from "classnames";
+/**
+ * @slot trailing - Trailing slot for content to be displayed before the expand icon.
+ */
 export class SwirlAccordionItem {
     constructor() {
         this.headingLevel = 2;
@@ -54,7 +57,7 @@ export class SwirlAccordionItem {
         const className = classnames("accordion-item", {
             "accordion-item--expanded": this.expanded,
         });
-        return (h(Host, { key: '06a4cc4c0b8b8d029a6f2ffd998c51688aef59b5' }, h("div", { key: '8750b977a5256e4905a48a636ba4837b1d936dee', class: className }, h(HeadingTag, { key: '0e2b9c5ead0ab1eceab4227fe1b1b38ace468025', class: "accordion-item__heading" }, h("button", { key: '69a0858555d0821e8206d764ebc82f7d6f495eae', "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: 'a6b30d5425f1456e48bdf43a3410bf75caa5a105', class: "accordion-item__toggle-text" }, this.heading, this.description && (h("swirl-text", { key: 'a218dd88bdefbff4a613efa38e2a5a0534d56148', as: "span", color: "subdued", size: "sm" }, this.description))), h("span", { key: '3a8f809a4466e336abd07d54a0563b1c3b28fb1b', class: "accordion-item__icon" }, !this.expanded && (h("swirl-icon", { key: '3eb99a0da7d0dd9114fc09398f77c4304131de26', glyph: "chevron-right", size: 20 })), this.expanded && (h("swirl-icon", { key: '212e41374b152b16812b1deeeb31b9aa03edd510', glyph: "expand-more", size: 20 }))))), h("div", { key: '1bb75d431bf46f81afa2d01cb8ce4b41bc82b828', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, h("slot", { key: '79a7d5faf6a57211dd4d9d09c00b7f608ef2663d' })))));
+        return (h(Host, { key: 'b45afe4916e94ed9c155c3eab9e9813b2ca07bd1' }, h("div", { key: 'b40c9bd5ddb9112dfee72890305423a52e3503cc', class: className }, h(HeadingTag, { key: 'c7b8924b2fa57369f302eaac2c1925896eac9e8c', class: "accordion-item__heading" }, h("button", { key: '240dfbcd5fec1f9ade49e80d55deda3bdf8ffef1', "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: '89a51bfa78f5a88ad3fc35076c7f89132e660934', class: "accordion-item__toggle-text" }, this.heading, this.description && (h("swirl-text", { key: '544adaee62741f86caf33538cf83b326b28a87fd', as: "span", color: "subdued", size: "sm" }, this.description))), h("slot", { key: 'de10c7facb8835f6b7a215421dae2f4990a61cbe', name: "trailing" }), h("span", { key: 'bed4a839dd0a17f68b439b122f6c92e1453c158d', class: "accordion-item__icon" }, !this.expanded && (h("swirl-icon", { key: '3bef6adb0d62b7187b9898a5823b00ad6ab4b9ed', glyph: "chevron-right", size: 20 })), this.expanded && (h("swirl-icon", { key: '33d5333e9798a01821cd43e99b2d9292949c3439', glyph: "expand-more", size: 20 }))))), h("div", { key: '1ccb8139188a864e6bba33f9c8014fb0e883cce3', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, h("slot", { key: '170201944d7d9d4bbb453999a74e922da2567f49' })))));
     }
     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-text slot="trailing" color="subdued">Trailing slot</swirl-text>
     <swirl-stack spacing="16">
       <swirl-text size="sm">
         Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod

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: '29331db95aa222b510f36d373c9c587ea3801d77' }, h("div", { key: 'e436008d74f7df58bbe34c84da387c7b13cb0058', "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: '7270daf7c32a44d36652133fbbf0cc736bcb7c25', onSlotchange: this.setSectionSeparator }))));
+        return (h(Host, { key: '3f8ad25f7497bd69b30bbd132d4a186bef8dd0ce' }, h("div", { key: 'ce3781248aa30678a0e6f0ea3989a316a3e6a5af', "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: '81bf5ff8456a47284bb84d73a90ebfe77cd6621b', 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: 'bc6aafa0d628dcc11851822cba74bb2dd8a3354c' }, this.hasSeparator && (h("swirl-separator", { key: '38ed66d704bd8e72845f5709c3d061353e9fde1b', spacing: this.separatorSpacing })), h("div", { key: 'ba2e3ba623087c0c7730c7b0aba28283c1af2ee5', "aria-labelledby": "label", class: "action-list-section", role: "group" }, h("span", { key: 'fbbacc3ed2d7546ffc53d60addc446f4b87e2a77', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), h("swirl-stack", { key: 'd130147da2d710c10583b624e5481e1ca0175b7d', spacing: this.spacing, align: "stretch" }, h("slot", { key: '3856b974f11544c3239c57f0e40de16ecc53de6f' })))));
+        return (h(Host, { key: '7647dd3aeb7bb4427c452385a982a5c8bc097831' }, this.hasSeparator && (h("swirl-separator", { key: '230c3cb15f62439daeb882a0ad8aa8c57e0e2b2a', spacing: this.separatorSpacing })), h("div", { key: '8be3cbf5718c07455dd6e44b4c1df65f7fc2d8d9', "aria-labelledby": "label", class: "action-list-section", role: "group" }, h("span", { key: '799eabda4f00becd46d44d413e9c864424255bd8', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), h("swirl-stack", { key: 'd15f39be1f42567783a71db64ce3a6d11949b606', spacing: this.spacing, align: "stretch" }, h("slot", { key: 'b1584003ed27c2d859753fe0dc43645e6e53281c' })))));
     }
     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: 'a67ec134c77b8781beb3fc5b310e4d2fe7dbeed8' }, h("span", { key: '669857854052455b35268f5c3b5225def06851a9', class: className }, showImage && (h("img", { key: 'a5a91f3cb43e92830b1089ecfc179eb2e80b062b', alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" })), showIcon && (h("span", { key: '8d68a1aff13aa5e50ff9f54b5c5e00b1ec1dd7c0', class: "app-icon__icon", innerHTML: this.icon })))));
+        return (h(Host, { key: 'fccb50b692f7869e4d678610e6de7fcb4c665327' }, h("span", { key: 'f42e99a36ee698b388b0dbd1edef4cb43bf2ff8a', class: className }, showImage && (h("img", { key: '974765482115445c629c9674619f4df11d338615', alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" })), showIcon && (h("span", { key: '6765520e3fbec79711568fc9422732a29e2a2726', 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

@@ -6,6 +6,7 @@ import classnames from "classnames";
 export class SwirlAvatarGroup {
     constructor() {
         this.layout = "diagonal";
+        this.semantics = "group";
         this.avatars = [];
         this.onSlotChange = (event) => {
             this.avatars = event.target.assignedElements();
@@ -44,7 +45,7 @@ export class SwirlAvatarGroup {
             "avatar-group--has-badge": Boolean(this.badge),
         });
         const badgeClassName = classnames("avatar-group__badge");
-        return (h(Host, { key: '44eb5dcca9331aa60a63143ce040ea3f713ecfe0' }, h("div", { key: '459e73dfa19bdd06b3865eef1b9fde257a541500', "aria-label": this.label, class: className, role: "group" }, h("slot", { key: 'd91f3fba819973281cc9a1b5b057bcb20a4f3cd4', onSlotchange: this.onSlotChange }), this.badge && (h("span", { key: 'f57d98c7b2bac0e0febaeb866be117619cd2ea9a', class: badgeClassName, innerHTML: this.badge, ref: (el) => (this.badgeEl = el) })))));
+        return (h(Host, { key: 'ecb3e29c9099096fa82191e661f08223bf2a3137' }, h("div", { key: '6850ef790d715e45dc36ef60c9739398ada1e903', "aria-label": this.label, class: className, role: this.semantics }, h("slot", { key: '6d80247f5e0eae13ea4a2864e15c850178d190b8', onSlotchange: this.onSlotChange }), this.badge && (h("span", { key: 'cf23f016b1548812fca69315100479aad2563056', class: badgeClassName, innerHTML: this.badge, ref: (el) => (this.badgeEl = el) })))));
     }
     static get is() { return "swirl-avatar-group"; }
     static get encapsulation() { return "shadow"; }
@@ -123,6 +124,32 @@ export class SwirlAvatarGroup {
                 "setter": false,
                 "reflect": false,
                 "defaultValue": "\"diagonal\""
+            },
+            "semantics": {
+                "type": "string",
+                "attribute": "semantics",
+                "mutable": false,
+                "complexType": {
+                    "original": "SwirlAvatarGroupSemantics",
+                    "resolved": "\"group\" | \"list\"",
+                    "references": {
+                        "SwirlAvatarGroupSemantics": {
+                            "location": "local",
+                            "path": "/home/runner/work/swirl/swirl/packages/swirl-components/src/components/swirl-avatar-group/swirl-avatar-group.tsx",
+                            "id": "src/components/swirl-avatar-group/swirl-avatar-group.tsx::SwirlAvatarGroupSemantics"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "\"group\""
             }
         };
     }

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

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

@@ -55,11 +55,11 @@ export class SwirlColorInput {
         const className = classnames("color-input", {
             "color-input--inline": this.inline,
         });
-        return (h(Host, { key: 'c0c04b9abf5c2e340a0ac5d1624e2ae7e527e7dd' }, h("div", { key: '95f5ec8e01a73489acb00a4a604fd0d796be0e14', class: className }, h("input", { key: 'd88ff31c8fa3c8d9708cf7ceb4abf49454f7d0d6', "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: '492291366d2914f168cb76dc253477757bbf9b3d', swirlPopover: this.pickerId }, h("button", { key: '602763bcc593e31260a9f3d6eeafb39aec13b70d', disabled: this.readonly, "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
+        return (h(Host, { key: '5e6db39b5c84b34e154cae8e564ab73a407a1d7c' }, h("div", { key: '8eb73dd3f68bb8303969b77471f730b7271dba92', class: className }, h("input", { key: '5af4c98339a682eae0426df37cfbcfc217eb31e2', "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: '40bda2c628b4ac88e245a154d1e5468bb0696f2b', swirlPopover: this.pickerId }, h("button", { key: 'cb93e8d96865e6c6163ff525f501c34e2f0bda97', 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: '1be04659f6b485c2704244f25317c227d6447f11', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, h("swirl-box", { key: '35bbd11b6dbedd0202f13d65b5b753ac152af11c', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, h("hex-color-picker", { key: 'bbd5c1d1e5f33a859ee9f52eaa33d38e4ef1a541', color: this.value, ref: (el) => (this.picker = el) }))))));
+            }, type: "button" })), h("swirl-popover", { key: '9985d37e25e0d4f41896f465950e622dbcf72306', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, h("swirl-box", { key: '7a262eb1c3b52155999b75927064fa9fdd05eb9e', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, h("hex-color-picker", { key: '1d5b911a77861bdf62365bfe067decf3f7208620', 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

@@ -157,11 +157,11 @@ export class SwirlConsoleLayout {
             "console-layout--main-scrolled-to-top": this.contentScrollState.scrolledToTop,
             "console-layout--main-scrolled-to-bottom": this.contentScrollState.scrolledToBottom,
         });
-        return (h(Host, { key: 'e0982ef1c6673239076b6fb2e4109955f9140c6d' }, h("div", { key: '3a9d17422c619bfb4bbe042c2bc85300b7f94e04', class: className, onClick: this.onClick, onKeyDown: this.onKeyDown }, h("header", { key: '39807c1440bcee82e102368950d17a40047ed00e', "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (el) => (this.sidebarEl = el) }, h("div", { key: 'f1c424be5583f77202f193b618fafc7dca5136a4', class: "console-layout__header" }, h("div", { key: 'd6437c395526b5fa2035f336f1a113c293ddc569', class: "console-layout__logo" }, h("svg", { key: '610f516b9d2832490e7ad50a44288d0edf528f99', 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: 'e1c57d16932e450b94ccaa104040239a061f0126', 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: '66f909682ccfd611bd51306b716199e66aad720c', 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: '7290322fd33d8368d31bd8756aebcccb6f232cd1', 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: 'c96ceba1401831d510f5c3d9cc1db56ea770a493', d: "M12.2072 10.9785L7.32419 10.1459L0.625 14.0709L5.38887 14.9629L12.2072 10.9785Z", fill: "#80A8F4" })), h("swirl-text", { key: 'a947fa87292668aec8e4c09b124934a761db5830', class: "console-layout__logo-text", weight: "medium" }, this.logoText))), h("nav", { key: 'b23e35155922e38fab0c128684f369b425fde2fa', "aria-label": this.navigationLabel, class: "console-layout__navigation" }, h("slot", { key: '7e158bdb7f169d313eb433ee29841730ec234e3b', name: "navigation" })), h("div", { key: 'd631c5d647fc86091ac0357d0849115bda794a7f', class: "console-layout__user" }, h("slot", { key: '1e3205d895e83cda1a31156a9c24d5f41902fca1', name: "user" }))), h("main", { key: 'a4d77c27a16e3416e22abd559840b53923263f55', "aria-labelledby": Boolean(this.appName) ? "app-name" : undefined, class: "console-layout__main" }, h("header", { key: 'a6f93541bbbe596fa15fb7582d40345ea1982e93', class: "console-layout__app-bar console-layout__app-bar--custom" }, h("slot", { key: 'ec570123c2412699c95be7a140339c8a70125768', name: "app-bar", onSlotchange: this.updateCustomAppBarStatus })), h("header", { key: '60f3add9684a0acb0b8f9ab3c1921b6ad50b4185', class: "console-layout__app-bar" }, h("span", { key: 'd82ce859d12bc45cc5cfa0b5bf28073f1172fc9b', class: "console-layout__mobile-navigation-button" }, h("swirl-button", { key: '64f7ce37f09a9927af3edcd770401ef0030b3299', swirlAriaExpanded: String(this.sidebarActive), hideLabel: true, icon: this.sidebarActive
+        return (h(Host, { key: 'c4bb7622b2ee0433c6b8a7434541fce75d51d205' }, h("div", { key: '6ccd864b94b8d063a0a472049db005a305c70b35', class: className, onClick: this.onClick, onKeyDown: this.onKeyDown }, h("header", { key: 'f27d75e8d97d973bd5032d0b73bd941adbfb913c', "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (el) => (this.sidebarEl = el) }, h("div", { key: 'b836befbeb50c0f02ab0c4293fee3ba788f638b7', class: "console-layout__header" }, h("div", { key: 'fe16e41151db1724fd0335d728fdff815eb5d4d2', class: "console-layout__logo" }, h("svg", { key: 'dd266eee0191f2e6b9d8cd1e351e648045ed8459', 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: '3009ef5009ff330ea326fb4249dbfaa33b42fef5', 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: '09a619121e8c6bfcfb6ff9a1263f6e4419e39f92', 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: '90260371a237963da4d8556c10763fab72d8f073', 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: '094f85b803d5d686b000864438b57708f4adfeb4', d: "M12.2072 10.9785L7.32419 10.1459L0.625 14.0709L5.38887 14.9629L12.2072 10.9785Z", fill: "#80A8F4" })), h("swirl-text", { key: '35f7c35dd5d82fa78880c2dba3284ca5f737e63e', class: "console-layout__logo-text", weight: "medium" }, this.logoText))), h("nav", { key: '2abdab3d376707ff1f76cf5c7f5a6141a1b31484', "aria-label": this.navigationLabel, class: "console-layout__navigation" }, h("slot", { key: '77e74beba65b40a059fd3053e787c78549947ff0', name: "navigation" })), h("div", { key: '745ce9dc8437a5e5fbf0edd213d55a159735822e', class: "console-layout__user" }, h("slot", { key: '7517b73a92eb269ebc9e8022c3a0e611a59d3a1f', name: "user" }))), h("main", { key: '6a4d089363ec5b057f2695959fc36c40d2f113ed', "aria-labelledby": Boolean(this.appName) ? "app-name" : undefined, class: "console-layout__main" }, h("header", { key: 'd414031567e62d5069e38e522a28a448ff5d23a9', class: "console-layout__app-bar console-layout__app-bar--custom" }, h("slot", { key: 'eea42dfb73960c9f1252f25dad8617b1a27c5e2e', name: "app-bar", onSlotchange: this.updateCustomAppBarStatus })), h("header", { key: 'dfcd6b43dd8fc6067ee2637fac4bf0c685c56ff8', class: "console-layout__app-bar" }, h("span", { key: 'ff7f569f5452804495d765cca986aa4485cda40a', class: "console-layout__mobile-navigation-button" }, h("swirl-button", { key: '80df2d27793a191a2388999d39f33bb4174a3203', 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: '71e7bcc36b5dd43fa94b18a648d376e759eb15a2', class: "console-layout__app-name" }, this.appName && (h("swirl-heading", { key: '86b797e518d80dd3f82e2e0a1e84b62a0eeaa875', as: "h1", headingId: "app-name", level: 4, text: this.appName }))), this.showHelpButton && (h("swirl-button", { key: 'afcb6141d50f5843e005d9dcc7f366dfd49dc697', class: "console-layout__help-button", hideLabel: true, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick }))), h("section", { key: 'b01b9c1dab5ab7fff6d26ff4088ea95f5146be12', "aria-labelledby": "heading", class: "console-layout__content", onScroll: this.onMainScroll, ref: (el) => (this.contentEl = el) }, h("div", { key: '3e5ace98ae2149bde88e8199c2b637fea5711173', class: "console-layout__content-container" }, h("header", { key: 'c5fff9f08469ec07d8a8b2b30cb3b91a4f25be35', class: "console-layout__content-header", style: contentStyles }, this.showBackButton && (h("swirl-button", { key: '5c36e749b8ee9e71c565cd4bf7bd536a076552a3', 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: '19ebe1bd6bb70488496ce02063247116aa61d1c2', class: "console-layout__heading-container" }, h("swirl-heading", { key: '3e84682353d4d0a0f48fe8fd906693bb780f9fa7', as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && (h("swirl-text", { key: '7ebb00dde91b7a7f8f5d81ae5d73660627576567', class: "console-layout__subheading", color: "subdued" }, this.subheading)))), !Boolean(this.heading) && (h("div", { key: 'd879930e38a9f6e6859d25627604cd15e049c13c', class: "console-layout__heading-container" }, h("slot", { key: '31b93da5f6ea162f56f65e8b3587e9571423c390', name: "heading" }))), h("div", { key: '14bfe6ad96716382fe52bdf8d30277869c84616d', class: "console-layout__content-header-tools" }, h("slot", { key: '3958ab7d885910523df02871fdff5316b41a183b', name: "content-header-tools" }))), h("div", { key: '5c3cc7b8ba6f7f1170419958b925aaff943c69b0', class: "console-layout__integration", style: contentStyles }, h("slot", { key: '2c1e15c7cea9f3a45ce18558ee19cc8d30bc91f6', name: "content" })))), h("footer", { key: '1bb168120b31a7e8ac0ff0372e1151856647089a', class: "console-layout__footer" }, h("slot", { key: '024140ae1f3e7d7db554711903983ec28dfb7236', name: "footer", onSlotchange: this.updateFooterStatus })), h("div", { key: '1ad90c5d989a59a9639d09ab599d6d77a310569e', class: "console-layout__overlays" }, h("slot", { key: 'd9f8462bb8098099a2d18f7713b9e62e6be7057b', name: "overlays" }))))));
+                : this.showNavigationButtonLabel, onClick: this.onMobileNavigationToggleClick })), h("div", { key: '8095d171d112679d7b4d77db9465903f6ecd573d', class: "console-layout__app-name" }, this.appName && (h("swirl-heading", { key: '04e064d24ea9e3112a4e340e432860e356334a01', as: "h1", headingId: "app-name", level: 4, text: this.appName }))), this.showHelpButton && (h("swirl-button", { key: 'ccbaf6207aa2b59f49cbdb878764845f070bfb0e', class: "console-layout__help-button", hideLabel: true, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick }))), h("section", { key: 'b9334768a643e11595864c865b2201ae182f5ef8', "aria-labelledby": "heading", class: "console-layout__content", onScroll: this.onMainScroll, ref: (el) => (this.contentEl = el) }, h("div", { key: 'ac328fa9ee617ef81e006b38b76157420305ce12', class: "console-layout__content-container" }, h("header", { key: '5919b55a84ffc2d0ae3d69519990142abde6cc53', class: "console-layout__content-header", style: contentStyles }, this.showBackButton && (h("swirl-button", { key: 'b3c40e32cb775b0f1d5eb1aade71f8246ca975ba', 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: 'adac825237e638e008fce447209da88e7392dcad', class: "console-layout__heading-container" }, h("swirl-heading", { key: '95ace528862aad32412b358e4bc985949c79116a', as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && (h("swirl-text", { key: '3153b246314c1072ee38934cf2f3078643bb1892', class: "console-layout__subheading", color: "subdued" }, this.subheading)))), !Boolean(this.heading) && (h("div", { key: 'c34fff5a6aca636957600ab3a2306513b561b31d', class: "console-layout__heading-container" }, h("slot", { key: 'c1be68cf75fad5b7b8bb3edc3df4dc2e82acf357', name: "heading" }))), h("div", { key: '6cfc7a39891476a5cfca2adacfd2bdde6b04995c', class: "console-layout__content-header-tools" }, h("slot", { key: 'bffc2509bd5c29a7a25965e0b2406ffa08f76543', name: "content-header-tools" }))), h("div", { key: '2d238f23b909d7b0ec4aa50a3d469949974ed862', class: "console-layout__integration", style: contentStyles }, h("slot", { key: '40d67b287bc87040fbd727812360c2b9a11f0b56', name: "content" })))), h("footer", { key: '6e3df2f6b5018eac04571d2d631c0dad5ee47a3a', class: "console-layout__footer" }, h("slot", { key: '23c69311f05921b1ab12d5a34a74fbfffa022959', name: "footer", onSlotchange: this.updateFooterStatus })), h("div", { key: '3017d0aae5c4e781d8baf3507097038cc312b04a', class: "console-layout__overlays" }, h("slot", { key: '6373ad5c068a412ed8d35c5fa08a4311d1d25348', 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

@@ -208,7 +208,7 @@ export class SwirlDateInput {
         const className = classnames("date-input", {
             "date-input--inline": this.inline,
         });
-        return (h(Host, { key: '25b83b05dab36c56e17c1f6dcf45e705f66c1df8' }, h("div", { key: '90a6be1d15745839c0965d07b0d35b49d62f7d3e', class: className }, h("input", { key: 'af5c2d16783c14fe885caa4b25e99f802862a650', "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: '2dea9fed0f17648c96de50cf4fadc797cc99aebe', swirlPopover: `popover-${this.id}` }, h("button", { key: '032997153ab427ce0ee11eec6ff504a090dd3bf5', "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, h("swirl-icon-today", { key: 'fbe7af7d43f80712e0dc4fe27fee5c0f6af59d6e', size: this.iconSize }))))), !(this.disabled || this.readonly) && (h("swirl-popover", { key: 'f5df6b8977b7d93d9a924314da667442ee533a64', 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: 'b564afaa8af674be0619050c1d4bc9d4204e7fb3', disableDate: this.datePickerDisableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onValueChange: this.onPickDate, value: dateValue, startDate: dateValue })))));
+        return (h(Host, { key: 'e0a4bdff9dd8957136d37b38e6af5eaa01273c9a' }, h("div", { key: 'ec413420a3f131b0866006ff963f783226535553', class: className }, h("input", { key: '78671ab0259efa1d1a426c5b7e74eefb4ddd1160', "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: '9fb47a213e384aa59acbc5f9bfa2426a7e897ad2', swirlPopover: `popover-${this.id}` }, h("button", { key: '4ea1ca88dbfa26a5336493092e0a9321fa7becbf', "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, h("swirl-icon-today", { key: '4d73f7ad24c1ae5a7239cc0f3378e4256c461510', size: this.iconSize }))))), !(this.disabled || this.readonly) && (h("swirl-popover", { key: '7ddf115fc002e6a40de46e54de64480a0087a460', 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: 'bc46b2425b061f168ed3259eb79e8cacbf119c53', 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: '963136e6c0e2fda0f45e8a78f7c210a88bca43c2', onClick: this.onClick }, h("wc-datepicker", { key: 'cbf14036c3aacccbde753e850a7caaeacf8c8cb0', 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: 'e145f0d045e57030972a66d0dedd4d781002e54c', onClick: this.onClick }, h("wc-datepicker", { key: 'cfe91612357f636ba8a49278f7e3c6770b8d7269', 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: '5d6336158f62af9d2dad55d22389a881e9f69966' }, h("div", { key: '1595a0fd5d3d53ae64f6689594e81a0df8014476', class: "description-list", role: "list" }, h("slot", { key: '7ca4a4d380fca7da8286262ef7f64bead5ea387c' }))));
+        return (h(Host, { key: 'e694dac352c50a28b0f35dda8d4e067c9399eb17' }, h("div", { key: '9d64ffc820e098f492297af7745c9b36af5da0dd', class: "description-list", role: "list" }, h("slot", { key: 'd5573abce8e07e5240bf060c1058fed54059e5ff' }))));
     }
     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: 'f4dbf9248a0853955b08461f651f8d5a71b1c8db', role: "listitem" }, h("div", { key: 'd4b0ef1a72bd6cdc80e69965e574a18d8ce226c5', class: className, part: "description-list-item", role: "group" }, h("div", { key: '7a0bd28bfeef5ec163f0b7e1fbe24f8732b5e6d7', class: "description-list-item__inner" }, h("div", { key: '16d0f2048b5d2c6629ae5099975ecb29ae8ff892', class: "description-list-item__text-container" }, h("div", { key: '1729fb70b17b2e16ac4d0f5fc3cbc07f34d03886', class: "description-list-item__term", part: "description-list-item__term", role: "term" }, this.term, this.tooltip && (h("span", { key: 'd1e65b7ee1474deda5ed9a52e8ada7f401a4a880', class: "description-list-item__tooltip" }, h("swirl-tooltip", { key: 'ef1e02aa208f1f5fe5ad5d7c08e4188a5547a2b9', content: this.tooltip, position: "right" }, h("swirl-icon-info", { key: 'e50279cb728b6756ac1d6bcf479f821baa2f4650', size: 16, tabIndex: 0 }))))), h("div", { key: 'c17ed4ccf126db10f8da5f5e709e6f9c1c88af83', style: { maxWidth: this.maxWidth }, class: "description-list-item__description", role: "definition" }, h("slot", { key: 'c739349895efe238d6c0bbf64fbbaf71607c8fae' }))), h("div", { key: '2dec505602de8974dc19d9d7f5de634614da9e29', class: "description-list-item__tools" }, h("slot", { key: '219e9c0ab60124c888f67848efe110bd13094169', name: "tools" }))), h("div", { key: 'a2d0c32bfa015b2491e738dbb3524f4c49f1b130', class: "description-list-item__additional-content" }, h("slot", { key: 'fbf6316e1e17089626931efc4c62aaf7aebef95f', name: "additional-content" })))));
+        return (h(Host, { key: '8014ee8d849b95bab7ae1cc682a3d0bbe3e074e0', role: "listitem" }, h("div", { key: '6b202c77e7012ec0aca3a9b980e75480c1109065', class: className, part: "description-list-item", role: "group" }, h("div", { key: '242cfe61b946a5322b4c1ab23beb02d6dd5c3bad', class: "description-list-item__inner" }, h("div", { key: '9b76595e162cdb97f3308490af5ab0644078fd1c', class: "description-list-item__text-container" }, h("div", { key: '02db73c687ef62d819842254e2dbe8bbf8fdd69b', class: "description-list-item__term", part: "description-list-item__term", role: "term" }, this.term, this.tooltip && (h("span", { key: '0b4837ec0bf37b8fe75cbe3242ed3a83fd8ff1bd', class: "description-list-item__tooltip" }, h("swirl-tooltip", { key: 'f1e6c484c32f3df6d8e6dfab19ab4ad313273ff1', content: this.tooltip, position: "right" }, h("swirl-icon-info", { key: '2f3cbe85180a75972dbab80daec81c708425fd7d', size: 16, tabIndex: 0 }))))), h("div", { key: 'bdcb6c648ff3370248c4b345e8939182c8b2f6e4', style: { maxWidth: this.maxWidth }, class: "description-list-item__description", role: "definition" }, h("slot", { key: '656381c9109ae0436572945c1c48d80c483c1ea9' }))), h("div", { key: '7100d26dc8930335b1c425fc7591dcfd4ead42d4', class: "description-list-item__tools" }, h("slot", { key: '24b18f9b9543677fd051f58c8a755ec914d30495', name: "tools" }))), h("div", { key: '36ee7c5b466de605604c17ee189797f67c12451f', class: "description-list-item__additional-content" }, h("slot", { key: 'aa50290a8b8e1870308df632c88003b32d144f89', 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: 'e4dc5e2938bd4a404d7945b2340fead01d4c59c6' }, this.size === 16 && (h("img", { key: '492742ff4e0bb74cc012df3e98ff0e8638e92d7a', alt: this.label, class: className, height: "16", src: "emojis/Clap16.png", width: "16" })), this.size === 20 && (h("img", { key: 'bc39f201cba8cd49ce8924e718f6bb62499e5157', alt: this.label, class: className, height: "20", src: "emojis/Clap20.png", width: "20" })), this.size === 24 && (h("img", { key: 'fe11f2e46e2d123f9840afef74a2dc9e4abb6b6c', alt: this.label, class: className, height: "24", src: "emojis/Clap24.png", width: "24" })), this.size === 32 && (h("img", { key: '043388b3f5ad26345cfeae50672829b545e72c10', alt: this.label, class: className, height: "32", src: "emojis/Clap32.png", width: "32" }))));
+        return (h(Fragment, { key: 'd8145152a1d500d30ec0a1061f34b05f233285d2' }, this.size === 16 && (h("img", { key: 'ce9fe6be764d0edb7e99b774f9c988509b90a6db', alt: this.label, class: className, height: "16", src: "emojis/Clap16.png", width: "16" })), this.size === 20 && (h("img", { key: '3a95758faa7eb55ce62516d4b948d6394812a746', alt: this.label, class: className, height: "20", src: "emojis/Clap20.png", width: "20" })), this.size === 24 && (h("img", { key: '2c9b32c6b109b244b27845dc79c15af55df9c3a0', alt: this.label, class: className, height: "24", src: "emojis/Clap24.png", width: "24" })), this.size === 32 && (h("img", { key: '2c47f977da2466747c1115761f8931c747fa3e95', 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: '0548050959856e0ecad44989ee0e645c6602ef0e' }, this.size === 16 && (h("img", { key: '6220092388777459acd615f1f7158f9f39bf427d', alt: this.label, class: className, height: "16", src: "emojis/Happy16.png", width: "16" })), this.size === 20 && (h("img", { key: 'e12d126a17862f310377d0de3abb475d68f9aaca', alt: this.label, class: className, height: "20", src: "emojis/Happy20.png", width: "20" })), this.size === 24 && (h("img", { key: '82a8ecd6b33eba5667857860bcb4447b22765790', alt: this.label, class: className, height: "24", src: "emojis/Happy24.png", width: "24" })), this.size === 32 && (h("img", { key: '76a89b711d62dd5fbc8a5d660961bb5e256ac65b', alt: this.label, class: className, height: "32", src: "emojis/Happy32.png", width: "32" }))));
+        return (h(Fragment, { key: '619129c7e28e73a3723d09bb20f5db4104664e52' }, this.size === 16 && (h("img", { key: '5798a5cf99caf50942b860c7999175abdff20e9d', alt: this.label, class: className, height: "16", src: "emojis/Happy16.png", width: "16" })), this.size === 20 && (h("img", { key: '1ca5db3a8e5d1d32b216f3522320179637f910da', alt: this.label, class: className, height: "20", src: "emojis/Happy20.png", width: "20" })), this.size === 24 && (h("img", { key: 'd96185a2e87c597f75693636dd58572e6682d4bb', alt: this.label, class: className, height: "24", src: "emojis/Happy24.png", width: "24" })), this.size === 32 && (h("img", { key: 'e695555af8ab00a6bcc9fdaf0528b885fc08eba4', 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: '92649c9101813a3fbdf0ee0356f3976173a14a09' }, this.size === 16 && (h("img", { key: 'deb8e211f35a7a9c5cefa1251a505a5167923a05', alt: this.label, class: className, height: "16", src: "emojis/Idea16.png", width: "16" })), this.size === 20 && (h("img", { key: 'bb2779329cfe0c67af362ee8449e165840f233f7', alt: this.label, class: className, height: "20", src: "emojis/Idea20.png", width: "20" })), this.size === 24 && (h("img", { key: 'd14b8b5a5f74ba2536b4547153a4b6ccae80f1c2', alt: this.label, class: className, height: "24", src: "emojis/Idea24.png", width: "24" })), this.size === 32 && (h("img", { key: '372171bb6e76a667a5cabd5b527fda06087daf16', alt: this.label, class: className, height: "32", src: "emojis/Idea32.png", width: "32" }))));
+        return (h(Fragment, { key: '1ddb0dbaa2dece9843885be0eb96297f7262d042' }, this.size === 16 && (h("img", { key: 'baa3127e120fd75fbf3f29dd33ae7d90f427d129', alt: this.label, class: className, height: "16", src: "emojis/Idea16.png", width: "16" })), this.size === 20 && (h("img", { key: '3d388543de153e653acb4f0f247817495b7bb310', alt: this.label, class: className, height: "20", src: "emojis/Idea20.png", width: "20" })), this.size === 24 && (h("img", { key: '7d2fbcc9c48cb85d3edeb3c230b6c3aaf74b82db', alt: this.label, class: className, height: "24", src: "emojis/Idea24.png", width: "24" })), this.size === 32 && (h("img", { key: '7574c6a2d552407413f9794ca8c8bbb1a2f1cb75', 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: '097c592e5a22e1b4a7938d01cba5dd3969594ec3' }, this.size === 16 && (h("img", { key: 'b6e128470f3f403cc89b631713e87b8381cee392', alt: this.label, class: className, height: "16", src: "emojis/Love16.png", width: "16" })), this.size === 20 && (h("img", { key: '4bdcb99ed3e533edee4256f1b51c40b97441bf43', alt: this.label, class: className, height: "20", src: "emojis/Love20.png", width: "20" })), this.size === 24 && (h("img", { key: '635772d3bfb2b220b609292af48cfb81c51a8f39', alt: this.label, class: className, height: "24", src: "emojis/Love24.png", width: "24" })), this.size === 32 && (h("img", { key: 'a26d7ea16f85840015b6be41bcb556308ea09d80', alt: this.label, class: className, height: "32", src: "emojis/Love32.png", width: "32" }))));
+        return (h(Fragment, { key: 'f228265076d1ae32694322c19ba8efdf6d499dc7' }, this.size === 16 && (h("img", { key: 'd01a77f870e92fbf86d1ea37483852d8c6ef1178', alt: this.label, class: className, height: "16", src: "emojis/Love16.png", width: "16" })), this.size === 20 && (h("img", { key: 'df5424c60471aef05b51e6dc416488acb83b8ea9', alt: this.label, class: className, height: "20", src: "emojis/Love20.png", width: "20" })), this.size === 24 && (h("img", { key: 'ca9df68a4a190d8f5c2b045e5ab7b49ca4e32708', alt: this.label, class: className, height: "24", src: "emojis/Love24.png", width: "24" })), this.size === 32 && (h("img", { key: '021801691dde3891761b12cbc16684e9655bb67d', 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: 'ae6c2249bcc46f1c3190fa0f3e987ad0afdf8479' }, this.size === 16 && (h("img", { key: 'b4f325e30bb00f5d6dc2db39392cef602222379a', alt: this.label, class: className, height: "16", src: "emojis/Sad16.png", width: "16" })), this.size === 20 && (h("img", { key: '900639414ca62b016e8142b9eab9504bc7fd5cc5', alt: this.label, class: className, height: "20", src: "emojis/Sad20.png", width: "20" })), this.size === 24 && (h("img", { key: '0d7a0fb5e1c5550da2dd37d9809980edce763275', alt: this.label, class: className, height: "24", src: "emojis/Sad24.png", width: "24" })), this.size === 32 && (h("img", { key: '2b9730d38bbbaf36b050d11a26c40ba4b480c4a3', alt: this.label, class: className, height: "32", src: "emojis/Sad32.png", width: "32" }))));
+        return (h(Fragment, { key: 'cacb17f5231e8e65a9ba788e97c88ac4d7a045d3' }, this.size === 16 && (h("img", { key: '8c420591c9e1312e3bc7e10a263b708dff884d43', alt: this.label, class: className, height: "16", src: "emojis/Sad16.png", width: "16" })), this.size === 20 && (h("img", { key: '09372c3936cbf5828ef26b092f8c126d5697967d', alt: this.label, class: className, height: "20", src: "emojis/Sad20.png", width: "20" })), this.size === 24 && (h("img", { key: '519fc1a7bd8fd1d3c9d90ebe032c2dc10dc685fa', alt: this.label, class: className, height: "24", src: "emojis/Sad24.png", width: "24" })), this.size === 32 && (h("img", { key: '5443be3ab168eac250687611d2ec7e585f7393ca', 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: '1bfc1e3503c6124db365400735667c122cf88382' }, this.size === 16 && (h("img", { key: 'ac367cced00422a9cbefca95700be7c7e51cbd3c', alt: this.label, class: className, height: "16", src: "emojis/ThumbsUp16.png", width: "16" })), this.size === 20 && (h("img", { key: '83c6a558f8f5c678c2bfcdaa497556637523fafb', alt: this.label, class: className, height: "20", src: "emojis/ThumbsUp20.png", width: "20" })), this.size === 24 && (h("img", { key: 'f40785bc8899688855fd7cdfd20189154a4552bf', alt: this.label, class: className, height: "24", src: "emojis/ThumbsUp24.png", width: "24" })), this.size === 32 && (h("img", { key: '13d6601e15ade3de9885bbfea04c921611636d3e', alt: this.label, class: className, height: "32", src: "emojis/ThumbsUp32.png", width: "32" }))));
+        return (h(Fragment, { key: '7510a6d0c2a9a9d1cbf64b544c447925084b743d' }, this.size === 16 && (h("img", { key: 'de70ac25084a64fe1bfd85a8c3c0a6aa302f7733', alt: this.label, class: className, height: "16", src: "emojis/ThumbsUp16.png", width: "16" })), this.size === 20 && (h("img", { key: '5fb26959f969f039c39f44449cdb6de7fe6fa1d2', alt: this.label, class: className, height: "20", src: "emojis/ThumbsUp20.png", width: "20" })), this.size === 24 && (h("img", { key: 'a91dae1f9643768541afc140e8978c86dcc3a6fb', alt: this.label, class: className, height: "24", src: "emojis/ThumbsUp24.png", width: "24" })), this.size === 32 && (h("img", { key: '9c2b744d0a4c96c3b9984734de5a4cc178cae7d5', 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: 'bcb0f10b3eea9cd6fb520d7b56b9fdd93fd9aaef' }, h(Tag, { key: '6ffb6fe3c924448cef2b1d7678fc611794135e37', label: this.label, size: this.size })));
+        return (h(Host, { key: 'f7b245d8cc103991cf4a2727776100f78f0d0c5a' }, h(Tag, { key: '6c6a83f481a491d04b3e204f942cadc45c06490e', 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: '88ee8600283c6924e703582dcf1740c5c6576b92' }, h("div", { key: 'd83c64c6e40e26f8ffdcb396ab1de0f26463b50f', class: className }, this.illustration && !hasSlottedIllustration && (h("img", { key: 'dff763552e6bbd2ff37fc4fd3f233e8d2e9a39ea', alt: "", class: "empty-state__illustration", src: this.illustration })), h("div", { key: 'c5acf42ee1e5f65253c85584bf5a18adfb6fbf1c', class: "empty-state__slotted-illustration" }, h("slot", { key: '05f47ed3cbdfb60268650e8e3500b03b8d67ea21', name: "illustration" })), h("div", { key: 'de9fced65a6ea836cc34a348763281b70e6411a2', class: "empty-state__body" }, h("swirl-stack", { key: 'a665b910ae3c06a529a7e71ae45739979580c0ec', align: "stretch", spacing: "8" }, this.heading && (h("swirl-heading", { key: '67daa506b8f89a9b4bb1b112b154bb4d03c4d94c', align: "center", as: `h${this.headingLevel}`, level: 4, text: this.heading })), h("div", { key: '05ccc15fd46eb3c1b0057d71562d9be2aa07f96b', class: "empty-state__content" }, h("swirl-text", { key: '6f7a7eca4ccdbd8efdce9f2281be10c5cf125824', align: "center", color: "subdued" }, h("slot", { key: 'a7a60b21ede3be2929e1787dcde26cbce04d669a' })))), h("div", { key: '6f90b969d5481f710ed0d4958c82d71fc7421dc5', class: "empty-state__controls" }, h("slot", { key: '2e573d198ee60799afb1f81180eb7b3c62f9bf67', name: "controls" }))))));
+        return (h(Host, { key: 'c2e8ccde693817838b60f34a6d740a5c7b66699b' }, h("div", { key: '0003deb97729d9f910357954ca460b0175f1767e', class: className }, this.illustration && !hasSlottedIllustration && (h("img", { key: 'e7c6a2f2ac8b517bc988affa907971b315be51f0', alt: "", class: "empty-state__illustration", src: this.illustration })), h("div", { key: '3ff8688a488ee7f8f98e16171184bae84993640f', class: "empty-state__slotted-illustration" }, h("slot", { key: 'dd5200b78701624ef24ebc9a356bacbd187280ce', name: "illustration" })), h("div", { key: 'ccf3be4270aff8f5b0e58df3d26d981aeae3bec1', class: "empty-state__body" }, h("swirl-stack", { key: '302f100325f5431c005263afaea48cdb114e193b', align: "stretch", spacing: "8" }, this.heading && (h("swirl-heading", { key: 'ff8683109c205de82b3bf0dd5e24756c18d8be16', align: "center", as: `h${this.headingLevel}`, level: 4, text: this.heading })), h("div", { key: '081f9d49b19fd65e69383ad982838d1792a0a87a', class: "empty-state__content" }, h("swirl-text", { key: '6357990f0fa688a4016361b037092431651e6ea3', align: "center", color: "subdued" }, h("slot", { key: '3f648e01deb2242e132bcacfadab4fd08d7f116d' })))), h("div", { key: '372fd4f55274a6c32a2443a456530845473747a5', class: "empty-state__controls" }, h("slot", { key: 'a0fe0a4e1705e5e55286bc455d0e0b911093f407', name: "controls" }))))));
     }
     static get is() { return "swirl-empty-state"; }
     static get encapsulation() { return "shadow"; }

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

@@ -76,7 +76,7 @@ export class SwirlFileChip {
             "file-chip--one-action": actionCount === 1,
             "file-chip--two-actions": actionCount === 2,
         });
-        return (h(Host, { key: 'da93981ba09062219c148d381a514a95c538c32a' }, h("span", { key: 'cb467e7add4888af028ef50a613837fa0bd51095', role: "group", class: className }, h("span", { key: '619a4b3a45bca37fbe991f6318c3aa2ce9409fa0', class: "file-chip__icon" }, this.getFileIcon()), h("span", { key: '70cdbdade3f1b7808ede9118d542daca697977a7', class: "file-chip__info" }, h("span", { key: '2cd192dd424ef6d403c8a661b07c1862a1387122', class: "file-chip__name", title: this.name }, this.name), this.description && (h("span", { key: '7ba2a726050b8c4512482114d6d8fcee3dca21fd', class: "file-chip__description" }, this.description))), h("swirl-button-group", { key: 'd482246d203181140b739ae5c1beb7384dc0e4d6', class: "file-chip__actions" }, this.showPreviewButton && (h("swirl-button", { key: 'c06ef575dad74a6a242ebd09d666469708404f5c', variant: "flat", icon: "<swirl-icon-preview></swirl-icon-preview>", onClick: this.handlePreviewClick, label: this.previewButtonLabel, hideLabel: true, part: "file-chip__preview" })), this.showDownloadButton && (h("swirl-button", { key: 'c68cdead2b83c1e9f16223e950a367761ee0bb39', variant: "flat", icon: "<swirl-icon-download></swirl-icon-download>", onClick: this.handleDownloadClick, label: this.downloadButtonLabel, hideLabel: true, part: "file-chip__download" }))))));
+        return (h(Host, { key: '3de12468c0facc6e37c27e75a2d306184c66b88e' }, h("span", { key: '61daf0203aa8db81d056ec88f8b8265058b7d315', role: "group", class: className }, h("span", { key: '513691590b5efbaa30eca5ff497dafa68c439a3f', class: "file-chip__icon" }, this.getFileIcon()), h("span", { key: 'c52d124babf04e7d951b8a89e14b5e69d4400688', class: "file-chip__info" }, h("span", { key: '68ae820c9ff0ef98ba9b8ab2e305a207dca65c60', class: "file-chip__name", title: this.name }, this.name), this.description && (h("span", { key: 'b47acede0392291fd94829d23b3d9a46f0727ed6', class: "file-chip__description" }, this.description))), h("swirl-button-group", { key: '9e048b00360a6de6785b7f38eca6ee75b4589be7', class: "file-chip__actions" }, this.showPreviewButton && (h("swirl-button", { key: 'aea87dc238307f2617812f73e2772a56a018c8a7', variant: "flat", icon: "<swirl-icon-preview></swirl-icon-preview>", onClick: this.handlePreviewClick, label: this.previewButtonLabel, hideLabel: true, part: "file-chip__preview" })), this.showDownloadButton && (h("swirl-button", { key: 'fff25ce0a9d63d2c4b61cf7c2f7d67f40e74827b', variant: "flat", icon: "<swirl-icon-download></swirl-icon-download>", onClick: this.handleDownloadClick, label: this.downloadButtonLabel, hideLabel: true, part: "file-chip__download" }))))));
     }
     static get is() { return "swirl-file-chip"; }
     static get encapsulation() { return "shadow"; }

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

@@ -32,10 +32,10 @@ export class SwirlFileUploader {
             "file-uploader--disabled": this.disabled,
             "file-uploader--show-dropzone": this.showDropzone,
         });
-        return (h(Host, { key: '28e322524c347ae853ff0856fb5160912357e308' }, h("div", { key: 'ce15bfb8c644f3fc97313e63ee03181de4c19f65', class: className }, this.hideLabel ? (h("swirl-visually-hidden", null, h("label", { htmlFor: this.inputId }, this.label))) : (h("label", { class: "file-uploader__label", htmlFor: this.inputId, id: `${this.inputId}-label` }, this.label)), this.description && (h("span", { key: 'c283837d456a04c54fd62bc09a26bc09c796fba9', class: "file-uploader__description", id: `${this.inputId}-description`, innerHTML: this.descriptionAllowHtml ? this.description : undefined }, !this.descriptionAllowHtml && this.description)), h("div", { key: 'd262572efa14e68431ed3166c51ae20e71480e89', class: "file-uploader__dropzone" }, this.showDropzone ? ([
+        return (h(Host, { key: '735604888bf0188109cfdf8e038400aecb060ddd' }, h("div", { key: '9aab6f2e0e559b1c4edb2c40b81e48707da3ef31', class: className }, this.hideLabel ? (h("swirl-visually-hidden", null, h("label", { htmlFor: this.inputId }, this.label))) : (h("label", { class: "file-uploader__label", htmlFor: this.inputId, id: `${this.inputId}-label` }, this.label)), this.description && (h("span", { key: '26934972352c10d5320733fd75d582c64ae2e8e2', class: "file-uploader__description", id: `${this.inputId}-description`, innerHTML: this.descriptionAllowHtml ? this.description : undefined }, !this.descriptionAllowHtml && this.description)), h("div", { key: 'bfba3d7da9b3a93ea18940c78b8428f2f009b5bb', class: "file-uploader__dropzone" }, this.showDropzone ? ([
             h("swirl-icon-cloud-upload", { class: "file-uploader__dropzone-icon" }),
             h("div", { class: "file-uploader__dropzone-label", id: `${this.inputId}-additional-label` }, h("span", { class: "file-uploader__dropzone-cta" }, this.ctaLabel), " ", h("span", { class: "file-uploader__drag-drop-label" }, this.dragDropLabel)),
-        ]) : (h("swirl-button", { class: "file-uploader__upload-button", disabled: this.disabled, icon: this.uploadButtonIcon, intent: "primary", label: this.uploadButtonLabel, onClick: this.onUploadButtonClick, swirlAriaDescribedby: ariaDescribedby, variant: this.uploadButtonVariant })), h("input", { key: 'afa3b43ac8e3fc365b09ec094724e3e5aa0b4dac', accept: this.accept, "aria-describedby": ariaDescribedby, "aria-disabled": this.disabled, autoComplete: "off", class: "file-uploader__input", disabled: this.disabled, id: this.inputId, multiple: this.multiple, name: this.inputName, onChange: this.onChange, ref: (el) => (this.inputEl = el), tabIndex: tabIndex, type: "file" })))));
+        ]) : (h("swirl-button", { class: "file-uploader__upload-button", disabled: this.disabled, icon: this.uploadButtonIcon, intent: "primary", label: this.uploadButtonLabel, onClick: this.onUploadButtonClick, swirlAriaDescribedby: ariaDescribedby, variant: this.uploadButtonVariant })), h("input", { key: '6f9d334acde73367d4e83fcccaf7fc393635bea6', accept: this.accept, "aria-describedby": ariaDescribedby, "aria-disabled": this.disabled, autoComplete: "off", class: "file-uploader__input", disabled: this.disabled, id: this.inputId, multiple: this.multiple, name: this.inputName, onChange: this.onChange, ref: (el) => (this.inputEl = el), tabIndex: tabIndex, type: "file" })))));
     }
     static get is() { return "swirl-file-uploader"; }
     static get encapsulation() { return "scoped"; }