npm - @getflip/swirl-components - Versions diffs - 0.286.0 → 0.287.0 - Mend

@getflip/swirl-components 0.286.0 → 0.287.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 (1798) hide show

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

@@ -36,7 +36,7 @@ export class SwirlAccordion {
         });
     }
     render() {
-        return (h(Host, { key: '4d75f830088554c2de0b74df72e2c6a9beeb31e9' }, h("slot", { key: '0fcd720e4392e8f77fffda0e723311ef9d942b8d' })));
+        return (h(Host, { key: '55af41200054fe3f630d7fc1e9a6e051ad53b6ba' }, h("slot", { key: '9714a1232064b82c0d2047aefb4b87228931e213' })));
     }
     static get is() { return "swirl-accordion"; }
     static get encapsulation() { return "shadow"; }

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

@@ -58,7 +58,7 @@ export class SwirlAccordionItem {
         const className = classnames("accordion-item", {
             "accordion-item--expanded": this.expanded,
         });
-        return (h(Host, { key: '5f7a6ea811aad1cc1b8653ca1735e420707ef555' }, h("div", { key: 'd7dccc0fc31458bce87b5c3af3d758dc89e68575', class: className }, h(HeadingTag, { key: 'ec1b86fa802173c7d82d4dc91faf766fe895ee17', class: "accordion-item__heading" }, h("button", { key: '92c041b98384032d6d311ec73bb7fd35ba702d43', "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: '3f92ed1169629eeb4441ed15900db2c22cee97b8', class: "accordion-item__toggle-text" }, this.heading, this.description && (h("swirl-text", { key: 'bb5a29122c56cef6cbdf15d46930a90bf111740a', as: "span", color: "subdued", size: "sm" }, this.description))), h("span", { key: '2394f58df22908b5db4fecda353ee816f572db3b', class: "accordion-item__icon" }, !this.expanded && (h("swirl-icon", { key: '6868feb73403ff47b22f70ed2e9c3d6c6c719f0a', glyph: "chevron-right", size: 20 })), this.expanded && (h("swirl-icon", { key: '9f04ff5d6e0effdcd2c5269b47a06fd0614637bc', glyph: "expand-more", size: 20 }))))), h("div", { key: '8d46398c7867d2dff6efdb5006060b044c10171b', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, h("slot", { key: '50690f6f1dfcec03ef05ceaf0061f417e426071e' })))));
+        return (h(Host, { key: 'ce93a57fef055a3b912b9d74307caa48e9792c9a' }, h("div", { key: '7b164b2586f089ec5d03777873a2df1474a5c1d3', class: className }, h(HeadingTag, { key: '95e160a7ce0199ae5f42504386b9023a3c7ebc9d', class: "accordion-item__heading" }, h("button", { key: '0b046a3e376f888e084a1d0ee1edd87ac99b852f', "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: 'cb13c9193027463ea70f3e0179d3231768415552', class: "accordion-item__toggle-text" }, this.heading, this.description && (h("swirl-text", { key: 'b7a68f4b9c771e68d58ffac6aa8f64b548bd1d16', as: "span", color: "subdued", size: "sm" }, this.description))), h("span", { key: '6422613b1f9847cde1ce24a9d5360da2ec6b027e', class: "accordion-item__icon" }, !this.expanded && (h("swirl-icon", { key: '258fee1808b32595ef78cbc67c25a825a82a3f4c', glyph: "chevron-right", size: 20 })), this.expanded && (h("swirl-icon", { key: '4db06cd86fe17b6785ee700986816d4c8870f45b', glyph: "expand-more", size: 20 }))))), h("div", { key: '172b05165c975966d837595f7cecce43a3562441', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, h("slot", { key: 'b8340c9735970792ab184c10b6ab1d3d15c9be6e' })))));
     }
     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

@@ -76,7 +76,7 @@ export class SwirlActionList {
             item === activeElement?.querySelector('[role="menuitem"]'));
     }
     render() {
-        return (h(Host, { key: 'd2c8c06e5f917d832fc9c6880de78ca6e2b24d3b' }, h("div", { key: 'ae86dc8ef560047f2e3cbbaece2faad334377ebd', "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: 'b5fe05b65edcc93576c19c59f072669e301bfb59' }))));
+        return (h(Host, { key: 'b16da7e5d0b8b4c9ee3e9160c013e5a2385d6900' }, h("div", { key: '1eeb9a88ebd644dd22c32022aabd83a9454dd2dc', "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: 'a2cbd9841b0a94a4fe40346c86301f548232d81d' }))));
     }
     static get is() { return "swirl-action-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -3,6 +3,7 @@ import classnames from "classnames";
 import { getDesktopMediaQuery } from "../../utils";
 /**
  * @slot suffix - Used to add custom content to the end of the action list item.
+ * @slot avatar - Optional avatar displayed to the left of the label
  */
 export class SwirlActionListItem {
     constructor() {
@@ -49,7 +50,7 @@ export class SwirlActionListItem {
         const showSuffixSlot = Boolean(this.el.querySelector('[slot="suffix"]'));
         const showSuffix = (Boolean(this.suffix) || showSuffixSlot) && !this.disabled;
         const className = classnames("action-list-item", `action-list-item--intent-${this.intent}`, `action-list-item--size-${this.size}`);
-        return (h(Host, { key: '408db106a78a73aeaf63fa8b745a1145ac2c35dd' }, h("button", { key: '8397b7be24712cbede7dbe4687c383cc4e6e3c4e', "aria-expanded": this.swirlAriaExpanded, "aria-haspopup": this.swirlAriaHaspopup, class: className, disabled: this.disabled, part: "action-list-item", role: "menuitem", tabIndex: -1, type: "button" }, this.icon && (h("span", { key: '52a764c0966f0204ef64df2ba6b813d2449fc720', class: "action-list-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }, showIconBadge && (h("span", { key: 'db73545e030746a3dc9e07e9bd9ba0211576eb25', class: "action-list-item__icon-badge", innerHTML: this.iconBadge, ref: (el) => (this.iconBadgeEl = el) })))), h("span", { key: '322ebb8fb030fc4033119d38b2a67b9c13eaaa9f', class: "action-list-item__label-container" }, h("span", { key: '2598b48234b315f5e35cc7a17d97b40168290602', class: "action-list-item__label" }, this.label), this.description && (h("span", { key: 'd130bb6efb271595471fe094fd0375a61b73b5fb', class: "action-list-item__description" }, this.description))), showBadge && (h("span", { key: '2e5ca125470b24980585896283692ea95cd657d9', class: "action-list-item__badge", innerHTML: this.badge })), showSuffix && (h("span", { key: '12739299da6b4ee7982c32b6e2eee192e2612614', class: "action-list-item__suffix", innerHTML: !showSuffixSlot ? this.suffix : undefined, ref: (el) => (this.suffixEl = el) }, h("slot", { key: '358f31549326363064e8441beffe292113b4ffdc', name: "suffix" }))))));
+        return (h(Host, { key: '7b4f52c16da4f4f5c2c9a51856c9aae7e9c04f23' }, h("button", { key: 'a74a9c60edc2a183c04f93e9030554c551ceba67', "aria-expanded": this.swirlAriaExpanded, "aria-haspopup": this.swirlAriaHaspopup, class: className, disabled: this.disabled, part: "action-list-item", role: "menuitem", tabIndex: -1, type: "button" }, h("slot", { key: '9bb61a72d80c55a35e0dc3c809d8bebb7ff30437', name: "avatar" }), this.icon && (h("span", { key: 'ba49170992a1dc9e6d8b68e64af781273bf4b7e8', class: "action-list-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }, showIconBadge && (h("span", { key: '3284724f84d3d6e018f244cde0a7ddc233f7459d', class: "action-list-item__icon-badge", innerHTML: this.iconBadge, ref: (el) => (this.iconBadgeEl = el) })))), h("span", { key: '2084ba440fee7881921d10781ab0100c8aef26d6', class: "action-list-item__label-container" }, h("span", { key: '81d4f0652172c6e468b7a6d5c2381d05905d5e22', class: "action-list-item__label" }, this.label), this.description && (h("span", { key: 'f09d273290bfc00630c592ed45013b565845eb5a', class: "action-list-item__description" }, this.description))), showBadge && (h("span", { key: '06cfa9c3a1af2b53a472b472529267549b4926de', class: "action-list-item__badge", innerHTML: this.badge })), showSuffix && (h("span", { key: '7ab7dd54bb3f1e2c9cac00dbf98775e18f66ab98', class: "action-list-item__suffix", innerHTML: !showSuffixSlot ? this.suffix : undefined, ref: (el) => (this.suffixEl = el) }, h("slot", { key: 'f2bd1ae7bf49c5e22757dbdb23fada915ab13e2a', name: "suffix" }))))));
     }
     static get is() { return "swirl-action-list-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -10,6 +10,7 @@ describe("swirl-action-list-item", () => {
       <swirl-action-list-item description="Description" icon="<swirl-icon-close></swirl-icon-close>" label="Label" suffix="<swirl-icon-chevron-right></swirl-icon-chevron-right>">
         <mock:shadow-root>
           <button class="action-list-item action-list-item--intent-default action-list-item--size-m" part="action-list-item" role="menuitem" tabindex="-1" type="button">
+            <slot name="avatar"></slot>
             <span class="action-list-item__icon">
               <swirl-icon-close size="24"></swirl-icon-close>
             </span>

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

@@ -20,7 +20,14 @@ export default {
 };
 const Template = (args) => {
     const element = generateStoryElement("swirl-action-list-item", args);
-    element.innerHTML = `<swirl-switch checked hide-label label="Test" slot="suffix"></swirl-switch>`;
+    element.innerHTML = `
+  <swirl-avatar
+    slot="avatar"
+    label="Jane Doe"
+    size="l"
+    src="https://api.dicebear.com/7.x/bottts-neutral/svg?size=144&seed=a"></swirl-avatar>
+  <swirl-switch checked hide-label label="Test" slot="suffix"></swirl-switch>
+  `;
     return element;
 };
 export const SwirlActionListItem = Template.bind({});

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

@@ -7,7 +7,7 @@ export class SwirlActionListSection {
         this.label = undefined;
     }
     render() {
-        return (h(Host, { key: '5c5e188520c3e876ca9d4e46900d78e223977ccb' }, h("div", { key: 'cfe4ece09f7f6726afb4bf4b593f6d667e5ef3db', "aria-labelledby": "label", class: "action-list-section", role: "group" }, h("span", { key: 'a84c15c53cd19fbcf035029a0e2573ac6687ebbe', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), h("div", { key: 'ab0eaefc1c827291a086eadbb7630e1e1e5ceef8', class: "action-list-section__items" }, h("slot", { key: '3720c008dcbfd5c6f62d4d60ad4bbf9960b3642b' })))));
+        return (h(Host, { key: '297688f160ff018c0a2ecce9cb2bd2334a63b4ed' }, h("div", { key: '410c162413ca42fc3ea67cb8f242d425b565bb1c', "aria-labelledby": "label", class: "action-list-section", role: "group" }, h("span", { key: '5c65d4afe15c9c7beed9b475e22f20c5ef4bbdfb', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), h("div", { key: '43ee7a618f4780e75b5d9434060807a0adeb522b', class: "action-list-section__items" }, h("slot", { key: 'fdccbc861430f3f6bc839e8166adfb64640fc56f' })))));
     }
     static get is() { return "swirl-action-list-section"; }
     static get encapsulation() { return "shadow"; }

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

@@ -58,7 +58,7 @@ export class SwirlAppBar {
             paddingInlineEnd: `var(--s-space-${this.paddingInlineEnd})`,
             paddingInlineStart: `var(--s-space-${this.paddingInlineStart})`,
         };
-        return (h(Host, { key: 'c06a23cfd8dbe4ee10cfcdaea7c61c34b2607377' }, h("div", { key: '9b109b19a7671f1db36274931e6c375a36358b6b', class: className, style: styles }, showLeftControls && (h("div", { key: '816bb1fb098065fcd958ea02ff02175d557795ea', class: "app-bar__left-controls" }, (this.showBackButton || this.showCloseButton) && (h("div", { key: 'e36f84156257773d5a4afc14b4a57d5d3c6a5119', class: "app-bar__main-navigation-control" }, this.showBackButton && (h("swirl-button", { key: 'ee8c47a842578086bae71252ae84468cb591e370', hideLabel: true, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backButtonLabel, onClick: this.onBackButtonClick })), this.showCloseButton && (h("swirl-button", { key: 'd80654406c9385f8642a48298a68996e9b07ecf2', hideLabel: true, icon: this.closeButtonIcon, label: this.closeButtonLabel, onClick: this.onCloseButtonClick })))), this.showStepperControls && (h("div", { key: '6dd148c9dc3fb90904f2f196b4cc9cad2443f807', class: "app-bar__stepper-controls" }, h("swirl-button", { key: 'ccfdf9bd6dd04919e41c71ec3450f745035beb53', hideLabel: true, icon: "<swirl-icon-arrow-upward></swirl-icon-arrow-upward>", label: this.stepUpButtonLabel, onClick: this.onStepUpButtonClick }), h("swirl-button", { key: '8c2ff8a3d7eac53b9755be4e59ba117b83b29d1b', hideLabel: true, icon: "<swirl-icon-arrow-downward></swirl-icon-arrow-downward>", label: this.stepDownButtonLabel, onClick: this.onStepDownButtonClick }))))), h("div", { key: '38d8ef8d61ae1a6b26b2c04718d11a6b5737d5d3', class: "app-bar__cta" }, h("slot", { key: '10f913949cb291e0d297e6cc4d1ecb86aaae7865', name: "cta" })), h("div", { key: 'a977186f42b4b4aafb456d0fc559198cdd43646c', class: "app-bar__heading" }, h("slot", { key: 'c5f89f5d5b89b7292e569c486042d4e252068e82', name: "heading" })), h("div", { key: '3aaca53d45a8566f6c83980b66d16cfd4c143f4b', class: "app-bar__center-controls" }, h("slot", { key: '25b3353688b3c16b1949b05ccee83b9ca58ece61', name: "center-controls" })), h("div", { key: 'd6daeec18cc5c1ae2f539b514efcfe994ecc40ff', class: "app-bar__right-controls" }, h("slot", { key: '52a3c7bd52599c81a6dc6172a67b91eb1cbd778f', name: "right-controls" })))));
+        return (h(Host, { key: 'f21458799a37778b5c7078c2f9679e4b323c306e' }, h("div", { key: '3ef4a4192a9422eb196869d72d7918057ed4427d', class: className, style: styles }, showLeftControls && (h("div", { key: '0f1c91a944780502d4253fc29a4119364b050f23', class: "app-bar__left-controls" }, (this.showBackButton || this.showCloseButton) && (h("div", { key: '300dec3bcb2e8d077c85d44549eb3fd43cd389b8', class: "app-bar__main-navigation-control" }, this.showBackButton && (h("swirl-button", { key: 'b703037e0f9cbf948cb2ffbe8fc708adc5b12808', hideLabel: true, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backButtonLabel, onClick: this.onBackButtonClick })), this.showCloseButton && (h("swirl-button", { key: '7636c5ca8f7c835a873931e97064ebdb4e734f47', hideLabel: true, icon: this.closeButtonIcon, label: this.closeButtonLabel, onClick: this.onCloseButtonClick })))), this.showStepperControls && (h("div", { key: '807553c0a0ba911a725aa22e4e10156e4a3a1f38', class: "app-bar__stepper-controls" }, h("swirl-button", { key: 'ae37678f60560b2cf13e75bd4e31f2da51db9371', hideLabel: true, icon: "<swirl-icon-arrow-upward></swirl-icon-arrow-upward>", label: this.stepUpButtonLabel, onClick: this.onStepUpButtonClick }), h("swirl-button", { key: 'd38fa06e1b0b2e6bfa37401ab22c98bba39f1a82', hideLabel: true, icon: "<swirl-icon-arrow-downward></swirl-icon-arrow-downward>", label: this.stepDownButtonLabel, onClick: this.onStepDownButtonClick }))))), h("div", { key: '018f6e09dd24883fbcbbe045f5d90b2f1feb2a71', class: "app-bar__cta" }, h("slot", { key: '8691491e1759aee6b4a553ba7b4ed0794995a0bf', name: "cta" })), h("div", { key: 'e944c68e3d6a76818e98a8bf66d3c38f8e7484f9', class: "app-bar__heading" }, h("slot", { key: '2430a78a86602115a27f363139eec4520b3f8a00', name: "heading" })), h("div", { key: '5fbaca57c7b1dd1207f3fcd941ce583397bd5d9e', class: "app-bar__center-controls" }, h("slot", { key: '134470957f50dca26f9d5eb199caa5d02e9d61e5', name: "center-controls" })), h("div", { key: 'd7ad558e053ea6e76d24a317136669c338b95049', class: "app-bar__right-controls" }, h("slot", { key: 'a5a2d0dda80b23e3b855b4a84f834af53f24236f', name: "right-controls" })))));
     }
     static get is() { return "swirl-app-bar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -20,7 +20,7 @@ export class SwirlAppIcon {
         const className = classnames("app-icon", {
             "app-icon--has-icon": showIcon || showFallbackIcon,
         });
-        return (h(Host, { key: 'a3c326ddb9b5f885998f068d75dd2368128dbdc3' }, h("span", { key: '18d236b54e882d532a68e2b4c138511ae1780400', class: className }, showImage && (h("img", { key: 'afd2630244eb9b2bcfc868ed08ef111c24f84a59', alt: "", height: "256", onError: this.setImageUnavailable, onLoad: this.setImageAvailable, src: this.src, width: "256" })), showIcon && (h("span", { key: 'c1e6d2320b8dec4446aa69acd28fd27f5cf62e54', class: "app-icon__icon", innerHTML: this.icon })))));
+        return (h(Host, { key: 'dd70f3b87a44a926c7b4da93b9e81a1eed6e2d97' }, h("span", { key: 'b2428a9fca48e5a9ad36dc345298254afefe2c90', class: className }, showImage && (h("img", { key: 'a0c55e77b3e238de83246752a37d9a376f624a6b', alt: "", height: "256", onError: this.setImageUnavailable, onLoad: this.setImageAvailable, src: this.src, width: "256" })), showIcon && (h("span", { key: 'bedcd164cd1cc1fd698bcf74598e66c4d718e0c8', class: "app-icon__icon", innerHTML: this.icon })))));
     }
     static get is() { return "swirl-app-icon"; }
     static get encapsulation() { return "shadow"; }

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

@@ -349,14 +349,14 @@ export class SwirlAppLayout {
             "app-layout--sidebar-scrollable": this.sidebarScrollState.scrollable,
             "app-layout--sidebar-scrolled-to-top": this.sidebarScrollState.scrolledToTop,
         });
-        return (h(Host, { key: '6ecc40ce75a553155a68b0745a6e60b4f2b3708f' }, h("section", { key: 'af7797588e0fde39764ab8214e61c75aaf89cfe1', "aria-labelledby": "app-name", class: className }, h("div", { key: '987264b968313a9a33e79c862e8b41f3c36f778f', class: "app-layout__grid" }, h("header", { key: 'd7e57a83f373f722271f07d84f07ebe1fdfa9a8a', class: "app-layout__header", ref: (el) => (this.headerEl = el) }, h("span", { key: 'c9229ebfac14bb9a4f31c40eaed007026fef603c', class: "app-layout__navigation-mobile-menu-button" }, h("slot", { key: '62e423f89b2d80e2aeab629822014362a5f5807d', name: "navigation-mobile-menu-button" })), this.collapsibleNavigation && (h("span", { key: 'e0cb00b70c6385d01fa7304cfa1e8d842e89beb3', class: "app-layout__nav-overlay-toggle" }, h("swirl-button", { key: 'e7942691b237be46f7c5b08f77880c13a2a302f5', hideLabel: true, icon: this.navExpansionState !== "expanded"
+        return (h(Host, { key: '2192bf3336762dea743265d083becd45482eedbf' }, h("section", { key: '3f8a980332d4f0ff89cb8b54731d06e2ed6923b5', "aria-labelledby": "app-name", class: className }, h("div", { key: '5b4efbeacb72bd6854e13b60017f16b49c7d3470', class: "app-layout__grid" }, h("header", { key: '496182fbe63fb76e8039079c7efc2a77f2c2f7be', class: "app-layout__header", ref: (el) => (this.headerEl = el) }, h("span", { key: 'aa33206028b8895027099dbb0ae1a702e132e039', class: "app-layout__navigation-mobile-menu-button" }, h("slot", { key: '58b240a3dfa39c69700f68b4c9a149077e48bead', name: "navigation-mobile-menu-button" })), this.collapsibleNavigation && (h("span", { key: 'a3e6c91b9f57424f46c9bf9ba7550328552a26ce', class: "app-layout__nav-overlay-toggle" }, h("swirl-button", { key: '37b5cbee5f7207cd453471eba7d071bd7693bed5', hideLabel: true, icon: this.navExpansionState !== "expanded"
                 ? "<swirl-icon-dock-left-expand></swirl-icon-dock-left-expand>"
-                : "<swirl-icon-dock-left-collapse></swirl-icon-dock-left-collapse>", label: this.navigationToggleLabel, onClick: this.toggleNavigation }))), this.showNavigationBackButton && (h("span", { key: 'd2b359d9d695a99f758699cb61b9731616cc5ae1', class: "app-layout__navigation-back-button" }, h("swirl-button", { key: '8441e59724620b73146895d54542f699a22c35cd', hideLabel: true, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.navigationBackButtonLabel, onClick: this.onNavigationBackButtonClick }))), h("swirl-heading", { key: '9dc4ac2355a32292d40e1f326ad8b8b95080b56d', as: "h1", class: "app-layout__app-name", headingId: "app-name", level: 3, text: this.appName }), navigationActive && (h("span", { key: '77e150c323290bee296b7747ee940e0c3bedee4a', class: "app-layout__navigation-controls" }, h("slot", { key: '8cd86420650529d632d3f83e25f8c80e2acc6022', name: "navigation-controls" })))), h("nav", { key: 'c3b93be1c802b940c2f7e877e2ed1f463123c378', "aria-label": this.navigationLabel, class: "app-layout__navigation", onScroll: this.onNavScroll, ref: (el) => (this.navEl = el), inert: this.isDesktop &&
+                : "<swirl-icon-dock-left-collapse></swirl-icon-dock-left-collapse>", label: this.navigationToggleLabel, onClick: this.toggleNavigation }))), this.showNavigationBackButton && (h("span", { key: '1b76d9241b88495dba00de2e6fb98926ee1d2861', class: "app-layout__navigation-back-button" }, h("swirl-button", { key: '51b1e6a6accad4a4173034e12e5aef256fd4d4af', hideLabel: true, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.navigationBackButtonLabel, onClick: this.onNavigationBackButtonClick }))), h("swirl-heading", { key: '3aa52779b10916a02cb8af0ac538311a11752f9a', as: "h1", class: "app-layout__app-name", headingId: "app-name", level: 3, text: this.appName }), navigationActive && (h("span", { key: '1d182d4371456b494ade1f9f076706879a198231', class: "app-layout__navigation-controls" }, h("slot", { key: '85b394015a62588dc44374b6a4950e2118529f4e', name: "navigation-controls" })))), h("nav", { key: '6992a88da55541eb067e905de93c8bc1a093b04b', "aria-label": this.navigationLabel, class: "app-layout__navigation", onScroll: this.onNavScroll, ref: (el) => (this.navEl = el), inert: this.isDesktop &&
                 this.collapsibleNavigation &&
-                this.navExpansionState === "collapsed" }, h("slot", { key: 'd6a22b90ee21847cd22fec51d874b1428942bd61', name: "navigation" })), h("section", { key: 'b88c64d74bb2534ff424d7f3794181cfde17eb2c', "aria-labelledby": "app-name", class: "app-layout__body" }, !this.hideAppBar && (h("header", { key: '51163ecb84407e968f78089bb22a99daeaaf269b', class: "app-layout__app-bar" }, h("span", { key: 'a89226ec4b5c8c69568158dc08461f151a254a14', class: "app-layout__app-bar-mobile-menu-button" }, h("slot", { key: '6c0d79c4830d75136e54068321b4e5b541470cf0', name: "app-bar-mobile-menu-button" })), showBackToNavigationButton && (h("span", { key: '320948753c656a79e71936b4de8e5b51b87e03d9', class: "app-layout__back-to-navigation-button" }, h("swirl-button", { key: 'eb6d1f309242d6019ee2e0e071c1a6586135c07f', hideLabel: true, icon: this.transitionStyle === "dialog"
+                this.navExpansionState === "collapsed" }, h("slot", { key: '68d20399402968c86fa57320274c5f047bd1ca7b', name: "navigation" })), h("section", { key: '52d59e9636b4ab053b0908bf990b73f48e6b5947', "aria-labelledby": "app-name", class: "app-layout__body" }, !this.hideAppBar && (h("header", { key: '333ed1a7c47c50ca54c5cd50172aa3b7971913b3', class: "app-layout__app-bar" }, h("span", { key: '0c7fd56eb217ed64e3dd6308c88c71f97bae167f', class: "app-layout__app-bar-mobile-menu-button" }, h("slot", { key: '5839a57d6e77288c0195a788e9a869e65063c465', name: "app-bar-mobile-menu-button" })), showBackToNavigationButton && (h("span", { key: '0840f9bb0c1c1a40360e7a7b376498b2dd81a94f', class: "app-layout__back-to-navigation-button" }, h("swirl-button", { key: 'e92ab3c9702c9121861996bf051ed972cbcf1af7', hideLabel: true, icon: this.transitionStyle === "dialog"
                 ? "<swirl-icon-close></swirl-icon-close>"
                 : "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backToNavigationViewButtonLabel, onClick: this.onBackToNavigationViewButtonClick }))), this.collapsibleNavigation &&
-            this.navExpansionState !== "expanded" && (h("span", { key: '4d7f01de584fd6fd4dc8407af6dc968724bfcdb8', class: "app-layout__nav-expansion-toggle" }, h("swirl-button", { key: '15a5c8bd78ac1b109ddb0949cf69244ae41d3900', hideLabel: true, icon: "<swirl-icon-hamburger-menu></swirl-icon-hamburger-menu>", label: this.navigationOverlayLabel, onClick: this.overlayNavigation }))), h("span", { key: 'd63c412b4ccf0428d417680c3c806de43d7acfca', class: "app-layout__custom-app-bar-back-button" }, h("slot", { key: '270c3efca63bdf06b93e1defebc883d53ba3391b', name: "custom-app-bar-back-button" })), h("div", { key: '0c550e11e751a1b8d2087c662ec9c15963ad684e', class: "app-layout__app-bar-content" }, h("slot", { key: '984272347565d4b3043a3d467af1bc18099ce69a', name: "app-bar" })), h("div", { key: '955a810e5b8eb78d98460869fdd620e4d1938d3a', class: "app-layout__app-bar-controls" }, h("slot", { key: '821d02306c8e70b8b89562079e40b839c9dfae4e', name: "app-bar-controls" })))), h("div", { key: 'c6da60f1ef567e34727f0d67327330a2e9c2aa36', class: "app-layout__banner" }, h("slot", { key: 'a729e318c6de2eefd2c963155d826d0879f1d663', name: "banner" })), h("div", { key: '7b8c7a9cb400174cef52e7c8fffdb14be5e34260', class: "app-layout__content", onScroll: this.onContentScroll, ref: (el) => (this.contentEl = el) }, h("slot", { key: '22d1bb04bcb05723f65973ae64d7e4d401d4cc6f', name: "content" })), h("div", { key: '7ed6075864710943a424e51985a9710ce7c89efd', class: "app-layout__bottom-bar" }, h("slot", { key: '1b9c4c30f69e86c1324ea3f1fccef4884af7acc3', name: "bottom-bar" }))), h("aside", { key: '0ff3195bd3033562704f6c4bac449e01d37d9e0f', class: "app-layout__sidebar" }, h("header", { key: 'e22f2f2d02e38673c4173337eaa6f16e3e79c7a1', class: "app-layout__custom-sidebar-header" }, h("slot", { key: '34458e91090e415bfe92ccf5286864a6c5a424e5', name: "custom-sidebar-header" })), h("header", { key: '981e497873e44a6575d27bc3255bcc50816e861f', class: "app-layout__sidebar-header" }, h("swirl-button", { key: 'f2e2aa0e042cc3b10510a04ae25910cba508c459', class: "app-layout__sidebar-close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick }), h("swirl-heading", { key: 'c1c76e420e5041d6e3facc61438d05f25b397836', as: "h3", class: "app-layout__sidebar-heading", headingId: "sidebar-heading", level: 3, text: this.sidebarHeading })), h("div", { key: '7f29f7c8eb440562135ae0618b982c9229008c77', class: "app-layout__sidebar-content", onScroll: this.onSidebarScroll, ref: (el) => (this.sidebarEl = el) }, h("slot", { key: 'd04d989f5cc28a6843f514e1839089b11be15472', name: "sidebar" }))), h("span", { key: 'd82c7e67f1a82e4840b707bf2e5358f33f04e120', class: "app-layout__floating-action-button" }, this.ctaLabel && (h("swirl-button", { key: '3a0e0c130307c174650ea50e73aa01fc99559615', hideLabel: Boolean(this.ctaIcon), icon: this.ctaIcon, intent: "primary", label: this.ctaLabel, onClick: this.onCtaClick, variant: "floating" })), h("slot", { key: '59e97c933d122437a298b469af220e50e50aca39', name: "floating-action-button" }))))));
+            this.navExpansionState !== "expanded" && (h("span", { key: '710f1bb3eabe05a6242399d7eafd75b888a5804d', class: "app-layout__nav-expansion-toggle" }, h("swirl-button", { key: 'f563b708831eb84fac2837c282b4b4b1425acea7', hideLabel: true, icon: "<swirl-icon-hamburger-menu></swirl-icon-hamburger-menu>", label: this.navigationOverlayLabel, onClick: this.overlayNavigation }))), h("span", { key: '12571f31a669a614acfd32f7454d84d461607bb2', class: "app-layout__custom-app-bar-back-button" }, h("slot", { key: 'f7ff9464709e45343e507348182e381fe6ea384e', name: "custom-app-bar-back-button" })), h("div", { key: 'a666f10d9164da4ab09cd004b60e482e0a97e073', class: "app-layout__app-bar-content" }, h("slot", { key: 'ed2f67119740628b3728edc3667a187080e57c5e', name: "app-bar" })), h("div", { key: '2b6e269d6f7336e3c63f3682faa1a315c345649d', class: "app-layout__app-bar-controls" }, h("slot", { key: '8b156da7c2adfd5fa9d40053a07338a1480434b1', name: "app-bar-controls" })))), h("div", { key: '0b4579d78afefd3b85b90d0cef8707e778744ffa', class: "app-layout__banner" }, h("slot", { key: '689ccbd5956315c652b3ce5324983c0e8c6c7f82', name: "banner" })), h("div", { key: '10797e673aa548b3e3891f6ac52ba3192af4a0b3', class: "app-layout__content", onScroll: this.onContentScroll, ref: (el) => (this.contentEl = el) }, h("slot", { key: '7e7a12ce18cf8253aa2635cca54cefeb67ca739b', name: "content" })), h("div", { key: 'f72168b8c94062f8308ebd3b057200f8e573dd0a', class: "app-layout__bottom-bar" }, h("slot", { key: '01c84573749948a602bea15202a421e9207f2406', name: "bottom-bar" }))), h("aside", { key: '98fc39d9398c704382c9eda5ff8ecd480f560458', class: "app-layout__sidebar" }, h("header", { key: '51d7d5da2a7c49a2b7f2e40075439b7c67528fd6', class: "app-layout__custom-sidebar-header" }, h("slot", { key: '3118ca488b32ff7a41a257d81bb0bcaee0223b8d', name: "custom-sidebar-header" })), h("header", { key: '22ce181e892eaf567682756c22091ec67fa79a6e', class: "app-layout__sidebar-header" }, h("swirl-button", { key: 'dd49fc0e2b3eb997250cf74b10b87eb0f7a3361c', class: "app-layout__sidebar-close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick }), h("swirl-heading", { key: '3b9efe7bc6f5fdb423860806387843790c4d81f6', as: "h3", class: "app-layout__sidebar-heading", headingId: "sidebar-heading", level: 3, text: this.sidebarHeading })), h("div", { key: 'd251b48e76f0b4439f2de573cdd99fc22e98d141', class: "app-layout__sidebar-content", onScroll: this.onSidebarScroll, ref: (el) => (this.sidebarEl = el) }, h("slot", { key: 'ff32199befe85da72ba7f135ab2e14979f714183', name: "sidebar" }))), h("span", { key: 'b523374e50d55d49ae969d9dba0664b4c3d16229', class: "app-layout__floating-action-button" }, this.ctaLabel && (h("swirl-button", { key: '6cd1a016a4ddff57117e55acf16e348f310ed4a4', hideLabel: Boolean(this.ctaIcon), icon: this.ctaIcon, intent: "primary", label: this.ctaLabel, onClick: this.onCtaClick, variant: "floating" })), h("slot", { key: 'db7051c0e81d62907746be98d713771e27cb0326', name: "floating-action-button" }))))));
     }
     static get is() { return "swirl-app-layout"; }
     static get encapsulation() { return "shadow"; }

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

@@ -200,17 +200,17 @@ export class SwirlAutocomplete {
         const className = classnames("autocomplete", {
             "autocomplete--inactive": !this.active,
         });
-        return (h(Host, { key: '6ac4eb7a1f520ca9292004fb07da32ada3268808' }, h("div", { key: '4a5d55d90fa0ab8387f67b30dca24225c577b32f', class: className, onKeyDown: this.onKeyDown }, this.multiSelect &&
+        return (h(Host, { key: '7ccdc5bbc34c0b67dd4bc43558672bfcaa925370' }, h("div", { key: '5db7afde57cedcd7f2f76cf3d3bf41ea3d1121f7', class: className, onKeyDown: this.onKeyDown }, this.multiSelect &&
             Array.isArray(this.value) &&
-            this.value.length > 0 && (h("div", { key: 'a22265baff3265c999a162647c2216ea5cb1969e', class: "autocomplete__multi-select-tags" }, h("swirl-stack", { key: '5619bc2bd934857c663efd58c91b9eaaf0207e63', orientation: "horizontal", spacing: "8", wrap: true }, this.value.map((item) => {
+            this.value.length > 0 && (h("div", { key: '99b003b46ce6aca813468233ec46b9746afd5863', class: "autocomplete__multi-select-tags" }, h("swirl-stack", { key: 'ad3f43e26a3ee67ffc1fa4a980d8a8a412f89787', orientation: "horizontal", spacing: "8", wrap: true }, this.value.map((item) => {
             return (h("swirl-tag", { key: item.id, label: item.label,
                 // eslint-disable-next-line react/jsx-no-bind
                 onRemove: () => this.onRemoveValue(item.id), removable: !this.disabled }));
-        })))), h("swirl-text-input", { key: 'a691e9b3aa419b8bdf3a0927d4ae171ada91aecf', autoSelect: this.autoSelect, class: "autocomplete__input", clearable: clearable, clearButtonLabel: this.clearButtonLabel, disabled: this.disabled, disableDynamicWidth: true, id: this.id, inline: this.inline, invalid: this.invalid, onInputFocus: this.onFocus, onKeyDown: this.onInputKeyDown, onValueChange: this.onChange, maxLength: this.maxLength, mode: this.mode, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, spellCheck: this.spellCheck, swirlAriaAutocomplete: "list", swirlAriaControls: suggestionsMenuId, swirlAriaDescribedby: this.swirlAriaDescribedby, swirlAriaExpanded: String(this.active), swirlRole: "combobox", value: valueLabel }), h("div", { key: 'd6d85b173b4b889422deed9d26b2a3edd2558383', class: "autocomplete__listbox-container", onFocusout: this.onFocusOut, ref: (el) => (this.listboxContainerEl = el), style: {
+        })))), h("swirl-text-input", { key: 'b81c39bc6b02321f9ec1da7510e1ff5fefacf6eb', autoSelect: this.autoSelect, class: "autocomplete__input", clearable: clearable, clearButtonLabel: this.clearButtonLabel, disabled: this.disabled, disableDynamicWidth: true, id: this.id, inline: this.inline, invalid: this.invalid, onInputFocus: this.onFocus, onKeyDown: this.onInputKeyDown, onValueChange: this.onChange, maxLength: this.maxLength, mode: this.mode, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, spellCheck: this.spellCheck, swirlAriaAutocomplete: "list", swirlAriaControls: suggestionsMenuId, swirlAriaDescribedby: this.swirlAriaDescribedby, swirlAriaExpanded: String(this.active), swirlRole: "combobox", value: valueLabel }), h("div", { key: 'e78b9b6e1179036e2c6133fab4e88e929450ba26', class: "autocomplete__listbox-container", onFocusout: this.onFocusOut, ref: (el) => (this.listboxContainerEl = el), style: {
                 top: Boolean(this.position) ? `${this.position?.y}px` : "",
                 left: Boolean(this.position) ? `${this.position?.x}px` : "",
                 width: `${this.inputEl?.getBoundingClientRect().width + 32}px`,
-            } }, this.loading && (h("div", { key: '61d3b7a03a79c66c7dbb8885ff3a95d57badc19f', class: "autocomplete__spinner" }, h("swirl-spinner", { key: '666f366558c17cb9d57fdc36ddaf95862706d04c' }))), this.suggestions.length > 0 && (h("swirl-option-list", { key: 'db951c479c16b6fe1ead86e5c46de0431237937f', allowDeselect: this.multiSelect === true, label: this.menuLabel, multiSelect: this.multiSelect, onValueChange: this.onSelect, optionListId: suggestionsMenuId, ref: (el) => (this.listboxEl = el), value: optionListValue }, this.suggestions.map((suggestion) => (h("swirl-option-list-item", { selected: Array.isArray(this.value)
+            } }, this.loading && (h("div", { key: '464609dbec26c61919d20b617afc2c8b2bb2a1ae', class: "autocomplete__spinner" }, h("swirl-spinner", { key: '57467b10cf6732da9d3e913994cad372cfc4bdbe' }))), this.suggestions.length > 0 && (h("swirl-option-list", { key: '2e377e61b4dc64f51d48f73f4f92ffee8fc5816e', allowDeselect: this.multiSelect === true, label: this.menuLabel, multiSelect: this.multiSelect, onValueChange: this.onSelect, optionListId: suggestionsMenuId, ref: (el) => (this.listboxEl = el), value: optionListValue }, this.suggestions.map((suggestion) => (h("swirl-option-list-item", { selected: Array.isArray(this.value)
                 ? this.value.some((item) => item.id === suggestion.id)
                 : this.value?.id === suggestion.id, key: suggestion.id, disabled: suggestion.disabled, label: suggestion.label, value: suggestion.id })))))))));
     }

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

@@ -102,7 +102,7 @@ export class SwirlAvatar {
         });
         const badgeClassName = classnames("avatar__badge", `avatar__badge--position-${this.badgePosition}`);
         const toolClassName = classnames("avatar__tool", `avatar__tool--position-${this.toolPosition}`);
-        return (h(Host, { key: '15278a114f52a9f68d0bf7f1f6fa30e7fa937649', "aria-label": this.interactive ? this.label : undefined, onKeydown: this.interactive ? this.onKeydown : undefined, onKeyup: this.interactive ? this.onKeyup : undefined, role: role, tabIndex: this.interactive ? 0 : undefined }, h("span", { key: 'e31108d3217700983679b19317768f2de000f4cd', class: className, part: "avatar" }, showImage && (h("span", { key: '004a6eb9195d75aa32097aeb8324910ea2b03579', class: "avatar__image" }, h("img", { key: '27249340a3715ba3440ab6d0687457d9a41a38e2', alt: "", height: swirlAvatarSizeMappings[this.size], loading: this.loading !== "intersecting" ? this.loading : undefined, onError: this.setImageUnavailable, onLoad: this.setImageAvailable, src: this.src, width: swirlAvatarSizeMappings[this.size] }))), showInitials && (h("span", { key: '4d1545a4fdda13d56727a4fd66ffe7835d9a8745', class: "avatar__initials" }, h("span", { key: '0b2b97fc6403d2f8cedbef447838b1e7d88a21a6' }, this.initials))), showIcon && h("span", { key: '53c2ecde366fa25580a9c68fdf1c9648a48ce7d1', class: "avatar__icon", innerHTML: this.icon }), showFallbackIcon && (h("span", { key: '14a9f49eaf1085146ed32777bf198a506d29ea47', class: "avatar__icon" }, h("swirl-icon-person", { key: 'e252ae666d81bb9854e0285e5b2ad029151a5cec' }))), showBadge && (h("span", { key: '69bbc5582ebdccc744a88f03a201899056a25b54', class: badgeClassName, innerHTML: this.badge })), h("span", { key: '929ebb5406c2c2fa2ab5ff7717f20ba0a15e35f2', class: toolClassName }, h("slot", { key: 'bd2d4989f989ac54c08b23ff18297a728d4eb9cb', name: "tool" }))), this.showLabel && (h("span", { key: '39d12f1d8e5a480e2c4bd51907198d224f6b2cc0', "aria-hidden": true, class: "avatar__label" }, this.label))));
+        return (h(Host, { key: '56ebefc98134484870d719fda35e05d311716032', "aria-label": this.interactive ? this.label : undefined, onKeydown: this.interactive ? this.onKeydown : undefined, onKeyup: this.interactive ? this.onKeyup : undefined, role: role, tabIndex: this.interactive ? 0 : undefined }, h("span", { key: 'd6a8354aeb6d7e8ae7a01de79f66fc481d0627ed', class: className, part: "avatar" }, showImage && (h("span", { key: '212b277b9361c2935a4a937cda716bbd5f79afa6', class: "avatar__image" }, h("img", { key: 'd037a0e2ee08c7a324383ca075be9fa21e1bfbeb', alt: "", height: swirlAvatarSizeMappings[this.size], loading: this.loading !== "intersecting" ? this.loading : undefined, onError: this.setImageUnavailable, onLoad: this.setImageAvailable, src: this.src, width: swirlAvatarSizeMappings[this.size] }))), showInitials && (h("span", { key: '08f7d449924aa06a5429668cdc8ca1b9aff81212', class: "avatar__initials" }, h("span", { key: '96c8725ee16bc7334675c44541aea46a50670bb4' }, this.initials))), showIcon && h("span", { key: '0e1794e27361d8b5a1c52fd604fd9e7d037ffbdb', class: "avatar__icon", innerHTML: this.icon }), showFallbackIcon && (h("span", { key: 'ab06d6de3e3a501d66f4584ecc36179158c145a6', class: "avatar__icon" }, h("swirl-icon-person", { key: 'ba5d839ad1e4f6229ecd9dcef13d7150407dcc65' }))), showBadge && (h("span", { key: '956fad51793775322e5b608ea4226029ebe21d78', class: badgeClassName, innerHTML: this.badge })), h("span", { key: 'ea68303bb71630ef8e08985a45ecddb6102e1e04', class: toolClassName }, h("slot", { key: 'ae8b5bddf5231b0ea69fae465d73485affa9f430', name: "tool" }))), this.showLabel && (h("span", { key: '40236aaed6670ed3359ee656837d54b54323a0a8', "aria-hidden": true, class: "avatar__label" }, this.label))));
     }
     static get is() { return "swirl-avatar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -25,7 +25,7 @@ export class SwirlAvatarGroup {
             "avatar-group--has-badge": Boolean(this.badge),
         });
         const badgeClassName = classnames("avatar-group__badge");
-        return (h(Host, { key: '8b1974dc2a231ee1de52209f9e5ae412f0f8011d' }, h("div", { key: 'bae70688b047700541351d086a730cea828265e4', class: className, role: "group" }, h("slot", { key: '49eaf6ad73bc4aaefdae4c2b453449e34496085c' }), this.badge && (h("span", { key: 'ffbd195fd9b470ad199e5ca3526b6d8457fa70a0', class: badgeClassName, innerHTML: this.badge, ref: (el) => (this.badgeEl = el) })))));
+        return (h(Host, { key: 'b002259b0fc555dd7c6d88e81be0b47eb990397d' }, h("div", { key: '3ebd30115f4866b87d995015f0e16bda6dbb4ad5', class: className, role: "group" }, h("slot", { key: '806e160bf43e964c3ac05db900b62d0bf420a903' }), this.badge && (h("span", { key: 'e40106fa24b4751600ac71bfcb4e1ebf338e2fc8', class: badgeClassName, innerHTML: this.badge, ref: (el) => (this.badgeEl = el) })))));
     }
     static get is() { return "swirl-avatar-group"; }
     static get encapsulation() { return "shadow"; }

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

@@ -12,7 +12,7 @@ export class SwirlBadge {
         const className = classnames("badge", `badge--intent-${this.intent}`, `badge--size-${this.size}`, `badge--variant-${this.variant}`, {
             "badge--has-icon": this.icon,
         });
-        return (h(Host, { key: '7ec199a85eb07c43407da840c5b1964c86291e00', role: "status" }, h("span", { key: 'a7304947718959455a295168b5a3923d619c035d', class: className, part: "badge" }, this.icon && h("span", { key: 'e9c1845f11ee7f0f3f74d2bf9158b28bed1cb0ed', class: "badge__icon", innerHTML: this.icon }), this.icon === undefined && this.variant !== "dot" ? (h("span", { class: "badge__label" }, this.label)) : (h(Fragment, null, this.icon === undefined && (h("span", { class: "badge__label" }, "\u00A0")), h("swirl-visually-hidden", null, this.label))))));
+        return (h(Host, { key: 'bae92c831dde2b32bfa7261d43afa1535c8e2e52', role: "status" }, h("span", { key: 'b0fae374f4fb64a1f08644f87583a4f566b0a37f', class: className, part: "badge" }, this.icon && h("span", { key: 'b315a6e43dd61d71651417182df6a1ca5f9d6241', class: "badge__icon", innerHTML: this.icon }), this.icon === undefined && this.variant !== "dot" ? (h("span", { class: "badge__label" }, this.label)) : (h(Fragment, null, this.icon === undefined && (h("span", { class: "badge__label" }, "\u00A0")), h("swirl-visually-hidden", null, this.label))))));
     }
     static get is() { return "swirl-badge"; }
     static get encapsulation() { return "shadow"; }

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

@@ -53,7 +53,7 @@ export class SwirlBanner {
         const className = classnames("banner", `banner--intent-${this.intent}`, `banner--size-${this.size}`, {
             "banner--has-icon": showIcon,
         });
-        return (h(Host, { key: 'fcbf3df259fdc2f6a1a87a9156f87c576a28bda8' }, h("div", { key: 'eb8cff02af80842164c9f4b9867e4c684fc76825', "aria-describedby": "content", class: className, role: this.importance, tabIndex: 0 }, h("div", { key: 'd114781c6d652f7bf1ef575cc5d357e7962eb9b8', class: "banner__content", id: "content", part: "banner__content" }, showIcon && (h("span", { key: '01ac20daad7dd1452bb8325e6b619c7697f4800e', "aria-hidden": "true", class: "banner__icon", innerHTML: icon, ref: (el) => (this.iconEl = el) })), h("span", { key: 'b5614f90d8ce542046a9f7caceeeb117a2770d20', class: "banner__text" }, this.content)), showControls && (h("div", { key: 'a05e4bed3bf3fb3982a89dd71b2feb335fcb9322', class: "banner__controls" }, this.actionLabel && (h("button", { key: '3f0b7a87f1fdcb5efd3ac0dc6d4ef7101ae21013', class: "banner__action-button", onClick: this.onAction, part: "banner__action-button", type: "button" }, this.actionLabel)), this.dismissable && (h("button", { key: '5ce2751d784bdc4d0839924cd38d6105329088bf', "aria-label": this.dismissLabel, class: "banner__dismiss-button", onClick: this.onDismiss, part: "banner__dismiss-button", ref: (el) => (this.dismissButtonEl = el), type: "button" }, h("swirl-icon-close", { key: '4ee74722160180d6cf5371f5f009f3f423b08bf6' }))))))));
+        return (h(Host, { key: 'e738d297a3c16fec81cb03bbcc0eec4b18fffe10' }, h("div", { key: '731ebb82ec0f46beea8aca6b9dbc305f18cab5ce', "aria-describedby": "content", class: className, role: this.importance, tabIndex: 0 }, h("div", { key: 'f817862b889d81a440725024a2632a8a532e425b', class: "banner__content", id: "content", part: "banner__content" }, showIcon && (h("span", { key: '3022fbf7fc75fa93e5c01cc2697f0276d7d39618', "aria-hidden": "true", class: "banner__icon", innerHTML: icon, ref: (el) => (this.iconEl = el) })), h("span", { key: '89e76fcf3bd2099011359bfc27d02f3e06a34959', class: "banner__text" }, this.content)), showControls && (h("div", { key: '8e46586058861b274a00b7872c16858a2685bb1b', class: "banner__controls" }, this.actionLabel && (h("button", { key: '508bd8be18739c3c02309b31ed7e3c5053095a3c', class: "banner__action-button", onClick: this.onAction, part: "banner__action-button", type: "button" }, this.actionLabel)), this.dismissable && (h("button", { key: '8bea66c5271fd11dea470ffc61b33bd476170aa3', "aria-label": this.dismissLabel, class: "banner__dismiss-button", onClick: this.onDismiss, part: "banner__dismiss-button", ref: (el) => (this.dismissButtonEl = el), type: "button" }, h("swirl-icon-close", { key: 'a9fbe97bcddf9cef64d2b97adb92f97c943d05d9' }))))))));
     }
     static get is() { return "swirl-banner"; }
     static get encapsulation() { return "shadow"; }

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

@@ -113,7 +113,7 @@ export class SwirlBox {
             "box--scrolled-to-top": this.scrollState.scrolledToTop,
             "box--scrolled-to-bottom": this.scrollState.scrolledToBottom,
         });
-        return (h(Host, { key: '31f4331552b01e796f7923ebc8a302a97cc499df', class: className, onScroll: this.onScroll, style: styles }, h("slot", { key: '1b8c8c79e009617e311203b6d004a7e4e25bd211' })));
+        return (h(Host, { key: '1fba3acf95ec0fcd18a7efe25fcc17344f8a576e', class: className, onScroll: this.onScroll, style: styles }, h("slot", { key: '75059cde1d626d95784e32b76498d9f659c41386' })));
     }
     static get is() { return "swirl-box"; }
     static get encapsulation() { return "shadow"; }

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

@@ -95,9 +95,9 @@ export class SwirlButton {
             "button--pressed": this.pressed,
         });
         const Tag = isLink ? "a" : "button";
-        return (h(Host, { key: '67c5602db91b6efe4a7218dff1357b9a0dbb05ce', style: { pointerEvents: this.disabled ? "none" : "" } }, h(Tag, { key: '5ccb8f4d84207fedef3e99d3109ba46e75c6179f', "aria-controls": this.swirlAriaControls, "aria-current": this.swirlAriaCurrent, "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled && !isLink ? "true" : undefined, "aria-expanded": this.swirlAriaExpanded, "aria-haspopup": this.swirlAriaHaspopup, "aria-label": ariaLabel, "aria-pressed": this.pressed ? "true" : undefined, class: className, disabled: isLink ? undefined : this.disabled, download: isLink ? undefined : this.download, form: isLink ? undefined : this.form, href: this.href, name: isLink ? undefined : this.name, ref: (el) => (this.buttonEl = el), target: isLink ? this.target : undefined, type: isLink ? undefined : this.type, value: isLink ? undefined : this.value, style: this.inheritFontSize
+        return (h(Host, { key: '635a1065811fc352a9be9a8afcd3214a9650282d', style: { pointerEvents: this.disabled ? "none" : "" } }, h(Tag, { key: 'ff06cd64a1d8eea339c9ab0afea3e69623bd1b2f', "aria-controls": this.swirlAriaControls, "aria-current": this.swirlAriaCurrent, "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled && !isLink ? "true" : undefined, "aria-expanded": this.swirlAriaExpanded, "aria-haspopup": this.swirlAriaHaspopup, "aria-label": ariaLabel, "aria-pressed": this.pressed ? "true" : undefined, class: className, disabled: isLink ? undefined : this.disabled, download: isLink ? undefined : this.download, form: isLink ? undefined : this.form, href: this.href, name: isLink ? undefined : this.name, ref: (el) => (this.buttonEl = el), target: isLink ? this.target : undefined, type: isLink ? undefined : this.type, value: isLink ? undefined : this.value, style: this.inheritFontSize
                 ? { fontSize: "inherit", lineHeight: "inherit" }
-                : {} }, Boolean(this.icon) && (h("span", { key: '8136de46e80e1ece4412b21a91d80387b1beffe3', class: "button__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), !Boolean(this.icon) && (h("span", { key: 'f5b65971de71a8cec64e65a9e8f32457b3ff7935', class: "button__icon", ref: (el) => (this.iconEl = el) }, h("slot", { key: 'f5772e810bf6c0525f6f09c004b68cb473ed9a3c', name: "icon" }))), !hideLabel && h("span", { key: 'e8af5f9bb49bcf10cb72540fe3d953612d33851e', class: "button__label" }, this.label), hasTag && (h("span", { key: '58839bee6bf483cc383c8051f59cc8dd25e496a8', class: "button__tag" }, h("slot", { key: 'fd6b3171b0ecf275e15e333524edf980e0517860', name: "tag" }))))));
+                : {} }, Boolean(this.icon) && (h("span", { key: '51b0054616c9b26f5217591384fcef5f634d0a07', class: "button__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), !Boolean(this.icon) && (h("span", { key: '18bf3a811562dbb9489d9fae2fb192b7e178bad1', class: "button__icon", ref: (el) => (this.iconEl = el) }, h("slot", { key: '40d9cf93df9ff77687d3410ef1a4178a7a82a627', name: "icon" }))), !hideLabel && h("span", { key: 'd629db6c30a294022b29ae2ba1214e22f5581a53', class: "button__label" }, this.label), hasTag && (h("span", { key: '1e11954dd364ba68414048dd133b0429c049964a', class: "button__tag" }, h("slot", { key: '07bfc30e7f989e134e5733ba0c3c2251d1668a51', name: "tag" }))))));
     }
     static get is() { return "swirl-button"; }
     static get encapsulation() { return "scoped"; }

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

@@ -13,11 +13,11 @@ export class SwirlButtonGroup {
         const className = classnames("button-group", {
             "button-group--segmented": this.segmented,
         });
-        return (h(Host, { key: 'a32468ae01627af933623c22b640fa3f50b4d068' }, h("swirl-stack", { key: '1b2951f02b3171bc556dbb7e24b9fefefe74a791', align: this.orientation === "vertical" && this.stretch
+        return (h(Host, { key: '9d7e0ea4b44869f77fa372f4ae4621b9f9dfe8dd' }, h("swirl-stack", { key: '6fbf8996d24abf7adbaa39d23b3db4eaa2b1bc60', align: this.orientation === "vertical" && this.stretch
                 ? "stretch"
                 : "start", class: className, justify: this.orientation === "horizontal" && this.stretch
                 ? "stretch"
-                : "start", orientation: this.orientation, role: "group", spacing: spacing, wrap: this.wrap }, h("slot", { key: 'ced53e457fce3021ec5a1bcca7099b709e6d52df' }))));
+                : "start", orientation: this.orientation, role: "group", spacing: spacing, wrap: this.wrap }, h("slot", { key: '6b9ba670905fae3fca44b764be75208ae03c9714' }))));
     }
     static get is() { return "swirl-button-group"; }
     static get encapsulation() { return "shadow"; }

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

@@ -82,9 +82,9 @@ export class SwirlCard {
             "card--interactive": this.interactive || this.href,
             "card--is--borderless": this.isBorderless,
         });
-        return (h(Host, { key: '4f3f5a5071de38d0e5e61db11f7ffae8ca1c73e7', styles: { height: this.height } }, h(Tag, { key: 'bf957c91919f3465f467fc18167e1c34dee5e310', "aria-label": this.swirlAriaLabel, "aria-labelledby": this.swirlAriaLabelledby, class: className, href: this.href, rel: Boolean(this.href) && this.linkTarget === "_blank"
+        return (h(Host, { key: '9a0dc5d885be38ee2e94c7641257eb018e258ad3', styles: { height: this.height } }, h(Tag, { key: 'd863db3119f975a3f96e679b5a164c1ed792177c', "aria-label": this.swirlAriaLabel, "aria-labelledby": this.swirlAriaLabelledby, class: className, href: this.href, rel: Boolean(this.href) && this.linkTarget === "_blank"
                 ? "noreferrer"
-                : undefined, style: styles, target: this.linkTarget }, h("div", { key: 'fd3c0ab76e5710e1a36b5d637a49b49913c2eec4', class: "card__image", style: { aspectRatio: this.imageAspectRatio } }, h("slot", { key: '07be5fcc88f997b3f857dce8654be2bae6793723', name: "image" })), h("div", { key: 'ae0dd7f377ed5d2dd4701824c7cd0d22a63359e5', class: "card__body", style: bodyStyles }, h("div", { key: '716fd0468a3864bde4b67f6f2921ca04f8ce56b6', class: "card__content" }, h("slot", { key: '988e0aabbbe450703688a2fdb71a91103bed7484', name: "content" }))))));
+                : undefined, style: styles, target: this.linkTarget }, h("div", { key: '02f660fa638a355f0bf9cc3fb57a9f728df27ef9', class: "card__image", style: { aspectRatio: this.imageAspectRatio } }, h("slot", { key: '73c1a1cf4914865e23f5dc0a37d298b226673040', name: "image" })), h("div", { key: 'ed7413be702708dc44ed0b54c052602ec46aef43', class: "card__body", style: bodyStyles }, h("div", { key: '0ac40a967d3a3df98cb2094b9bbc76ef59c4c5d5', class: "card__content" }, h("slot", { key: 'beea6852b0cd7c32430e42c7bab74ae6990ec37f', name: "content" }))))));
     }
     static get is() { return "swirl-card"; }
     static get encapsulation() { return "shadow"; }

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

@@ -140,7 +140,7 @@ export class SwirlCarousel {
             "carousel--is-at-start": this.isAtStart,
             "carousel--is-at-end": this.isAtEnd,
         });
-        return (h(Host, { key: 'dc282887cedadc493fda9f71fd249cb62a0efd3f', "aria-label": this.label, "aria-roledescription": "carousel", role: "group" }, h("div", { key: 'f48fab6833ba11a2493513b8b2fbfd28c5c62339', class: className }, this.isScrollable && !this.isAtStart && (h("swirl-button", { key: 'fdeb6ff51115359928fbce0d58c7c74ec0bb606a', class: "carousel__previous-slide-button", hideLabel: true, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.previousSlideButtonLabel, onClick: this.onPreviousSlideButtonClick, pill: true, variant: "floating" })), this.isScrollable && !this.isAtEnd && (h("swirl-button", { key: '5a73745fb749bf9bbc5d1a8f511c2da0cccf26f1', class: "carousel__next-slide-button", hideLabel: true, icon: "<swirl-icon-arrow-forward></swirl-icon-arrow-forward>", label: this.nextSlideButtonLabel, onClick: this.onNextSlideButtonClick, pill: true, variant: "floating" })), h("div", { key: '247e8f2b15b9d37159f0a7faaca86db851310a18', "aria-live": "polite", class: "carousel__slides", style: slidesStyles, onScroll: this.onScroll, ref: (el) => (this.slidesContainer = el) }, h("slot", { key: '16d4b9884689f40d72a912466b0579042941b4b6', onSlotchange: this.onSlotChange })))));
+        return (h(Host, { key: '8c8ca585ecff7b41f8dfdc9e66bbcec0ed60a20e', "aria-label": this.label, "aria-roledescription": "carousel", role: "group" }, h("div", { key: 'e6370b762f1822d608c395a1ab5e257688b04de3', class: className }, this.isScrollable && !this.isAtStart && (h("swirl-button", { key: '7958568cc3a087979a061cc8ab8e920a4b4cc4c0', class: "carousel__previous-slide-button", hideLabel: true, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.previousSlideButtonLabel, onClick: this.onPreviousSlideButtonClick, pill: true, variant: "floating" })), this.isScrollable && !this.isAtEnd && (h("swirl-button", { key: 'faa888df896a1517ed6d4ad0ef411504fc9af373', class: "carousel__next-slide-button", hideLabel: true, icon: "<swirl-icon-arrow-forward></swirl-icon-arrow-forward>", label: this.nextSlideButtonLabel, onClick: this.onNextSlideButtonClick, pill: true, variant: "floating" })), h("div", { key: '4ec9cec82b7d3b57c27606ba147147fee4908009', "aria-live": "polite", class: "carousel__slides", style: slidesStyles, onScroll: this.onScroll, ref: (el) => (this.slidesContainer = el) }, h("slot", { key: '751e7e966e6f7b5b6051a83cd566e96a46424526', onSlotchange: this.onSlotChange })))));
     }
     static get is() { return "swirl-carousel"; }
     static get encapsulation() { return "shadow"; }

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

@@ -13,7 +13,7 @@ export class SwirlCarouselSlide {
         const className = classnames("carousel-slide", {
             "carousel-slide--has-min-height": Boolean(this.minHeight),
         });
-        return (h(Host, { key: '98ebeeaf4beb6d66cc8bb360a2119f9db6bc1e36', "aria-roledescription": "slide", "aria-label": this.label, class: className, role: "group", style: { flexBasis: this.width, minHeight: this.minHeight }, tabIndex: 0 }, h("slot", { key: '5b88284bf48d0ca280696c1033e2344fc01f151f' })));
+        return (h(Host, { key: '8e51a221c5008156f57a983719cb0f4e89309975', "aria-roledescription": "slide", "aria-label": this.label, class: className, role: "group", style: { flexBasis: this.width, minHeight: this.minHeight }, tabIndex: 0 }, h("slot", { key: '68acc357fb4c3ea6f69e12e946e3cd13234b4fdf' })));
     }
     static get is() { return "swirl-carousel-slide"; }
     static get encapsulation() { return "shadow"; }

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

@@ -45,7 +45,7 @@ export class SwirlCheckbox {
             "checkbox--invalid": this.invalid,
             "checkbox--unchecked": unchecked,
         });
-        return (h(Host, { key: '47e2bb1334f5370dc6733ce92e24c9561339077a', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: '80abed84bb07d0a3949ab6619654653010d0fb97', class: className, htmlFor: this.inputId }, h("span", { key: '4be8a5ea2485614530f48930f01601ea69b8e429', class: "checkbox__control" }, h("swirl-visually-hidden", { key: '951b2431cb4b257b874a1398cd098572afef818c' }, h("input", { key: '3b9c896b18c5ab5566274d1651822fdd73a8716d', "aria-checked": ariaCheckedLabel, "aria-describedby": this.swirlAriaDescribedby, "aria-invalid": ariaInvalid, "aria-label": this.swirlAriaLabel, checked: checked, class: "checkbox__input", disabled: this.disabled, id: this.inputId, indeterminate: indeterminate, name: this.inputName, onChange: this.onChange, type: "checkbox", value: this.value })), h("span", { key: '240669d2a046ad4a233654e882ac7aafe7bd6cbf', "aria-hidden": "true", class: "checkbox__box" }, h("span", { key: 'e58d952cf7e5f8bda65d74e4ea99f98b30c55ab9', class: "checkbox__icon" }, checked && h("swirl-icon-check-strong", { key: '761aadd9c03b94f134c90f0b05f1feaf49aa8f89' }), indeterminate && (h("span", { key: '3c9042575b66be70f1f727425bd85c21e33e8377', class: "checkbox__indeterminate-icon" }))))), showLabelContainer && (h("span", { key: 'b5b9b877597a083a847e8fea977da5373eb85471', class: "checkbox__label-container" }, this.label && h("span", { key: '25eaf96669b412282e6805b42635c7630eb0c1ac', class: "checkbox__label" }, this.label), this.description && (h("span", { key: '2cf8b31a6d1d4860fb01cfce2421d5b0535ca45e', class: "checkbox__description" }, this.description)))))));
+        return (h(Host, { key: 'aac65bf193091a8bea9fba0400ba73214b59e3e0', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: '07c5b04f6809c2a96796ae899305d6197e34948b', class: className, htmlFor: this.inputId }, h("span", { key: 'b6ff60df3a61f63c11880f553d65aef8aa5fd12f', class: "checkbox__control" }, h("swirl-visually-hidden", { key: 'c53b3f70f0137c69003fd7098b235fa2bcf37f33' }, h("input", { key: 'aacb2b661d7c7f90710b4c115730609a4e6305d2', "aria-checked": ariaCheckedLabel, "aria-describedby": this.swirlAriaDescribedby, "aria-invalid": ariaInvalid, "aria-label": this.swirlAriaLabel, checked: checked, class: "checkbox__input", disabled: this.disabled, id: this.inputId, indeterminate: indeterminate, name: this.inputName, onChange: this.onChange, type: "checkbox", value: this.value })), h("span", { key: 'ef9cc2b5a745021f67f78f985146e325da793e44', "aria-hidden": "true", class: "checkbox__box" }, h("span", { key: '07f423ba9b9a5b43b89114a7b9a09287197ba09f', class: "checkbox__icon" }, checked && h("swirl-icon-check-strong", { key: 'c2583703af27ed11acc996cf7e0beefc99149923' }), indeterminate && (h("span", { key: '90398aa1acb1cebf30ce3ae518ce8d0eec017410', class: "checkbox__indeterminate-icon" }))))), showLabelContainer && (h("span", { key: '5a5aaf43dcc186aa21934f5150f1f76445945a3d', class: "checkbox__label-container" }, this.label && h("span", { key: 'fee226c02adbd1b677a3e4657c0c8056c260daa4', class: "checkbox__label" }, this.label), this.description && (h("span", { key: '2e1bc11d4e655d1ca517531625ad2ea953753a07', class: "checkbox__description" }, this.description)))))));
     }
     static get is() { return "swirl-checkbox"; }
     static get encapsulation() { return "scoped"; }

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

@@ -49,7 +49,7 @@ export class SwirlChip {
             "chip--interactive": this.interactive || this.pressed !== undefined,
             "chip--removable": this.removable,
         });
-        return (h(Host, { key: 'bf343033f4413d195c6746338678f0f7e8a8f766' }, h(Tag, { key: '97b2f2ee1db67797a6d7d56aa1b6729d62cc14b4', "aria-pressed": this.pressed !== undefined ? String(this.pressed) : undefined, class: className, onClick: this.chipClick.emit, type: this.interactive ? "button" : undefined }, h("span", { key: 'ba597b789fdcc9e459050b07689486d21927a9b4', class: "chip__inner" }, showAvatar && (h("span", { key: '78fa63d15badf26266d233b70e32efd028b1df74', class: "chip__avatar" }, h("slot", { key: '0a556db41ea252ec2b8bd6a4b68da0013e853d16', name: "avatar" }))), showIcon && (h("span", { key: 'd6c90653278a472e4028060b2ff8755201869bfe', class: "chip__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: 'da2bb584ec8c7f9fb746aefc5ff43aca3828526d', class: "chip__label" }, this.label)), this.progress !== undefined && (h("span", { key: 'e3d994faad82dd035ff6e2081c22852c6011ca42', class: "chip__progress-indicator" }, h("swirl-progress-indicator", { key: 'd0eddd986b078dc4e549940e0b781d0c07541697', label: this.progressBarLabel, value: this.progress })))), this.removable && (h("button", { key: '8ad96165e26097e8e9da65d54fc335ebdcc0a842', "aria-label": this.removeButtonLabel, class: "chip__remove-button", onClick: this.remove.emit, type: "button" }, h("swirl-icon-close", { key: 'b916f233e0329a7f0bf36241deff78f1624f9818', size: 20 })))));
+        return (h(Host, { key: '285e189df4a4358b7d07fc91b9f06ea562d295af' }, h(Tag, { key: 'fb4d13ac4afbeffebc9b44b8cf5800e7f6063839', "aria-pressed": this.pressed !== undefined ? String(this.pressed) : undefined, class: className, onClick: this.chipClick.emit, type: this.interactive ? "button" : undefined }, h("span", { key: 'bee9a24a811db37cdf02f1b3fba4f82a213154ee', class: "chip__inner" }, showAvatar && (h("span", { key: '0887a96c9e1b4fe697d7d53a9df24baab62fd33b', class: "chip__avatar" }, h("slot", { key: 'b9f4d49ebba68e3102792392efc6cf3d1401af40', name: "avatar" }))), showIcon && (h("span", { key: '577e4bdfbc406cfd54fe507e3e75c1d9a0693933', class: "chip__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: 'b6660e15ca44dea2ab591a7ac292c567d4073c56', class: "chip__label" }, this.label)), this.progress !== undefined && (h("span", { key: 'fb2eba1ae34bc3e7b137044c4bd5814fc68493e1', class: "chip__progress-indicator" }, h("swirl-progress-indicator", { key: '93eed0c553045420b30d05f660c93dae3b431ad5', label: this.progressBarLabel, value: this.progress })))), this.removable && (h("button", { key: 'abff273245b609e14c2e7bfaa505aff50ff9bc92', "aria-label": this.removeButtonLabel, class: "chip__remove-button", onClick: this.remove.emit, type: "button" }, h("swirl-icon-close", { key: '22482cfa3b2da13e5a93a4fea5487b26850da6d4', size: 20 })))));
     }
     static get is() { return "swirl-chip"; }
     static get encapsulation() { return "scoped"; }

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

@@ -64,11 +64,11 @@ export class SwirlColorInput {
         const className = classnames("color-input", {
             "color-input--inline": this.inline,
         });
-        return (h(Host, { key: '67685139e5a399b98a884c57f0579f77e1f341ee' }, h("div", { key: '2f328355e40b143f77ae167797796db63f2c1397', class: className }, h("input", { key: '9da66032dc78c6b4bf132fe8241a1339f5f94505', "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: '3195f52afae359d25c04d9353ddc56bd9aa941df', swirlPopover: this.pickerId }, h("button", { key: '3fc16c5ea5097dcc27e05f27d6f23445aeaa53fb', "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
+        return (h(Host, { key: '914da429bdcdd6576cecfcf3dd90bf104d803a09' }, h("div", { key: 'dc9f505383021faba447463c50811027d4b0be6b', class: className }, h("input", { key: '909c98a18b7fda96f7ebe7341180736a91697f71', "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: '906c3aba8ba37be0a08d19ac203ecadafd109ea3', swirlPopover: this.pickerId }, h("button", { key: 'd770b523445bc12b7171bc30eadd66ae922f6119', "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: 'bbbaa4331db5f67a8a413e3b11cf7ab47cd1f428', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, h("swirl-box", { key: 'ca52b4563f99c98a8a1989185fc0995a5b821f18', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, h("hex-color-picker", { key: 'a1b2c59033fbb4c80b6d98289176f646c14a4a14', color: this.value, ref: (el) => (this.picker = el) }))))));
+            }, type: "button" })), h("swirl-popover", { key: 'da0f865759500a54152e98eaf4dff87f0f7b9d1e', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, h("swirl-box", { key: '025409345855e9cd4d601c9b14a077b347f72c2d', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, h("hex-color-picker", { key: '635cfa8885c5de97f240f5def31e6bfb72afb42f', 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-columns/swirl-columns.js CHANGED Viewed

@@ -5,10 +5,10 @@ export class SwirlColumns {
         this.spacing = undefined;
     }
     render() {
-        return (h(Host, { key: 'f95ec95c66e777fc5f3ba9ea7383f6292fa8edbc' }, h("div", { key: '49f32dedc864c768b62076e8d46a254e7be3f4ac', class: "columns", style: {
+        return (h(Host, { key: 'e03996b556c972c081c2bd4283d006579cf3a1ba' }, h("div", { key: '95eee3bf0911dd60c08223ab389bc9a3e0a2a1a2', class: "columns", style: {
                 gridTemplateColumns: this.columns,
                 gap: `var(--s-space-${this.spacing})`,
-            } }, h("slot", { key: '0d6094db0d7f4e6b5ebfd3a88fe802ad3a562ff6' }))));
+            } }, h("slot", { key: '0d364bfbce8fda3431817a1cf2b35b71160d46ae' }))));
     }
     static get is() { return "swirl-columns"; }
     static get encapsulation() { return "shadow"; }

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

@@ -122,11 +122,11 @@ export class SwirlConsoleLayout {
             "console-layout--sidebar-active": this.sidebarActive,
             "console-layout--empty-app-bar": !Boolean(this.appName) && !this.showHelpButton,
         });
-        return (h(Host, { key: '0f046eb6eedcaae0638b0f7c63428549a4f6b399' }, h("div", { key: '8b14182bc052f107c3df784d89d26be28d61fc4f', class: className, onClick: this.onClick, onKeyDown: this.onKeyDown }, h("header", { key: 'b5d470785930c47d3bd359c865fdf4b39fd68f57', "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (el) => (this.sidebarEl = el) }, h("div", { key: 'd7f968eab1395cdc747f234b43a78e1e17cb23a8', class: "console-layout__header" }, h("div", { key: '61e58e078562b5c7e697f7c3b4b0d34feda304be', class: "console-layout__logo" }, h("svg", { key: '1a9b2af0b2297053a43e492479857bacc115e805', 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: '56bcd815daa57f69d14577179107bb1adccecb5a', 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: '7e27fd822acfb0750452a72f79e29f90604aee75', 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: '7895d92663b4ad47c09f05053e2ed55a256ac47c', 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: 'dbe5e9af9183c7162b4ccbabc898d20166c411aa', d: "M12.2072 10.9785L7.32419 10.1459L0.625 14.0709L5.38887 14.9629L12.2072 10.9785Z", fill: "#80A8F4" })), h("swirl-text", { key: '935f73680279f02497d2f7bec9e4caccf83cfb8c', class: "console-layout__logo-text", weight: "medium" }, this.logoText))), h("nav", { key: 'c7f38107fb0c6f43f6de3ff93a4de47f655685a3', "aria-label": this.navigationLabel, class: "console-layout__navigation" }, h("slot", { key: '043b3e752f719da2c9afb720cb68a4d95eeb320b', name: "navigation" })), h("div", { key: '5956ffab8bae927e90cb0d2d79c83b75693b9055', class: "console-layout__user" }, h("slot", { key: 'fe2084dde620a0d3e72bbc0fd38194e140d290fc', name: "user" }))), h("main", { key: '300eab9e325837adf0bbc6239ea29212a2682466', "aria-labelledby": Boolean(this.appName) ? "app-name" : undefined, class: "console-layout__main" }, h("header", { key: '1bd46509681500efea29681ec453ea9dd80049c5', class: "console-layout__app-bar" }, h("span", { key: '33a66a88001d17a8212307ea0a7e1a688e431fe6', class: "console-layout__mobile-navigation-button" }, h("swirl-button", { key: 'c1517911434a849d483bcb702c2db5587868eb28', swirlAriaExpanded: String(this.sidebarActive), hideLabel: true, icon: this.sidebarActive
+        return (h(Host, { key: '2db5b391b25a4665590f008e35a7133e3740993e' }, h("div", { key: '8ba813e893f548964f591f0d1655c4e0cbd8ea70', class: className, onClick: this.onClick, onKeyDown: this.onKeyDown }, h("header", { key: '76472e0d687397141c873ae2a25eb38e39843d56', "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (el) => (this.sidebarEl = el) }, h("div", { key: '3b38a392bd81364080351c2f311672b5df507828', class: "console-layout__header" }, h("div", { key: 'd6b194cbf365788c27c8d00027f4358cd899ece4', class: "console-layout__logo" }, h("svg", { key: 'bdb40ba7a53faaf6fc8e479f111385b0cd22f802', 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: '8378b374cf75d70e729718189dd7d107f9c8ebda', 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: '4e31347e7cc6d25195a244e405a5134bdb19d710', 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: '1c125a0c36cacb1fb92e7fe7991923df9f9a49af', 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: 'fb33153f45926b050c67622ffe444631fe116de6', d: "M12.2072 10.9785L7.32419 10.1459L0.625 14.0709L5.38887 14.9629L12.2072 10.9785Z", fill: "#80A8F4" })), h("swirl-text", { key: '3fb83c1507ae43de879d1d05f288d8a97bcc28e1', class: "console-layout__logo-text", weight: "medium" }, this.logoText))), h("nav", { key: '4e6a4bfd178a15d0383fb99f86cf406d7d2fff1a', "aria-label": this.navigationLabel, class: "console-layout__navigation" }, h("slot", { key: 'c1ef39cddcf29fb6ed7a338d2bff9899e6307ab7', name: "navigation" })), h("div", { key: '48fa937e86087cd52386b7448f646c8c45055d65', class: "console-layout__user" }, h("slot", { key: 'e4d4c5cf87e5ac1f7c5fa5e9ff6668297f004e78', name: "user" }))), h("main", { key: 'bc1d3f71337f4a84594380c037369cd895af0b72', "aria-labelledby": Boolean(this.appName) ? "app-name" : undefined, class: "console-layout__main" }, h("header", { key: '210396be91888ea7b5727ed47093800e0a76b5f9', class: "console-layout__app-bar" }, h("span", { key: '52fec0800bab51aed224663a427b88f50c8746c5', class: "console-layout__mobile-navigation-button" }, h("swirl-button", { key: 'b8034edfb26b0300cf328eea185a5cb829f8c0e2', 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: '3312be4d5f58607887e510ea359974f5a1ca5ba0', class: "console-layout__app-name" }, this.appName && (h("swirl-heading", { key: '76afe986b60f5c2af8824a435551b72752bce449', as: "h1", headingId: "app-name", level: 4, text: this.appName }))), this.showHelpButton && (h("swirl-button", { key: '72ce1dfea39cc2c78f453f03f0f4a957026bcdaf', class: "console-layout__help-button", hideLabel: true, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick }))), h("section", { key: 'cf1bb7ab84c7c92ae945a0e30dd5179dc726a91b', "aria-labelledby": "heading", class: "console-layout__content", style: contentStyles }, h("header", { key: 'a30f542803acb725dd33b1a61e2d16971b022901', class: "console-layout__content-header" }, this.showBackButton && (h("swirl-button", { key: '31f826671a789f7c209dabed912cfd63b55abaa6', 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: '1e9ced9ac4788c4fb990f25cf5db7fd08d6a5be2', class: "console-layout__heading-container" }, h("swirl-heading", { key: '2fa4f3db252d29095cd041d123152a178ed3df89', as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && (h("swirl-text", { key: 'c5cc991bd0b04ec0ce422a3832888a4d36784692', class: "console-layout__subheading", color: "subdued" }, this.subheading)))), !Boolean(this.heading) && (h("div", { key: 'a513bd74b1169c5c196e1f29dc2cbecde610ea2b', class: "console-layout__heading-container" }, h("slot", { key: 'c01aa2df76e9bc63196e96bc81a7bb10632550a2', name: "heading" }))), h("div", { key: 'f61152be9ccd48e887dea756d14b60d0f5c3759b', class: "console-layout__content-header-tools" }, h("slot", { key: '177dd575d141a103cde526000bc990d48a6992a6', name: "content-header-tools" }))), h("div", { key: '8cf3107df87a2e519f111f95bf397aed4bcab2a6', class: "console-layout__integration" }, h("slot", { key: '5f59b4de368f6b262de64ebd5d246d8dd1c0d2a5', name: "content" }))), h("div", { key: 'cc89695345373b27ee3d87b4aa2cb360cf012788', class: "console-layout__overlays" }, h("slot", { key: '5fa45d9633bd2ed0fa6a61086c6d07b314914e2a', name: "overlays" }))))));
+                : this.showNavigationButtonLabel, onClick: this.onMobileNavigationToggleClick })), h("div", { key: 'a391e3ecc5f8ee3e576276227b24fa5419248fba', class: "console-layout__app-name" }, this.appName && (h("swirl-heading", { key: 'd8c9da1bb54e97441adc0e04b3da896ac04a0f32', as: "h1", headingId: "app-name", level: 4, text: this.appName }))), this.showHelpButton && (h("swirl-button", { key: '0e2343444f71afd7224ca36afd9d7cc659b96dc3', class: "console-layout__help-button", hideLabel: true, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick }))), h("section", { key: '598a25aad6a74e5b219baf4ee59036a13d1ec043', "aria-labelledby": "heading", class: "console-layout__content", style: contentStyles }, h("header", { key: '6135401a042b786b92bf22fad73fee97e3190ce4', class: "console-layout__content-header" }, this.showBackButton && (h("swirl-button", { key: '9866d4c80241aefd063a4585ce1c4d9d21c79e3c', 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: 'bd5f13fe196970a0aedc604ea15c82667dd65c6e', class: "console-layout__heading-container" }, h("swirl-heading", { key: 'b33949b33c74cab02caecba774533f050d9c8009', as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && (h("swirl-text", { key: '5f111197d4a3c3a10f8ae0c57f3133bf9ebcde0e', class: "console-layout__subheading", color: "subdued" }, this.subheading)))), !Boolean(this.heading) && (h("div", { key: 'c2de6bb554b1d1b29d08e9321816da790e8a3341', class: "console-layout__heading-container" }, h("slot", { key: '21cf1be5dd431e5b896928de8c6721595b8f10af', name: "heading" }))), h("div", { key: '4c3081c3c4f43a238af9b948b7bb29912cb2320c', class: "console-layout__content-header-tools" }, h("slot", { key: 'b8d773e04dafc6badee7bd5fc83a3c810615279d', name: "content-header-tools" }))), h("div", { key: '83b248a0c10bd8df73a5d820f894466a964864a0', class: "console-layout__integration" }, h("slot", { key: 'a673f167c09ab6e462ff148f642d1e91078bd6ad', name: "content" }))), h("div", { key: '9b498fe607dbcad0e022d04d5a5874d18577ce58', class: "console-layout__overlays" }, h("slot", { key: 'f566fc3c3d482444bf662cbda07d605e6a261749', 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

@@ -148,7 +148,7 @@ export class SwirlDateInput {
         const className = classnames("date-input", {
             "date-input--inline": this.inline,
         });
-        return (h(Host, { key: '6f1c7e87cfac74ff45f260a7970c5489b371c8f0' }, h("div", { key: '8f496c6ae7e1570f42a4e51e3dda84daf118144c', class: className }, h("input", { key: '9b735ede8e499046eb7b1f95d479de9e9a6960f8', "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, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text", value: displayValue }), h("swirl-popover-trigger", { key: '29b6774d6a009b3ed001a8b948107ab86518bbd6', swirlPopover: `popover-${this.id}` }, h("button", { key: 'd448931a65cb3308444ed09dff1d665a71da6385', "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, h("swirl-icon-today", { key: 'f5f26fe7b2f167c1a2ff45ffeb558bdb42f47756', size: this.iconSize })))), !this.disabled && (h("swirl-popover", { key: '690f07e7f5eeea73a547a0729099a9f9c5bed2a6', 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: 'fafbf985379dc75b7839ded3fa5af72c4e0b468e', disableDate: this.datePickerDisableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onValueChange: this.onPickDate, value: dateValue, startDate: dateValue })))));
+        return (h(Host, { key: 'c8b74c70c640b1bb14d838e3e4b11d0ea0f15e46' }, h("div", { key: '08d52f52443b843c5c37fa1efc8d42b391761875', class: className }, h("input", { key: '6351f183e5d60608c7e45df46da9e42855685eeb', "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, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text", value: displayValue }), h("swirl-popover-trigger", { key: '96256671f54b04d91f0d8e10ab9c3d4503bfb8fe', swirlPopover: `popover-${this.id}` }, h("button", { key: '8f160ec0fd7ba9ffe1c65c507292bc945cfb728c', "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, h("swirl-icon-today", { key: '099ed1cde09dd90bd012bc10ad1a5b805e9b88a7', size: this.iconSize })))), !this.disabled && (h("swirl-popover", { key: 'b94ac3ff2a0d741932c06e37b69e5eee4629364a', 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: '6bf840ab981e45ab983b83801ada5728dc8f6dfb', 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

@@ -36,7 +36,7 @@ export class SwirlDatePicker {
         const startDate = this.startDate instanceof Date
             ? getISODateString(this.startDate)
             : undefined;
-        return (h(Host, { key: 'eea27d2d9723d52ea6cea08cfdb8374af18ca8eb', onClick: this.onClick }, h("wc-datepicker", { key: '16376584edc6b6cf4bb53995e5a47cddd9d95426', 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: '2a339c82ba69b94719200c02ddaeee1e1b226375', onClick: this.onClick }, h("wc-datepicker", { key: 'd390481c2b4eb2fe3ad03e039ef38d7cc5dfcea1', 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: 'c299df75ce9a7756a12c5d903f0c340f585989ec' }, h("div", { key: '2280e22b9d9c7c099a53dc949c0698961dfa496a', class: "description-list", role: "list" }, h("slot", { key: '1f1db7fbf3cf703cf5b8ffbf662ede81bb13fb1a' }))));
+        return (h(Host, { key: '6a66260f461ac4966437db883e69e06db1252d74' }, h("div", { key: 'bef5e9ebde2c1f59b7034988412d828c5dfb515b', class: "description-list", role: "list" }, h("slot", { key: '3973242ca601b2dd75c33507c56c4a7985389b1d' }))));
     }
     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

@@ -20,7 +20,7 @@ export class SwirlDescriptionListItem {
             "description-list-item--has-additional-content": hasAdditionalContent,
             "description-list-item--has-tools": hasTools,
         });
-        return (h(Host, { key: 'e6ac993efa68739e4f718d50ef33803cd5c03f2c', role: "listitem" }, h("div", { key: '05071a61206cb687b50f595172f3d45a01dbdd35', class: className, part: "description-list-item", role: "group" }, h("div", { key: '0dcf1d0afe499593ce8fb6eaa7d31df7b73e91c2', class: "description-list-item__inner" }, h("div", { key: '91de890586a73b624a048b5674418846025e5422', class: "description-list-item__text-container" }, h("div", { key: 'a51ac37759a1330e555f49349e1ad005db4f42be', class: "description-list-item__term", part: "description-list-item__term", role: "term" }, this.term, this.tooltip && (h("span", { key: 'b3e9c8b4222842af3777d5affeb2c866104899d0', class: "description-list-item__tooltip" }, h("swirl-tooltip", { key: '3a91d4eaa298b6aeb5da51eb6b907fdfdf426b82', content: this.tooltip, position: "right" }, h("swirl-icon-info", { key: 'ca25ba3acd4d787303716cfb33d8578c85c1e981', size: 16, tabIndex: 0 }))))), h("div", { key: '24245ca46316a7fe73df60f117affd5c86d11ab3', style: { maxWidth: this.maxWidth }, class: "description-list-item__description", role: "definition" }, h("slot", { key: '20fad1bb3b4651479705f73a54861dde12617ebf' }))), h("div", { key: '6c5fbd31410a298705ae2f346b4c0e5da87a8282', class: "description-list-item__tools" }, h("slot", { key: '5bb0ef7a5dc4ac97781aa002045f12349175d10a', name: "tools" }))), h("div", { key: '0fdfdec1b9bc406c1b2f168622a39a951bc63a66', class: "description-list-item__additional-content" }, h("slot", { key: '6bc2ed5f628059c3c55f9d22414c4195efcd2f8d', name: "additional-content" })))));
+        return (h(Host, { key: '6eef8b77f662ab513cdf7ec3e77ffba5d04a2c0f', role: "listitem" }, h("div", { key: 'ef46cc16888dfe6c281fba61fc0e7cf11e68acfa', class: className, part: "description-list-item", role: "group" }, h("div", { key: '510ba63b840901b58bd80b62c93f892f71acd471', class: "description-list-item__inner" }, h("div", { key: '3f3b0141e290701dc4fc616b7748c8aa0ae1249f', class: "description-list-item__text-container" }, h("div", { key: '79a04631caf1348dfec36e8900d63fd401ee2a46', class: "description-list-item__term", part: "description-list-item__term", role: "term" }, this.term, this.tooltip && (h("span", { key: 'fd66547765550d7730f314adeeac9ec281de4c59', class: "description-list-item__tooltip" }, h("swirl-tooltip", { key: 'b26a696fc58ed62b8e0e5a7cc99441fe01d21772', content: this.tooltip, position: "right" }, h("swirl-icon-info", { key: '623486729a3529d7581b9a3dfad1278ca27c17b1', size: 16, tabIndex: 0 }))))), h("div", { key: 'ed847fadaaf3391618e9f370c57213818ae4c5b5', style: { maxWidth: this.maxWidth }, class: "description-list-item__description", role: "definition" }, h("slot", { key: 'b1aa7882aada2bbf3377c81d8b5f3eea6cc03287' }))), h("div", { key: '88b5a7557143b1ecd73b7bb92b4d49d45932dbff', class: "description-list-item__tools" }, h("slot", { key: '4f3b814d5bb973dec2cbc2fefe9315879b528bee', name: "tools" }))), h("div", { key: '3511d41246613379fd98a150ccd5c3ae7d1bc3ef', class: "description-list-item__additional-content" }, h("slot", { key: 'd3cd932efa2d4cf92194fc4b41b0b95cbad3983a', name: "additional-content" })))));
     }
     static get is() { return "swirl-description-list-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -64,7 +64,7 @@ export class SwirlDialog {
     }
     render() {
         const className = classnames("dialog", { "dialog--closing": this.closing });
-        return (h(Host, { key: '015b8784566aec0d6e6a65358ad66ea432d09c9f' }, h("div", { key: '7d1a29269825d73041a256339e55c44a5791a279', "aria-describedby": "content", "aria-hidden": "true", "aria-labelledby": this.hideLabel ? undefined : "label", "aria-label": this.hideLabel ? this.label : undefined, "aria-modal": "true", class: className, onKeyDown: this.onKeyDown, ref: (el) => (this.dialogEl = el), role: "alertdialog" }, h("div", { key: 'a0041f9da42b5b0610ca1e30c49e8a5849d4bc7c', class: "dialog__backdrop", onClick: this.onBackdropClick }), h("div", { key: '0d37d36f16906dc54c88d40d23d2b9a52dbc39da', class: "dialog__body", part: "dialog__body", role: "document" }, !this.hideLabel && (h("h2", { key: 'ab604bf2ecedf3c5b35fc3f246812c416db987fd', class: "dialog__heading", part: "dialog__heading", id: "label" }, this.label)), h("div", { key: '462d6abb25e085ba594eb30e5976131b80619142', class: "dialog__content", part: "dialog__content", id: "content" }, h("slot", { key: 'db68fc95268ebc10cbac40b21d6eed0f9c71a655' })), h("div", { key: '1a205291d29b927f3be6fca628777b9e448acec1', class: "dialog__controls", ref: (el) => (this.controlsContainerEl = el) }, this.secondaryActionLabel && (h("swirl-button", { key: 'bea6ec4261bbc48e0b5b39409344c20808ab20de', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (h("swirl-button", { key: 'f91b2eb3f485587533e0ddf03d5ef1aecde05f23', intent: this.intent, label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" })))))));
+        return (h(Host, { key: 'e72f0c4984d27174697e8c573bf4265d28197630' }, h("div", { key: 'd54f3a6034a93c2855ff216ac0d9a52d69fadee5', "aria-describedby": "content", "aria-hidden": "true", "aria-labelledby": this.hideLabel ? undefined : "label", "aria-label": this.hideLabel ? this.label : undefined, "aria-modal": "true", class: className, onKeyDown: this.onKeyDown, ref: (el) => (this.dialogEl = el), role: "alertdialog" }, h("div", { key: '746eb7610a0da215785fc5eb01fc4bb4e469b8c2', class: "dialog__backdrop", onClick: this.onBackdropClick }), h("div", { key: '726ee924d8be278ee3aca78456adcdbebad59c96', class: "dialog__body", part: "dialog__body", role: "document" }, !this.hideLabel && (h("h2", { key: '015eeccf92c83862f7e37e091ac1bd0fd3769968', class: "dialog__heading", part: "dialog__heading", id: "label" }, this.label)), h("div", { key: '66516d6e052e52ee3890cb649fe0c2c226927a07', class: "dialog__content", part: "dialog__content", id: "content" }, h("slot", { key: '895727411b6e21bfe367fdd4ca4264f189dbc039' })), h("div", { key: '4c9faa7765fa16226f7d6c8003cb9af723fd68e3', class: "dialog__controls", ref: (el) => (this.controlsContainerEl = el) }, this.secondaryActionLabel && (h("swirl-button", { key: '5f132b2ad85680117131467d86264ec7493adad8', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (h("swirl-button", { key: 'ee386268ca7996f2b096e8f333e0b24992867c92', intent: this.intent, label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" })))))));
     }
     static get is() { return "swirl-dialog"; }
     static get encapsulation() { return "shadow"; }