npm - @getflip/swirl-components - Versions diffs - 0.326.0 → 0.328.0 - Mend

@getflip/swirl-components 0.326.0 → 0.328.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 (1929) hide show

package/dist/components/file-manager.js CHANGED Viewed

@@ -90,7 +90,7 @@ const FileManager$1 = /*@__PURE__*/ proxyCustomElement(class FileManager extends
             onClick: () => this.selectItem(item) }, "type" in item ? (h("swirl-icon-file", { slot: "media" })) : (h("swirl-icon-folder-shared", { slot: "media" })))))) : (h("swirl-box", { padding: "16" }, h("swirl-text", { color: "subdued", weight: "medium" }, "This directory is empty.")));
     }
     render() {
-        return (h(Host, { key: 'e7c447dcde7b5e83364b5f2bb1e4ce56b664ce4a' }, h("swirl-app-layout", { key: '51659c602df6dd1b4bca57a6463be8a1443141e4', appName: "Documents", backToNavigationViewButtonLabel: "Back to documents list", ctaIcon: "<swirl-icon-add></swirl-icon-add>", ctaLabel: "Upload file", navigationLabel: "Documents", onNavigationBackButtonClick: this.resetSelectedDirectory, ref: (el) => (this.layout = el), sidebarCloseButtonLabel: "Close file info", sidebarHeading: "File info", showNavigationBackButton: Boolean(this.selectedDirectory), transitionStyle: "dialog" }, h("swirl-resource-list", { key: 'fa03ad6a9c0fe2ceefd07ab0b85385de1a110266', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: 'f34dd21259771c2e19bb7861f7a16d3bcb17d6ae', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: 'b271cfe84c653eea96f2de41bf512a9795ceac2a', label: "Sort items" })), h("swirl-stack", { key: '51aa35e3b7a7ce71680d572792d167621b38ceb2', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: '3954da4255b54e241a1587ebd9a8c446091ca671' }, h("swirl-heading", { key: '321cdec474405b1c3c6e0e3e0f234a8c8dbbdd00', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: '2186ca0e5fc52d8c9df2595450f4d6fce3aeb7f3', color: "subdued", truncate: true }, this.selectedFile?.description))), Boolean(this.selectedFile) ? (h("swirl-file-viewer", { file: this.selectedFile.url, slot: "content", type: this.selectedFile.type })) : (h("swirl-box", { cover: true, centerBlock: true, centerInline: true, padding: "16", slot: "content" }, h("swirl-empty-state", { heading: "Nothing to see here.", illustration: "/images/empty-state-1.svg" }, "Please select a file from the list."))), h("div", { key: '01e00b61f51fd760b72a1a51747d1a217d4a6ac0', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: '46717af8a604adb5b6cc828e6ec35ec3b861004e', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: 'ff0981373d63a977d8224b7e77594b9bd258ea24', padding: "16", slot: "sidebar" }, h("swirl-text", { key: 'a89deb8d3f244b22a97b2340f50b3330f6b041e6', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: '51a7ce5d59c9625f017b7df56254eb63910108f2', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: '445f492b2cc0ff502ea2b826d9a96eddb47f375e', value: ["ascending"] }, h("swirl-option-list-item", { key: 'ec810264c2b253a2587a7ee1658b4ad95a5af142', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: 'b279e92c665ff6408fec9a4d641d7ff1042e6660', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: 'c8760ddfaaf97bb9dd7f6866f983271564e5ee13', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
+        return (h(Host, { key: 'd3c7447f0f498ed7d93b03f7aa7ad14d47105bb4' }, h("swirl-app-layout", { key: 'fed258b3fddaa254c5ebb16d9decd09211ba46e2', appName: "Documents", backToNavigationViewButtonLabel: "Back to documents list", ctaIcon: "<swirl-icon-add></swirl-icon-add>", ctaLabel: "Upload file", navigationLabel: "Documents", onNavigationBackButtonClick: this.resetSelectedDirectory, ref: (el) => (this.layout = el), sidebarCloseButtonLabel: "Close file info", sidebarHeading: "File info", showNavigationBackButton: Boolean(this.selectedDirectory), transitionStyle: "dialog" }, h("swirl-resource-list", { key: '685d58ad37cc5d3eb19d133c4e5d6e8a51e6af83', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: 'dda0f1bb5cf2b617dc12804e2b2b71e0db628f1e', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: '3c864ed76ed82b711d5f766a7ee408ab1f859e25', label: "Sort items" })), h("swirl-stack", { key: '2a0118ce488ca5246a6b770f17e6892478bd6edb', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: '6bac2eb3f290af6df396aed34850e19d6ab56901' }, h("swirl-heading", { key: '94cd681aeaab0b917a5fcb7f909ecb74a7c3b053', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: '4af41f621851df757bc45230755c03286e74a8ee', color: "subdued", truncate: true }, this.selectedFile?.description))), Boolean(this.selectedFile) ? (h("swirl-file-viewer", { file: this.selectedFile.url, slot: "content", type: this.selectedFile.type })) : (h("swirl-box", { cover: true, centerBlock: true, centerInline: true, padding: "16", slot: "content" }, h("swirl-empty-state", { heading: "Nothing to see here.", illustration: "/images/empty-state-1.svg" }, "Please select a file from the list."))), h("div", { key: '1de67a750f4f71a57d563c7ba159b49dedf0c2da', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: 'cdbe66b7bd543bad6b8cf1dcd0f58437d4b54f08', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: '4b6b8d435d2d3de4891b2b58fda37037275e8336', padding: "16", slot: "sidebar" }, h("swirl-text", { key: '6d0a486370330bccffb3c1c962f517485a4d0f78', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: '5eac6ec4bef940f06476c9f47ded73e9d9b7f0b0', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: '7cd817a43af2d87001ea0516639764c85c263bbb', value: ["ascending"] }, h("swirl-option-list-item", { key: '371d87ccdecdb43312dd224c2a31f41b36493ab0', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: 'a2de79d5fa51eb578d9f8f4e173f572c6da29140', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: 'c571a0affcd0ebc0b518c81c44d3a85e6db1bcf4', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
     }
 }, [1, "file-manager", {
         "selectedDirectory": [32],

package/dist/components/index.js CHANGED Viewed

@@ -66,6 +66,7 @@ import { SwirlIconArrowRightSmall } from './swirl-icon-arrow-right-small.js';
 import { SwirlIconArrowUpward } from './swirl-icon-arrow-upward.js';
 import { SwirlIconAspectRatio } from './swirl-icon-aspect-ratio.js';
 import { SwirlIconAttachment } from './swirl-icon-attachment.js';
+import { SwirlIconAudioFile } from './swirl-icon-audio-file.js';
 import { SwirlIconBarChart } from './swirl-icon-bar-chart.js';
 import { SwirlIconBeachAccess } from './swirl-icon-beach-access.js';
 import { SwirlIconBeachAccessFilled } from './swirl-icon-beach-access-filled.js';
@@ -194,6 +195,7 @@ import { SwirlIconPerson } from './swirl-icon-person.js';
 import { SwirlIconPersonOff } from './swirl-icon-person-off.js';
 import { SwirlIconPhone } from './swirl-icon-phone.js';
 import { SwirlIconPhotoCamera } from './swirl-icon-photo-camera.js';
+import { SwirlIconPictureAsPdf } from './swirl-icon-picture-as-pdf.js';
 import { SwirlIconPictureInPicture } from './swirl-icon-picture-in-picture.js';
 import { SwirlIconPin } from './swirl-icon-pin.js';
 import { SwirlIconPinOff } from './swirl-icon-pin-off.js';
@@ -202,6 +204,7 @@ import { SwirlIconPlayArrow } from './swirl-icon-play-arrow.js';
 import { SwirlIconPoll } from './swirl-icon-poll.js';
 import { SwirlIconPostApproval } from './swirl-icon-post-approval.js';
 import { SwirlIconPresent } from './swirl-icon-present.js';
+import { SwirlIconPreview } from './swirl-icon-preview.js';
 import { SwirlIconPrint } from './swirl-icon-print.js';
 import { SwirlIconPublic } from './swirl-icon-public.js';
 import { SwirlIconPublicOff } from './swirl-icon-public-off.js';
@@ -460,6 +463,7 @@ const defineCustomElements = (opts) => {
             SwirlIconArrowUpward,
             SwirlIconAspectRatio,
             SwirlIconAttachment,
+            SwirlIconAudioFile,
             SwirlIconBarChart,
             SwirlIconBeachAccess,
             SwirlIconBeachAccessFilled,
@@ -588,6 +592,7 @@ const defineCustomElements = (opts) => {
             SwirlIconPersonOff,
             SwirlIconPhone,
             SwirlIconPhotoCamera,
+            SwirlIconPictureAsPdf,
             SwirlIconPictureInPicture,
             SwirlIconPin,
             SwirlIconPinOff,
@@ -596,6 +601,7 @@ const defineCustomElements = (opts) => {
             SwirlIconPoll,
             SwirlIconPostApproval,
             SwirlIconPresent,
+            SwirlIconPreview,
             SwirlIconPrint,
             SwirlIconPublic,
             SwirlIconPublicOff,

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

@@ -68,7 +68,7 @@ const SwirlAccordionItem$1 = /*@__PURE__*/ proxyCustomElement(class SwirlAccordi
         const className = classNames("accordion-item", {
             "accordion-item--expanded": this.expanded,
         });
-        return (h(Host, { key: 'b83f9e2000c556d79ab910e992366d83c5829846' }, h("div", { key: 'd16691dc92dfd9e581c4d4b10e0846eadce5236b', class: className }, h(HeadingTag, { key: 'c3f9cff3e21f6012863291626cfc6c8fb3cdde72', class: "accordion-item__heading" }, h("button", { key: '38aa7c2ae8e499f0b32d5cb996aa5610b1ddaf6b', "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: '05a45b6c2c14bc7d13890753ef08ec9f09c2a910', class: "accordion-item__toggle-text" }, this.heading, this.description && (h("swirl-text", { key: '67155d6bd60b8ec1481c45aa0922107ec8a2abb5', as: "span", color: "subdued", size: "sm" }, this.description))), h("span", { key: '93ad926798a5c593aa00a09b356294be2158a0c9', class: "accordion-item__icon" }, !this.expanded && (h("swirl-icon", { key: '74f9c08addd3eda4b45ad75fa930fa3a3eab5877', glyph: "chevron-right", size: 20 })), this.expanded && (h("swirl-icon", { key: 'c3d2edd14173d20bb4a773716867397ea71c3393', glyph: "expand-more", size: 20 }))))), h("div", { key: '471c481565b4d40ee8164a1cde7c29bb20f9c0c8', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, h("slot", { key: 'c112664c3e25ce7e6e5270b6a3d6b3b3c0add285' })))));
+        return (h(Host, { key: '5abd39c9ca02720e57c37beeb7b72db0c2dd123c' }, h("div", { key: '95dd1b52fdaff21051074b3127ada00367f7e543', class: className }, h(HeadingTag, { key: '9ffb3a12040d452c5b0ee6aea4921fc67f93cd26', class: "accordion-item__heading" }, h("button", { key: '22a0dd49ebc344eeb89c95a9ace011524624f9d8', "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: '3c9eed167c7be689878c58d8d40c07a90a23211b', class: "accordion-item__toggle-text" }, this.heading, this.description && (h("swirl-text", { key: '6b584e7f6bb7006fa5f54bfff12522f70d2a6b26', as: "span", color: "subdued", size: "sm" }, this.description))), h("span", { key: 'de1967d18f5451dae04c4f957d30e5cb1e1b2851', class: "accordion-item__icon" }, !this.expanded && (h("swirl-icon", { key: '1dfb914a637071b9b3536d36895b964b41befa6b', glyph: "chevron-right", size: 20 })), this.expanded && (h("swirl-icon", { key: '8e6d7baa97dc9268a9a6f00b2cd8afccc7c6bcd2', glyph: "expand-more", size: 20 }))))), h("div", { key: 'f6de862bd5104a5c27b1d6838633fd5bfdb2efba', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, h("slot", { key: '92161c918c43af090e33ca260939ec915c2a95cd' })))));
     }
     get el() { return this; }
     static get style() { return SwirlAccordionItemStyle0; }

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

@@ -46,7 +46,7 @@ const SwirlAccordion$1 = /*@__PURE__*/ proxyCustomElement(class SwirlAccordion e
         });
     }
     render() {
-        return (h(Host, { key: 'e30443cfc009758000a3b0b2268961fa9eafb75e' }, h("slot", { key: '476ece68fa8e42d711d80e111627c4eb0edebe54' })));
+        return (h(Host, { key: '1bc7c9ab063fecb394f94ab345097cdddaaafa03' }, h("slot", { key: '5feaf01d57896600feb8a9eee3a8301d0f601dc3' })));
     }
     get el() { return this; }
     static get style() { return SwirlAccordionStyle0; }

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

@@ -16,7 +16,7 @@ const SwirlActionListSection$1 = /*@__PURE__*/ proxyCustomElement(class SwirlAct
         this.hasSeparator = false;
     }
     render() {
-        return (h(Host, { key: '4746cade99a59ab4b7d6c7d276d5bbdf2731d3ee' }, this.hasSeparator && (h("swirl-separator", { key: '2ca2301f66f43341f75a7590444fc022cdaa8bf3', spacing: this.separatorSpacing })), h("div", { key: '051cf57c2418d995fc180c32d3ba9aa7942c275e', "aria-labelledby": "label", class: "action-list-section", role: "group" }, h("span", { key: 'c64001e8c358938a084183d581f7dd19ea151efc', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), h("swirl-stack", { key: '876ec9775a660ca7bdbbebad118a5dd0fb22b781', spacing: this.spacing, align: "stretch" }, h("slot", { key: '71e0d94758c25cafda3946faf1db029aa75ffc65' })))));
+        return (h(Host, { key: 'c637f1e8b7eb6d478a41728773886383e14f9002' }, this.hasSeparator && (h("swirl-separator", { key: '66912702c619c458441babb2c34e245248b7e37d', spacing: this.separatorSpacing })), h("div", { key: 'd0b4679175ec4a52effd68390065130803e36807', "aria-labelledby": "label", class: "action-list-section", role: "group" }, h("span", { key: 'af591455c341f581f9ba2e8287fdc5c920a2bb8d', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), h("swirl-stack", { key: '2dc7f8aa2bbc422898c0faa49767b1d0f5d57a03', spacing: this.spacing, align: "stretch" }, h("slot", { key: '344c6117b8ae81602d677f22a374fddda4becbc4' })))));
     }
     static get style() { return SwirlActionListSectionStyle0; }
 }, [1, "swirl-action-list-section", {

package/dist/components/swirl-action-list2.js CHANGED Viewed

@@ -94,7 +94,7 @@ const SwirlActionList = /*@__PURE__*/ proxyCustomElement(class SwirlActionList e
         });
     }
     render() {
-        return (h(Host, { key: 'fa74a3d427f124826faea04ba6acdfa7667752f1' }, h("div", { key: '5a9b9155af66b777ec716646b16527a676e26044', "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: 'c1068047e5ccaf8184dc7773e331bcc1ada6a530', onSlotchange: this.setSectionSeparator }))));
+        return (h(Host, { key: 'dcbfbe5e2d3e3c3ae4119d71067da9898c39f52a' }, h("div", { key: 'd85810e0e08962a69ccd29e6993443100d84abcc', "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: '74d09eb289ca2822a76d470b3962991428f16011', onSlotchange: this.setSectionSeparator }))));
     }
     get el() { return this; }
     static get style() { return SwirlActionListStyle0; }

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

@@ -40,7 +40,7 @@ const SwirlAppIcon$1 = /*@__PURE__*/ proxyCustomElement(class SwirlAppIcon exten
         const className = classNames("app-icon", {
             "app-icon--has-icon": showIcon || showFallbackIcon,
         });
-        return (h(Host, { key: '90f9007428de57708504bf15c29b30909f7d6b42' }, h("span", { key: '7119b43222a0a224268ffb6ef5debc804f7bb3d9', class: className }, showImage && (h("img", { key: '1b8421ed21164b5c921733903a5cc4f3102d0c0e', alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" })), showIcon && (h("span", { key: '41c6eddecff32a689d81feb4d3ba9df4ff420b0b', class: "app-icon__icon", innerHTML: this.icon })))));
+        return (h(Host, { key: '687598f6730d46ae81728932bc626cb9f7dab002' }, h("span", { key: 'c84b9d81819b4ee664fe3b1ef6b833e84ac96dbe', class: className }, showImage && (h("img", { key: '3cebf8dfa8585d8b3d9df4db73650e88c3a24e93', alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" })), showIcon && (h("span", { key: '8f1cda723ec8cb528b7a8a4da29434463d44766e', class: "app-icon__icon", innerHTML: this.icon })))));
     }
     static get style() { return SwirlAppIconStyle0; }
 }, [1, "swirl-app-icon", {

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

@@ -223,17 +223,17 @@ const SwirlAutocomplete$1 = /*@__PURE__*/ proxyCustomElement(class SwirlAutocomp
         const className = classNames("autocomplete", {
             "autocomplete--inactive": !this.active,
         });
-        return (h(Host, { key: '58eeefcb57a5715a133f49b6cc147862402fda63' }, h("div", { key: '7dc51102fd166c185a5f6927b13e001eba0399d8', class: className, onKeyDown: this.onKeyDown }, this.multiSelect &&
+        return (h(Host, { key: '36f37cea5fdd7151673aa5c8ad30f652a1769609' }, h("div", { key: 'f1457ce0ea13ea7a769cd1de3eb3bf4cf2b9549b', class: className, onKeyDown: this.onKeyDown }, this.multiSelect &&
             Array.isArray(this.value) &&
-            this.value.length > 0 && (h("div", { key: 'cdf129384b1551bf4a5dab9a95fb2a62c4f2538d', class: "autocomplete__multi-select-tags" }, h("swirl-stack", { key: '4cf38354d4c4a5cea92f37bfaa6a6f9adc81834f', orientation: "horizontal", spacing: "8", wrap: true }, this.value.map((item) => {
+            this.value.length > 0 && (h("div", { key: '7b5b831a06dd7270386f857d198178a92e118580', class: "autocomplete__multi-select-tags" }, h("swirl-stack", { key: 'c5bf0b5bf1252f9bd8368917a27d9927e3b2c7c0', 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: '615bcb83a20ddf04af8e452a6f0c5bbccc957c0a', 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: 'a7b788178aa3d66047833cd8b349d3c402901b7f', class: "autocomplete__listbox-container", onFocusout: this.onFocusOut, ref: (el) => (this.listboxContainerEl = el), style: {
+        })))), h("swirl-text-input", { key: 'f41ec2b57444ff45d75e039dad609d7b2ebf6d17', 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: 'a940d9511351d965da89de983885eb0d8819f977', 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: 'd4c81fd79ce26e5929ab0cf9f271d855c96c0b41', class: "autocomplete__spinner" }, h("swirl-spinner", { key: '3931c2a99a601c738dbb33112a70a62183e1a455' }))), this.suggestions.length > 0 && (h("swirl-option-list", { key: 'acf7cfc83b7ed1f3900196e35b8b3e7e533fc029', 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: 'bdcc2ec3441fa97915ac8d1ed4348a0c59101708', class: "autocomplete__spinner" }, h("swirl-spinner", { key: '08a8eeb925fcc515f76ae0d7edae2c5fc01f409f' }))), this.suggestions.length > 0 && (h("swirl-option-list", { key: '79b71e2f6aaabef56558d95229dc24ee26cb4056', 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/components/swirl-avatar-group.js CHANGED Viewed

@@ -29,7 +29,7 @@ const SwirlAvatarGroup$1 = /*@__PURE__*/ proxyCustomElement(class SwirlAvatarGro
             "avatar-group--has-badge": Boolean(this.badge),
         });
         const badgeClassName = classNames("avatar-group__badge");
-        return (h(Host, { key: '76e85ac1f2499bddae35aea6e1ce1281294a707a' }, h("div", { key: 'a2763cdee26628d8b3926af85302cc0d74a1ee60', class: className, role: "group" }, h("slot", { key: '1e15e3f8e2b36912a3f4e834e6f24a8e4bc0bc09' }), this.badge && (h("span", { key: 'd6c7e9e98de8e5191f17dccfe7e662c05314dc85', class: badgeClassName, innerHTML: this.badge, ref: (el) => (this.badgeEl = el) })))));
+        return (h(Host, { key: '07eb2c5f8ba50e042e64de92826fc16f8b939047' }, h("div", { key: 'eb4a5992625dd8a8d8f98d04c14868b3456fbb9a', class: className, role: "group" }, h("slot", { key: 'fd0f28ae05bf30f5ac973163c7aefd62c66e2837' }), this.badge && (h("span", { key: '955b59bb5425971a699380a933dea336873525c2', class: badgeClassName, innerHTML: this.badge, ref: (el) => (this.badgeEl = el) })))));
     }
     static get style() { return SwirlAvatarGroupStyle0; }
 }, [1, "swirl-avatar-group", {

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

@@ -127,7 +127,7 @@ const SwirlAvatar$1 = /*@__PURE__*/ proxyCustomElement(class SwirlAvatar extends
         });
         const badgeClassName = classNames("avatar__badge", `avatar__badge--position-${this.badgePosition}`);
         const toolClassName = classNames("avatar__tool", `avatar__tool--position-${this.toolPosition}`);
-        return (h(Host, { key: '3c36f09dcdb6b1f6f56e3dbfb7a673e77b3ef6f9', "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: '21057a05d374a8803a8c28b9a5ff133146a5806f', class: className, part: "avatar" }, showImage && (h("span", { key: '99c45973ba401b828bb140a5d61bfd9929340033', class: "avatar__image" }, h("img", { key: '95ad28f353923ceb60205f36086784c733ef461b', alt: "", height: swirlAvatarSizeMappings[this.size], loading: this.loading !== "intersecting" ? this.loading : undefined, ref: this.onImageElementUpdate, src: this.src, width: swirlAvatarSizeMappings[this.size] }))), showInitials && (h("span", { key: '66de0845df06e63d53d6dc86223aff7da3a46bb7', class: "avatar__initials" }, h("span", { key: '28ca37f08266223e3ecfa461eb4c100a4b3adc41' }, this.initials))), showIcon && h("span", { key: '404230c35d5a1272ef94ae82a56391832904183f', class: "avatar__icon", innerHTML: this.icon }), showFallbackIcon && (h("span", { key: '90677bfa3d90d817357ced9087ccadf18644ff10', class: "avatar__icon" }, h("swirl-icon-person", { key: 'ddc8abcba3e8679aa16786cde144ce1fc2238460' }))), showBadge && (h("span", { key: '49a10edded6458c1eba7590e355a77e9d35e921f', class: badgeClassName, innerHTML: this.badge })), h("span", { key: '267f7ed319a57f571bf0d5d9b26877ce8ac69e9c', class: toolClassName }, h("slot", { key: '07f809b1dd6d911428daaddb626f75b7cf6ec40a', name: "tool" }))), this.showLabel && (h("span", { key: '5bfdcf03b6afedc2778009c898a3cde10c1959b3', "aria-hidden": true, class: "avatar__label" }, this.label))));
+        return (h(Host, { key: 'a6c4c3e0d9c306ff28c1a80dc52546228fca1eba', "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: '94f4224fca18e1e0a13f220f17ff16e3857d48d9', class: className, part: "avatar" }, showImage && (h("span", { key: '86584ed6e4bdd4e5eb8e74141ca9ef52a65e3657', class: "avatar__image" }, h("img", { key: '1db3a58ab870ae4832d0585b97f6a5ad04879e26', alt: "", height: swirlAvatarSizeMappings[this.size], loading: this.loading !== "intersecting" ? this.loading : undefined, ref: this.onImageElementUpdate, src: this.src, width: swirlAvatarSizeMappings[this.size] }))), showInitials && (h("span", { key: '2e98b96482f0eb8b42a60307f8c67f1f20c67a7b', class: "avatar__initials" }, h("span", { key: '889baa8fe8289cd53091d916c4e8c618a5ef55e2' }, this.initials))), showIcon && h("span", { key: '9b33d1c1064a2fd990dbc457aa40462a4409383c', class: "avatar__icon", innerHTML: this.icon }), showFallbackIcon && (h("span", { key: 'b30ec094c0b0b69239bbc248d458c7fe7c615dbd', class: "avatar__icon" }, h("swirl-icon-person", { key: '24ba56fd170f85ec0a3172d5d2340496c168e2d6' }))), showBadge && (h("span", { key: 'f80ab2dd833ef93dbaa1f4f34fcf4698577ddc70', class: badgeClassName, innerHTML: this.badge })), h("span", { key: '11ed60620a61049c67e9145019702ba961efeee8', class: toolClassName }, h("slot", { key: '0cbeaab4de7d5be5baae9144a89340f4135b76d9', name: "tool" }))), this.showLabel && (h("span", { key: 'dcb6182cc688f2a8fde5ef1701bf0e928d3a6280', "aria-hidden": true, class: "avatar__label" }, this.label))));
     }
     get element() { return this; }
     static get watchers() { return {

package/dist/components/swirl-badge2.js CHANGED Viewed

@@ -20,7 +20,7 @@ const SwirlBadge = /*@__PURE__*/ proxyCustomElement(class SwirlBadge extends HTM
         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: 'c938981e31370bb4416c224c132ac00fe4b60f45', role: "status" }, h("span", { key: '16cdacb8ab5e87a5258899f963640ab788e4a4e3', class: className, part: "badge" }, this.icon && h("span", { key: '69281f42c7ce44c57619886b2796b6bcd01f5267', 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: 'd5da40b81526b3b205e8250b20efb829ecf2a3d5', role: "status" }, h("span", { key: '450074bef0b5751fa7608c159c7fc0cd10952358', class: className, part: "badge" }, this.icon && h("span", { key: 'e9f0f37242ad3e2bd513915311632fae41256d49', 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 style() { return SwirlBadgeStyle0; }
 }, [1, "swirl-badge", {

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

@@ -63,7 +63,7 @@ const SwirlBanner$1 = /*@__PURE__*/ proxyCustomElement(class SwirlBanner extends
         const className = classNames("banner", `banner--intent-${this.intent}`, `banner--size-${this.size}`, {
             "banner--has-icon": showIcon,
         });
-        return (h(Host, { key: 'be4bdebb17f5f9611c21c9eded65510ce2cf8427' }, h("div", { key: '2153f4b7cc6565e5a525f1131ce48b74ee2ebc7a', "aria-describedby": "content", class: className, role: this.importance, tabIndex: 0 }, h("div", { key: '010865c0f43d00bfff18d7c510f48b191bb5b025', class: "banner__content", id: "content", part: "banner__content" }, showIcon && (h("span", { key: 'e33800d612c9bf594e3db60acf599357b0851383', "aria-hidden": "true", class: "banner__icon", innerHTML: icon, ref: (el) => (this.iconEl = el) })), h("span", { key: '03e082a2db918623b06b1487fd2bdfc6f270e08e', class: "banner__text" }, this.content)), showControls && (h("div", { key: 'a2041ef90d239380260e150581b7b06ed5dbc4b2', class: "banner__controls" }, this.actionLabel && (h("button", { key: 'c8a469c6d1ac12a9ba66fc1b3a4fdf252aeb8c52', class: "banner__action-button", onClick: this.onAction, part: "banner__action-button", type: "button" }, this.actionLabel)), this.dismissable && (h("button", { key: 'a49e1ac3a5188b0344794fd93f7d5d56f3a520d1', "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: '95f2d21a48eeb6c5cc845d1dc674502ed89a0467' }))))))));
+        return (h(Host, { key: '99250db7c15c3766f334835f30ffd56f0324a376' }, h("div", { key: 'd375cfcf81f60a07d9c2fea7723ba39485a53606', "aria-describedby": "content", class: className, role: this.importance, tabIndex: 0 }, h("div", { key: '19d3d110506ed8937b427bc33345b33a07ba9947', class: "banner__content", id: "content", part: "banner__content" }, showIcon && (h("span", { key: 'b5e388649193c97484dc10454e42996eaf4ac8e5', "aria-hidden": "true", class: "banner__icon", innerHTML: icon, ref: (el) => (this.iconEl = el) })), h("span", { key: '0a4471d71e533825f9f4956342a0e0e0e551db60', class: "banner__text" }, this.content)), showControls && (h("div", { key: '0065a44d9a2cc0eebd09c69a410c8eaa13a43c6c', class: "banner__controls" }, this.actionLabel && (h("button", { key: '9ddd441512126904853025979a7128ec1a8de0be', class: "banner__action-button", onClick: this.onAction, part: "banner__action-button", type: "button" }, this.actionLabel)), this.dismissable && (h("button", { key: '7bcafc0d0a32b34c00e012bad3dcfcbb01254cab', "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: '3d21dac0ac18b5f99c9426233d46664dda149f72' }))))))));
     }
     get element() { return this; }
     static get style() { return SwirlBannerStyle0; }

package/dist/components/swirl-box2.js CHANGED Viewed

@@ -121,7 +121,7 @@ const SwirlBox = /*@__PURE__*/ proxyCustomElement(class SwirlBox extends HTMLEle
             "box--scrolled-to-top": this.scrollState.scrolledToTop,
             "box--scrolled-to-bottom": this.scrollState.scrolledToBottom,
         });
-        return (h(Host, { key: '3fe66bb155b98d59e332ccc874be031a02f75ca4', class: className, onScroll: this.onScroll, style: styles }, h("slot", { key: '48f27e0dd192e68a9605d97e3a685a2c89ec5cb0' })));
+        return (h(Host, { key: '9eb887b775004a6c938285b4713f7d42a76d63c4', class: className, onScroll: this.onScroll, style: styles }, h("slot", { key: '801d75966176bee2182fa524131d230e2ec273f5' })));
     }
     get el() { return this; }
     static get style() { return SwirlBoxStyle0; }

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

@@ -21,11 +21,11 @@ const SwirlButtonGroup = /*@__PURE__*/ proxyCustomElement(class SwirlButtonGroup
         const className = classNames("button-group", {
             "button-group--segmented": this.segmented,
         });
-        return (h(Host, { key: '3ba97e21adc41e84cc00510846c4afa0908a0346' }, h("swirl-stack", { key: '68274c5d09b125086e29a2c47351f66d1f2b6bc4', align: this.orientation === "vertical" && this.stretch
+        return (h(Host, { key: '62fdc66541bdbcc2d9ae974ff53feff7d4699651' }, h("swirl-stack", { key: '7227deb457a14162fe12dfae41c19a013b388253', 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: '8116255c942708969132eab81ef8ecaeb2a29ff7' }))));
+                : "start", orientation: this.orientation, role: "group", spacing: spacing, wrap: this.wrap }, h("slot", { key: 'fdb01addb654c8f56dacf6a1ad2bb661a452ed0c' }))));
     }
     static get style() { return SwirlButtonGroupStyle0; }
 }, [1, "swirl-button-group", {

package/dist/components/swirl-button2.js CHANGED Viewed

@@ -99,9 +99,9 @@ const SwirlButton = /*@__PURE__*/ proxyCustomElement(class SwirlButton extends H
             "button--pressed": this.pressed,
         });
         const Tag = isLink ? "a" : "button";
-        return (h(Host, { key: 'ec50c354c4a6047647366a6f628c6a77cd8c35e4', style: { pointerEvents: this.disabled ? "none" : "" } }, h(Tag, { key: 'b6b6e9d6e4720258779a90c2f07c4c034d7addb9', "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: 'd6d3ce3dc37e1baae931a9889310d2b95d1e2a1c', style: { pointerEvents: this.disabled ? "none" : "" } }, h(Tag, { key: 'ddf5437dfcd007cd797e8c02b1755faaca0af7cb', "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: 'd3d978cff96c7d1fcab00e7fae34b11cbb5c1ffd', class: "button__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), !Boolean(this.icon) && (h("span", { key: 'b233c5fc5ca4f89a90f7f7cdd7a8e8c34d1d4e64', class: "button__icon", ref: (el) => (this.iconEl = el) }, h("slot", { key: 'b5af0649f15c349eeacde2bbe6730ded1d7c6719', name: "icon" }))), !hideLabel && h("span", { key: '6652f55e0d2cce9dc6897d7eb26db48493b70b8c', class: "button__label" }, this.label), hasTag && (h("span", { key: '82ea4f82b99e3966081feeb88aada27dd90fef4c', class: "button__tag" }, h("slot", { key: 'a0e3276c4f51787f5970852cc4620056ea6bb539', name: "tag" }))))));
+                : {} }, Boolean(this.icon) && (h("span", { key: 'db012c0296c21362c90ba800a16f96292b745717', class: "button__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), !Boolean(this.icon) && (h("span", { key: 'f62b2479f0a236cc3bd49e636436c9b8ac86d59f', class: "button__icon", ref: (el) => (this.iconEl = el) }, h("slot", { key: 'c0e02250891e12f1f61fe6838da9d398f1d51119', name: "icon" }))), !hideLabel && h("span", { key: '6d08f04545e0227873c57731bfe5c62726a28ee2', class: "button__label" }, this.label), hasTag && (h("span", { key: 'dba345465a93e5bba27c72878db5830316ddb84b', class: "button__tag" }, h("slot", { key: '267c787320f98ffc06a1393660c0a6dd4bc75c74', name: "tag" }))))));
     }
     get el() { return this; }
     static get style() { return SwirlButtonStyle0; }

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

@@ -91,9 +91,9 @@ const SwirlCard$1 = /*@__PURE__*/ proxyCustomElement(class SwirlCard extends HTM
             "card--interactive": this.interactive || this.href,
             "card--is--borderless": this.isBorderless,
         });
-        return (h(Host, { key: '8960d67072f02f102f00b69b0967dae41ea7d5ab', styles: { height: this.height } }, h(Tag, { key: 'f2dff01ee8d98b008a190f2176f9899cc2889e91', "aria-label": this.swirlAriaLabel, "aria-labelledby": this.swirlAriaLabelledby, class: className, href: this.href, rel: Boolean(this.href) && this.linkTarget === "_blank"
+        return (h(Host, { key: '478f476dd1540d6717515b98275f8b844869fd7c', styles: { height: this.height } }, h(Tag, { key: '8e92bef0024a98a95b4ee57b14fc8f6774646279', "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: 'd151fb7e77abc0b37185600cf2ba35ed15e35444', class: "card__image", style: { aspectRatio: this.imageAspectRatio } }, h("slot", { key: 'b67664c6c62d9d7eae24f1b8391b9e647d833efb', name: "image" })), h("div", { key: '64eb79d9e82e3b05511c1ab484c948add6742055', class: "card__floating-controls" }, h("slot", { key: '7888a5a6f28f883fa9b704230c728a89f055e12d', name: "floating-controls" })), h("div", { key: '309ddc2116d9638419800863b42edc1f7cc1a831', class: "card__body", style: bodyStyles }, h("div", { key: '134cc12bafee8ff048b081e765804a2240da5d0c', class: "card__content" }, h("slot", { key: '47af946472d86c3afc9672ded29b858551a76757', name: "content" }))))));
+                : undefined, style: styles, target: this.linkTarget }, h("div", { key: '31c2805728761dfcb0c52a40ca35dde8db717395', class: "card__image", style: { aspectRatio: this.imageAspectRatio } }, h("slot", { key: 'acad13c8d0ae94025b38efdceb3f57c08c46e1ea', name: "image" })), h("div", { key: 'acb6863ba75f792b6b63d345d21a5501d2606ae9', class: "card__floating-controls" }, h("slot", { key: '4ea72ed42dfb59b4e2d6a756084a51731811ac8f', name: "floating-controls" })), h("div", { key: '58ec0bd8db851413e5f00bc7f68fe0c7c180ebdc', class: "card__body", style: bodyStyles }, h("div", { key: '8cca2590d51f405927f0632abe25e63e681e7175', class: "card__content" }, h("slot", { key: '012022e6119ae081a3fac9edade9c8f8789635ad', name: "content" }))))));
     }
     get el() { return this; }
     static get style() { return SwirlCardStyle0; }

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

@@ -18,11 +18,11 @@ const SwirlCarouselSlide$1 = /*@__PURE__*/ proxyCustomElement(class SwirlCarouse
         const className = classNames("carousel-slide", {
             "carousel-slide--has-min-height": Boolean(this.minHeight),
         });
-        return (h(Host, { key: 'e75b302d0c27d9571444d6019cc2295ab86413f1', "aria-roledescription": "slide", "aria-label": this.label, class: className, role: "group", style: {
+        return (h(Host, { key: '9bc4985739dc192b039b2dea6524e1d561b89c80', "aria-roledescription": "slide", "aria-label": this.label, class: className, role: "group", style: {
                 aspectRatio: this.aspectRatio,
                 flexBasis: this.width,
                 minHeight: this.minHeight,
-            }, tabIndex: 0 }, h("slot", { key: '63794dea8f1ab9790b135a39eb9f84e004e4e349' })));
+            }, tabIndex: 0 }, h("slot", { key: '42d69c816388c933e8e7529e5eed0a7e8a65ffd9' })));
     }
     static get style() { return SwirlCarouselSlideStyle0; }
 }, [1, "swirl-carousel-slide", {

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

@@ -168,7 +168,7 @@ const SwirlCarousel$1 = /*@__PURE__*/ proxyCustomElement(class SwirlCarousel ext
             "carousel--is-at-start": this.isAtStart,
             "carousel--is-at-end": this.isAtEnd,
         });
-        return (h(Host, { key: '1e26fcf73b92609c88ed3f702fe53e750e26f6da', "aria-label": this.label, "aria-roledescription": "carousel", role: "group" }, h("div", { key: '02e7684b10d536d75a1590dfa162315307b01118', class: className }, this.isScrollable && !this.isAtStart && (h("swirl-button", { key: '0becf4dd5a8184cc3e25738bca97c266cee87a4d', 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: '08fe60febb3c9cc4c0c5747126277586d7f24e6e', 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: 'b421a6ef4b4c1870aefbb0e54d785811cfa701d9', "aria-live": "polite", class: "carousel__slides", style: slidesStyles, onScroll: this.onScroll, ref: (el) => (this.slidesContainer = el) }, h("slot", { key: 'e46a799bf218fd0ceeb4baa718c9d975e82f377a', onSlotchange: this.onSlotChange })))));
+        return (h(Host, { key: '455ff284d8c95ca37ebbfaa3efeccfa0a4eced53', "aria-label": this.label, "aria-roledescription": "carousel", role: "group" }, h("div", { key: '576af4479a93ed30ac2ca67b4d32f3559f075125', class: className }, this.isScrollable && !this.isAtStart && (h("swirl-button", { key: 'e32e058989e1d95e36d97b58b8da8deebd9a8468', 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: '8544229fe77186f043315fbc50e463ebc84197bf', 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: 'ccccbc484f6ae31f2bf63782005bc994b42d325a', "aria-live": "polite", class: "carousel__slides", style: slidesStyles, onScroll: this.onScroll, ref: (el) => (this.slidesContainer = el) }, h("slot", { key: 'bbff9ce6b8c0e05002cf85d3955fb72acb309a87', onSlotchange: this.onSlotChange })))));
     }
     get el() { return this; }
     static get style() { return SwirlCarouselStyle0; }

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

@@ -54,7 +54,7 @@ const SwirlCheckbox$1 = /*@__PURE__*/ proxyCustomElement(class SwirlCheckbox ext
             "checkbox--invalid": this.invalid,
             "checkbox--unchecked": unchecked,
         });
-        return (h(Host, { key: 'cf3e5aa42775aac75e4f08499cf762cb35687864', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: '098d2d0509e46a530c5cb5a034d1512fb82a20eb', class: className, htmlFor: this.inputId }, h("span", { key: '6d6dbf85fc99f5b16e23b9b3884ccd3cf1e95baa', class: "checkbox__control" }, h("swirl-visually-hidden", { key: '6bfe18790ed2a36783eb27f5df531cf702440b8b' }, h("input", { key: 'd25db1141a3603555a2c8ce4636d0c31f11404cc', "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: '5a7ee20a4c27974aa85cab4c6fc4df6fe3e047f5', "aria-hidden": "true", class: "checkbox__box" }, h("span", { key: '2b90e1b1c1af1b5abbcc2da9cd92a6f8771da9b5', class: "checkbox__icon" }, checked && h("swirl-icon-check-strong", { key: '69f89ef7f9af74d6478cdcd1f45f0dc0e40779b9' }), indeterminate && (h("span", { key: 'abb3beb0868e23cca2dfd7b766ccb3e982453096', class: "checkbox__indeterminate-icon" }))))), showLabelContainer && (h("span", { key: '63519992e86d671a9b877d6b4efc5774faee8086', class: "checkbox__label-container" }, this.label && h("span", { key: 'c82b989c165ecf22b03c9ed046d52532bfed30e7', class: "checkbox__label" }, this.label), this.description && (h("span", { key: '7359cd851c8c410fc4ee8762922a21adaa6058f0', class: "checkbox__description" }, this.description)))))));
+        return (h(Host, { key: '678ea990bd9fe0d3db3c48372a7a34d48dff2d00', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: '7034996fb426722179792d3a0c47804d137d530e', class: className, htmlFor: this.inputId }, h("span", { key: 'ca8596a7dd921f8ef3a7e60ed0d7c164eb94d4bc', class: "checkbox__control" }, h("swirl-visually-hidden", { key: '3ec6ced18278385e8e5fe4c84938cdd80397782f' }, h("input", { key: '83ceed4941de2152204ba4cc7ab207a4523ffef3', "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: '254e1a71e83e67415e571b9ae63076954e8a4f66', "aria-hidden": "true", class: "checkbox__box" }, h("span", { key: 'ec1004329eb2c8f074e7bb79deeb44b33e129841', class: "checkbox__icon" }, checked && h("swirl-icon-check-strong", { key: 'c0bc328e436dfac5309f5bc1410492edbf5396ed' }), indeterminate && (h("span", { key: '04c1f9c3bcd98ccb85671dec4616e1da03100789', class: "checkbox__indeterminate-icon" }))))), showLabelContainer && (h("span", { key: '51f607d635ce44a09a936f9809e7a3d439d9a981', class: "checkbox__label-container" }, this.label && h("span", { key: 'fc52f9ab78dc555ce4cad9f2f6e31720c84059eb', class: "checkbox__label" }, this.label), this.description && (h("span", { key: 'e1e07e745fea0d5be76ae92f463c5908172c8772', class: "checkbox__description" }, this.description)))))));
     }
     static get style() { return SwirlCheckboxStyle0; }
 }, [2, "swirl-checkbox", {

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

@@ -56,7 +56,7 @@ const SwirlChip$1 = /*@__PURE__*/ proxyCustomElement(class SwirlChip extends HTM
             "chip--interactive": this.interactive || this.pressed !== undefined,
             "chip--removable": this.removable,
         });
-        return (h(Host, { key: 'f560cdad4c3f0c55b3d2ac10b19fbac5b20b5d18' }, h(Tag, { key: 'fb294108ab4910ee09840ceaf5eb350fb3eb5132', "aria-pressed": this.pressed !== undefined ? String(this.pressed) : undefined, class: className, onClick: this.chipClick.emit, type: this.interactive ? "button" : undefined }, h("span", { key: '197c45a751c28a376183f620498f9576e5b2cf21', class: "chip__inner" }, showAvatar && (h("span", { key: '4810eaa36a411443ff8ac2d68638ae2a2e42b198', class: "chip__avatar" }, h("slot", { key: '9c1cfca4b04eebd73a9145c5771eb16e9314e787', name: "avatar" }))), showIcon && (h("span", { key: '99b902e7815b01e79a8c6347585a5ef6fc6c3e14', class: "chip__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: 'b7e7de490429f25f45348e2746bcd75be8be811c', class: "chip__label" }, this.label)), this.progress !== undefined && (h("span", { key: 'ff6870b703c8c087dc3b728fb1dde0455aea9026', class: "chip__progress-indicator" }, h("swirl-progress-indicator", { key: '4813ebd472d8c60cfe7de1330133915deb42cf24', label: this.progressBarLabel, value: this.progress })))), this.removable && (h("button", { key: '160475d7e28c3446a06066915c2b62ba1ef95905', "aria-label": this.removeButtonLabel, class: "chip__remove-button", onClick: this.removeChip.emit, type: "button" }, h("swirl-icon-close", { key: 'e5c5ee4dada04ae33650ac748dce5f4b02791976', size: 20 })))));
+        return (h(Host, { key: '67ed7962107673d2b27886cbc6b22c451335ba4b' }, h(Tag, { key: 'ee65c5950ec0eb61037282966e60c47d113ecd4f', "aria-pressed": this.pressed !== undefined ? String(this.pressed) : undefined, class: className, onClick: this.chipClick.emit, type: this.interactive ? "button" : undefined }, h("span", { key: '7a2fea34626f32eb01f09424ee77e663e03a4815', class: "chip__inner" }, showAvatar && (h("span", { key: 'ceacda3a0a82ab42a0eeb9016eef8d50fed975d5', class: "chip__avatar" }, h("slot", { key: 'f16326da71143e85dd6601038f6c22eaefab8e8b', name: "avatar" }))), showIcon && (h("span", { key: '9e2b3f42b74c210d2a6a4485f7ea2e4e81b9b442', class: "chip__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: '7c51f843fabc323d4564f1af9baf978c262fec5d', class: "chip__label" }, this.label)), this.progress !== undefined && (h("span", { key: 'c1a1eb80d19f17af33532025e5130d624defba32', class: "chip__progress-indicator" }, h("swirl-progress-indicator", { key: 'aac475d0b313f0844511d6eb0b718e135013450e', label: this.progressBarLabel, value: this.progress })))), this.removable && (h("button", { key: 'f5da3e24bdc9b3c05ad2385250dea4472125765c', "aria-label": this.removeButtonLabel, class: "chip__remove-button", onClick: this.removeChip.emit, type: "button" }, h("swirl-icon-close", { key: 'ed9878871eb6aa8755ee47fe7a44d06a55e39929', size: 20 })))));
     }
     get el() { return this; }
     static get style() { return SwirlChipStyle0; }

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

@@ -458,11 +458,11 @@ const SwirlColorInput$1 = /*@__PURE__*/ proxyCustomElement(class SwirlColorInput
         const className = classNames("color-input", {
             "color-input--inline": this.inline,
         });
-        return (h(Host, { key: '84cc3e16101043574dd4d30f7903ce92b034309c' }, h("div", { key: '439383e3e3384bcd255bec502a2df0dd5be1a661', class: className }, h("input", { key: '59edc6b99c9cb8cfecbb4d672584a37edcbad943', "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: 'f5f6ae99f40c8bc2dd565fa2114cc5aeb795ecae', swirlPopover: this.pickerId }, h("button", { key: 'aef319ab0793cc4882632d73a73ca38f9484a1ec', "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
+        return (h(Host, { key: 'db984e1d6f60cd74d1b5b0b64d441e9d87e5198c' }, h("div", { key: 'b68c0b8c7c5e426959e2bcd9c6f0ecf79d8ad92b', class: className }, h("input", { key: '20a8d4adab4ce97069423829f8882c6ebff51b48', "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: '3e3b890953d2f6a86491ee68f8968b81b4c152ae', swirlPopover: this.pickerId }, h("button", { key: '0a962dde3571d8b59fcb333fe944faa545f29616', "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: '948eb8d67e9497014133f4bf757d5a5c900ff83d', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, h("swirl-box", { key: 'c6987312e10639e16573f8129fae48aa71b2d734', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, h("hex-color-picker", { key: 'f182577c4d61d00aabb8547fa02c809ee8959243', color: this.value, ref: (el) => (this.picker = el) }))))));
+            }, type: "button" })), h("swirl-popover", { key: '7549e1eeb25e478176999aba5fd22f8d1f7d9238', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, h("swirl-box", { key: '25ab3e99d518d2fb443ced81d7929d385e576dfe', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, h("hex-color-picker", { key: 'ff1ad9a924e424c438d1784f8be2b6afaf939ae4', color: this.value, ref: (el) => (this.picker = el) }))))));
     }
     static get watchers() { return {
         "value": ["watchValue"]

package/dist/components/swirl-columns.js CHANGED Viewed

@@ -12,10 +12,10 @@ const SwirlColumns$1 = /*@__PURE__*/ proxyCustomElement(class SwirlColumns exten
         this.spacing = undefined;
     }
     render() {
-        return (h(Host, { key: 'eeb714d1d037de69f98c4bbab2ea398902676b75' }, h("div", { key: '4a858237059b5dc3f2bc6876dd409e9ad6411a0d', class: "columns", style: {
+        return (h(Host, { key: 'ce1826ac58a146237bb04b85f2d9ac93acfcb2db' }, h("div", { key: 'bfd1b19b96669e972b6e9afe9e5c2fe60a49c934', class: "columns", style: {
                 gridTemplateColumns: this.columns,
                 gap: `var(--s-space-${this.spacing})`,
-            } }, h("slot", { key: 'f96512da44488cbffd69d57b065c6609bdebdb45' }))));
+            } }, h("slot", { key: '3e3f34b8aeb09057a17645bfca47cc4ade17cda2' }))));
     }
     static get style() { return SwirlColumnsStyle0; }
 }, [1, "swirl-columns", {

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

@@ -126,11 +126,11 @@ const SwirlConsoleLayout$1 = /*@__PURE__*/ proxyCustomElement(class SwirlConsole
             "console-layout--sidebar-active": this.sidebarActive,
             "console-layout--empty-app-bar": !Boolean(this.appName) && !this.showHelpButton,
         });
-        return (h(Host, { key: '5595858078dcbf2b1fd42112fcd01ee93b9167cf' }, h("div", { key: '0a6314f7b0647616f5cd84145a6f4efb00a30d31', class: className, onClick: this.onClick, onKeyDown: this.onKeyDown }, h("header", { key: 'de1c401167cdb325f977557fdc3d1c960e282f00', "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (el) => (this.sidebarEl = el) }, h("div", { key: 'f01342846ba501c93c9e24987705466fb1a47788', class: "console-layout__header" }, h("div", { key: '6d0d7c0b804e7c4e7745a5b0141090b306cf2ca7', class: "console-layout__logo" }, h("svg", { key: '86e27129a81c8c973feb1931e323d30d178d3e2a', 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: 'cabedc7b728044dc009dad217a0b6cd23b3e48d7', 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: '50338c0502b6acfc1512f7000b28b02ff56cd965', 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: '6924da416478b4cb733441366d5b2850ecd522d0', 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: '5296e69f2bb97e4ba927b1c2f7f7717e417fc407', d: "M12.2072 10.9785L7.32419 10.1459L0.625 14.0709L5.38887 14.9629L12.2072 10.9785Z", fill: "#80A8F4" })), h("swirl-text", { key: '9c5c6555c5e5c968a9fbf7c3c608e5e5d91eb447', class: "console-layout__logo-text", weight: "medium" }, this.logoText))), h("nav", { key: '645446cbbaaf965c34c991f256fb50b67bb62218', "aria-label": this.navigationLabel, class: "console-layout__navigation" }, h("slot", { key: '394af4d5e53f06e690016dc0349e5eb46e24a3f0', name: "navigation" })), h("div", { key: '5f492d23d18d2f03365aefcb796211ad7b12cecd', class: "console-layout__user" }, h("slot", { key: 'a4eb05fc2fe7cd6261aa378e94ced5460bc476e8', name: "user" }))), h("main", { key: 'bea6c4681f70ad6fe7952d34ef6b386173d0d8b7', "aria-labelledby": Boolean(this.appName) ? "app-name" : undefined, class: "console-layout__main" }, h("header", { key: '5cd828b1a1d8f0ed5203e96ed02bca1a1f0540b8', class: "console-layout__app-bar" }, h("span", { key: '7d73db4547218b8327bf0bbd63492c6b8f25b064', class: "console-layout__mobile-navigation-button" }, h("swirl-button", { key: '19e341a3b45ef973393470599360fa61d2f2348b', swirlAriaExpanded: String(this.sidebarActive), hideLabel: true, icon: this.sidebarActive
+        return (h(Host, { key: 'b6c37854ccb689c3edb58cc2c74b05d26c4f71e3' }, h("div", { key: '66b02aba8c29cd0e86e24bee06545127b857029b', class: className, onClick: this.onClick, onKeyDown: this.onKeyDown }, h("header", { key: 'c93dad4e20cadff5f875676d941cd0de17b7c183', "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (el) => (this.sidebarEl = el) }, h("div", { key: 'e065c32ba61cb5df13871370e69560892d728fa7', class: "console-layout__header" }, h("div", { key: '70dc134a54356cc62176f9ec4afcaeeeeadcd476', class: "console-layout__logo" }, h("svg", { key: '92bc5dc757b45e732149533b54a0bf24ef5f6322', 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: '61a8966d0ef54d82e3dcea04f8da3f8e9078b26e', 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: '261e89fb7a5c5afc0850379db27f37f8498a7158', 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: 'cb822a243a787a72da0287fec5fbaed5ed5cacbd', 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: 'd28b0e647b92a6930bf68134b8083651ea07882b', d: "M12.2072 10.9785L7.32419 10.1459L0.625 14.0709L5.38887 14.9629L12.2072 10.9785Z", fill: "#80A8F4" })), h("swirl-text", { key: 'b500743cdd07f8a159b72c5fbc800468d12e3aba', class: "console-layout__logo-text", weight: "medium" }, this.logoText))), h("nav", { key: '3ea15df2845f22fb6a4a8be78176b0fadc8601de', "aria-label": this.navigationLabel, class: "console-layout__navigation" }, h("slot", { key: 'f3500ddf88d1945fcc30e9bd16f3972903bb0bd2', name: "navigation" })), h("div", { key: 'acd68cd5b9b17d85604977c3df9b80d97b492d66', class: "console-layout__user" }, h("slot", { key: '7a2141b9c5061164cb578ae2f427e677aa68fb23', name: "user" }))), h("main", { key: '455342ae502cea23e86dbf69c43f4f07cd080f64', "aria-labelledby": Boolean(this.appName) ? "app-name" : undefined, class: "console-layout__main" }, h("header", { key: '77ddeea42625f8547711f697d8d9981424205ad1', class: "console-layout__app-bar" }, h("span", { key: '8c715f504d7c667132bd291207f01a1649320616', class: "console-layout__mobile-navigation-button" }, h("swirl-button", { key: 'b52594152887ea08550336e84b55575b7dac6ff2', 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: '7874976b0d943b6a46d949d926c71e7309b848a4', class: "console-layout__app-name" }, this.appName && (h("swirl-heading", { key: 'dc9433db63038b1dba709d95024bc91b6f08b44e', as: "h1", headingId: "app-name", level: 4, text: this.appName }))), this.showHelpButton && (h("swirl-button", { key: 'a97d75f252ee883901eca39d49cfbb445b2654ae', class: "console-layout__help-button", hideLabel: true, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick }))), h("section", { key: 'a8f810812fed7ad5e4e196df840e3d13121b028e', "aria-labelledby": "heading", class: "console-layout__content", style: contentStyles }, h("header", { key: '3a5c83092a0b8a65bca19116cc3846e9a921dce0', class: "console-layout__content-header" }, this.showBackButton && (h("swirl-button", { key: 'bb9b1af9879c93c1d9a443fa48c3f1cef9a78035', 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: '2c3f314a9c91d78559fc76f32965d60ebade4f44', class: "console-layout__heading-container" }, h("swirl-heading", { key: 'c8e44bbdfaf7852f34db579d00a1862eb1060506', as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && (h("swirl-text", { key: '8ce3e7f38bf3839d809c0e09c123411d5d4fa5d2', class: "console-layout__subheading", color: "subdued" }, this.subheading)))), !Boolean(this.heading) && (h("div", { key: '10aa0dc2560370f4d30da8a5966bf0fd4b638c70', class: "console-layout__heading-container" }, h("slot", { key: '7e97de533348a07382b0df81bab78592a536d5eb', name: "heading" }))), h("div", { key: 'e0409cc3844d006bbb4e133c9ffb616b727b0c8a', class: "console-layout__content-header-tools" }, h("slot", { key: '6bcbc098a17673eb65a8c2874a8045adeeb2f1ed', name: "content-header-tools" }))), h("div", { key: '15678aa3040a39fa390e1d2e1b05348984671792', class: "console-layout__integration" }, h("slot", { key: '61c50f5ef9d62d1814f697cab41666737d55b363', name: "content" }))), h("div", { key: '739b6bb2a8495a633479817618e86bbe3766aa6c', class: "console-layout__overlays" }, h("slot", { key: '90796ad47b67ddf548fe3df282ff993b1f45c537', name: "overlays" }))))));
+                : this.showNavigationButtonLabel, onClick: this.onMobileNavigationToggleClick })), h("div", { key: '0e580f60b08624956c759eddeaa5208e9390cf3b', class: "console-layout__app-name" }, this.appName && (h("swirl-heading", { key: '555e6979eb5e7f2c3ea446e760d2593f05677926', as: "h1", headingId: "app-name", level: 4, text: this.appName }))), this.showHelpButton && (h("swirl-button", { key: 'bb7acdc156964784cad3dec76b2e71ac8d9593cb', class: "console-layout__help-button", hideLabel: true, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick }))), h("section", { key: 'de4bb0d7c9fc8417e6cbfccd698fb69a76d27b3e', "aria-labelledby": "heading", class: "console-layout__content", style: contentStyles }, h("header", { key: '2e44911eaa81b99c59ec4890e612c99e21f6cdd2', class: "console-layout__content-header" }, this.showBackButton && (h("swirl-button", { key: 'fc86e39e3816ac1b327f225270d4447a138f1363', 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: '892571a15e8f488daa3e8506541c04ecccda9661', class: "console-layout__heading-container" }, h("swirl-heading", { key: '2ab7dc20c9097cda37fe0f022a6f0953c833fb63', as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && (h("swirl-text", { key: 'acf4e6883e81a692a6659bdd82014c56bc743f0b', class: "console-layout__subheading", color: "subdued" }, this.subheading)))), !Boolean(this.heading) && (h("div", { key: '11b2d4e531c2e899e42a7a5ef394a0360c8a2da3', class: "console-layout__heading-container" }, h("slot", { key: 'd9abb15db90103b2e2b1a67576ba6f095aed6c6b', name: "heading" }))), h("div", { key: '6e999bf25bd2dfb78a571eed6672655262b86b63', class: "console-layout__content-header-tools" }, h("slot", { key: 'e51212fb6629f4d0f2be51af60bc306f81b7641b', name: "content-header-tools" }))), h("div", { key: '9c087b00f40d083a9fda1c602254a843f42bba00', class: "console-layout__integration" }, h("slot", { key: '846711f90023403d1a4702b6740170a8f5dfd317', name: "content" }))), h("div", { key: 'f369b811e0dea712f4a683d8783ac54cb4154b7a', class: "console-layout__overlays" }, h("slot", { key: 'e5765c138375fe80f75bffe25219750b2550f252', name: "overlays" }))))));
     }
     get el() { return this; }
     static get style() { return SwirlConsoleLayoutStyle0; }

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

@@ -160,7 +160,7 @@ const SwirlDateInput$1 = /*@__PURE__*/ proxyCustomElement(class SwirlDateInput e
         const className = classNames("date-input", {
             "date-input--inline": this.inline,
         });
-        return (h(Host, { key: '3f2ae1eb77b986b7e1522d5900efcb2dc4e728f5' }, h("div", { key: '5219471c4ceafaf67020a9a7230ba5bd5130b18c', class: className }, h("input", { key: 'f05d9bff27ce73576ebc076ea64fdde9bfc9a8e4', "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: '61003928d32c16bb0d1326ea0afe754f090b6fc3', swirlPopover: `popover-${this.id}` }, h("button", { key: '765192c92f20b4a86a0a0b8eb0752e7f9fde6f1c', "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, h("swirl-icon-today", { key: 'ff2ef9ba18ca4a712702faf5ee19bd2cbb4b1c29', size: this.iconSize })))), !this.disabled && (h("swirl-popover", { key: '69901e0c6aeb4552cdb913d053a667db5f72b297', 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: '6b3bccc77095c5b54d8dbc03207070f2be717973', disableDate: this.datePickerDisableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onValueChange: this.onPickDate, value: dateValue, startDate: dateValue })))));
+        return (h(Host, { key: 'b6ddc22bcdc331f61fca4b108b4d34f4d7f4eccd' }, h("div", { key: 'd92b1daa42c5e2fb64c378621bf50b0440813252', class: className }, h("input", { key: 'a775ec1989a9e35f3dbe380e5f7f83170bb5d1fe', "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: '1fd79df32d35be0951b49a2ce141309b2938d4c3', swirlPopover: `popover-${this.id}` }, h("button", { key: '11680b4c3bfee66566fd895c5399b5c860f7b771', "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, h("swirl-icon-today", { key: '91563a1eb521b7beceb4f967b091c44445d04b60', size: this.iconSize })))), !this.disabled && (h("swirl-popover", { key: '7b7534da460943832ed5cc8d786dd316a4e442c3', 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: '74b13475c333443ae34d68fa7ac78e63c79c1c1e', disableDate: this.datePickerDisableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onValueChange: this.onPickDate, value: dateValue, startDate: dateValue })))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/swirl-date-picker2.js CHANGED Viewed

@@ -44,7 +44,7 @@ const SwirlDatePicker = /*@__PURE__*/ proxyCustomElement(class SwirlDatePicker e
         const startDate = this.startDate instanceof Date
             ? getISODateString(this.startDate)
             : undefined;
-        return (h(Host, { key: '4fb20c5695f709b12aa3da8425551751659f94d2', onClick: this.onClick }, h("wc-datepicker", { key: '4b3375d033e80bc0aa3362757697e9bebd95dfde', 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: '29e154678a63e94d5cc06db022dcca7d2353b24a', onClick: this.onClick }, h("wc-datepicker", { key: 'c76249ab1251c84727c83742f34a5465aea93ac7', 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 })));
     }
     get el() { return this; }
     static get style() { return SwirlDatePickerStyle0; }

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

@@ -24,7 +24,7 @@ const SwirlDescriptionListItem$1 = /*@__PURE__*/ proxyCustomElement(class SwirlD
             "description-list-item--has-additional-content": hasAdditionalContent,
             "description-list-item--has-tools": hasTools,
         });
-        return (h(Host, { key: '9f218ded01558b4884f5878fbcde683c6b80421d', role: "listitem" }, h("div", { key: '55b19904189f577d2aced0fb2626e74d2d0af61a', class: className, part: "description-list-item", role: "group" }, h("div", { key: '497ce10a342e7059431636ee0c95504aadcc4464', class: "description-list-item__inner" }, h("div", { key: 'b75f1f31f940fd4b013f55e2c4bf653e6a7c26fc', class: "description-list-item__text-container" }, h("div", { key: '0d8fbf2cb62bb3a81e768579b73815a2fbff1535', class: "description-list-item__term", part: "description-list-item__term", role: "term" }, this.term, this.tooltip && (h("span", { key: '3ffcf6327cea54ef69e78f5ec5813f377db1896a', class: "description-list-item__tooltip" }, h("swirl-tooltip", { key: 'eda1bda51e7f9ca0d7c43bf4a11cc3957c8d692f', content: this.tooltip, position: "right" }, h("swirl-icon-info", { key: '2126b3db4717b4405e463ac92c96155d57139021', size: 16, tabIndex: 0 }))))), h("div", { key: 'd471e6a33966c94ce9dce45e2d49171c0883b460', style: { maxWidth: this.maxWidth }, class: "description-list-item__description", role: "definition" }, h("slot", { key: '235f8d0c47d42c2853cfadcce9e5f81a07cc5c6b' }))), h("div", { key: 'fab6b42209a7d5e307fcf9807aefd2cae3ec4366', class: "description-list-item__tools" }, h("slot", { key: 'bd418fcf86dcbcbe7111608c1dad77c36e4f283b', name: "tools" }))), h("div", { key: 'd6444c55698a0df409b87c21a09bc8ad9454d4ad', class: "description-list-item__additional-content" }, h("slot", { key: 'fbc2c75d49844c5361208125d203cb61551da0ac', name: "additional-content" })))));
+        return (h(Host, { key: '825332c96e3361239553afc23efd0b088c67780a', role: "listitem" }, h("div", { key: 'a7addfaf38f63125797ee43d819431d41436c010', class: className, part: "description-list-item", role: "group" }, h("div", { key: '10c4ea50963f4e75243c57cec96bbb8d8bf6a6ed', class: "description-list-item__inner" }, h("div", { key: '9b26415f442f43f487efd67bb7265297a867466d', class: "description-list-item__text-container" }, h("div", { key: '4393e5d0995dd58b7db93b0472bb80cf0559a75d', class: "description-list-item__term", part: "description-list-item__term", role: "term" }, this.term, this.tooltip && (h("span", { key: '46c9fe804c473f23c789145902d7d0954a992883', class: "description-list-item__tooltip" }, h("swirl-tooltip", { key: 'e7ee07766eddba2e1187d205e7bdeca856d5cb3d', content: this.tooltip, position: "right" }, h("swirl-icon-info", { key: '05037c857b152edebbcc901af7bf06790396217f', size: 16, tabIndex: 0 }))))), h("div", { key: 'bdb094bf5309a033f2704a65510a8da294362fc7', style: { maxWidth: this.maxWidth }, class: "description-list-item__description", role: "definition" }, h("slot", { key: '5b150db642db834f5403d3309624628b21d432f7' }))), h("div", { key: '131aeb2a9ac28a7625bc8c8d649365c87e835c21', class: "description-list-item__tools" }, h("slot", { key: '51a0f54c06012d72352ec75795d79fe43b41fb59', name: "tools" }))), h("div", { key: '40f95550148f9b61631fb23dcdf8074aa3208cba', class: "description-list-item__additional-content" }, h("slot", { key: '36f39caed364779571e7d2bcdc0de6023b48634f', name: "additional-content" })))));
     }
     get el() { return this; }
     static get style() { return SwirlDescriptionListItemStyle0; }

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

@@ -10,7 +10,7 @@ const SwirlDescriptionList$1 = /*@__PURE__*/ proxyCustomElement(class SwirlDescr
         this.__attachShadow();
     }
     render() {
-        return (h(Host, { key: '31f8cdf6605116227d878fcf87878c341fa4be50' }, h("div", { key: '687e9967667fc2ac99dce8620cc5d4ba59563b20', class: "description-list", role: "list" }, h("slot", { key: '00cbc2fc0f676943751b8ccf379cc3f5d688c8a3' }))));
+        return (h(Host, { key: 'c343af31c2036e3827d0bb8541ef0b80c0349530' }, h("div", { key: 'c3638a810eca547f1adc4ccd9b7e8c8e0f9a847c', class: "description-list", role: "list" }, h("slot", { key: 'f99727cde2f547a0a5667285062e16a40121e9b7' }))));
     }
     static get style() { return SwirlDescriptionListStyle0; }
 }, [1, "swirl-description-list"]);

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

@@ -74,7 +74,7 @@ const SwirlDialog$1 = /*@__PURE__*/ proxyCustomElement(class SwirlDialog extends
     render() {
         const className = classNames("dialog", { "dialog--closing": this.closing });
         const hasLeftControls = Boolean(this.el.querySelector('[slot="left-controls"]'));
-        return (h(Host, { key: '7642707aa94e9d15a884e415673175c70d34db8c' }, h("div", { key: 'fa0973d297a3a2227cf930307ed2d0bb58d66058', "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: 'f2212606297a0323830f5b896872f666dfc468a4', class: "dialog__backdrop", onClick: this.onBackdropClick }), h("div", { key: 'dc61a2776d20fdd8ea35ad3cf84e0d0944008fe3', class: "dialog__body", part: "dialog__body", role: "document" }, !this.hideLabel && (h("h2", { key: '65cb9932fdf2e84f29a133ec4dcc833582585bd7', class: "dialog__heading", part: "dialog__heading", id: "label" }, this.label)), h("div", { key: 'd652d9c0b9b57a0b5c82fa81b84c140376203792', class: "dialog__content", part: "dialog__content", id: "content" }, h("slot", { key: '87ae56dc3f389263d38d61255fad8cdc658317c9' })), h("div", { key: 'a2f3fb30e0e2540b3d997c2cf979b6be5308d70c', class: "dialog__controls", ref: (el) => (this.controlsContainerEl = el) }, hasLeftControls && (h("div", { key: '74707e65aa742f6271a3642693cd5739b68bada0', class: "dialog__left_controls" }, h("slot", { key: '15d48c197c46a085e691dd047616fd399d27b3ba', name: "left-controls" }))), this.secondaryActionLabel && (h("swirl-button", { key: '123fe12d4759ae79254b82e23934574ed6afb392', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (h("swirl-button", { key: '8f2f38fee0598b270f550b26405a76275e3826cc', intent: this.intent, label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" })))))));
+        return (h(Host, { key: 'cca6780fa848ab69d867d12a00f4edcf66e99353' }, h("div", { key: 'bc0b58886a18607590134051e8aac2e77837c55f', "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: 'cc6963acf3782daaba627543cda70e4dfc07711b', class: "dialog__backdrop", onClick: this.onBackdropClick }), h("div", { key: '3da8f15e8e7badf32d38b84bb98a5a352d10113e', class: "dialog__body", part: "dialog__body", role: "document" }, !this.hideLabel && (h("h2", { key: '4ce775bc0a4c61199457ffecd008895c792a196f', class: "dialog__heading", part: "dialog__heading", id: "label" }, this.label)), h("div", { key: 'c8a4d72a5a49ff34a45bb6f8a58d69900a1ed1b2', class: "dialog__content", part: "dialog__content", id: "content" }, h("slot", { key: '6b95459f499fe0ca864de79021d96ba3cb9f2aba' })), h("div", { key: '63e57fda4e8d09bcde7953556aee2cc7c9a31cf1', class: "dialog__controls", ref: (el) => (this.controlsContainerEl = el) }, hasLeftControls && (h("div", { key: 'e97bf01eeaf36bfa8a0c8466e2ae5992740232dd', class: "dialog__left_controls" }, h("slot", { key: 'dc249e8a9e5cc096b5cc2eccafef328145ede1c6', name: "left-controls" }))), this.secondaryActionLabel && (h("swirl-button", { key: '3d947876e2a7c5461d02bf310134091031aca445', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (h("swirl-button", { key: '20f14ae090b43e0547f122176bf4766bbbd72e45', intent: this.intent, label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" })))))));
     }
     get el() { return this; }
     static get style() { return SwirlDialogStyle0; }

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

@@ -14,7 +14,7 @@ const SwirlEmojiClap$1 = /*@__PURE__*/ proxyCustomElement(class SwirlEmojiClap e
     }
     render() {
         const className = classNames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: 'fb1b965ded208d1b499e970704fe1eaa725c624a' }, this.size === 16 && (h("img", { key: 'e4372fdb12decbb5bea77df28e2c30e8f0de986f', alt: this.label, class: className, height: "16", src: "emojis/Clap16.png", width: "16" })), this.size === 20 && (h("img", { key: 'cb6c26490d8c7bc7dbecb1dadbad41b026481be2', alt: this.label, class: className, height: "20", src: "emojis/Clap20.png", width: "20" })), this.size === 24 && (h("img", { key: '977f4c1a828a5791f969302474c915bc4ba0e77a', alt: this.label, class: className, height: "24", src: "emojis/Clap24.png", width: "24" })), this.size === 32 && (h("img", { key: 'a5c81159e8a6da40c810358885bc4c36f3f38350', alt: this.label, class: className, height: "32", src: "emojis/Clap32.png", width: "32" }))));
+        return (h(Fragment, { key: '2adc97a54a8288c58676d930dafada52dffeeb23' }, this.size === 16 && (h("img", { key: '56c2c3eaddd2f28e29e2ce8815783c2da69fad7a', alt: this.label, class: className, height: "16", src: "emojis/Clap16.png", width: "16" })), this.size === 20 && (h("img", { key: 'ddfd1956e6f8c3d34507bd2607b95a3ffde53c32', alt: this.label, class: className, height: "20", src: "emojis/Clap20.png", width: "20" })), this.size === 24 && (h("img", { key: '9be22498e7f4eb365f84c933139b52617419fa50', alt: this.label, class: className, height: "24", src: "emojis/Clap24.png", width: "24" })), this.size === 32 && (h("img", { key: '433aaa53dfb5797f36651b1622283cc8938f8f6f', alt: this.label, class: className, height: "32", src: "emojis/Clap32.png", width: "32" }))));
     }
     static get style() { return SwirlEmojiClapStyle0; }
 }, [1, "swirl-emoji-clap", {

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

@@ -14,7 +14,7 @@ const SwirlEmojiHappy$1 = /*@__PURE__*/ proxyCustomElement(class SwirlEmojiHappy
     }
     render() {
         const className = classNames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: '8f1990247189958db4233e13711713105526e394' }, this.size === 16 && (h("img", { key: 'f5f3d0f60b41b5483e557d964b18c45a09446be7', alt: this.label, class: className, height: "16", src: "emojis/Happy16.png", width: "16" })), this.size === 20 && (h("img", { key: '4e577d0ea58ccb4cdf592b34beb67c4a24baa1db', alt: this.label, class: className, height: "20", src: "emojis/Happy20.png", width: "20" })), this.size === 24 && (h("img", { key: '338805c5cc1c325c7b16ae31eaec9e6cca5d99a0', alt: this.label, class: className, height: "24", src: "emojis/Happy24.png", width: "24" })), this.size === 32 && (h("img", { key: '227cd86cf3d2a0a27e0038b190e30a558f527c04', alt: this.label, class: className, height: "32", src: "emojis/Happy32.png", width: "32" }))));
+        return (h(Fragment, { key: '225daa15191ac2dd282a8976897a727abb4005f8' }, this.size === 16 && (h("img", { key: 'ea1c41da937fbdb87a9458299a69a58f4bc363a1', alt: this.label, class: className, height: "16", src: "emojis/Happy16.png", width: "16" })), this.size === 20 && (h("img", { key: '8e19960cc68a58e4465f8ac173560e7bf7e17b09', alt: this.label, class: className, height: "20", src: "emojis/Happy20.png", width: "20" })), this.size === 24 && (h("img", { key: 'd2276c6454368567f0e9ae86eaa40898c928e865', alt: this.label, class: className, height: "24", src: "emojis/Happy24.png", width: "24" })), this.size === 32 && (h("img", { key: 'fe0da11ea222cde81386534c961e781b85a2498c', alt: this.label, class: className, height: "32", src: "emojis/Happy32.png", width: "32" }))));
     }
     static get style() { return SwirlEmojiHappyStyle0; }
 }, [1, "swirl-emoji-happy", {

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

@@ -14,7 +14,7 @@ const SwirlEmojiIdea$1 = /*@__PURE__*/ proxyCustomElement(class SwirlEmojiIdea e
     }
     render() {
         const className = classNames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: '712753654c2a4d716f16be007cb66334d753741e' }, this.size === 16 && (h("img", { key: 'c2709614828a1e90c203ef2422283d172706b000', alt: this.label, class: className, height: "16", src: "emojis/Idea16.png", width: "16" })), this.size === 20 && (h("img", { key: '9abcfa58681f88ec8f296ca3760678b695dfa235', alt: this.label, class: className, height: "20", src: "emojis/Idea20.png", width: "20" })), this.size === 24 && (h("img", { key: '81a577e943978c7bfcb19ffc9a1614e884ab7476', alt: this.label, class: className, height: "24", src: "emojis/Idea24.png", width: "24" })), this.size === 32 && (h("img", { key: 'a8f27ee63de19ca1845879f96691443d9e6b682f', alt: this.label, class: className, height: "32", src: "emojis/Idea32.png", width: "32" }))));
+        return (h(Fragment, { key: '1ba03f325f8ab703c520090423eba07b7bb73e43' }, this.size === 16 && (h("img", { key: 'a207a88bd1f8a9b1387b7491bbcd29dacd246c1d', alt: this.label, class: className, height: "16", src: "emojis/Idea16.png", width: "16" })), this.size === 20 && (h("img", { key: 'c77d700523ea42913160b26b9a33773f9f3b81b5', alt: this.label, class: className, height: "20", src: "emojis/Idea20.png", width: "20" })), this.size === 24 && (h("img", { key: '9cb84cbc881b13d5989ab8748585afe454664f5e', alt: this.label, class: className, height: "24", src: "emojis/Idea24.png", width: "24" })), this.size === 32 && (h("img", { key: 'aa002c4dd4f8ff8c83489c7a69567c6f5e2ccc5e', alt: this.label, class: className, height: "32", src: "emojis/Idea32.png", width: "32" }))));
     }
     static get style() { return SwirlEmojiIdeaStyle0; }
 }, [1, "swirl-emoji-idea", {

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

@@ -14,7 +14,7 @@ const SwirlEmojiLove$1 = /*@__PURE__*/ proxyCustomElement(class SwirlEmojiLove e
     }
     render() {
         const className = classNames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: '0ee293854401b1e53722a85c68c2f223a2cfc4f0' }, this.size === 16 && (h("img", { key: '7d8bf10f81c8eaef1f1f5e871e16f16382e9a74e', alt: this.label, class: className, height: "16", src: "emojis/Love16.png", width: "16" })), this.size === 20 && (h("img", { key: '440e5cbfcd508aa0b6f8a4de497e2032a86c28be', alt: this.label, class: className, height: "20", src: "emojis/Love20.png", width: "20" })), this.size === 24 && (h("img", { key: 'ed0e387f1168bfa0137c3a7ef7da99e7437134ba', alt: this.label, class: className, height: "24", src: "emojis/Love24.png", width: "24" })), this.size === 32 && (h("img", { key: 'b6a33080b56fb74c1455b42d942c2da261c8bc36', alt: this.label, class: className, height: "32", src: "emojis/Love32.png", width: "32" }))));
+        return (h(Fragment, { key: '2ded4a2bdbbfd37f80abc6f9f698106a17154c11' }, this.size === 16 && (h("img", { key: 'a2baedf0c9684d81d2dd3214c5d2e92a5b45caae', alt: this.label, class: className, height: "16", src: "emojis/Love16.png", width: "16" })), this.size === 20 && (h("img", { key: '4b5c32a95071b1c4badcad8d34f574db062f30d1', alt: this.label, class: className, height: "20", src: "emojis/Love20.png", width: "20" })), this.size === 24 && (h("img", { key: '96c5d2d7f7cc07ff06ef25637616dc087af1e336', alt: this.label, class: className, height: "24", src: "emojis/Love24.png", width: "24" })), this.size === 32 && (h("img", { key: '1e2011d64fbc5f1edb9e00126ac989b053f02968', alt: this.label, class: className, height: "32", src: "emojis/Love32.png", width: "32" }))));
     }
     static get style() { return SwirlEmojiLoveStyle0; }
 }, [1, "swirl-emoji-love", {