npm - @getflip/swirl-components - Versions diffs - 0.376.0 → 0.378.0 - Mend

@getflip/swirl-components 0.376.0 → 0.378.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 (1866) hide show

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

@@ -77,7 +77,7 @@ const SwirlTabs = class {
         }));
     }
     render() {
-        return (index.h(index.Host, { key: 'd78b21bdd1f903eb77ad028aa396d761b5094ebe' }, index.h("div", { key: 'c3258e7b879253d06d2ac66b84df3d3fde928feb', class: "tabs" }, index.h("swirl-tab-bar", { key: 'd7caa79a2227439b3bb4c75e7d68399123c34db8', 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: 'cc62dc7beeac480a5a165668a67220e18373a204' })));
+        return (index.h(index.Host, { key: 'b874315686e1879e67bbb083cbba1eba80bd2188' }, index.h("div", { key: '4a09d26d900a0518deae3c93461a6b1c5f323012', class: "tabs" }, index.h("swirl-tab-bar", { key: 'f01c49f14380823f754d6aa5ecaa3a0fbe55b432', 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: 'd4983d32686b88ada717787209095b6820657228' })));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -39,7 +39,7 @@ const SwirlTag = class {
     }
     render() {
         const className = index$1.classnames("tag", `tag--icon-position-${this.iconPosition}`, `tag--intent-${this.intent}`, `tag--size-${this.size}`, `tag--variant-${this.variant}`);
-        return (index.h(index.Host, { key: 'f51cb74eb358b045c153d6fc27824575363a604f' }, index.h("span", { key: 'fb015e48a19f9b05c0ec1cbf5608f190b7d08757', class: className, part: "tag" }, this.icon && (index.h("span", { key: 'bd9f60baf34bec57f244da9b499d79922292cd88', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), index.h("span", { key: '8b3b266c177a47a4147a7925f5e514104c570f1f', class: "tag__label" }, this.label), this.removable && (index.h("button", { key: '5b35b8bcc59396e5e732c7108b4dd49f11dfb297', "aria-label": this.removalButtonLabel, class: "tag__removal-button", onClick: this.onRemove, tabIndex: this.el.ariaHidden === "true" ? -1 : undefined, type: "button" }, index.h("swirl-icon-close", { key: '187c45887abfeb6be86308ae6bd5963ea8d99849', size: 16 }))))));
+        return (index.h(index.Host, { key: '83447a0e4d7aebe61c8d0d15d57d3612fd6c599d' }, index.h("span", { key: 'b7dbb33d1a909b51d613eb7e39aad36c45a195dd', class: className, part: "tag" }, this.icon && (index.h("span", { key: 'f195677ee4985aaa1aac2e42567ffee9c85ee937', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), index.h("span", { key: '960fe967ca4d42e99be50a722f939a5ee6c09397', class: "tag__label" }, this.label), this.removable && (index.h("button", { key: 'c569b75bf380c341ba7bcd9880eabfc0fcc0cd23', "aria-label": this.removalButtonLabel, class: "tag__removal-button", onClick: this.onRemove, tabIndex: this.el.ariaHidden === "true" ? -1 : undefined, type: "button" }, index.h("swirl-icon-close", { key: '16df050a039118f311645a21d0542e6d8b74adff', size: 16 }))))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -988,7 +988,7 @@ const SwirlText = class {
         const styles = {
             whiteSpace: truncate ? "nowrap" : this.whiteSpace,
         };
-        return (index$1.h(index$1.Host, { key: '72ae83c8442c8f7584114ae0364e84538795db4c' }, index$1.h(Tag, { key: '9305a6fc5d8c976040eb4c59322e746a1f7c6b2b', class: className, ref: (el) => (this.textEl = el), style: styles }, index$1.h("slot", { key: '7b8410b15bd9e776c58d6b92c7e65d1fc6984bf1' }))));
+        return (index$1.h(index$1.Host, { key: '6102c8f79c359365857a7cacc67b97132123ed8f' }, index$1.h(Tag, { key: '8a7c665f5d4bfbf70848a4b48d6615815d61f127', class: className, ref: (el) => (this.textEl = el), style: styles }, index$1.h("slot", { key: '6dbc8c743baf7292399f5afce9f28fe96298a4b2' }))));
     }
     get el() { return index$1.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: 'd5905b314adf9a3ae78f7544359c7d331bcbe746' }, index.h("slot", { key: 'c3d11f71afa8361190e953b37fc8a03d6644c02e' })));
+        return (index.h(index.Host, { key: 'ab4d04c2ea8925fe498eb53f3ed35008365a29dc' }, index.h("slot", { key: 'e2fd278d80d9303982829547c17982f68fd2d6dc' })));
     }
     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: 'ad84575f3cbcf1e8b414b7e2d30b1e14ed6539b6' }, index.h("div", { key: '6d610587acf5a75a19a8396e526636e9feb1b2ab', class: className }, index.h("input", { key: '3b010fcce9dba4acd690758530fcff960c6dc119', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "time-input__input", disabled: this.disabled, id: this.id, inputmode: "numeric", onBlur: this.onBlur, onClick: this.onClick, onFocus: this.onFocus, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text" }), index.h("span", { key: 'fa9e16c19287bf1b60a6a26613d7c82fc8a450ce', class: "time-input__icon" }, index.h("swirl-icon-time-outlined", { key: '9a40e242b4eb53278b5c4d7503fc934caa83b778', size: this.iconSize })))));
+        return (index.h(index.Host, { key: '0a929f7d75b062e56291bb05a1cbe29bed9766d8' }, index.h("div", { key: 'cabdcf8f69f8a1d975fb58a8f4f3e98ba7260a7a', class: className }, index.h("input", { key: 'c812f2b8b1c62fefe7f61b131a2cc8a6b6d8349d', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "time-input__input", disabled: this.disabled, id: this.id, inputmode: "numeric", onBlur: this.onBlur, onClick: this.onClick, onFocus: this.onFocus, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text" }), index.h("span", { key: '11ea0081a7e5cae9678ce1370832e84d50bd7255', class: "time-input__icon" }, index.h("swirl-icon-time-outlined", { key: 'd72261e96a591e188438a16fc07e455817a5802c', size: this.iconSize })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -45,7 +45,7 @@ const SwirlToastProvider = class {
         return newToastWithId;
     }
     render() {
-        return (index.h(index.Host, { key: '0c8f2f92549542bfd53336138f5d6a4e9ce21dd3', role: "status" }, index.h("swirl-stack", { key: 'e6d420aa0444ca7f24c269616dda30d2508214d9', spacing: "12" }, this.toasts.map((toast) => {
+        return (index.h(index.Host, { key: 'd77ac2c1540cb1caea02cdd512ffb542689297a8', role: "status" }, index.h("swirl-stack", { key: '6b25556338ddf73c30f0307fee0598fa41f0bcdf', spacing: "12" }, this.toasts.map((toast) => {
             const props = { ...toast, content: undefined };
             return (index.h("swirl-toast", { key: toast.toastId, onDismiss: this.onDismiss, ...props }, toast.content));
         }))));

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

@@ -54,7 +54,7 @@ const SwirlToast = class {
     }
     render() {
         const className = index$1.classnames("toast", `toast--intent-${this.intent}`);
-        return (index.h(index.Host, { key: '1d90e266e746ba5baf37e1b9934bf7b62a2b76dd' }, index.h("div", { key: 'c08523f0cc5776fd07849b5218fd7f6a19ae23aa', class: className }, this.icon && (index.h("span", { key: '90cdbca501d150947101b30d2c44db8a6a4546d5', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), index.h("span", { key: '58c13071b3b6b97ac97cc3549034e993c0681390', class: "toast__content", innerHTML: this.content, part: "toast__content" }, index.h("slot", { key: 'e5767ef37b95dbd7eba122da95e7c601e4a4ed31' })), index.h("button", { key: 'd51d3fe6dc59d4c0f98415e6c283112febc8f49f', "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && (index.h("swirl-icon-close", { key: '58e922172f142b49891b4335b25fe3c71d8cdac6', ref: (el) => (this.dismissIconEl = el) }))))));
+        return (index.h(index.Host, { key: '43cb34a2df0fd98c1651a6a7a8921bd72917d820' }, index.h("div", { key: '2794719db1ae270a1dbfdd7cd667c7892778586c', class: className }, this.icon && (index.h("span", { key: '00106bb7daccabb75387507a6da93909905cfc66', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), index.h("span", { key: '4f14111240b148854ece64826319d11e57c93a8a', class: "toast__content", innerHTML: this.content, part: "toast__content" }, index.h("slot", { key: '6ba35843c580885b83231901a746a1ceacefc2a6' })), index.h("button", { key: '145bd18d8822373d0ea2103e88a1c189228e47a8', "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && (index.h("swirl-icon-close", { key: '80b7c90525bfb27844c789e1816e8f0d0175bd97', ref: (el) => (this.dismissIconEl = el) }))))));
     }
     static get watchers() { return {
         "duration": ["watchDuration"]

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

@@ -17,7 +17,7 @@ const SwirlToggleButton = class {
         const classNames = index$1.classnames("button", {
             "button--pressed": this.isPressed,
         });
-        return (index.h("button", { key: '59fa0013b0e89eac0bb722254ebca1505a884235', class: classNames, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, this.icon && (index.h("swirl-icon", { key: 'a9e9e990c71ad7c0537f07904eeef1d0fe55e9dd', class: "button__icon", glyph: this.icon })), index.h("span", { key: 'ed362ba930a914fe8735eaeb2690ddacb05e11af', class: "button__label" }, this.label)));
+        return (index.h("button", { key: 'cb46f2d43a540469a1fd0d8f815a5b197e114323', class: classNames, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, this.icon && (index.h("swirl-icon", { key: '87f0a543460fab38902f791c9ebe8d2b45662c04', class: "button__icon", glyph: this.icon })), index.h("span", { key: '1d24443aa1664513cea122fcdebbd9448da49d47', class: "button__label" }, this.label)));
     }
 };
 SwirlToggleButton.style = swirlToggleButtonCss;

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

@@ -62,7 +62,7 @@ const SwirlToggleGroup = class {
         const className = index$1.classnames("toggle-group", `toggle-group--variant-${this.variant}`, {
             "toggle-group--elevated": this.elevated,
         });
-        return (index.h("swirl-stack", { key: 'f822695f41e9028f839e871e567f22f0b163b2c7', class: className, "aria-label": this.swirlAriaLabel, spacing: "4", orientation: "horizontal", align: "center", role: "group" }, index.h("slot", { key: '1492fc481cf2eb0d957dc8353f09f75fd341fe79', onSlotchange: this.onSlotChange })));
+        return (index.h("swirl-stack", { key: '592281557bdff4eb63d73e2d5f7371726be6a160', class: className, "aria-label": this.swirlAriaLabel, spacing: "4", orientation: "horizontal", align: "center", role: "group" }, index.h("slot", { key: '08fb51474cd7e1357891139b35c20a3279d9b5e2', onSlotchange: this.onSlotChange })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -71,7 +71,7 @@ const SwirlToolbar = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: 'b4d26b328470b945d344895908b1c5c50c833d17' }, index.h("swirl-stack", { key: '2d47b3300ea9398264e18fc197e1f15d759a05a3', align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8", wrap: true }, index.h("slot", { key: '922353e031756d3d4b2c89f2107c4048437fe89a' }))));
+        return (index.h(index.Host, { key: '9369f6a0113fb50ba750b4f16c25c544b1766154' }, index.h("swirl-stack", { key: 'f2c667c134c39c55ceafb36ba4b6e23b654a34f4', align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8", wrap: true }, index.h("slot", { key: '138163699ddb35e2032885fc5b0a0bcd4cc26d62' }))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -113,7 +113,7 @@ const SwirlTooltip = class {
             "tooltip--active": this.active,
             "tooltip--visible": this.visible,
         });
-        return (index.h(index.Host, { key: '1ab6f241602a99b2de2cb8028b5dd8a05d37ed3f', onKeydown: this.onKeydown }, index.h("span", { key: '9529d1fca5ce68aa7d9981f1c003d4e9654c90c7', class: className }, index.h("span", { key: '07606dd0778d20d989f695356de71ab4c94550ce', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, index.h("slot", { key: 'd8145e425e2ec5630accb88ee7e660a2e63269cc' })), index.h("span", { key: 'aa10860e427cba38873101a7222173e4e323d7e0', class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
+        return (index.h(index.Host, { key: '2ca3d60bb8b64efb2616d859a793a274cce6f42c', onKeydown: this.onKeydown }, index.h("span", { key: '1f490a1aa3a4026896fd25cd5c4126ad3786d5d0', class: className }, index.h("span", { key: 'e58ca5aaa6ade677a6021a2ef3397e4e60d526b1', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, index.h("slot", { key: 'c6938ab1e9c356fe0d965563013d69ed75efe664' })), index.h("span", { key: '7f834ec818452df9a3310a7ffd89b47dc4661374', class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
                 top: Boolean(this.actualPosition)
                     ? `${this.actualPosition?.y}px`
                     : "",
@@ -121,7 +121,7 @@ const SwirlTooltip = class {
                     ? `${this.actualPosition?.x}px`
                     : "",
                 position: this.positioning,
-            } }, this.visible && (index.h("span", { key: '79b2d4e54133935e433f28f6c00848ea36206179', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, index.h("span", { key: '53c0eb8a14932a811900e58534824f231209e672', class: "tooltip__content", innerHTML: this.content }))), index.h("span", { key: '7391938a87a02650214bafa226892261ddf4e1e0', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
+            } }, this.visible && (index.h("span", { key: '6a05638c206240fd899a23e93ac1bb25adc1ea42', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, index.h("span", { key: 'ebb451de62981317c047e6bd9497008672bc305b', class: "tooltip__content", innerHTML: this.content }))), index.h("span", { key: '15746cb89438888ee93bd4166af25ee62fc5240b', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
                 ...this.arrowStyles,
                 visibility: this.visible ? "visible" : "hidden",
             } })))));

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

@@ -90,12 +90,12 @@ const SwirlTreeNavigationItem = class {
             "tree-navigation-item__link--active": this.active,
             "tree-navigation-item__link--has-icon": Boolean(this.icon),
         });
-        return (index.h(index.Host, { key: 'd6fb77d697125eeca188a806b4d3a5a3e759a02b', role: "none" }, index.h("li", { key: '77734f81922b60a49809a2ad6a0b347caa1c1034', class: {
+        return (index.h(index.Host, { key: 'bf2eae39440134d0d6c4d13e12ab676130a77a1c', role: "none" }, index.h("li", { key: 'dec119860702093ee238ea6186a0b63b1f1439d4', 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: 'a0926e1a489028e53f58d3f7669e2269af0a123a', 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: '9258266dc382c39f90919095eb4d59da1d196531', class: "tree-navigation-item__content" }, this.icon && (index.h("swirl-icon", { key: '50a25ce9cae0b3cd2e589cb88be65171f67b7a79', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), index.h("span", { key: '82ab0a3fd85a00716d5b4cf654b25a5dc735751e', class: "tree-navigation-item__label" }, index.h("span", { key: '793584416a380c2d09be90352009f859052aae35', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (index.h("span", { key: '519603990f680396254190c05e6ccd8dc27943ab', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, index.h("swirl-icon-chevron-right", { key: '6a99d31d9ce7314867de6037d0a4f227da208bbb', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (index.h("span", { key: 'd6c14a15acc3f51bfbcadd054a1f06453fa30b45', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, index.h("swirl-icon-open-in-new", { key: 'ad5e4376ab4458d4158b2f36d16793b9b6554615', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (index.h("ul", { key: 'b7e9f8883ca0547e5450194041ff3a11c9dc7fbe', 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: 'fa3e17e061f95ced9d9ef9c7cead351c9dc2b5cc', 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: '31b063ee88fccb182674f77105fbf7d45bedc844', class: "tree-navigation-item__content" }, this.icon && (index.h("swirl-icon", { key: 'd9434ae2ed7f066df243b1550ccebf27a1543a6c', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), index.h("span", { key: 'c2c7ac76458f2c6e114aa64b1fe8dad7fcf477ba', class: "tree-navigation-item__label" }, index.h("span", { key: '8778648e9d1de6511de9915b955b8fdbe7112c34', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (index.h("span", { key: '400b94bf79bb5d89660614e62b9d175fedebe05c', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, index.h("swirl-icon-chevron-right", { key: 'a169fde08ec0b63c349893e2b3ec93078878e1bb', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (index.h("span", { key: '8c8d4135278e6e61f12df2149437c0140b6c31e3', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, index.h("swirl-icon-open-in-new", { key: 'f136c165c7a0bc2ffe2b0d6b033c3309b284d37d', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (index.h("ul", { key: 'e3f29e18891bf3941148a331b2bd8fd1e64f5eae', 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: 'e5343b9170600521092110e0566b8942853baeb1' }))))));
+            } }, index.h("slot", { key: '4df3ef1c2e2b2ba73a945e217d0157603a70cca2' }))))));
     }
     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: '6bac13de4ea94acc65ea1c34c9d420aafd95232e' }, index.h("ul", { key: '0c47a6917c4cbcb1398703b7e3789083c21a4c26', "aria-label": this.label, class: "tree-navigation", role: "tree" }, index.h("slot", { key: '4947f3826f665b24eeb90d5f22cfb6beee76823c' }))));
+        return (index.h(index.Host, { key: 'd5c52dad607b47023a7367c601b1af4506ead148' }, index.h("ul", { key: 'f2d9099cdce4aa9a80b88dcc1aa7a92ce10e5764', "aria-label": this.label, class: "tree-navigation", role: "tree" }, index.h("slot", { key: 'e38c92f627da85cb754ec3d3a8a0a3daa0be5529' }))));
     }
 };
 SwirlTreeNavigation.style = swirlTreeNavigationCss;

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

@@ -337,17 +337,17 @@ const SwirlTreeViewItem = class {
             "tree-view-item--disable-drag": this.disableDrag,
             "tree-view-item--has-tags": hasTags,
         });
-        return (index.h(index.Host, { key: 'f571e0aa5fab77a62b4b6a63e1226011b61202ce', id: this.itemId, role: semantics === "tree" ? "none" : "listitem" }, index.h(Tag, { key: 'a13caedc50c5df33f7674c93696a141c019a0be4', class: className, role: semantics === "tree" ? "none" : undefined }, index.h("a", { key: 'e9a32fadc3d8d07e757d42f54f8e9e44976e2b4a', "aria-current": this.active ? "page" : undefined, "aria-expanded": !hasChildren || semantics !== "tree"
+        return (index.h(index.Host, { key: '92a6fc72ba951551fc8bcc6fd5ddaa3ff1b44f5d', id: this.itemId, role: semantics === "tree" ? "none" : "listitem" }, index.h(Tag, { key: '4ce0aad69e8863aea1efd79497f39147461f4c77', class: className, role: semantics === "tree" ? "none" : undefined }, index.h("a", { key: 'aee6e4e236b9da37d794e1cf53970be78a7a42f5', "aria-current": this.active ? "page" : undefined, "aria-expanded": !hasChildren || semantics !== "tree"
                 ? undefined
                 : String(expanded), "aria-level": semantics === "tree" ? this.level + 1 : undefined, "aria-owns": hasChildren && semantics === "tree"
                 ? `${this.itemId}-children`
-                : undefined, "aria-selected": semantics === "tree" ? String(this.selected) : undefined, class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, onKeyDown: this.onKeyDown, ref: (el) => (this.link = el), role: semantics === "tree" ? "treeitem" : undefined, tabIndex: tabIndex }, !this.disableDrag && this.enableDragDrop && (index.h("span", { key: '943ebb467ca02496363deccd1757eaa4878680ab', class: "tree-view-item__drag-handle" }, index.h("swirl-icon-drag-handle", { key: '00c15f06df99116176b9759abb86794a5306aa1d', size: 20 }))), this.expandable && semantics === "tree" && (index.h("span", { key: 'dbdd4b084c23f48caee3245a3a2f414cba1fcce1', class: "tree-view-item__toggle-icon" }, hasChildren && (index.h(index.Fragment, { key: '48b76c4675d392b25ad97d9e73f0911f43fc6918' }, expanded ? (index.h("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 })) : (index.h("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 })))))), Boolean(this.icon) && (index.h(index.Fragment, { key: 'd98c931c4f9db219e70fd31365304808c53808da' }, index.h("span", { key: 'c041476e9a1940dcc3c2c4edccde824e0d6f9c81', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (index.h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), index.h("span", { key: '92c600e90332b236742f47ca8ba190e2be704a00', class: "tree-view-item__label" }, this.label), index.h("span", { key: '143e4df9520c3be93508e1e63c5cdad62f26dc90', class: "tree-view-item__tags" }, index.h("slot", { key: 'e8a16506b1c9fa9bdc2a0dab23c042efee9373dc', name: "tags" }))), index.h("ul", { key: '95d6d7047fa12c5a0fc51848457db871f5ec7abe', "aria-label": this.label, class: `tree-view-item__children ${shouldShowChildrenDropZone
+                : undefined, "aria-selected": semantics === "tree" ? String(this.selected) : undefined, class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, onKeyDown: this.onKeyDown, ref: (el) => (this.link = el), role: semantics === "tree" ? "treeitem" : undefined, tabIndex: tabIndex }, !this.disableDrag && this.enableDragDrop && (index.h("span", { key: '12067d39e01689715463586763bcf57b3792f6fe', class: "tree-view-item__drag-handle" }, index.h("swirl-icon-drag-handle", { key: '587163d893c82db81ac14043387aeaf9fae01f28', size: 20 }))), this.expandable && semantics === "tree" && (index.h("span", { key: '8e296cbbee0496269ae851e932d757872e48f414', class: "tree-view-item__toggle-icon" }, hasChildren && (index.h(index.Fragment, { key: '69ab051f3055d7a67d39d2c3e84a6ecfc17ff6e7' }, expanded ? (index.h("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 })) : (index.h("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 })))))), Boolean(this.icon) && (index.h(index.Fragment, { key: '1cd32216980f812b5990c23b723428dfe50fa265' }, index.h("span", { key: '2ef9a931552385408c773d1002175b259e8ff20f', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (index.h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), index.h("span", { key: '7de30e721f49840b8e9343d9643e4b04d2f111f5', class: "tree-view-item__label" }, this.label), index.h("span", { key: 'cc03525b5dc4f9ca2d8e8e6055b4bb5a2e8f1d62', class: "tree-view-item__tags" }, index.h("slot", { key: 'bd6f7235df3e6e7d7c317ae7402eedadb66029af', name: "tags" }))), index.h("ul", { key: 'a8bde6803502059aa11da1b78cfad862ddb6da1d', "aria-label": this.label, class: `tree-view-item__children ${shouldShowChildrenDropZone
                 ? "tree-view-item__children--drop-zone"
                 : ""}`, id: `${this.itemId}-children`, ref: (el) => (this.childList = el), role: semantics === "tree" ? "group" : undefined, style: {
                 display: (!expanded || !hasChildren) && !shouldShowChildrenDropZone
                     ? "none"
                     : undefined,
-            } }, index.h("slot", { key: '556e0b1487930406f6179a0d50d2ef0c832e2e45' })))));
+            } }, index.h("slot", { key: '5eacda6fce923483bb832e7ef43659eb8296b9b5' })))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -332,7 +332,7 @@ const SwirlTreeView = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '7b4136fd912ca7990b5e55f1575421ec3672dc8f' }, this.enableDragDrop && (index.h("swirl-visually-hidden", { key: '2196f8f992789a4fda56d48e236d602db85035f7' }, index.h("span", { key: 'd49c50de8d0c0db64ee5a97c1ccdcd67f8d9ad84', "aria-live": "assertive" }, this.liveRegionText))), index.h("ul", { key: '8835b6dccdf5550788c877c9f8795c440420e540', "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: this.semantics === "tree" ? "tree" : undefined, ref: (el) => (this.listElement = el), tabIndex: -1 }, index.h("slot", { key: 'ac46b0399f32189de2372e3fd7c6c108b28a46b1', onSlotchange: this.onSlotChange }))));
+        return (index.h(index.Host, { key: 'b997026b01a6f01571f5dd435192a9568ee399e8' }, this.enableDragDrop && (index.h("swirl-visually-hidden", { key: '2a12eed1bcbb1be9ca09e6494cfcecbc6ebcd9cd' }, index.h("span", { key: '12297618e8e047ed6df71b906f0be8960adb6027', "aria-live": "assertive" }, this.liveRegionText))), index.h("ul", { key: 'ee8d26c52e1c76f908f7ed981131a615086518f6', "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: this.semantics === "tree" ? "tree" : undefined, ref: (el) => (this.listElement = el), tabIndex: -1 }, index.h("slot", { key: 'cc848e39bcbaa19e89d74ffd3edfa92fc934e278', onSlotchange: this.onSlotChange }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -10,7 +10,7 @@ const SwirlVideoThumbnail = class {
         this.durationLabel = "Duration";
     }
     render() {
-        return (index.h(index.Host, { key: 'edf47faecac9e48faeb68ce9decdb5e5207624c5' }, index.h("button", { key: '75a450720702a5c2d2ace87324dbdd98e6d59236', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, index.h("img", { key: '7bf9914494fa7e553403b66971fbeb97e97c5f36', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (index.h("span", { key: 'a3573afe2eb65580d593e2ea5fa23e0fe18a3019', class: "video-thumbnail__duration", id: "duration" }, index.h("swirl-visually-hidden", { key: 'ad8a35f788adfe99367b61bf054166dac83c537e' }, this.durationLabel), this.duration)), index.h("svg", { key: 'fbeccac5ba6b4cc7b1e3bdb93691ac763ebf4ceb', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '6e3a6435f6060076af8698bad118967c32843ef6', 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: '66c488984003b2c7afe7a7388a4b8465463793eb' }, index.h("button", { key: '5581bd7774de0032764e149c6e5fa4ad7418cab1', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, index.h("img", { key: '874ace18ced79d8a121f2fecfaa21e161561c3d5', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (index.h("span", { key: 'ad3b4f4a8dce132449195ac1db618514d9c658d5', class: "video-thumbnail__duration", id: "duration" }, index.h("swirl-visually-hidden", { key: '39c0123fe3106b5257a4933430bcff149994823b' }, this.durationLabel), this.duration)), index.h("svg", { key: 'f3ac843cf35f79b014b26d1d5a54d65674eeebfb', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '745ef265c59e183a60d7853f5a992fce029defca', 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: 'ffcded2ad602c1ccaca037904892d07c923c501a' }, index.h("slot", { key: '23aacb88d35fd5411f1704da57ccad33ce52a264' })));
+        return (index.h(index.Host, { key: '3f001fa0d55275db749a4a2125b9b28bb88f434a' }, index.h("slot", { key: 'e162e2eea285c9fa37b5391dbee7d2ecf1caa421' })));
     }
 };
 SwirlVisuallyHidden.style = swirlVisuallyHiddenCss;

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

@@ -245,6 +245,7 @@
     "components/swirl-icon/icons/swirl-icon-pause-circle.js",
     "components/swirl-icon/icons/swirl-icon-pause.js",
     "components/swirl-icon/icons/swirl-icon-people-alt.js",
+    "components/swirl-icon/icons/swirl-icon-person-check.js",
     "components/swirl-icon/icons/swirl-icon-person-off.js",
     "components/swirl-icon/icons/swirl-icon-person.js",
     "components/swirl-icon/icons/swirl-icon-phone.js",

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

@@ -36,7 +36,7 @@ export class SwirlAccordion {
         });
     }
     render() {
-        return (h(Host, { key: '7f8aac6430364eac4124b89ac4fecdc73e82c8a3' }, h("slot", { key: '374b1d722218716869143060496ace17fd84b46d' })));
+        return (h(Host, { key: '4cb898dd4923145ca695946a1990dbf50430e3b7' }, h("slot", { key: '3e87ea3977ae2d593fbc4aff98cf7a6d4e0f8f9e' })));
     }
     static get is() { return "swirl-accordion"; }
     static get encapsulation() { return "shadow"; }

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

@@ -54,7 +54,7 @@ export class SwirlAccordionItem {
         const className = classnames("accordion-item", {
             "accordion-item--expanded": this.expanded,
         });
-        return (h(Host, { key: 'abba07ec2f943c86ff88aed65ea1c10d170e3a55' }, h("div", { key: '4cd9a307c2d01266220cbd3df1b27afa401fdefa', class: className }, h(HeadingTag, { key: '2271f5ee54750532baecbbc34da135fa278461d8', class: "accordion-item__heading" }, h("button", { key: 'ab13edffd0c9bb073473d16a0e3838ee04678a15', "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: '3fa93043d6b8c929b37ced1d779957ec40ff3e02', class: "accordion-item__toggle-text" }, this.heading, this.description && (h("swirl-text", { key: '1470c3ce33a835bb53fd8759b82c26608d018281', as: "span", color: "subdued", size: "sm" }, this.description))), h("span", { key: 'a292fa27389bf972b2b9b7d5d4f6e1d9962f4919', class: "accordion-item__icon" }, !this.expanded && (h("swirl-icon", { key: 'e9903a0728bcd15896d9586a107ea88f1197f1df', glyph: "chevron-right", size: 20 })), this.expanded && (h("swirl-icon", { key: '8cb634c1bcf0c65daaabad79394183ac040237aa', glyph: "expand-more", size: 20 }))))), h("div", { key: 'b0693a31cf7d608b542ca10a13cf6a6b36a6774b', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, h("slot", { key: '95c3a5da8e122291bf06f2fa691b38a1dd53bfb6' })))));
+        return (h(Host, { key: '2ba6d5e009a35cff7d7238dc28154dbd94688dab' }, h("div", { key: 'e81ddeeb7d957753ef9e79a4186646bb39fac9b8', class: className }, h(HeadingTag, { key: 'f34509c51df436d5d4e7c6b97e12db412b5cd090', class: "accordion-item__heading" }, h("button", { key: '012726cab1decab47cc3d363a47d8886d1281df9', "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: '34d915de7aea8c29d68d8bab797efc0a23f5b631', class: "accordion-item__toggle-text" }, this.heading, this.description && (h("swirl-text", { key: 'dd6d53ab86a0f6b6206941eb03aad325c8f9669e', as: "span", color: "subdued", size: "sm" }, this.description))), h("span", { key: 'd07884e2f19506029f7105c78d499bef9bb038bd', class: "accordion-item__icon" }, !this.expanded && (h("swirl-icon", { key: 'de5ed4558c0a4eff354693740a394d75ef5290e3', glyph: "chevron-right", size: 20 })), this.expanded && (h("swirl-icon", { key: '4b8fd0ba961f1432d075c7b808d716fb1ddff27a', glyph: "expand-more", size: 20 }))))), h("div", { key: '86dfaa63eb9e695eea227a78fcf7a1242f72c13f', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, h("slot", { key: '2c72ca125dfec3d12a5815ffaa3a6bd02675b294' })))));
     }
     static get is() { return "swirl-accordion-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -89,7 +89,7 @@ export class SwirlActionList {
         });
     }
     render() {
-        return (h(Host, { key: '162314574b7f7192fcef7636bea795bcba95ae82' }, h("div", { key: '67b71217628367b29b108d8c67d3ce7186849fed', "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: '9731e7c3223b90e34c83dc6b31b95ef342b51961', onSlotchange: this.setSectionSeparator }))));
+        return (h(Host, { key: '43302205ab460e62eea276473fa508302174a25d' }, h("div", { key: 'a6483438c92378439d9d225b92dac7db282d56ea', "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: '7c1b11a88d2d2428a0c29e3bc191407f544ccd07', 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: '6e93266c1a1debf29380963f64c6f853d1e528d4' }, this.hasSeparator && (h("swirl-separator", { key: 'f264ee771b77f2c363bf2fc64c0dcda922c36649', spacing: this.separatorSpacing })), h("div", { key: '702424f77b73f0fce4510715b5a8fe70b2219926', "aria-labelledby": "label", class: "action-list-section", role: "group" }, h("span", { key: '2928fcfc41ae7e9795b757090eeaec491b7ac63c', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), h("swirl-stack", { key: 'c637246f7ae9e3588d990685baccc4253ea7d15e', spacing: this.spacing, align: "stretch" }, h("slot", { key: '988b050cdb85bf8d41cca165b94f51018ceb6dc4' })))));
+        return (h(Host, { key: '2b4f72c501bacd5049e6a686efc825f0b07b2bb7' }, this.hasSeparator && (h("swirl-separator", { key: 'b3d03bdbef8b34977edca6289f6c1b3b388a76fc', spacing: this.separatorSpacing })), h("div", { key: 'af1b1340933dd28e9e96cef6bce9cde1fe874a83', "aria-labelledby": "label", class: "action-list-section", role: "group" }, h("span", { key: '116a58cd342c33346cef1c91141dcdc1540fc7c1', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), h("swirl-stack", { key: '4848d1f70de1148c8d8c0cc819ce0fdf0c102aae', spacing: this.spacing, align: "stretch" }, h("slot", { key: 'a405a89cf3f0dedcc38f5b34ee15c56a262e6e14' })))));
     }
     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: 'ebf22de161e63b6a95a668c83683f1ed4ed9fb3d' }, h("span", { key: '7998c7b113f48ad715fe897f3e547790de5b8e51', class: className }, showImage && (h("img", { key: '685f743ace846d014058b6c40a8b3852f7108367', alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" })), showIcon && (h("span", { key: '2583c7ac995dd3b239258dbc21eb4e229ff9edf0', class: "app-icon__icon", innerHTML: this.icon })))));
+        return (h(Host, { key: 'e3c199c6d4aa08161dc0f15d8b5c36c81a48c1d7' }, h("span", { key: 'ed2618bf26f741f9e9c28839bcc362c6d22d9f0f', class: className }, showImage && (h("img", { key: '2cc23a3504f25b16e89aa68ddf84286e0c7b03bb', alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" })), showIcon && (h("span", { key: '14d901bee675e7eda8de3c4daecc881635e891b9', 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: '6b0a900b2a8c73fd92c45f79b13ee8090455581f', "aria-roledescription": "slide", "aria-label": this.label, class: className, role: "group", style: {
+        return (h(Host, { key: 'c5e73aba969205973717a1a408e6d3337d56bcda', "aria-roledescription": "slide", "aria-label": this.label, class: className, role: "group", style: {
                 aspectRatio: this.aspectRatio,
                 flexBasis: this.width,
                 minHeight: this.minHeight,
-            }, tabIndex: 0 }, h("slot", { key: '5ff3a989f4eb4a17b08024b08e4eeaa5d809f336' })));
+            }, tabIndex: 0 }, h("slot", { key: '0259f47ff8017adb7cf957e3915e7bf1452f7091' })));
     }
     static get is() { return "swirl-carousel-slide"; }
     static get encapsulation() { return "shadow"; }

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

@@ -55,11 +55,11 @@ export class SwirlColorInput {
         const className = classnames("color-input", {
             "color-input--inline": this.inline,
         });
-        return (h(Host, { key: '06442d64beb2fbd63d6b57dd06385739f62c678c' }, h("div", { key: '04156a847fe4dd071d58f5f1203ed63ad13dd3aa', class: className }, h("input", { key: 'fbc8643bc5aec60c89ff4c0ba0dea3ecc60ca635', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "color-input__input", disabled: this.disabled, maxLength: 7, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, spellcheck: "false", type: "text", value: this.value }), h("swirl-popover-trigger", { key: '77c784240913faa8092c4de8456d0e69527acd84', swirlPopover: this.pickerId }, h("button", { key: 'e30a2c1979f56861788ceece1e0fe1141f496873', "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
+        return (h(Host, { key: 'b1a5b6616f3a6f001245649c779c312f8e18a855' }, h("div", { key: '70000714f4dde077c317e44b6b9530fd35fbbfee', class: className }, h("input", { key: '1891a2f2b2dab2ad5a533407348fb024aa7148eb', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "color-input__input", disabled: this.disabled, maxLength: 7, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, spellcheck: "false", type: "text", value: this.value }), h("swirl-popover-trigger", { key: '86b5369901f959711cce2da946fab5ca18269080', swirlPopover: this.pickerId }, h("button", { key: 'ab7229f38e99b9248d813ccfe565600a4c1c04ef', "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
                 backgroundColor: this.disabled
                     ? "var(--s-border-subdued)"
                     : this.value,
-            }, type: "button" })), h("swirl-popover", { key: 'f13ae51925a2667f7f64a97fe39b13de6f9ce7e7', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, h("swirl-box", { key: '2fd33ab39b57e21dcb8fec555e31e32400b85d76', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, h("hex-color-picker", { key: '2c4ca5d20a15345f61a008ec81ef6864a21869f3', color: this.value, ref: (el) => (this.picker = el) }))))));
+            }, type: "button" })), h("swirl-popover", { key: 'ad9454e52a7857ef8d2dad9926e56b5ff9675223', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, h("swirl-box", { key: 'f505804f4c8cdd8d91624ad6d864b3349fbb820d', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, h("hex-color-picker", { key: 'f978fe83dfcebea9865473314c63ba4fa949098a', color: this.value, ref: (el) => (this.picker = el) }))))));
     }
     static get is() { return "swirl-color-input"; }
     static get encapsulation() { return "scoped"; }

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

@@ -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: 'f602249c3a2f823304f2a5bf67ddc5e6a39a6085' }, h("div", { key: '295edc899d752d5d185f1bfcdc933b6c67dc5cab', class: className, onClick: this.onClick, onKeyDown: this.onKeyDown }, h("header", { key: '3d5f51aa48ab671b90e3ab795c8e2336f2a0bf00', "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (el) => (this.sidebarEl = el) }, h("div", { key: 'ef7730d2ebcf7ac06dfb79573bf3799cbb4fff32', class: "console-layout__header" }, h("div", { key: 'd30f5fea7b7315254e965c668f4c2d7481c92f6b', class: "console-layout__logo" }, h("svg", { key: '6d7760615c7429ff4c9f75a426e9f9dd45c3383d', 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: '06644682742c5102d1957434e16712f4ffc05078', 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: '204c7f8eb3f9cdcb4f373fab64837b0dab65863b', 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: '6d84e0d4c32f66edae27369c1b1e2fb5653b080f', 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: '958f28ed610cb01b7978ed1746683f592a62f55e', d: "M12.2072 10.9785L7.32419 10.1459L0.625 14.0709L5.38887 14.9629L12.2072 10.9785Z", fill: "#80A8F4" })), h("swirl-text", { key: 'caa2148fb54f21e3cda5463f3cc3897cab2ae483', class: "console-layout__logo-text", weight: "medium" }, this.logoText))), h("nav", { key: '1e510d6fb7e3ac9253de3028ab47c5959f070866', "aria-label": this.navigationLabel, class: "console-layout__navigation" }, h("slot", { key: 'e52cc6938675f37e197632a18664aad70a53612b', name: "navigation" })), h("div", { key: 'f692ec53041b36b44d8bf79ea16c79fb5d93d3fe', class: "console-layout__user" }, h("slot", { key: '05811ff54291ca6b58c687f68f2a99198b23bedc', name: "user" }))), h("main", { key: 'a8f039990b09c03d359501b481bfb24b5b31322e', "aria-labelledby": Boolean(this.appName) ? "app-name" : undefined, class: "console-layout__main" }, h("header", { key: 'd5b5ffcdc55cce910a16a8f7fa676a3c30927e88', class: "console-layout__app-bar console-layout__app-bar--custom" }, h("slot", { key: 'e412eeebd7df7a58e86a89e74622d741b1f163ac', name: "app-bar", onSlotchange: this.updateCustomAppBarStatus })), h("header", { key: '0e2da65e6647e850b76ca977c9a6e6777626c3b6', class: "console-layout__app-bar" }, h("span", { key: '08da9d4298d53485e2dc40a171a267ba2cb84b60', class: "console-layout__mobile-navigation-button" }, h("swirl-button", { key: 'c943ac71ee28ca081f58d5fea6df1dc80a9c6aca', swirlAriaExpanded: String(this.sidebarActive), hideLabel: true, icon: this.sidebarActive
+        return (h(Host, { key: 'b3ef80cdb42c4fce7ac3a717100dddfad186c32b' }, h("div", { key: '62b19ea2e6a656d490f0770b98a6b752a55a570b', class: className, onClick: this.onClick, onKeyDown: this.onKeyDown }, h("header", { key: 'db1f75fd30733e512214e15f4b26a2a3cacf36a8', "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (el) => (this.sidebarEl = el) }, h("div", { key: '039f15bd92194ccc337551dd0724cc8189485cf3', class: "console-layout__header" }, h("div", { key: 'ece1f49939e39e0cc043556cb94f1654f61b8035', class: "console-layout__logo" }, h("svg", { key: '67881170e60d0bd0bc9437af13bddaf7d0328076', 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: 'd75f3c2176c1772f839a30b5aa3fd68a6966fb19', 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: '099b5f94df4688bdb48a12927cf3c71d3b208f36', 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: '0dfd623bea11168f41898f22025fdc7b9fac1316', 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: 'fb492c2455e67fe229fe23811dc424d536f537a0', d: "M12.2072 10.9785L7.32419 10.1459L0.625 14.0709L5.38887 14.9629L12.2072 10.9785Z", fill: "#80A8F4" })), h("swirl-text", { key: '9318d2ce556e7db74520d33b6f1f4e2310ea72a1', class: "console-layout__logo-text", weight: "medium" }, this.logoText))), h("nav", { key: '668e4495501473c5f8872711a972abbda24407ea', "aria-label": this.navigationLabel, class: "console-layout__navigation" }, h("slot", { key: '81d7f3f1bfdb264ea37b183d4f311405db8eea43', name: "navigation" })), h("div", { key: '13effdcd10da2f588fac241ad7e9110c7e74801b', class: "console-layout__user" }, h("slot", { key: '59d933f6e0867559d68f54166f3f9764a9c63bd7', name: "user" }))), h("main", { key: '1070ca1e540daa834a6b5934d5ccc5e74b82a70c', "aria-labelledby": Boolean(this.appName) ? "app-name" : undefined, class: "console-layout__main" }, h("header", { key: '560cd5cf2d7af584699a092a305f5f7d4fd2765f', class: "console-layout__app-bar console-layout__app-bar--custom" }, h("slot", { key: 'e9cda793e02051f0b5c08a2b71cfffe40c343d1a', name: "app-bar", onSlotchange: this.updateCustomAppBarStatus })), h("header", { key: '9e562fdfb5c00c9e47a31c32a0bd6d86ebe171c6', class: "console-layout__app-bar" }, h("span", { key: 'c0e523db2ebb54694dfe085c908b1f16bb2446b7', class: "console-layout__mobile-navigation-button" }, h("swirl-button", { key: 'facc935ce87b3a48a5a0864e57c24e760f2ef9f3', 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: 'f9415886d01ef95ab39077ea999f42406e86f314', class: "console-layout__app-name" }, this.appName && (h("swirl-heading", { key: '43cb2fa3a5f83641f355b70d65824349a4d81c0e', as: "h1", headingId: "app-name", level: 4, text: this.appName }))), this.showHelpButton && (h("swirl-button", { key: 'c33cba1e95d045c844a54abd07c7137b0e78bc50', class: "console-layout__help-button", hideLabel: true, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick }))), h("section", { key: '6ab6d727f2277140e11db645868827c847dabdba', "aria-labelledby": "heading", class: "console-layout__content", onScroll: this.onMainScroll, ref: (el) => (this.contentEl = el) }, h("div", { key: 'b052ea71d81c31e87cd2fb3737bbb71d1bc031fa', class: "console-layout__content-container" }, h("header", { key: '088cdd2fbbd44ab1d28b522d5fea49d8deefeb2d', class: "console-layout__content-header", style: contentStyles }, this.showBackButton && (h("swirl-button", { key: '4460404203e17d8fb4e40d648e12d04aa56d6d5c', 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: '2140642cc721068ada371be1815b67031fbd0aa2', class: "console-layout__heading-container" }, h("swirl-heading", { key: '22cf167cae948b9fc2bc599e633d853e8f12969c', as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && (h("swirl-text", { key: '06e4ef0297ce3ebe4104ccf8b69c83c065bc79ca', class: "console-layout__subheading", color: "subdued" }, this.subheading)))), !Boolean(this.heading) && (h("div", { key: '46a66886e33e95bd953e4f7302ea349e9a6f51e0', class: "console-layout__heading-container" }, h("slot", { key: 'fb00d09092088ee6276bd40cbc4c7da5c85b21b3', name: "heading" }))), h("div", { key: 'a9b2ffbe3dde312da4652de366b912098a7a3a14', class: "console-layout__content-header-tools" }, h("slot", { key: '5f720c87d56af83fcba11b5a867fa9b16ffb8ff8', name: "content-header-tools" }))), h("div", { key: '3849b04645ac7bd52456b5bb133d656cae4ade3f', class: "console-layout__integration", style: contentStyles }, h("slot", { key: '8bea0cef1e5b108d0431472cd2a4a773c04e6099', name: "content" })))), h("footer", { key: 'cacef9477a9ded8ae8ed0c1f33c5dfc4fcccaf13', class: "console-layout__footer" }, h("slot", { key: '29c75ed06f31e2fa404af0f0df9e3c4b9f2a72c6', name: "footer", onSlotchange: this.updateFooterStatus })), h("div", { key: '6fa46e755ea4ab076400514f059468583baf1158', class: "console-layout__overlays" }, h("slot", { key: '7ba8df29673c595dcd5607611b2e27652cc2040b', name: "overlays" }))))));
+                : this.showNavigationButtonLabel, onClick: this.onMobileNavigationToggleClick })), h("div", { key: 'aef154152693fcc5e8ebf87fcd65c672c3f09df1', class: "console-layout__app-name" }, this.appName && (h("swirl-heading", { key: '5d4cef7055da88d0a5ee714b66a55df7479c5257', as: "h1", headingId: "app-name", level: 4, text: this.appName }))), this.showHelpButton && (h("swirl-button", { key: '07bd89d408f0c31a54e41af43f1c7011874c1f87', class: "console-layout__help-button", hideLabel: true, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick }))), h("section", { key: '034ac139ab9db03f85b981d99c8460ff66f20cb3', "aria-labelledby": "heading", class: "console-layout__content", onScroll: this.onMainScroll, ref: (el) => (this.contentEl = el) }, h("div", { key: 'a23bd2d50c89591ab0866e6879af30cd3c516f34', class: "console-layout__content-container" }, h("header", { key: '020e4fb160d85df02f787570f55ee9aa22f05597', class: "console-layout__content-header", style: contentStyles }, this.showBackButton && (h("swirl-button", { key: 'aa87631266cd53d188b6092c1bcab6c105a55c6a', 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: '2c16a98bf702d29a10b09dd619f536be98d83d2d', class: "console-layout__heading-container" }, h("swirl-heading", { key: '7d50ae02e49ad7593f18dc350999d5cb6c43cae7', as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && (h("swirl-text", { key: 'e50b5e2bbdad7b5fd9ac353b1bd52e19306740ad', class: "console-layout__subheading", color: "subdued" }, this.subheading)))), !Boolean(this.heading) && (h("div", { key: '823833f49a24fea48f4c826e6c0e53dfc854a026', class: "console-layout__heading-container" }, h("slot", { key: '306decbfba6b29de3a4ab23635745a19950d99a3', name: "heading" }))), h("div", { key: '3a3b6555d5d09191913eca4ebb25da4f81478eee', class: "console-layout__content-header-tools" }, h("slot", { key: '49fd8de80bdec3b59a2204fded4b5a218ebb85e1', name: "content-header-tools" }))), h("div", { key: '2f90c13fbca1d30cefe36c435a78b650e5edf319', class: "console-layout__integration", style: contentStyles }, h("slot", { key: '41121fe5b93009c6f51fe0829f45dffdc12811cd', name: "content" })))), h("footer", { key: '9f0acbfcca2b10435f9c7c16750a48a96d7d3ccf', class: "console-layout__footer" }, h("slot", { key: '271614a88a7e645148a4b3c84b5dc0c8cdf8767e', name: "footer", onSlotchange: this.updateFooterStatus })), h("div", { key: '5cebe84de96ce72a839939e1cdf7256f8b3d6910', class: "console-layout__overlays" }, h("slot", { key: 'a1fe1be42259a8fc517ba54fd77b9ad59be9db27', name: "overlays" }))))));
     }
     static get is() { return "swirl-console-layout"; }
     static get encapsulation() { return "shadow"; }

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

@@ -193,7 +193,7 @@ export class SwirlDateInput {
         const className = classnames("date-input", {
             "date-input--inline": this.inline,
         });
-        return (h(Host, { key: '97905434c765395244603fcaeb8b99cb7ca65215' }, h("div", { key: '08e9af686684961329173c15583f56871c737291', class: className }, h("input", { key: '799cbdbc674b660917535823f328c0d3989e0b8d', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "date-input__input", disabled: this.disabled, readonly: this.readonly, id: this.id, inputmode: "numeric", onClick: this.onClick, onMouseDown: this.onMouseDown, onFocus: this.onFocus, onBlur: this.onBlur, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text" }), h("swirl-popover-trigger", { key: 'fc9d427e1fe7c99f2172f8dd6d42fc1af5339f25', swirlPopover: `popover-${this.id}` }, h("button", { key: 'c218bddaa19d9d07bba93998b22eacbc419c9bf1', "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, h("swirl-icon-today", { key: 'dcc5582668398233b0e9233cca1bea7d2b5ccda5', size: this.iconSize })))), !this.disabled && (h("swirl-popover", { key: '8a7a720ad6d8b6a2a103b90a872429ad546527ba', 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: 'e01597c0dc2a830aef8862fb05532678d3630603', disableDate: this.datePickerDisableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onValueChange: this.onPickDate, value: dateValue, startDate: dateValue })))));
+        return (h(Host, { key: '296586c42ea07c1dd87e2ac73fd471d06c5388ff' }, h("div", { key: '60a4b7b6f64ba7153237c0a8e44cb9901634af38', class: className }, h("input", { key: 'b6bd34da2c91953732dad0464e8d0761942ed69b', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "date-input__input", disabled: this.disabled, readonly: this.readonly, id: this.id, inputmode: "numeric", onClick: this.onClick, onMouseDown: this.onMouseDown, onFocus: this.onFocus, onBlur: this.onBlur, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text" }), h("swirl-popover-trigger", { key: '393e6bd9195072f69aa6d6c81d58d0b8005772dc', swirlPopover: `popover-${this.id}` }, h("button", { key: '54c0316dede478077bbfc0f4db5258c2095ce2a4', "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, h("swirl-icon-today", { key: '92915fd3f39a3475ed1856f02f4fc1fdf36c3a39', size: this.iconSize })))), !this.disabled && (h("swirl-popover", { key: '3c01647d3ea1b303522b82764a51557bf64c91f4', 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: 'f89ad21726f83f25c13eb50d1aedc2ca14d3e9dd', 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: 'c8daed371668e09422eb029a4f1466fbeb172dfe', onClick: this.onClick }, h("wc-datepicker", { key: '2db9b0139490da4cb983eae58d564f14be2721bf', 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: '06c823f94d773179d211a1c160d58d092fc3542a', onClick: this.onClick }, h("wc-datepicker", { key: '849ee70595b95f886d477f64c0305ffc6219638f', 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: '186621c7a5995bb3a1e13ca26d7d010b494ea56d' }, h("div", { key: '2c13f86bdc4920b412e6faba663b852d4c2c2cf7', class: "description-list", role: "list" }, h("slot", { key: 'e5968335d30156bcacd58839addd74d092bffdff' }))));
+        return (h(Host, { key: 'd8d06b5b7b9c9a2d7c4296f8de3d655e24c12d11' }, h("div", { key: '08de57c64240ccf58733dd892c14738a41bdc6ec', class: "description-list", role: "list" }, h("slot", { key: 'a9c25e0a6e8da08a792ed412c5a442d716d71ca0' }))));
     }
     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: '90dbdf2ed25781b297bde67fc0900421ebb830ff', role: "listitem" }, h("div", { key: '53f163fc7500a78bef54ead6964bd72f477e0b83', class: className, part: "description-list-item", role: "group" }, h("div", { key: '81313649bcb191b15503713665f77d40e4375bee', class: "description-list-item__inner" }, h("div", { key: '1baabe026578dc1baa0df120e42e0ead42e9f1da', class: "description-list-item__text-container" }, h("div", { key: 'c313991c7674e14a5ab3a38265942338ac5231c5', class: "description-list-item__term", part: "description-list-item__term", role: "term" }, this.term, this.tooltip && (h("span", { key: '7e1ba8dfbb8a92b61dd4d920ebdc10c3f4167e1d', class: "description-list-item__tooltip" }, h("swirl-tooltip", { key: 'd81f3d95d0471c83f347efab966756665161fad0', content: this.tooltip, position: "right" }, h("swirl-icon-info", { key: 'f86d1830237f8919a38864158cfc35715b81225c', size: 16, tabIndex: 0 }))))), h("div", { key: 'b40b4e149ddfec7e4b068477af6671e30c19043c', style: { maxWidth: this.maxWidth }, class: "description-list-item__description", role: "definition" }, h("slot", { key: '15462d6c1d14aba95f3451c7a5be36e325bc7300' }))), h("div", { key: '074a5ac6fdbcd158b2967c9df72860f982a78403', class: "description-list-item__tools" }, h("slot", { key: 'c51ab4cadb99ec5c1a695fae2bfa55445d6b30e5', name: "tools" }))), h("div", { key: '60336ea3f267639607aad06c4aaec92dfa4a33cc', class: "description-list-item__additional-content" }, h("slot", { key: '9cd5c2a9f26a3f293749588fb6b6b734bc1ab3cf', name: "additional-content" })))));
+        return (h(Host, { key: '55a69128cbc4e5196f1e32b78ecc84b10a2230be', role: "listitem" }, h("div", { key: '00da9e841529c8b1851808513aad14aaceffd8df', class: className, part: "description-list-item", role: "group" }, h("div", { key: 'a631dd46a60252faf68d3b84d7674a60b9b2d315', class: "description-list-item__inner" }, h("div", { key: '7e9f9aae96d8b6abd39bce50c5e16e4937143e20', class: "description-list-item__text-container" }, h("div", { key: '0efb707f25d1177ff4a38cecf4a4997bd8d697b6', class: "description-list-item__term", part: "description-list-item__term", role: "term" }, this.term, this.tooltip && (h("span", { key: '839c1d4524659e75057f0e3391cb433c1c87af29', class: "description-list-item__tooltip" }, h("swirl-tooltip", { key: '26e79971b4c97f9dd16c6ea8260c0b13368702ed', content: this.tooltip, position: "right" }, h("swirl-icon-info", { key: 'b98e47548d4a47775534c028796dd7f8dea11df4', size: 16, tabIndex: 0 }))))), h("div", { key: '79854e0a07c00bbfd594f48b6c60ab5c406576d9', style: { maxWidth: this.maxWidth }, class: "description-list-item__description", role: "definition" }, h("slot", { key: '1701334116d317e24d6c77fd7cb040c6f0aa408d' }))), h("div", { key: 'fa5160e88968b0757417bfca222b4556e0c12a2c', class: "description-list-item__tools" }, h("slot", { key: 'ecbc5593502b40506b3acf5b17a25ff19b1b1479', name: "tools" }))), h("div", { key: '48f3c079bdce0674c1f29f8b88850224dafa211b', class: "description-list-item__additional-content" }, h("slot", { key: 'fabf0f1ab2df42b1fd3e198d81d3b24546fa032f', 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: '2290bc6161eb63ee23ecf06fa93714b0cc708196' }, this.size === 16 && (h("img", { key: '480624f433bd871973e385db4de95c5ce80b290a', alt: this.label, class: className, height: "16", src: "emojis/Clap16.png", width: "16" })), this.size === 20 && (h("img", { key: '636c0729258ae4fe56a45227673c870a13bba8c2', alt: this.label, class: className, height: "20", src: "emojis/Clap20.png", width: "20" })), this.size === 24 && (h("img", { key: 'bd2d915f0d7d26135402b4c7b130e531cc12ed69', alt: this.label, class: className, height: "24", src: "emojis/Clap24.png", width: "24" })), this.size === 32 && (h("img", { key: '92ab6253b231d315829861675053a2d10617f7bf', alt: this.label, class: className, height: "32", src: "emojis/Clap32.png", width: "32" }))));
+        return (h(Fragment, { key: 'd938a7fe7a3da4f6dfed61d1e3d7a8568c21d1a7' }, this.size === 16 && (h("img", { key: '5e56ca20a0887d369613f4a391acaf1a37e7b2da', alt: this.label, class: className, height: "16", src: "emojis/Clap16.png", width: "16" })), this.size === 20 && (h("img", { key: '578241797fb9555df0b0851834f4c7b227db1159', alt: this.label, class: className, height: "20", src: "emojis/Clap20.png", width: "20" })), this.size === 24 && (h("img", { key: '392991cf386804e0f029647b849c9aab9e40a815', alt: this.label, class: className, height: "24", src: "emojis/Clap24.png", width: "24" })), this.size === 32 && (h("img", { key: 'd115f2b08ff501c5eb9aff5fb7578be88c46d897', 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: '785ef51d1bfe14d937e3be24d81095a513894745' }, this.size === 16 && (h("img", { key: '87475da3c8cf4f98b41ffca26ba76bf349444980', alt: this.label, class: className, height: "16", src: "emojis/Happy16.png", width: "16" })), this.size === 20 && (h("img", { key: '81953c3e2917f9733653b333ce13b4f63533e2b0', alt: this.label, class: className, height: "20", src: "emojis/Happy20.png", width: "20" })), this.size === 24 && (h("img", { key: '58c8988adec7c1beaed83d98e97651b096d23c7f', alt: this.label, class: className, height: "24", src: "emojis/Happy24.png", width: "24" })), this.size === 32 && (h("img", { key: '2205b12c5576e627f2d461161fa363d35f88d540', alt: this.label, class: className, height: "32", src: "emojis/Happy32.png", width: "32" }))));
+        return (h(Fragment, { key: 'c35136853e49eeb25b1650eaca6e8cae112a4cdb' }, this.size === 16 && (h("img", { key: 'ab4dcf46ede5f47027392b1f98f3c1a1e9019837', alt: this.label, class: className, height: "16", src: "emojis/Happy16.png", width: "16" })), this.size === 20 && (h("img", { key: 'adb51dd1705035a30b3a6dcec1b34696457c80f2', alt: this.label, class: className, height: "20", src: "emojis/Happy20.png", width: "20" })), this.size === 24 && (h("img", { key: '100fc44e0915a212a4071375fcc51f5962dbc9c3', alt: this.label, class: className, height: "24", src: "emojis/Happy24.png", width: "24" })), this.size === 32 && (h("img", { key: '5c4563916778325aaf80d7547c438c8322fbe5e0', 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: '1d0863ea22c3d66bb231797ad2ff68c7a9500f49' }, this.size === 16 && (h("img", { key: '32fd806fdb0206c37ea6b95c960942b597d61c77', alt: this.label, class: className, height: "16", src: "emojis/Idea16.png", width: "16" })), this.size === 20 && (h("img", { key: '0df21795e3fc6a86350afabc747511de612c01b8', alt: this.label, class: className, height: "20", src: "emojis/Idea20.png", width: "20" })), this.size === 24 && (h("img", { key: '5b9ef8fcc048437978ca6698af848496678b10cf', alt: this.label, class: className, height: "24", src: "emojis/Idea24.png", width: "24" })), this.size === 32 && (h("img", { key: 'bc87fe134003bee65a2ea2f6d22a7bf7b3504405', alt: this.label, class: className, height: "32", src: "emojis/Idea32.png", width: "32" }))));
+        return (h(Fragment, { key: '6d050eb97da451af24dbc43bf268cad609547ffa' }, this.size === 16 && (h("img", { key: '9f0c6493374f1f9893df7359bdb11a0aca6fc7fd', alt: this.label, class: className, height: "16", src: "emojis/Idea16.png", width: "16" })), this.size === 20 && (h("img", { key: 'a8d5b3190ed99ed7322fb35effee3bec169c45cf', alt: this.label, class: className, height: "20", src: "emojis/Idea20.png", width: "20" })), this.size === 24 && (h("img", { key: 'f7be059f8550590e080b72eeeb316bfee76130b1', alt: this.label, class: className, height: "24", src: "emojis/Idea24.png", width: "24" })), this.size === 32 && (h("img", { key: 'a5dbffdb5172c7e271b4605e638fee8dd9b3d6c3', 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: '71914ec3c2f44caebb5eee5384cf00f42ff47150' }, this.size === 16 && (h("img", { key: '6592a1a6cee3f306ea8e3ccb05507c4d2ddf71b9', alt: this.label, class: className, height: "16", src: "emojis/Love16.png", width: "16" })), this.size === 20 && (h("img", { key: '38afe95020550e282ad6289d74ad3bd62111a665', alt: this.label, class: className, height: "20", src: "emojis/Love20.png", width: "20" })), this.size === 24 && (h("img", { key: '5475d51f17a5abe120d809ba88f77addda344f37', alt: this.label, class: className, height: "24", src: "emojis/Love24.png", width: "24" })), this.size === 32 && (h("img", { key: 'c1cf4e32564e54aa1319573dd421a1a1f6334c6c', alt: this.label, class: className, height: "32", src: "emojis/Love32.png", width: "32" }))));
+        return (h(Fragment, { key: '59f8892cc38e557450958c4e102e765e2f5f9810' }, this.size === 16 && (h("img", { key: 'e333aeb56df8bfe8b2db09f8823b847a50c96b2f', alt: this.label, class: className, height: "16", src: "emojis/Love16.png", width: "16" })), this.size === 20 && (h("img", { key: 'ad1bc58035f110c97d2594c33702bd0508791dd8', alt: this.label, class: className, height: "20", src: "emojis/Love20.png", width: "20" })), this.size === 24 && (h("img", { key: 'b44dbbc12dee3801100d29969268e4ecc7ad5632', alt: this.label, class: className, height: "24", src: "emojis/Love24.png", width: "24" })), this.size === 32 && (h("img", { key: '6e3d1817743a05b82e21b217cbbbfdaa006d8340', 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: '12004c4c99d9952ddcb0b3291b2e8373f7397a13' }, this.size === 16 && (h("img", { key: '37563f43bd4269c48d4445932d0f0470d3cd6157', alt: this.label, class: className, height: "16", src: "emojis/Sad16.png", width: "16" })), this.size === 20 && (h("img", { key: 'b84bf5d217da8aaf87ff970ed02117f21e3917c5', alt: this.label, class: className, height: "20", src: "emojis/Sad20.png", width: "20" })), this.size === 24 && (h("img", { key: 'b549ab7ac90739c46bc26352d96ec61e2a4745b5', alt: this.label, class: className, height: "24", src: "emojis/Sad24.png", width: "24" })), this.size === 32 && (h("img", { key: 'af47a19fc9bc89a23b14ca26653360a5ee5d947f', alt: this.label, class: className, height: "32", src: "emojis/Sad32.png", width: "32" }))));
+        return (h(Fragment, { key: 'fc37ec0978d2151c0585e559b77f527d53e7654c' }, this.size === 16 && (h("img", { key: '76beeca05d76672ddbab6104f571fd786c8a2095', alt: this.label, class: className, height: "16", src: "emojis/Sad16.png", width: "16" })), this.size === 20 && (h("img", { key: '1af5545259b69f9febabb8bcd16a0bb4a886aef1', alt: this.label, class: className, height: "20", src: "emojis/Sad20.png", width: "20" })), this.size === 24 && (h("img", { key: 'ef16af4ce4d6b53d1ee4bc7f2c1eb4c40c93c8a4', alt: this.label, class: className, height: "24", src: "emojis/Sad24.png", width: "24" })), this.size === 32 && (h("img", { key: 'e38b1e23f15d735f989fa2036999ababbfb88534', 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: 'e4d260bd644fd9677422dd90f7a66df5de5a68ee' }, this.size === 16 && (h("img", { key: '76c2958dbf6055acd7fc3a9a703c75e17e55635f', alt: this.label, class: className, height: "16", src: "emojis/ThumbsUp16.png", width: "16" })), this.size === 20 && (h("img", { key: 'e852d1e26f222c008896283cedb3b868434c1e38', alt: this.label, class: className, height: "20", src: "emojis/ThumbsUp20.png", width: "20" })), this.size === 24 && (h("img", { key: 'bb6ecd185cb696b87589adc0a138e5de1b9fb231', alt: this.label, class: className, height: "24", src: "emojis/ThumbsUp24.png", width: "24" })), this.size === 32 && (h("img", { key: '4a70e11277dde7de59877a3d1d79bb7d4ed81fbb', alt: this.label, class: className, height: "32", src: "emojis/ThumbsUp32.png", width: "32" }))));
+        return (h(Fragment, { key: '10ac08d88082a05db7639245aab857660ba8084e' }, this.size === 16 && (h("img", { key: 'a91fbcf67c56a27ca5309c8983234652c4f28f5e', alt: this.label, class: className, height: "16", src: "emojis/ThumbsUp16.png", width: "16" })), this.size === 20 && (h("img", { key: 'b50a07fd9605d974e16a14eb1b9f921e17c729af', alt: this.label, class: className, height: "20", src: "emojis/ThumbsUp20.png", width: "20" })), this.size === 24 && (h("img", { key: 'c697a55a2b0f189b11f81cafdeb62087671aba34', alt: this.label, class: className, height: "24", src: "emojis/ThumbsUp24.png", width: "24" })), this.size === 32 && (h("img", { key: '5dd555e73513c40baf238ebd97f07baed3e0ecba', 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: 'f42b652c032c9a6b0acaf8f963575d33251831ee' }, h(Tag, { key: 'd0f9d52a6b449c2070e2efa02ae24205af2a2564', label: this.label, size: this.size })));
+        return (h(Host, { key: '60dc7eea3210658457ce184aca961fe78a6c7fc1' }, h(Tag, { key: 'e0d14c17448d21da1da020f52325623c39e991ae', label: this.label, size: this.size })));
     }
     static get is() { return "swirl-emoji"; }
     static get encapsulation() { return "shadow"; }