npm - @getflip/swirl-components - Versions diffs - 0.338.0 → 0.338.2 - Mend

@getflip/swirl-components 0.338.0 → 0.338.2

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 (1848) hide show

package/components.json CHANGED Viewed

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-06-11T07:09:40",
+  "timestamp": "2025-06-17T09:30:48",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.18.1",

package/dist/cjs/file-manager.cjs.entry.js CHANGED Viewed

@@ -62,7 +62,7 @@ const FileManager = class {
             onClick: () => this.selectItem(item) }, "type" in item ? (index.h("swirl-icon-file", { slot: "media" })) : (index.h("swirl-icon-folder-shared", { slot: "media" })))))) : (index.h("swirl-box", { padding: "16" }, index.h("swirl-text", { color: "subdued", weight: "medium" }, "This directory is empty.")));
     }
     render() {
-        return (index.h(index.Host, { key: '67a59e3bf0ee1dd232d55195cf7a78fa8d1912f4' }, index.h("swirl-app-layout", { key: '5c201ad24d3fb3938300feaa532ac240aa0e4563', 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" }, index.h("swirl-resource-list", { key: '2ac10b8b5858aca8c8d3d2a33737498389836fca', label: "Documents", slot: "navigation" }, this.renderNavigation()), index.h("swirl-popover-trigger", { key: '44b017affbbfbb5c81b7c8c7fafca0cde64d8c6b', swirlPopover: this.sortMenu, slot: "navigation-controls" }, index.h("swirl-button", { key: '2a958665b0bcaa6dcbabb938ba1853ba56bc3520', label: "Sort items" })), index.h("swirl-stack", { key: '8f72171c55cec72e5866bce3d01fd8e359c87029', orientation: "horizontal", slot: "app-bar" }, index.h("swirl-stack", { key: '65e9ddc05254587d34821750bf58ec4394397d23' }, index.h("swirl-heading", { key: '412fa5eb6d797cce23c227cfda4041ef94b454e5', as: "h2", level: 4, text: this.selectedFile?.name }), index.h("swirl-text", { key: 'f6fabe8c580c20ddf316b4c6893f58caeb8e95d8', color: "subdued", truncate: true }, this.selectedFile?.description))), Boolean(this.selectedFile) ? (index.h("swirl-file-viewer", { file: this.selectedFile.url, slot: "content", type: this.selectedFile.type })) : (index.h("swirl-box", { cover: true, centerBlock: true, centerInline: true, padding: "16", slot: "content" }, index.h("swirl-empty-state", { heading: "Nothing to see here.", illustration: "/images/empty-state-1.svg" }, "Please select a file from the list."))), index.h("div", { key: '6974ad987f14a1f2a9ab458ae77459a07e0db364', slot: "app-bar-controls" }, this.selectedFile && (index.h("swirl-button", { key: 'd010e0934c9cec5ea1afe4f514eefa2a11991d1a', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), index.h("swirl-box", { key: '9cc0a9bfcb74cacdf7481f0427082133cf31dec6', padding: "16", slot: "sidebar" }, index.h("swirl-text", { key: '948ea9fc1f248d5b715c74d3da4c63be6889228e', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), index.h("swirl-popover", { key: '4129c2f8f5cc2eaebb97196dc59441bbb510f508', label: "Sort items", ref: (el) => (this.sortMenu = el) }, index.h("swirl-option-list", { key: 'beb72abda250ea29ca022e7aab48b6d56eaa6503', value: ["ascending"] }, index.h("swirl-option-list-item", { key: '3bac258c7e361dcd2a72568905922bde1237dbad', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), index.h("swirl-option-list-item", { key: '41d4dc595544ceea02bcc6339d8c283968c96f42', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), index.h("swirl-option-list-item", { key: 'd3865cddf9bfdbb68f34a8aa211d3727664bfe33', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
+        return (index.h(index.Host, { key: 'a4e18b9d7ff438842b4fe47fbb8c269e99eb1f32' }, index.h("swirl-app-layout", { key: '624cd4a16d86a097b07e3734d51592eafd8339d8', 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" }, index.h("swirl-resource-list", { key: '86d0e0c088b6dfd71a677bde1fa933ee527cbaea', label: "Documents", slot: "navigation" }, this.renderNavigation()), index.h("swirl-popover-trigger", { key: 'bc34f9cd0d8c42b6c6275bb3cba15b92a85cfe32', swirlPopover: this.sortMenu, slot: "navigation-controls" }, index.h("swirl-button", { key: '66e0f359859ed407a9de2c232ccff5fa209115bd', label: "Sort items" })), index.h("swirl-stack", { key: '7289b29c70e2fdff670583696a54bed703a676a6', orientation: "horizontal", slot: "app-bar" }, index.h("swirl-stack", { key: '17c1d8e889a5f0f55f52d7afe761c7a59bcab1e3' }, index.h("swirl-heading", { key: 'a1d658083358db74909187a72c9505db8ea8e283', as: "h2", level: 4, text: this.selectedFile?.name }), index.h("swirl-text", { key: '318f1919be0f359e1f6ee308e4f76c4a4acb9fd5', color: "subdued", truncate: true }, this.selectedFile?.description))), Boolean(this.selectedFile) ? (index.h("swirl-file-viewer", { file: this.selectedFile.url, slot: "content", type: this.selectedFile.type })) : (index.h("swirl-box", { cover: true, centerBlock: true, centerInline: true, padding: "16", slot: "content" }, index.h("swirl-empty-state", { heading: "Nothing to see here.", illustration: "/images/empty-state-1.svg" }, "Please select a file from the list."))), index.h("div", { key: '5feb31244ff245731649c308cd6317c8ce67c66b', slot: "app-bar-controls" }, this.selectedFile && (index.h("swirl-button", { key: '1ab091daaa05f3af04049aea15ba3ec7d923a657', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), index.h("swirl-box", { key: 'f36b173fe0cb9dd39ea8e7c16493c1cb408e2f34', padding: "16", slot: "sidebar" }, index.h("swirl-text", { key: '66e98d8b5f08f464f705a112061ef85ff57d08d3', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), index.h("swirl-popover", { key: '8c0d836c169221cd4b9e7fbbac53c2e6b589242a', label: "Sort items", ref: (el) => (this.sortMenu = el) }, index.h("swirl-option-list", { key: 'e7c3f0d94cbcf4ffa6270e43b4242407cb268f77', value: ["ascending"] }, index.h("swirl-option-list-item", { key: '1c63b7b345badef1f4edc183476f8b0b2f287aa6', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), index.h("swirl-option-list-item", { key: 'f12241e2737284c425ea1f1e2552b44a11458124', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), index.h("swirl-option-list-item", { key: '5527c57b82e7320f21d43921943da7ecedc1f064', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
     }
 };

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

@@ -68,7 +68,7 @@ const SwirlAccordionItem = class {
         const className = index$1.classnames("accordion-item", {
             "accordion-item--expanded": this.expanded,
         });
-        return (index.h(index.Host, { key: '00e69b6df3c926e9f3e9a38bcf6fdd57501fbeed' }, index.h("div", { key: '53a16e6866384085cb7f682413681daa364a9550', class: className }, index.h(HeadingTag, { key: '6ce37eeb43e6d30545c08e347218e3ff0a8fc5f9', class: "accordion-item__heading" }, index.h("button", { key: 'ae1f30729f5bc54619bb80c528d1c631d3a64354', "aria-controls": this.itemId, "aria-expanded": String(this.expanded), class: "accordion-item__toggle", disabled: this.disabled, id: this.headingId, onClick: this.onHeadingClick, type: "button" }, index.h("span", { key: '9589c846da0134a6df4b3ea6151153b19c1f885e', class: "accordion-item__toggle-text" }, this.heading, this.description && (index.h("swirl-text", { key: 'a516a41b9cfde06d7bf8e859410e433d736e9fd2', as: "span", color: "subdued", size: "sm" }, this.description))), index.h("span", { key: '70695aa6638a1b3c1a50fa9b3453b1e3a9dab45b', class: "accordion-item__icon" }, !this.expanded && (index.h("swirl-icon", { key: '8451343d0de5882e23769d782674747363105a8c', glyph: "chevron-right", size: 20 })), this.expanded && (index.h("swirl-icon", { key: 'ec6c81dd2d6036099db21e10f5e248f6e584baa9', glyph: "expand-more", size: 20 }))))), index.h("div", { key: '19c0fbb9087116284561a4e1602e947171368c74', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, index.h("slot", { key: '13db4ba6854cb4ee279260d917774313e687fbcc' })))));
+        return (index.h(index.Host, { key: 'ff99365f885d7f45aa5929618f20be8eaab88699' }, index.h("div", { key: 'eaa608a73691ff808b38466e9385f4dc2db45f17', class: className }, index.h(HeadingTag, { key: '0859f44b1a644b65de4f05b0e8a003c549c6c87c', class: "accordion-item__heading" }, index.h("button", { key: '4b37ddb0a99d7c7891e49febec534bf651df185b', "aria-controls": this.itemId, "aria-expanded": String(this.expanded), class: "accordion-item__toggle", disabled: this.disabled, id: this.headingId, onClick: this.onHeadingClick, type: "button" }, index.h("span", { key: '44cdbe5d8144e96c6c03bfd08affc05b313f68ab', class: "accordion-item__toggle-text" }, this.heading, this.description && (index.h("swirl-text", { key: '14a5142b0af187721cee995b0d80bc6c59a00cf9', as: "span", color: "subdued", size: "sm" }, this.description))), index.h("span", { key: 'd6662c18f5e78cb4acaf079aab3d98d2472c0cbd', class: "accordion-item__icon" }, !this.expanded && (index.h("swirl-icon", { key: '5115019890131bf59d8a1d7e0013b747565ad675', glyph: "chevron-right", size: 20 })), this.expanded && (index.h("swirl-icon", { key: '9433218077aa690f5e5256144c75c5cd46afbdb5', glyph: "expand-more", size: 20 }))))), index.h("div", { key: '12cd261b506a0f80821f4f5e0be1ebc4735206a8', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, index.h("slot", { key: '2896b72a4b1ffcd2dc1267a20dbca1121660d8f4' })))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -48,7 +48,7 @@ const SwirlAccordion = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '934b96c95009150d9cc3403d4197a0689063bf2a' }, index.h("slot", { key: '8c73e41e9018937bf671aff09f3baa6693a3009c' })));
+        return (index.h(index.Host, { key: '1e3402cefdf500694756336f2175a64531352c0b' }, index.h("slot", { key: '276c1bfed4af0c0002e746b8075433fefd627f60' })));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -16,7 +16,7 @@ const SwirlActionListSection = class {
         this.hasSeparator = false;
     }
     render() {
-        return (index.h(index.Host, { key: '4c1ad4e4e72223b47684fdef094d293f8739b6a8' }, this.hasSeparator && (index.h("swirl-separator", { key: '99f8933209cc98c12f922732d9a5967578bc9bea', spacing: this.separatorSpacing })), index.h("div", { key: 'b4d3e0b77953c13828d1227baa01ffc4259bc81b', "aria-labelledby": "label", class: "action-list-section", role: "group" }, index.h("span", { key: '1404f72e1d33bf32b60088c85643b47211b65aed', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), index.h("swirl-stack", { key: 'cff088f9b6dc36cfdd70d26e8336178b46695c9a', spacing: this.spacing, align: "stretch" }, index.h("slot", { key: '26b5692762a76f3714cd055f564606b482b8c0e1' })))));
+        return (index.h(index.Host, { key: 'd2cbcea47ca9b21308813a6a2285b22f6aa4f9c1' }, this.hasSeparator && (index.h("swirl-separator", { key: 'ebe1cc99d7728c3cb0ccf9dcc9bc3afad0f40c1e', spacing: this.separatorSpacing })), index.h("div", { key: 'd310828c525252b441681764007b7c2296e22fc7', "aria-labelledby": "label", class: "action-list-section", role: "group" }, index.h("span", { key: '137d9527749b6f47a23fc48d01582f52784878c6', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), index.h("swirl-stack", { key: '136ad427fafed3bdad8234d16875ed138ecd668c', spacing: this.spacing, align: "stretch" }, index.h("slot", { key: '6ff03eb4db0eae90bedc79fe1f887b3416733125' })))));
     }
 };
 SwirlActionListSection.style = SwirlActionListSectionStyle0;

package/dist/cjs/swirl-action-list_2.cjs.entry.js CHANGED Viewed

@@ -98,7 +98,7 @@ const SwirlActionList = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '3df7e4f01fcea8c77f524bd988cd69eb9b6b7f82' }, index.h("div", { key: '86cd2df26d399de16844ef0fd7fda8ea00246698', "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" }, index.h("slot", { key: 'd6f266c65e3c14d1fdb1d27b497f496dcff68e3c', onSlotchange: this.setSectionSeparator }))));
+        return (index.h(index.Host, { key: '2795dbab510dbc1500d60485aa861452db9e5228' }, index.h("div", { key: 'a97272dcb51640f5b3577c0fae90cb76db6fc5ee', "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" }, index.h("slot", { key: 'e93480d034cc5db6f0e6915b5b6e9af655ef65be', onSlotchange: this.setSectionSeparator }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-app-icon.cjs.entry.js CHANGED Viewed

@@ -42,7 +42,7 @@ const SwirlAppIcon = class {
         const className = index$1.classnames("app-icon", {
             "app-icon--has-icon": showIcon || showFallbackIcon,
         });
-        return (index.h(index.Host, { key: '1ce9a9b53c8d6fea1e5e31849015d05e7f3f18dd' }, index.h("span", { key: 'f1504a45478fd6ed9b9148271cad9984d427a3c3', class: className }, showImage && (index.h("img", { key: '737a293d8fb879907e0d74635a5d27f036c9ac5f', alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" })), showIcon && (index.h("span", { key: '2fc633d9a9e7dd0d038abbf145974a8341b8741c', class: "app-icon__icon", innerHTML: this.icon })))));
+        return (index.h(index.Host, { key: '848453ae9e48cab379fc70a9e1bb0d9566fee795' }, index.h("span", { key: 'd2a526c13e4a86ec2edbcc5bb763052792627b55', class: className }, showImage && (index.h("img", { key: 'f321b68b25a3ab039f666099269383908a62d08c', alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" })), showIcon && (index.h("span", { key: '2dc6f4d5afd471b8dfb39f414dc1416036480005', class: "app-icon__icon", innerHTML: this.icon })))));
     }
 };
 SwirlAppIcon.style = SwirlAppIconStyle0;

package/dist/cjs/swirl-app-layout_5.cjs.entry.js CHANGED Viewed

@@ -382,7 +382,7 @@ const SwirlEmptyState = class {
             "empty-state--has-controls": hasControls,
             "empty-state--has-slotted-illustration": hasSlottedIllustration,
         });
-        return (index.h(index.Host, { key: 'ba2a2cadd8fb1e6234f040667656cb79030e08a6' }, index.h("div", { key: 'dcf174b5c0c3f9e904725036d26610a89613ea3d', class: className }, this.illustration && !hasSlottedIllustration && (index.h("img", { key: 'dfa94983f1963fd036b69b4864aeceb0f2cfde3c', alt: "", class: "empty-state__illustration", src: this.illustration })), index.h("div", { key: 'bb091bf9a3f10c56d6e07974518623ed12d8b68a', class: "empty-state__slotted-illustration" }, index.h("slot", { key: 'f7a1b087c3acb62de63d75b6a771dfc0f2132368', name: "illustration" })), index.h("div", { key: '50ae5b6622128ec77eee588d0668ca24278c17fb', class: "empty-state__body" }, index.h("swirl-stack", { key: '91df994026c7393506defa11c95f52699df3ba86', align: "stretch", spacing: "8" }, this.heading && (index.h("swirl-heading", { key: 'f51931ea40cb987e33f5eb20e4287344fa9543b6', align: "center", as: "p", level: 4, text: this.heading })), index.h("div", { key: '6c9d91ef066709c9b2e3f00a7fa6afd10c866ddf', class: "empty-state__content" }, index.h("swirl-text", { key: '73a4350c4d2f555893bfa2630372505f45ce2380', align: "center", color: "subdued" }, index.h("slot", { key: 'd91231014e38d68c8272b5f81fd5f0709603274e' })))), index.h("div", { key: 'b9588d43764aa441a20b06d26205a8113a4feed8', class: "empty-state__controls" }, index.h("slot", { key: '00a39f4f8408bc560b42561a080cb1caf4337165', name: "controls" }))))));
+        return (index.h(index.Host, { key: '97b920d29cb4fba5c6db9f990ea806ba355ba580' }, index.h("div", { key: '5088abccf2dfda1ff6d526e6b1136fa4937856b1', class: className }, this.illustration && !hasSlottedIllustration && (index.h("img", { key: '3b4ec30247d13e4e8774c6ce81fd84d13cab09ad', alt: "", class: "empty-state__illustration", src: this.illustration })), index.h("div", { key: 'c97260117986a1c62e8dae631ee0bb8b8d7f1020', class: "empty-state__slotted-illustration" }, index.h("slot", { key: '5719b33a1643cc3e074765619006908e71c59b17', name: "illustration" })), index.h("div", { key: '7a72832626036f17c18ca6af73daad7350ff81f6', class: "empty-state__body" }, index.h("swirl-stack", { key: '8cc206a6f367a067f36a9236f1a8bfdf5c1fa509', align: "stretch", spacing: "8" }, this.heading && (index.h("swirl-heading", { key: '1a495e977ef2a98559e8c8a57bf450c835a66cd3', align: "center", as: "p", level: 4, text: this.heading })), index.h("div", { key: '7a986feeaead0f94af71e57d5387a06614f6dc8b', class: "empty-state__content" }, index.h("swirl-text", { key: 'b37f175b04f23f3935d33e7cb84f24c742cc3532', align: "center", color: "subdued" }, index.h("slot", { key: 'db5a9a52d01666753a4cfec089b1975373de7d82' })))), index.h("div", { key: '49a5020dd158b0f83a7c2760278ab44512e2168f', class: "empty-state__controls" }, index.h("slot", { key: 'eb9b518b10d11ea277e517120aecc6c0a8a62f41', name: "controls" }))))));
     }
     get el() { return index.getElement(this); }
 };
@@ -403,7 +403,7 @@ const SwirlIconFolderShared = class {
             color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
         };
         const className = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (index.h("svg", { key: 'fea6620dfe9b1e7f77af99ff91cec3bb3824e3cc', "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (index.h(index.Fragment, { key: '300140abfe4588486f6e72abeb2dee2dc2e7271b' }, index.h("path", { key: '2218db6e93f84829e62a10842eb42ad023bbb37a', d: "M9.99998 8.66669C10.3666 8.66669 10.6806 8.53602 10.942 8.27469C11.2029 8.0138 11.3333 7.70002 11.3333 7.33335C11.3333 6.96669 11.2029 6.65269 10.942 6.39135C10.6806 6.13046 10.3666 6.00002 9.99998 6.00002C9.63331 6.00002 9.31953 6.13046 9.05865 6.39135C8.79731 6.65269 8.66665 6.96669 8.66665 7.33335C8.66665 7.70002 8.79731 8.0138 9.05865 8.27469C9.31953 8.53602 9.63331 8.66669 9.99998 8.66669ZM7.33331 11.3334H12.6666V10.9667C12.6666 10.4667 12.4222 10.0694 11.9333 9.77469C11.4444 9.48046 10.8 9.33335 9.99998 9.33335C9.19998 9.33335 8.55553 9.48046 8.06665 9.77469C7.57776 10.0694 7.33331 10.4667 7.33331 10.9667V11.3334ZM2.66665 13.3334C2.29998 13.3334 1.9862 13.2029 1.72531 12.942C1.46398 12.6807 1.33331 12.3667 1.33331 12V4.00002C1.33331 3.63335 1.46398 3.31958 1.72531 3.05869C1.9862 2.79735 2.29998 2.66669 2.66665 2.66669H6.11665C6.29442 2.66669 6.46398 2.70002 6.62531 2.76669C6.7862 2.83335 6.92776 2.9278 7.04998 3.05002L7.99998 4.00002H13.3333C13.7 4.00002 14.014 4.13069 14.2753 4.39202C14.5362 4.65291 14.6666 4.96669 14.6666 5.33335V12C14.6666 12.3667 14.5362 12.6807 14.2753 12.942C14.014 13.2029 13.7 13.3334 13.3333 13.3334H2.66665ZM2.66665 4.00002V12H13.3333V5.33335H7.44998L6.11665 4.00002H2.66665Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, { key: '24993d3c16bf6b3bc1dd06eddb85a827abc49ae0' }, index.h("path", { key: '5ddbaf5d952d96106932ff0e9d7d3072911129de', d: "M15 13C15.55 13 16.021 12.804 16.413 12.412C16.8043 12.0207 17 11.55 17 11C17 10.45 16.8043 9.979 16.413 9.587C16.021 9.19567 15.55 9 15 9C14.45 9 13.9793 9.19567 13.588 9.587C13.196 9.979 13 10.45 13 11C13 11.55 13.196 12.0207 13.588 12.412C13.9793 12.804 14.45 13 15 13ZM11 17H19V16.45C19 15.7 18.6333 15.104 17.9 14.662C17.1667 14.2207 16.2 14 15 14C13.8 14 12.8333 14.2207 12.1 14.662C11.3667 15.104 11 15.7 11 16.45V17ZM4 20C3.45 20 2.97933 19.8043 2.588 19.413C2.196 19.021 2 18.55 2 18V6C2 5.45 2.196 4.97933 2.588 4.588C2.97933 4.196 3.45 4 4 4H9.175C9.44167 4 9.696 4.05 9.938 4.15C10.1793 4.25 10.3917 4.39167 10.575 4.575L12 6H20C20.55 6 21.021 6.196 21.413 6.588C21.8043 6.97933 22 7.45 22 8V18C22 18.55 21.8043 19.021 21.413 19.413C21.021 19.8043 20.55 20 20 20H4ZM4 6V18H20V8H11.175L9.175 6H4Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, { key: 'c2933a59ff05349fe26f6cbcc858e84d1ee63b16' }, index.h("path", { key: '842b309bf0934f689d5d31b52425a0d37672c954', d: "M17.5 15.1667C18.1416 15.1667 18.6911 14.938 19.1485 14.4807C19.605 14.0241 19.8333 13.475 19.8333 12.8334C19.8333 12.1917 19.605 11.6422 19.1485 11.1849C18.6911 10.7283 18.1416 10.5 17.5 10.5C16.8583 10.5 16.3092 10.7283 15.8526 11.1849C15.3953 11.6422 15.1666 12.1917 15.1666 12.8334C15.1666 13.475 15.3953 14.0241 15.8526 14.4807C16.3092 14.938 16.8583 15.1667 17.5 15.1667ZM12.8333 19.8334H22.1666V19.1917C22.1666 18.3167 21.7389 17.6214 20.8833 17.1057C20.0278 16.5908 18.9 16.3334 17.5 16.3334C16.1 16.3334 14.9722 16.5908 14.1166 17.1057C13.2611 17.6214 12.8333 18.3167 12.8333 19.1917V19.8334ZM4.66665 23.3334C4.02498 23.3334 3.47587 23.1051 3.01931 22.6485C2.56198 22.1912 2.33331 21.6417 2.33331 21V7.00002C2.33331 6.35835 2.56198 5.80924 3.01931 5.35269C3.47587 4.89535 4.02498 4.66669 4.66665 4.66669H10.7041C11.0153 4.66669 11.312 4.72502 11.5943 4.84169C11.8759 4.95835 12.1236 5.12363 12.3375 5.33752L14 7.00002H23.3333C23.975 7.00002 24.5245 7.22869 24.9818 7.68602C25.4384 8.14258 25.6666 8.69169 25.6666 9.33335V21C25.6666 21.6417 25.4384 22.1912 24.9818 22.6485C24.5245 23.1051 23.975 23.3334 23.3333 23.3334H4.66665ZM4.66665 7.00002V21H23.3333V9.33335H13.0375L10.7041 7.00002H4.66665Z", fill: "currentColor" })))));
+        return (index.h("svg", { key: 'd4a0f12cb33457276d329e6c5047f61c04aaf080', "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (index.h(index.Fragment, { key: '70037e134896a5d9b1b55f62663627d1c9a0e8db' }, index.h("path", { key: '1bd1d98a540a1db36f524e7bc510015d0114c49c', d: "M9.99998 8.66669C10.3666 8.66669 10.6806 8.53602 10.942 8.27469C11.2029 8.0138 11.3333 7.70002 11.3333 7.33335C11.3333 6.96669 11.2029 6.65269 10.942 6.39135C10.6806 6.13046 10.3666 6.00002 9.99998 6.00002C9.63331 6.00002 9.31953 6.13046 9.05865 6.39135C8.79731 6.65269 8.66665 6.96669 8.66665 7.33335C8.66665 7.70002 8.79731 8.0138 9.05865 8.27469C9.31953 8.53602 9.63331 8.66669 9.99998 8.66669ZM7.33331 11.3334H12.6666V10.9667C12.6666 10.4667 12.4222 10.0694 11.9333 9.77469C11.4444 9.48046 10.8 9.33335 9.99998 9.33335C9.19998 9.33335 8.55553 9.48046 8.06665 9.77469C7.57776 10.0694 7.33331 10.4667 7.33331 10.9667V11.3334ZM2.66665 13.3334C2.29998 13.3334 1.9862 13.2029 1.72531 12.942C1.46398 12.6807 1.33331 12.3667 1.33331 12V4.00002C1.33331 3.63335 1.46398 3.31958 1.72531 3.05869C1.9862 2.79735 2.29998 2.66669 2.66665 2.66669H6.11665C6.29442 2.66669 6.46398 2.70002 6.62531 2.76669C6.7862 2.83335 6.92776 2.9278 7.04998 3.05002L7.99998 4.00002H13.3333C13.7 4.00002 14.014 4.13069 14.2753 4.39202C14.5362 4.65291 14.6666 4.96669 14.6666 5.33335V12C14.6666 12.3667 14.5362 12.6807 14.2753 12.942C14.014 13.2029 13.7 13.3334 13.3333 13.3334H2.66665ZM2.66665 4.00002V12H13.3333V5.33335H7.44998L6.11665 4.00002H2.66665Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, { key: 'c33dc9ae4b263373fcd9637cf063058165049ec2' }, index.h("path", { key: '094e73580e807eab03be0ae7eaf7b2bac48a725a', d: "M15 13C15.55 13 16.021 12.804 16.413 12.412C16.8043 12.0207 17 11.55 17 11C17 10.45 16.8043 9.979 16.413 9.587C16.021 9.19567 15.55 9 15 9C14.45 9 13.9793 9.19567 13.588 9.587C13.196 9.979 13 10.45 13 11C13 11.55 13.196 12.0207 13.588 12.412C13.9793 12.804 14.45 13 15 13ZM11 17H19V16.45C19 15.7 18.6333 15.104 17.9 14.662C17.1667 14.2207 16.2 14 15 14C13.8 14 12.8333 14.2207 12.1 14.662C11.3667 15.104 11 15.7 11 16.45V17ZM4 20C3.45 20 2.97933 19.8043 2.588 19.413C2.196 19.021 2 18.55 2 18V6C2 5.45 2.196 4.97933 2.588 4.588C2.97933 4.196 3.45 4 4 4H9.175C9.44167 4 9.696 4.05 9.938 4.15C10.1793 4.25 10.3917 4.39167 10.575 4.575L12 6H20C20.55 6 21.021 6.196 21.413 6.588C21.8043 6.97933 22 7.45 22 8V18C22 18.55 21.8043 19.021 21.413 19.413C21.021 19.8043 20.55 20 20 20H4ZM4 6V18H20V8H11.175L9.175 6H4Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, { key: '1b3207fc7586ec5bbd8f18e5d18770da51be34a9' }, index.h("path", { key: '517bc1db617e10d2345281a6c40062d46a23c254', d: "M17.5 15.1667C18.1416 15.1667 18.6911 14.938 19.1485 14.4807C19.605 14.0241 19.8333 13.475 19.8333 12.8334C19.8333 12.1917 19.605 11.6422 19.1485 11.1849C18.6911 10.7283 18.1416 10.5 17.5 10.5C16.8583 10.5 16.3092 10.7283 15.8526 11.1849C15.3953 11.6422 15.1666 12.1917 15.1666 12.8334C15.1666 13.475 15.3953 14.0241 15.8526 14.4807C16.3092 14.938 16.8583 15.1667 17.5 15.1667ZM12.8333 19.8334H22.1666V19.1917C22.1666 18.3167 21.7389 17.6214 20.8833 17.1057C20.0278 16.5908 18.9 16.3334 17.5 16.3334C16.1 16.3334 14.9722 16.5908 14.1166 17.1057C13.2611 17.6214 12.8333 18.3167 12.8333 19.1917V19.8334ZM4.66665 23.3334C4.02498 23.3334 3.47587 23.1051 3.01931 22.6485C2.56198 22.1912 2.33331 21.6417 2.33331 21V7.00002C2.33331 6.35835 2.56198 5.80924 3.01931 5.35269C3.47587 4.89535 4.02498 4.66669 4.66665 4.66669H10.7041C11.0153 4.66669 11.312 4.72502 11.5943 4.84169C11.8759 4.95835 12.1236 5.12363 12.3375 5.33752L14 7.00002H23.3333C23.975 7.00002 24.5245 7.22869 24.9818 7.68602C25.4384 8.14258 25.6666 8.69169 25.6666 9.33335V21C25.6666 21.6417 25.4384 22.1912 24.9818 22.6485C24.5245 23.1051 23.975 23.3334 23.3333 23.3334H4.66665ZM4.66665 7.00002V21H23.3333V9.33335H13.0375L10.7041 7.00002H4.66665Z", fill: "currentColor" })))));
     }
 };
 SwirlIconFolderShared.style = SwirlIconFolderSharedStyle0;
@@ -666,7 +666,7 @@ const SwirlResourceList = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '5eb8d40323ec2d5a2274d5578bc4507ab8de58e9', onKeyDown: this.onKeyDown }, index.h("swirl-visually-hidden", { key: 'a175e1fe34b4a852b5e9241f32692761305d6b7e', role: "alert" }, this.assistiveText), index.h("swirl-box", { key: '8b42646a8c97977f88f343ecdc1c4b4137b34f72', paddingBlockEnd: this.paddingBlockEnd ?? this.padding, paddingBlockStart: this.paddingBlockStart ?? this.padding, paddingInlineEnd: this.paddingInlineEnd ?? this.padding ?? "8", paddingInlineStart: this.paddingInlineStart ?? this.padding ?? "8" }, index.h("swirl-stack", { key: '079663797907c78d8f58aa46e0df4e5850c22682', "aria-label": this.label, class: "resource-list", id: this.listId, ref: (el) => (this.gridEl = el), role: "grid", spacing: this.spacing }, index.h("slot", { key: '65a096f4f7b8dd8bca6d12afff4180eefbc326d3' })))));
+        return (index.h(index.Host, { key: '25c428afce926de810a3073339023ddccdc369b0', onKeyDown: this.onKeyDown }, index.h("swirl-visually-hidden", { key: '19d36c2ef6b6f78eb0775a0c418ff7205477e19b', role: "alert" }, this.assistiveText), index.h("swirl-box", { key: '831bdcb1d69e961ee08b9619d2a9c05aed70df1d', paddingBlockEnd: this.paddingBlockEnd ?? this.padding, paddingBlockStart: this.paddingBlockStart ?? this.padding, paddingInlineEnd: this.paddingInlineEnd ?? this.padding ?? "8", paddingInlineStart: this.paddingInlineStart ?? this.padding ?? "8" }, index.h("swirl-stack", { key: 'd35af04318449acb97c319186f25000b0082a59c', "aria-label": this.label, class: "resource-list", id: this.listId, ref: (el) => (this.gridEl = el), role: "grid", spacing: this.spacing }, index.h("slot", { key: '04444bbc1a1015377c52d9ab307b5859cad396c2' })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -827,7 +827,7 @@ const SwirlResourceListItem = class {
             "resource-list-item--wrap-description": this.descriptionWrap,
             "resource-list-item--wrap-label": this.labelWrap,
         });
-        return (index.h(index.Host, { key: '432dd643259f55092ec79c6e1a54ddafc2ebbc9d', role: "row" }, index.h("div", { key: 'a7a7491252619c832247612c6454afbda08ebd8a', class: className, role: "gridcell" }, index.h(Tag, { key: 'e8caf68524fb6265ede2c9b3a9811ff0369ed1a8', "aria-checked": ariaChecked, "aria-disabled": disabled ? "true" : undefined, "aria-label": ariaLabel, "aria-labelledby": Boolean(this.swirlAriaLabel) ? undefined : this.elementId, class: "resource-list-item__content", href: href, disabled: disabled, onClick: this.onClick, onBlur: this.onBlur, onFocus: this.onFocus, part: "resource-list-item__content", role: role, tabIndex: 0, type: Tag === "button" ? "button" : undefined }, this.hasMedia && (index.h("span", { key: 'e7e38f6301771823621664dff2016dac20d6d825', class: "resource-list-item__media" }, index.h("slot", { key: 'cb3cf6c820031f499377170dd2526ae70b07510e', name: "media" }))), index.h("span", { key: '76b22549e10fa7bba56d526fb7de388636ac8466', class: "resource-list-item__label-container", style: labelContainerStyles }, index.h("span", { key: '6e58a2b6731562363b2e5b01a32ec78745760c4c', class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : undefined }, !this.allowHtml && this.label), this.description && (index.h("span", { key: 'ea49e06faa4b74092659a1f4f00b3b4f74aa0d99', class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : undefined }, !this.allowHtml && this.description))), showMeta && (index.h("span", { key: 'e0ba68effd3c35ba69c9cb9014aa9c12b667b5e0', class: "resource-list-item__meta" }, index.h("span", { key: 'a51f4c56ee3854a37abbf25db37822b9dc44eed2', class: "resource-list-item__meta-text" }, this.meta), index.h("span", { key: 'bc1c6ba6fc69c8bfce50e0952df4264ce58bd23b', class: "resource-list-item__badges" }, index.h("slot", { key: '3983518afe1feee2f972e33fbd2ae74d8f0821d9', name: "badges" }))))), this.selectable && (index.h("span", { key: 'e82d7da702c475a9ec3fd45490f279a3ddce226c', "aria-hidden": "true", class: "resource-list-item__checkbox" }, index.h("span", { key: '9ed402e6f2acb17b190f12e7d01cab187574f43f', class: "resource-list-item__checkbox-icon" }, this.checked && (index.h("swirl-icon-check-strong", { key: '150e2723e9720084eaacae64e53e6c9b9ac8408e' }))))), index.h("span", { key: 'aba6f565d6ea61d07c270639d5aa8d2f3e6a2044', class: "resource-list-item__control", onClick: this.onControlClick, ref: (el) => (this.controlContainer = el) }, index.h("slot", { key: '430f298c9657d8ce2bd541593c2d0ac29bba10d2', name: "control" })), showMenu && (index.h("swirl-popover-trigger", { key: '1678df1931067652d198f1343ecb9e3d8415d331', swirlPopover: this.menuTriggerId }, index.h("swirl-button", { key: 'd0f671904e036222a62fc68c536e6ce96ce2bf71', "aria-disabled": disabled ? "true" : undefined, class: "resource-list-item__menu-trigger", disabled: disabled, hideLabel: true, icon: "<swirl-icon-more-horizontal></swirl-icon-more-horizontal>", intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick })))), this.allowDrag && (index.h("button", { key: 'bda920ee8ccd52c5c529fed32ed60f6bfefa6d7c', "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, index.h("swirl-icon-drag-handle", { key: '83818328a7452cd150dfe7b2c0228b962dea2c1c', size: this.iconSize })))));
+        return (index.h(index.Host, { key: '9dd50d8e55bc6a424d93810c5d0e66ca08b1fdfc', role: "row" }, index.h("div", { key: '18faaa31ab12166d419efd498dc5b80cbe17c1fa', class: className, role: "gridcell" }, index.h(Tag, { key: '2eaebd1f15423efc7f94a15ec8adef0eeb0c1fa3', "aria-checked": ariaChecked, "aria-disabled": disabled ? "true" : undefined, "aria-label": ariaLabel, "aria-labelledby": Boolean(this.swirlAriaLabel) ? undefined : this.elementId, class: "resource-list-item__content", href: href, disabled: disabled, onClick: this.onClick, onBlur: this.onBlur, onFocus: this.onFocus, part: "resource-list-item__content", role: role, tabIndex: 0, type: Tag === "button" ? "button" : undefined }, this.hasMedia && (index.h("span", { key: '23b94a9189ceb97967c0b0150cd78f6bf93d59d1', class: "resource-list-item__media" }, index.h("slot", { key: '0395ee3352c61bbd5ff55fca91615a332f82cae8', name: "media" }))), index.h("span", { key: '77d26a3f34a6d7e45ecd7e7cade0a099ebc5b5c6', class: "resource-list-item__label-container", style: labelContainerStyles }, index.h("span", { key: '6a3aa9f003cc38e8db29c95a0102084032e7f791', class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : undefined }, !this.allowHtml && this.label), this.description && (index.h("span", { key: '8cc126b733008a467c31ff70c5d2f3dceca23f0f', class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : undefined }, !this.allowHtml && this.description))), showMeta && (index.h("span", { key: '85d651bf6f5fe6971de191c035b9527a96e99479', class: "resource-list-item__meta" }, index.h("span", { key: '421a1d5d6783fb11331e17e49d4ee94088fd129c', class: "resource-list-item__meta-text" }, this.meta), index.h("span", { key: '0224c083261ab1523060953319534e46d20deda9', class: "resource-list-item__badges" }, index.h("slot", { key: '89337007fb91e86deee345e355f8380a1a904754', name: "badges" }))))), this.selectable && (index.h("span", { key: 'bc0e1223e3e3621b3890315a7850a5613fa10820', "aria-hidden": "true", class: "resource-list-item__checkbox" }, index.h("span", { key: '656726528e15513c9f7121dbd3e59d6526becda5', class: "resource-list-item__checkbox-icon" }, this.checked && (index.h("swirl-icon-check-strong", { key: 'ec2f9926c1897db0871ebee348b7d00af20a6af1' }))))), index.h("span", { key: '7968b3c186772219e01ef8c7f234762bf34ac02b', class: "resource-list-item__control", onClick: this.onControlClick, ref: (el) => (this.controlContainer = el) }, index.h("slot", { key: 'd1ae938de474e3091a1aed38b61c9be7d3e46097', name: "control" })), showMenu && (index.h("swirl-popover-trigger", { key: '69e86ce7e5565f6077062caf0557a32fd811eecd', swirlPopover: this.menuTriggerId }, index.h("swirl-button", { key: '5927b7e3d0dd035320cba009fadc322ddcd842aa', "aria-disabled": disabled ? "true" : undefined, class: "resource-list-item__menu-trigger", disabled: disabled, hideLabel: true, icon: "<swirl-icon-more-horizontal></swirl-icon-more-horizontal>", intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick })))), this.allowDrag && (index.h("button", { key: '3694eca15586153d4bc38ac33156658157d4eb53', "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, index.h("swirl-icon-drag-handle", { key: 'ba53e5aa8aa15bbcbb96e1103c6a51b663dd513b', size: this.iconSize })))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -31,7 +31,7 @@ const SwirlAvatarGroup = class {
             "avatar-group--has-badge": Boolean(this.badge),
         });
         const badgeClassName = index$1.classnames("avatar-group__badge");
-        return (index.h(index.Host, { key: '5ebe5d17bff09343abfd27563f5193855e991cb1' }, index.h("div", { key: '954e3bea4b1a441dadfeb37792e5c28853bdac30', class: className, role: "group" }, index.h("slot", { key: 'e0f16ff6c6e5163c5432cc587b73ae2f3088a6fa' }), this.badge && (index.h("span", { key: 'a6fe94fa41ae00f4a416a8c8c8a17d994c3521a8', class: badgeClassName, innerHTML: this.badge, ref: (el) => (this.badgeEl = el) })))));
+        return (index.h(index.Host, { key: '842dca2d37cde4df5d94989de83b34e162e4729d' }, index.h("div", { key: 'c8960b16873430bcb9fc6d122866f1fba879640a', class: className, role: "group" }, index.h("slot", { key: 'b880de80e28701cc12ff07891726df3be0b8312d' }), this.badge && (index.h("span", { key: 'c4f13d3a94fbbad4e281d15c9a2bfe6879fc192b', class: badgeClassName, innerHTML: this.badge, ref: (el) => (this.badgeEl = el) })))));
     }
 };
 SwirlAvatarGroup.style = SwirlAvatarGroupStyle0;

package/dist/cjs/swirl-carousel-slide.cjs.entry.js CHANGED Viewed

@@ -20,11 +20,11 @@ const SwirlCarouselSlide = class {
         const className = index$1.classnames("carousel-slide", {
             "carousel-slide--has-min-height": Boolean(this.minHeight),
         });
-        return (index.h(index.Host, { key: 'f295123e10df88c899c530e914eea62195f32fd0', "aria-roledescription": "slide", "aria-label": this.label, class: className, role: "group", style: {
+        return (index.h(index.Host, { key: 'a9e40890d2e844b71df36d76648c29dcb7b3c424', "aria-roledescription": "slide", "aria-label": this.label, class: className, role: "group", style: {
                 aspectRatio: this.aspectRatio,
                 flexBasis: this.width,
                 minHeight: this.minHeight,
-            }, tabIndex: 0 }, index.h("slot", { key: 'f8836e3f2af0ed3beab366384c4fbdf17f4643bb' })));
+            }, tabIndex: 0 }, index.h("slot", { key: '3648067d02370a7c2710bbc2adfa65c4db42f02b' })));
     }
 };
 SwirlCarouselSlide.style = SwirlCarouselSlideStyle0;

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

@@ -458,11 +458,11 @@ const SwirlColorInput = class {
         const className = index$1.classnames("color-input", {
             "color-input--inline": this.inline,
         });
-        return (index.h(index.Host, { key: 'beb79ff3a2d0e3265d078c9b9ad4f6e4821e5001' }, index.h("div", { key: '8274fa6274ac8ae1e566ea731b3e48210a8ed679', class: className }, index.h("input", { key: 'd6d5a4c77fdb6de4a63017ef12ce78fdbfa578e6', "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 }), index.h("swirl-popover-trigger", { key: 'f0ba2758e2571627cbac675d3b2133d084e2c9c3', swirlPopover: this.pickerId }, index.h("button", { key: '6980be094f9448560c6d02057a991261576d0ed3', "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
+        return (index.h(index.Host, { key: '3b50c66ef9927d2f08b0a5aaf39c23f2461fb477' }, index.h("div", { key: '3b58c8052c81c7796532b684f6ef4df8bfa7563c', class: className }, index.h("input", { key: '32964a854e2fb16aad285e751f8c7d9f24317b01', "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 }), index.h("swirl-popover-trigger", { key: '4b194a0a415c120a811fce0abf44b5fb47962918', swirlPopover: this.pickerId }, index.h("button", { key: 'ff7ab2aa23c197801b9fc1c517103211230f9270', "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
                 backgroundColor: this.disabled
                     ? "var(--s-border-subdued)"
                     : this.value,
-            }, type: "button" })), index.h("swirl-popover", { key: 'cfde8e4e1ea0ec44a6755cfc833a7e2eaf104958', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, index.h("swirl-box", { key: '38d6bd857bf061ba1c7d2212446d0ff87c3009b5', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, index.h("hex-color-picker", { key: '4d006310dc2e669f7540e46bccd5bbb3de7f0eb1', color: this.value, ref: (el) => (this.picker = el) }))))));
+            }, type: "button" })), index.h("swirl-popover", { key: '546d27345779622cad75c2982e8e8d346fcc267f', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, index.h("swirl-box", { key: '7162ea86f355fbe737835147baf3815e2853ffa0', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, index.h("hex-color-picker", { key: '33d22874e2fabe419d5589d12e69f8dbcaf0aee8', color: this.value, ref: (el) => (this.picker = el) }))))));
     }
     static get watchers() { return {
         "value": ["watchValue"]

package/dist/cjs/swirl-console-layout.cjs.entry.js CHANGED Viewed

@@ -125,11 +125,11 @@ const SwirlConsoleLayout = class {
             "console-layout--sidebar-active": this.sidebarActive,
             "console-layout--empty-app-bar": !Boolean(this.appName) && !this.showHelpButton,
         });
-        return (index.h(index.Host, { key: '7ae8963a85f36d23149216cd355c94e9fdeae05c' }, index.h("div", { key: 'a533e0b60f8eec8e51d1e40810efe33f1c5a0822', class: className, onClick: this.onClick, onKeyDown: this.onKeyDown }, index.h("header", { key: 'd4dbcfabd7849eb602743730c235baf87ef2a60c', "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (el) => (this.sidebarEl = el) }, index.h("div", { key: 'be46e8ecd2ba6f676e4d8e945fbfdd98ff1a852c', class: "console-layout__header" }, index.h("div", { key: '72225aeeb7eb6f42d5604d90dcb282b8d241d35f', class: "console-layout__logo" }, index.h("svg", { key: '1a718e26d2ff300438ad275e60b40667758e474f', class: "console-layout__logo-mark", fill: "none", height: "26", viewBox: "0 0 16 26", width: "16", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '6169bf62a039bdedbdfda9f6ee1fad789a633037', 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" }), index.h("path", { key: 'f728976028f47ee8d7c607c1c3bea64fc83c66d6', 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" }), index.h("path", { key: 'a7759c2564047fa87ef58a4682bcab41b78f2e0f', 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" }), index.h("path", { key: 'a54e90ffb9fe1e33ec3bb6a8a3b8853b75cf30e9', d: "M12.2072 10.9785L7.32419 10.1459L0.625 14.0709L5.38887 14.9629L12.2072 10.9785Z", fill: "#80A8F4" })), index.h("swirl-text", { key: '0383169bba74ba896f5d73c2b5de714f33d70ced', class: "console-layout__logo-text", weight: "medium" }, this.logoText))), index.h("nav", { key: 'f2dd38c689367496fe05cc51df2f72b748851df9', "aria-label": this.navigationLabel, class: "console-layout__navigation" }, index.h("slot", { key: '4e6156ae79a9cfe665f42f54adc939003515b353', name: "navigation" })), index.h("div", { key: 'f3466dd9baf90a47bd81d2b862667b5bb90c1ec3', class: "console-layout__user" }, index.h("slot", { key: '242ef76bc20904dfd923380a123d10e26936eb80', name: "user" }))), index.h("main", { key: '617c0c77a95ad5688a5676b75c875da52dfe058d', "aria-labelledby": Boolean(this.appName) ? "app-name" : undefined, class: "console-layout__main" }, index.h("header", { key: '3f12a64156ae7786ec695dc3cc03453aab93261a', class: "console-layout__app-bar" }, index.h("span", { key: '5fe67165ca32bc28db3f272be39dd61e75321bc9', class: "console-layout__mobile-navigation-button" }, index.h("swirl-button", { key: 'ee02327aa5b9c0ca3f55c8bb1bbd20b18bf3d258', swirlAriaExpanded: String(this.sidebarActive), hideLabel: true, icon: this.sidebarActive
+        return (index.h(index.Host, { key: '35830388570b6742ee3cf18e588e5371d1da83e0' }, index.h("div", { key: '88ee53f032c98a0f5ba155d616b9908ad7a95749', class: className, onClick: this.onClick, onKeyDown: this.onKeyDown }, index.h("header", { key: 'f9c795e8f3fb329cd4b4ba11beb9262877afaef0', "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (el) => (this.sidebarEl = el) }, index.h("div", { key: 'b797746b4f0ab7d728b4627e318b1b1bda4e2221', class: "console-layout__header" }, index.h("div", { key: '01e25e0a1f65ef9cbf0f57bd9730006468bb96c9', class: "console-layout__logo" }, index.h("svg", { key: '8bb3f58b1f1e2f04505704ad21e7d1f5dba197d1', class: "console-layout__logo-mark", fill: "none", height: "26", viewBox: "0 0 16 26", width: "16", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'c6bc242f2b5a5b430b20c05b6b7e677818d0e3b0', 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" }), index.h("path", { key: '350f61401fe825bf05f8d9af11d3da47cb2cd696', 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" }), index.h("path", { key: 'b070b96435ece2c7a5ad5a407580d7c16585bb1a', 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" }), index.h("path", { key: '13c54bcfbd07ff072b8df4dc25b18153fb956fac', d: "M12.2072 10.9785L7.32419 10.1459L0.625 14.0709L5.38887 14.9629L12.2072 10.9785Z", fill: "#80A8F4" })), index.h("swirl-text", { key: 'fd3f2751506c770d483dcca7a4575aa076fdc75e', class: "console-layout__logo-text", weight: "medium" }, this.logoText))), index.h("nav", { key: '09b719dbe0c8c4bafea67f5eb98e34c1b23bf941', "aria-label": this.navigationLabel, class: "console-layout__navigation" }, index.h("slot", { key: '729c79291e2ddc81da992d217a3ce19cd7413ec1', name: "navigation" })), index.h("div", { key: 'ab9c5e5233cc560b75efa1aede164d3f6be1c844', class: "console-layout__user" }, index.h("slot", { key: 'b693e70415884f2fa5b0e0b48529fcdce031518f', name: "user" }))), index.h("main", { key: 'b803a11e27e6cfde6be59295d4a2c238bee74a36', "aria-labelledby": Boolean(this.appName) ? "app-name" : undefined, class: "console-layout__main" }, index.h("header", { key: 'c109dd8321ca643821ba5903f0b07d987d89363f', class: "console-layout__app-bar" }, index.h("span", { key: 'a81d562274063a0fed0d3e7b8713017a0f2dcedf', class: "console-layout__mobile-navigation-button" }, index.h("swirl-button", { key: '49b2a20cb0f33e14ec5b739226076d7b89f30958', 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 })), index.h("div", { key: 'e44fb4205763aa163fb1dea81336350bb384a2b4', class: "console-layout__app-name" }, this.appName && (index.h("swirl-heading", { key: '046c5bb43cf61f0a55b64e5c7a43f66f7a5fa976', as: "h1", headingId: "app-name", level: 4, text: this.appName }))), this.showHelpButton && (index.h("swirl-button", { key: '7395691922c07f5ca732cba52a95544d58132762', class: "console-layout__help-button", hideLabel: true, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick }))), index.h("section", { key: '766a16f42a68bdb6e74a43c8b5aabb7c1ef007e7', "aria-labelledby": "heading", class: "console-layout__content", style: contentStyles }, index.h("header", { key: '094cc61169856f0f587dcd99e1c42e7939c9bd21', class: "console-layout__content-header" }, this.showBackButton && (index.h("swirl-button", { key: 'ec935826c2a5f124547660bfe06e17c4d9c0a221', 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) && (index.h("div", { key: '1a8c3c3a153b0b2daedc3830b7cefea74f7e92bd', class: "console-layout__heading-container" }, index.h("swirl-heading", { key: 'e49cf96e138919d68e09d6e2fdf91a89ec5d8f15', as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && (index.h("swirl-text", { key: '541adb3e70d2edf928513429d1d8ad46157ef06b', class: "console-layout__subheading", color: "subdued" }, this.subheading)))), !Boolean(this.heading) && (index.h("div", { key: 'a04bdd04a2be5a49a05788853464a0c9d5c55019', class: "console-layout__heading-container" }, index.h("slot", { key: '27e76fec086632f50536f2e39e811315b2a8162e', name: "heading" }))), index.h("div", { key: 'd657d25b54c100d5c2897f82c4f3cf8f7845b28a', class: "console-layout__content-header-tools" }, index.h("slot", { key: '17c231447b98a34856c4965f34d57b64516ce11b', name: "content-header-tools" }))), index.h("div", { key: '5115fbcf95579d529b82250a90520b943a6ee6bc', class: "console-layout__integration" }, index.h("slot", { key: '6a9131e712cd9a5412b3b4a6f498ab4d8bfe8dcf', name: "content" }))), index.h("div", { key: '6e1ee8b26583a294a82bd35f45862ece3c772fd0', class: "console-layout__overlays" }, index.h("slot", { key: '840bccc0f8c34c8dd7f0a9b18fc4545e63f2ed33', name: "overlays" }))))));
+                : this.showNavigationButtonLabel, onClick: this.onMobileNavigationToggleClick })), index.h("div", { key: '4edc8519cd0f272e9b1b19ef4890f40710737643', class: "console-layout__app-name" }, this.appName && (index.h("swirl-heading", { key: '415414459fab95412313788d5663d17fbf4b17ca', as: "h1", headingId: "app-name", level: 4, text: this.appName }))), this.showHelpButton && (index.h("swirl-button", { key: 'b10b90e4e997757f26f5d141112eea9cbf3268ac', class: "console-layout__help-button", hideLabel: true, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick }))), index.h("section", { key: '6c5791bb635e541bf2f846e6f47c9062f3af74cb', "aria-labelledby": "heading", class: "console-layout__content", style: contentStyles }, index.h("header", { key: '2116475b17eaada20bfd8b4ba5e757e37743cdde', class: "console-layout__content-header" }, this.showBackButton && (index.h("swirl-button", { key: '4240fa6708d78f19bf83f5e431fd5da6aaabe9d0', 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) && (index.h("div", { key: '4bf22c882e10573ed45f23edfce16aae39e78ddf', class: "console-layout__heading-container" }, index.h("swirl-heading", { key: '4bda233c76992c70f9bde2bf77c7feee40ab93af', as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && (index.h("swirl-text", { key: '49fcd57eb1b5e5eaba51432cb7d867ab9d218371', class: "console-layout__subheading", color: "subdued" }, this.subheading)))), !Boolean(this.heading) && (index.h("div", { key: 'd588e6f2fee6d93f061fb836837af5aa671da3f0', class: "console-layout__heading-container" }, index.h("slot", { key: '7bfac7492a303f5d52a71f7ff5e1efc8ecf40815', name: "heading" }))), index.h("div", { key: '96f9fee500a6f9466497df045fc7f681475ce525', class: "console-layout__content-header-tools" }, index.h("slot", { key: 'a2db0494176922e4f3ce7b7b26fb3d8d87ef3075', name: "content-header-tools" }))), index.h("div", { key: '1dc7439a99339368eecfe74ad6c87b3fd6b43cb3', class: "console-layout__integration" }, index.h("slot", { key: '714041e927c64f868b56f6c7e2d73a7a10972b7e', name: "content" }))), index.h("div", { key: '595e55ab9b4966c83bb6046c72078395ca555d6b', class: "console-layout__overlays" }, index.h("slot", { key: 'fb7e7291f9c5e6649f8d14c0a8ebe9c7e2765a3b', name: "overlays" }))))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -158,7 +158,7 @@ const SwirlDateInput = class {
         const className = index$1.classnames("date-input", {
             "date-input--inline": this.inline,
         });
-        return (index.h(index.Host, { key: '8908d329760b97cec433105ccddd7e6d116b6e44' }, index.h("div", { key: '66d7040976c11835413545c17157a57e66b97c06', class: className }, index.h("input", { key: '21e6adea999e6d90a260fc89f9409b7c211c70f9', "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 }), index.h("swirl-popover-trigger", { key: 'fe96c4fd8c3d16a004cef6bd89c07c2a52972903', swirlPopover: `popover-${this.id}` }, index.h("button", { key: 'acab566e0cac3c603d254f0a74f2e1a6e3fdb381', "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, index.h("swirl-icon-today", { key: '802f441ec9f16d9c1ab38eedc0cb87f2b59d9aaa', size: this.iconSize })))), !this.disabled && (index.h("swirl-popover", { key: 'c033c80f2154200140887978205af4cb6390cdc1', 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) }, index.h("swirl-date-picker", { key: 'edf7abfce39af7e7436c31925523b8c9a9e86e25', disableDate: this.datePickerDisableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onValueChange: this.onPickDate, value: dateValue, startDate: dateValue })))));
+        return (index.h(index.Host, { key: '126d7f739f068da588f7a4dae48894add863129e' }, index.h("div", { key: 'aeffbf5ec53eacf52b72c28bcd56fe17f8474b94', class: className }, index.h("input", { key: 'b4e40c946e3d489345f3c51517025d5cabc13819', "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 }), index.h("swirl-popover-trigger", { key: '6cc4106b6075900a77e0f71eb0d9144c6899cb30', swirlPopover: `popover-${this.id}` }, index.h("button", { key: '18b15c30971d055d43acf49a82a3fbb0e019f17b', "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, index.h("swirl-icon-today", { key: '31270c4f23e3b3579a1a7225b992c5c796097a01', size: this.iconSize })))), !this.disabled && (index.h("swirl-popover", { key: 'aeecbbcb2e1078ad016e52c8cf952d3e6ddfcfad', 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) }, index.h("swirl-date-picker", { key: '2b134cb9589c1579b95966ccfe226b3a1da454c5', disableDate: this.datePickerDisableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onValueChange: this.onPickDate, value: dateValue, startDate: dateValue })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/swirl-date-picker_2.cjs.entry.js CHANGED Viewed

@@ -46,7 +46,7 @@ const SwirlDatePicker = class {
         const startDate = this.startDate instanceof Date
             ? utils.getISODateString(this.startDate)
             : undefined;
-        return (index.h(index.Host, { key: '95cf4ba2f49117e224da4d333cfc6fd8c91c070a', onClick: this.onClick }, index.h("wc-datepicker", { key: 'd51d762c78ab3df0c8e4b4b380b7851f618c9228', 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 (index.h(index.Host, { key: 'c70de1e406ef81d3acf0b4799de07248f15178c1', onClick: this.onClick }, index.h("wc-datepicker", { key: 'c9e10250e503d3572bd89139f4b361fa6e974601', 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 index.getElement(this); }
 };
@@ -67,7 +67,7 @@ const SwirlIconToday = class {
             color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
         };
         const className = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (index.h("svg", { key: 'd6a915f46c92356b96215b381a97cd0887a524de', "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (index.h(index.Fragment, { key: '9438088b9e9480a664951c34861b04425a3cd9c3' }, index.h("path", { key: '34d4424cace17bba9bb6a0b773744b057b983d64', d: "M6 10.9999C5.53333 10.9999 5.13889 10.8388 4.81667 10.5166C4.49444 10.1944 4.33333 9.79992 4.33333 9.33325C4.33333 8.86658 4.49444 8.47214 4.81667 8.14992C5.13889 7.8277 5.53333 7.66658 6 7.66658C6.46667 7.66658 6.86111 7.8277 7.18333 8.14992C7.50556 8.47214 7.66667 8.86658 7.66667 9.33325C7.66667 9.79992 7.50556 10.1944 7.18333 10.5166C6.86111 10.8388 6.46667 10.9999 6 10.9999ZM3.33333 14.6666C2.96667 14.6666 2.65267 14.5361 2.39133 14.2753C2.13044 14.0139 2 13.6999 2 13.3333V3.99992C2 3.63325 2.13044 3.31947 2.39133 3.05859C2.65267 2.79725 2.96667 2.66659 3.33333 2.66659H4V1.99992C4 1.81103 4.06378 1.65259 4.19133 1.52459C4.31933 1.39703 4.47778 1.33325 4.66667 1.33325C4.85556 1.33325 5.014 1.39703 5.142 1.52459C5.26956 1.65259 5.33333 1.81103 5.33333 1.99992V2.66659H10.6667V1.99992C10.6667 1.81103 10.7307 1.65259 10.8587 1.52459C10.9862 1.39703 11.1444 1.33325 11.3333 1.33325C11.5222 1.33325 11.6804 1.39703 11.808 1.52459C11.936 1.65259 12 1.81103 12 1.99992V2.66659H12.6667C13.0333 2.66659 13.3473 2.79725 13.6087 3.05859C13.8696 3.31947 14 3.63325 14 3.99992V13.3333C14 13.6999 13.8696 14.0139 13.6087 14.2753C13.3473 14.5361 13.0333 14.6666 12.6667 14.6666H3.33333ZM3.33333 13.3333H12.6667V6.66658H3.33333V13.3333ZM3.33333 5.33325H12.6667V3.99992H3.33333V5.33325Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, { key: '30c5be00311efc9754678fa2cd1194e33f763876' }, index.h("path", { key: '889c05bd7787f19c43a92c69fed508015041fbcd', d: "M9 16.5C8.3 16.5 7.70833 16.2583 7.225 15.775C6.74167 15.2917 6.5 14.7 6.5 14C6.5 13.3 6.74167 12.7083 7.225 12.225C7.70833 11.7417 8.3 11.5 9 11.5C9.7 11.5 10.2917 11.7417 10.775 12.225C11.2583 12.7083 11.5 13.3 11.5 14C11.5 14.7 11.2583 15.2917 10.775 15.775C10.2917 16.2583 9.7 16.5 9 16.5ZM5 22C4.45 22 3.979 21.8043 3.587 21.413C3.19567 21.021 3 20.55 3 20V6C3 5.45 3.19567 4.97933 3.587 4.588C3.979 4.196 4.45 4 5 4H6V3C6 2.71667 6.09567 2.479 6.287 2.287C6.479 2.09567 6.71667 2 7 2C7.28333 2 7.521 2.09567 7.713 2.287C7.90433 2.479 8 2.71667 8 3V4H16V3C16 2.71667 16.096 2.479 16.288 2.287C16.4793 2.09567 16.7167 2 17 2C17.2833 2 17.5207 2.09567 17.712 2.287C17.904 2.479 18 2.71667 18 3V4H19C19.55 4 20.021 4.196 20.413 4.588C20.8043 4.97933 21 5.45 21 6V20C21 20.55 20.8043 21.021 20.413 21.413C20.021 21.8043 19.55 22 19 22H5ZM5 20H19V10H5V20ZM5 8H19V6H5V8Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, { key: '88db8df3cacd40c4fc89b89d49092c0ec5d677e3' }, index.h("path", { key: '116d9942950af00dc13802a759da362ba9b1df90', d: "M10.5 19.2499C9.68333 19.2499 8.99306 18.968 8.42917 18.4041C7.86528 17.8402 7.58333 17.1499 7.58333 16.3333C7.58333 15.5166 7.86528 14.8263 8.42917 14.2624C8.99306 13.6985 9.68333 13.4166 10.5 13.4166C11.3167 13.4166 12.0069 13.6985 12.5708 14.2624C13.1347 14.8263 13.4167 15.5166 13.4167 16.3333C13.4167 17.1499 13.1347 17.8402 12.5708 18.4041C12.0069 18.968 11.3167 19.2499 10.5 19.2499ZM5.83333 25.6666C5.19167 25.6666 4.64217 25.4383 4.18483 24.9818C3.72828 24.5244 3.5 23.9749 3.5 23.3333V6.99992C3.5 6.35825 3.72828 5.80914 4.18483 5.35259C4.64217 4.89525 5.19167 4.66659 5.83333 4.66659H7V3.49992C7 3.16936 7.11161 2.89209 7.33483 2.66809C7.55883 2.44486 7.83611 2.33325 8.16667 2.33325C8.49722 2.33325 8.7745 2.44486 8.9985 2.66809C9.22172 2.89209 9.33333 3.16936 9.33333 3.49992V4.66659H18.6667V3.49992C18.6667 3.16936 18.7787 2.89209 19.0027 2.66809C19.2259 2.44486 19.5028 2.33325 19.8333 2.33325C20.1639 2.33325 20.4408 2.44486 20.664 2.66809C20.888 2.89209 21 3.16936 21 3.49992V4.66659H22.1667C22.8083 4.66659 23.3578 4.89525 23.8152 5.35259C24.2717 5.80914 24.5 6.35825 24.5 6.99992V23.3333C24.5 23.9749 24.2717 24.5244 23.8152 24.9818C23.3578 25.4383 22.8083 25.6666 22.1667 25.6666H5.83333ZM5.83333 23.3333H22.1667V11.6666H5.83333V23.3333ZM5.83333 9.33325H22.1667V6.99992H5.83333V9.33325Z", fill: "currentColor" })))));
+        return (index.h("svg", { key: '093492f04fe10123a3e13ad1726fe4f7618c0b9b', "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (index.h(index.Fragment, { key: 'c67593195720ff60dd05da708c30507ab76f2cda' }, index.h("path", { key: '788018261418e0badccfff9bbef5e1375c9a313c', d: "M6 10.9999C5.53333 10.9999 5.13889 10.8388 4.81667 10.5166C4.49444 10.1944 4.33333 9.79992 4.33333 9.33325C4.33333 8.86658 4.49444 8.47214 4.81667 8.14992C5.13889 7.8277 5.53333 7.66658 6 7.66658C6.46667 7.66658 6.86111 7.8277 7.18333 8.14992C7.50556 8.47214 7.66667 8.86658 7.66667 9.33325C7.66667 9.79992 7.50556 10.1944 7.18333 10.5166C6.86111 10.8388 6.46667 10.9999 6 10.9999ZM3.33333 14.6666C2.96667 14.6666 2.65267 14.5361 2.39133 14.2753C2.13044 14.0139 2 13.6999 2 13.3333V3.99992C2 3.63325 2.13044 3.31947 2.39133 3.05859C2.65267 2.79725 2.96667 2.66659 3.33333 2.66659H4V1.99992C4 1.81103 4.06378 1.65259 4.19133 1.52459C4.31933 1.39703 4.47778 1.33325 4.66667 1.33325C4.85556 1.33325 5.014 1.39703 5.142 1.52459C5.26956 1.65259 5.33333 1.81103 5.33333 1.99992V2.66659H10.6667V1.99992C10.6667 1.81103 10.7307 1.65259 10.8587 1.52459C10.9862 1.39703 11.1444 1.33325 11.3333 1.33325C11.5222 1.33325 11.6804 1.39703 11.808 1.52459C11.936 1.65259 12 1.81103 12 1.99992V2.66659H12.6667C13.0333 2.66659 13.3473 2.79725 13.6087 3.05859C13.8696 3.31947 14 3.63325 14 3.99992V13.3333C14 13.6999 13.8696 14.0139 13.6087 14.2753C13.3473 14.5361 13.0333 14.6666 12.6667 14.6666H3.33333ZM3.33333 13.3333H12.6667V6.66658H3.33333V13.3333ZM3.33333 5.33325H12.6667V3.99992H3.33333V5.33325Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, { key: 'c011b6c42f3794ee121702dce4a5fe44b28c681d' }, index.h("path", { key: '26f87725963d0087e1a6fce7e958c17434d2f128', d: "M9 16.5C8.3 16.5 7.70833 16.2583 7.225 15.775C6.74167 15.2917 6.5 14.7 6.5 14C6.5 13.3 6.74167 12.7083 7.225 12.225C7.70833 11.7417 8.3 11.5 9 11.5C9.7 11.5 10.2917 11.7417 10.775 12.225C11.2583 12.7083 11.5 13.3 11.5 14C11.5 14.7 11.2583 15.2917 10.775 15.775C10.2917 16.2583 9.7 16.5 9 16.5ZM5 22C4.45 22 3.979 21.8043 3.587 21.413C3.19567 21.021 3 20.55 3 20V6C3 5.45 3.19567 4.97933 3.587 4.588C3.979 4.196 4.45 4 5 4H6V3C6 2.71667 6.09567 2.479 6.287 2.287C6.479 2.09567 6.71667 2 7 2C7.28333 2 7.521 2.09567 7.713 2.287C7.90433 2.479 8 2.71667 8 3V4H16V3C16 2.71667 16.096 2.479 16.288 2.287C16.4793 2.09567 16.7167 2 17 2C17.2833 2 17.5207 2.09567 17.712 2.287C17.904 2.479 18 2.71667 18 3V4H19C19.55 4 20.021 4.196 20.413 4.588C20.8043 4.97933 21 5.45 21 6V20C21 20.55 20.8043 21.021 20.413 21.413C20.021 21.8043 19.55 22 19 22H5ZM5 20H19V10H5V20ZM5 8H19V6H5V8Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, { key: '2e1274b3dae8ad491422105e79ba1e4d616af738' }, index.h("path", { key: 'e5b5c97ad8d90e0c65c81d607417dc6d1945e75c', d: "M10.5 19.2499C9.68333 19.2499 8.99306 18.968 8.42917 18.4041C7.86528 17.8402 7.58333 17.1499 7.58333 16.3333C7.58333 15.5166 7.86528 14.8263 8.42917 14.2624C8.99306 13.6985 9.68333 13.4166 10.5 13.4166C11.3167 13.4166 12.0069 13.6985 12.5708 14.2624C13.1347 14.8263 13.4167 15.5166 13.4167 16.3333C13.4167 17.1499 13.1347 17.8402 12.5708 18.4041C12.0069 18.968 11.3167 19.2499 10.5 19.2499ZM5.83333 25.6666C5.19167 25.6666 4.64217 25.4383 4.18483 24.9818C3.72828 24.5244 3.5 23.9749 3.5 23.3333V6.99992C3.5 6.35825 3.72828 5.80914 4.18483 5.35259C4.64217 4.89525 5.19167 4.66659 5.83333 4.66659H7V3.49992C7 3.16936 7.11161 2.89209 7.33483 2.66809C7.55883 2.44486 7.83611 2.33325 8.16667 2.33325C8.49722 2.33325 8.7745 2.44486 8.9985 2.66809C9.22172 2.89209 9.33333 3.16936 9.33333 3.49992V4.66659H18.6667V3.49992C18.6667 3.16936 18.7787 2.89209 19.0027 2.66809C19.2259 2.44486 19.5028 2.33325 19.8333 2.33325C20.1639 2.33325 20.4408 2.44486 20.664 2.66809C20.888 2.89209 21 3.16936 21 3.49992V4.66659H22.1667C22.8083 4.66659 23.3578 4.89525 23.8152 5.35259C24.2717 5.80914 24.5 6.35825 24.5 6.99992V23.3333C24.5 23.9749 24.2717 24.5244 23.8152 24.9818C23.3578 25.4383 22.8083 25.6666 22.1667 25.6666H5.83333ZM5.83333 23.3333H22.1667V11.6666H5.83333V23.3333ZM5.83333 9.33325H22.1667V6.99992H5.83333V9.33325Z", fill: "currentColor" })))));
     }
 };
 SwirlIconToday.style = SwirlIconTodayStyle0;

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

@@ -24,7 +24,7 @@ const SwirlDescriptionListItem = class {
             "description-list-item--has-additional-content": hasAdditionalContent,
             "description-list-item--has-tools": hasTools,
         });
-        return (index.h(index.Host, { key: '8dc7c3fc13a9c4653045616a17e05ff386d0ec42', role: "listitem" }, index.h("div", { key: 'b8900beed4579c5fe0a1fa1ab06878f8cf3bdb36', class: className, part: "description-list-item", role: "group" }, index.h("div", { key: '8826d8a77ec52b5445dd58b171bce8b28ed39289', class: "description-list-item__inner" }, index.h("div", { key: '6b2696c898fe6763837f92b9c6a3349f1b5e087c', class: "description-list-item__text-container" }, index.h("div", { key: 'dac0f1732a47c50c83b497eba35052e94dc127fe', class: "description-list-item__term", part: "description-list-item__term", role: "term" }, this.term, this.tooltip && (index.h("span", { key: 'c59ecd6f3ab0cadba739055509de678c2b1ac3db', class: "description-list-item__tooltip" }, index.h("swirl-tooltip", { key: '79f3ac57dda6f71beeae849305fedf42a917a0f7', content: this.tooltip, position: "right" }, index.h("swirl-icon-info", { key: 'de9ed266d728fa22ff6a323b9e58f2418f528759', size: 16, tabIndex: 0 }))))), index.h("div", { key: '19a6e569f583ca203682747908beecabf72a6e0f', style: { maxWidth: this.maxWidth }, class: "description-list-item__description", role: "definition" }, index.h("slot", { key: '3ba2ada8afc2f0f95c5383b8cd0a83d0e71380ad' }))), index.h("div", { key: '400fc9b5cfc2e6f5d3b80fe48d94539e2623946b', class: "description-list-item__tools" }, index.h("slot", { key: 'd43c0b6f0f2de1a6e80a8516cbdf0240ae0f764d', name: "tools" }))), index.h("div", { key: '99431e9b03bbb7c52d663c9a6a40a967a74cee10', class: "description-list-item__additional-content" }, index.h("slot", { key: '9f9e9a9685ee931748ffd556acb9ec6357a70622', name: "additional-content" })))));
+        return (index.h(index.Host, { key: '9f4d15fd1c3f418de9ba6c283ec1206dce64ce06', role: "listitem" }, index.h("div", { key: '341cd69818df4b07c1f430217c2c3f099e5351b8', class: className, part: "description-list-item", role: "group" }, index.h("div", { key: '1a8f58553719ad507abf10104dec206465263d77', class: "description-list-item__inner" }, index.h("div", { key: '04f886f046ddc6f6a687fed2620ee5f9c873826f', class: "description-list-item__text-container" }, index.h("div", { key: '23801157c41e807e56f3dbb5d0c491a658c6d21c', class: "description-list-item__term", part: "description-list-item__term", role: "term" }, this.term, this.tooltip && (index.h("span", { key: '472c30ccbf65b5346152cac975d5c5246ea4189f', class: "description-list-item__tooltip" }, index.h("swirl-tooltip", { key: '610ffb607cd0af697e118e2ee7f5a73266598c55', content: this.tooltip, position: "right" }, index.h("swirl-icon-info", { key: '8bada8653e8046d834c67716afd585a742b0c3a8', size: 16, tabIndex: 0 }))))), index.h("div", { key: '8eabd48f7c61961e950a6217c8ed99d1c8ec45d6', style: { maxWidth: this.maxWidth }, class: "description-list-item__description", role: "definition" }, index.h("slot", { key: '702647ba47810b6152ebb74b14ffb2572a90faae' }))), index.h("div", { key: 'dc1ff14262e14c40648c3bd3e6464466291f6ba3', class: "description-list-item__tools" }, index.h("slot", { key: '40c4af324640d32a48f75d6ea2824e6a2702d069', name: "tools" }))), index.h("div", { key: '3aa42b99af00085554d58f0af5f7e775fbc997fd', class: "description-list-item__additional-content" }, index.h("slot", { key: 'a6dccce8a642ff3d9259c3eb9031d260900beeff', name: "additional-content" })))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-description-list.cjs.entry.js CHANGED Viewed

@@ -12,7 +12,7 @@ const SwirlDescriptionList = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'd0a3168a02cd628e87be39f8e8268fa22fd5da2f' }, index.h("div", { key: 'c7692bbd164b98a85528c8688bd4c8ba513a3609', class: "description-list", role: "list" }, index.h("slot", { key: 'aea54a9dc06e60859475db5d0792ac6f2bce21d1' }))));
+        return (index.h(index.Host, { key: '4697efc81427ccf10b37e40fd67d08de175bc70b' }, index.h("div", { key: 'e79366f017a056cd2c9aaf229e2d75f41e718bfc', class: "description-list", role: "list" }, index.h("slot", { key: 'e6af181ea5439794bb336d58a524a29ae511a103' }))));
     }
 };
 SwirlDescriptionList.style = SwirlDescriptionListStyle0;

package/dist/cjs/swirl-emoji-clap.cjs.entry.js CHANGED Viewed

@@ -16,7 +16,7 @@ const SwirlEmojiClap = class {
     }
     render() {
         const className = index$1.classnames("emoji", `emoji--size-${this.size}`);
-        return (index.h(index.Fragment, { key: '082ccf3f23f7dddf956995339d9aa69551a10513' }, this.size === 16 && (index.h("img", { key: '2e76a302a275f1bb6057a479b79a5af74551bbc7', alt: this.label, class: className, height: "16", src: "emojis/Clap16.png", width: "16" })), this.size === 20 && (index.h("img", { key: 'aca94270e8bb7e36a0c683c5858d6640326f25cb', alt: this.label, class: className, height: "20", src: "emojis/Clap20.png", width: "20" })), this.size === 24 && (index.h("img", { key: 'c5d2feeb127ddfe5446fdae66ae033bdf27a5b17', alt: this.label, class: className, height: "24", src: "emojis/Clap24.png", width: "24" })), this.size === 32 && (index.h("img", { key: '756df168c3f5aa0260664fa0e209bd87d16fd189', alt: this.label, class: className, height: "32", src: "emojis/Clap32.png", width: "32" }))));
+        return (index.h(index.Fragment, { key: '043f39dab1e2f2518cb3b57df06bdb80fcfa825d' }, this.size === 16 && (index.h("img", { key: 'c09320227b2e964b5f7f6eba899b8b564c4c5fbc', alt: this.label, class: className, height: "16", src: "emojis/Clap16.png", width: "16" })), this.size === 20 && (index.h("img", { key: 'ca375cda308818ba0f16f965653797286b9a7c74', alt: this.label, class: className, height: "20", src: "emojis/Clap20.png", width: "20" })), this.size === 24 && (index.h("img", { key: '5a058e88a20ab34fdd6774daac448ce84be809aa', alt: this.label, class: className, height: "24", src: "emojis/Clap24.png", width: "24" })), this.size === 32 && (index.h("img", { key: 'd97e4e5c623e5610cc869931e3fe0ab2e77b9974', alt: this.label, class: className, height: "32", src: "emojis/Clap32.png", width: "32" }))));
     }
 };
 SwirlEmojiClap.style = SwirlEmojiClapStyle0;

package/dist/cjs/swirl-emoji-happy.cjs.entry.js CHANGED Viewed

@@ -16,7 +16,7 @@ const SwirlEmojiHappy = class {
     }
     render() {
         const className = index$1.classnames("emoji", `emoji--size-${this.size}`);
-        return (index.h(index.Fragment, { key: 'ce70aab4813bc40f1d3842fb931db676fa2e81a1' }, this.size === 16 && (index.h("img", { key: 'c464591029ead3bbf809c8d027283dc9eca8bc82', alt: this.label, class: className, height: "16", src: "emojis/Happy16.png", width: "16" })), this.size === 20 && (index.h("img", { key: '4afe83c464c614df7fe59275cbe98b808763e5f8', alt: this.label, class: className, height: "20", src: "emojis/Happy20.png", width: "20" })), this.size === 24 && (index.h("img", { key: 'bcd41cefb944953bd5dc416f2b1e822683bd55be', alt: this.label, class: className, height: "24", src: "emojis/Happy24.png", width: "24" })), this.size === 32 && (index.h("img", { key: '8c17b6e0ff1ee99b24b77741f71bf0f01db3d8fc', alt: this.label, class: className, height: "32", src: "emojis/Happy32.png", width: "32" }))));
+        return (index.h(index.Fragment, { key: 'e3721081f73a64e90fbd138d8b34b637923f9080' }, this.size === 16 && (index.h("img", { key: 'f41d55f1bb62c1f77ed062eafc02b901a371ba26', alt: this.label, class: className, height: "16", src: "emojis/Happy16.png", width: "16" })), this.size === 20 && (index.h("img", { key: 'd675317ade832cc2af9a9ec77f55c09c644e160d', alt: this.label, class: className, height: "20", src: "emojis/Happy20.png", width: "20" })), this.size === 24 && (index.h("img", { key: 'f15ed1323bca8873fecc9c0d2b996f446735af92', alt: this.label, class: className, height: "24", src: "emojis/Happy24.png", width: "24" })), this.size === 32 && (index.h("img", { key: 'c6d2f05be2a534df904ea1fa9b1162dcbe24a8ed', alt: this.label, class: className, height: "32", src: "emojis/Happy32.png", width: "32" }))));
     }
 };
 SwirlEmojiHappy.style = SwirlEmojiHappyStyle0;

package/dist/cjs/swirl-emoji-idea.cjs.entry.js CHANGED Viewed

@@ -16,7 +16,7 @@ const SwirlEmojiIdea = class {
     }
     render() {
         const className = index$1.classnames("emoji", `emoji--size-${this.size}`);
-        return (index.h(index.Fragment, { key: 'dd57489301246bf82193d80d392c578dfaa01f73' }, this.size === 16 && (index.h("img", { key: 'f85214d5a78886dedccf1319c02596c944da7292', alt: this.label, class: className, height: "16", src: "emojis/Idea16.png", width: "16" })), this.size === 20 && (index.h("img", { key: '3d9ae06bd486d7e8da125a55a7327f3b7d619cac', alt: this.label, class: className, height: "20", src: "emojis/Idea20.png", width: "20" })), this.size === 24 && (index.h("img", { key: 'a8bd9fe4ce6656722953aa0b150ffb62254e4c0e', alt: this.label, class: className, height: "24", src: "emojis/Idea24.png", width: "24" })), this.size === 32 && (index.h("img", { key: '07f72667d9d0b7086b8538d5779ace38a63f795d', alt: this.label, class: className, height: "32", src: "emojis/Idea32.png", width: "32" }))));
+        return (index.h(index.Fragment, { key: 'ce5d47810da7c86359997705921dcd0242632b5b' }, this.size === 16 && (index.h("img", { key: 'd18be838cfbc751d17ca57aa8c6d1f3bb9e9141f', alt: this.label, class: className, height: "16", src: "emojis/Idea16.png", width: "16" })), this.size === 20 && (index.h("img", { key: '63325da590df677ecb64c1cc372223acfe6b1909', alt: this.label, class: className, height: "20", src: "emojis/Idea20.png", width: "20" })), this.size === 24 && (index.h("img", { key: '283a9c6a8aa790e05497e6a1e286eff4ab8a47b5', alt: this.label, class: className, height: "24", src: "emojis/Idea24.png", width: "24" })), this.size === 32 && (index.h("img", { key: '9683dff95b1e2642d5cbda359a34ea0fe4f52ae8', alt: this.label, class: className, height: "32", src: "emojis/Idea32.png", width: "32" }))));
     }
 };
 SwirlEmojiIdea.style = SwirlEmojiIdeaStyle0;

package/dist/cjs/swirl-emoji-love.cjs.entry.js CHANGED Viewed

@@ -16,7 +16,7 @@ const SwirlEmojiLove = class {
     }
     render() {
         const className = index$1.classnames("emoji", `emoji--size-${this.size}`);
-        return (index.h(index.Fragment, { key: '884ee097cfa514740ac2c591cca5657b9c5b16ce' }, this.size === 16 && (index.h("img", { key: '79f9e697d2c737565adfdc9e8944c96575d6dd02', alt: this.label, class: className, height: "16", src: "emojis/Love16.png", width: "16" })), this.size === 20 && (index.h("img", { key: '9adf5a961deda65f081a9abfab8c60ddd1bc7b74', alt: this.label, class: className, height: "20", src: "emojis/Love20.png", width: "20" })), this.size === 24 && (index.h("img", { key: '4d4ed8120f42daccac14d7b0e181f55c20844d76', alt: this.label, class: className, height: "24", src: "emojis/Love24.png", width: "24" })), this.size === 32 && (index.h("img", { key: '2c8855dc32a7850f448aa4bb90ee31c95e9ab7f2', alt: this.label, class: className, height: "32", src: "emojis/Love32.png", width: "32" }))));
+        return (index.h(index.Fragment, { key: '489276d28123335eb8c2be7bbb45ef1cbaaa917f' }, this.size === 16 && (index.h("img", { key: '063c09c5859bea4dbc55d9876d7c46514d2df3bc', alt: this.label, class: className, height: "16", src: "emojis/Love16.png", width: "16" })), this.size === 20 && (index.h("img", { key: 'f06e9a4e128ce0bd9b6c06f1f002e6fb39ddbb36', alt: this.label, class: className, height: "20", src: "emojis/Love20.png", width: "20" })), this.size === 24 && (index.h("img", { key: '33c196fdcd392c9deba1f4963782248692e52813', alt: this.label, class: className, height: "24", src: "emojis/Love24.png", width: "24" })), this.size === 32 && (index.h("img", { key: '565a486daddaf62684be3f9fac0340157958410e', alt: this.label, class: className, height: "32", src: "emojis/Love32.png", width: "32" }))));
     }
 };
 SwirlEmojiLove.style = SwirlEmojiLoveStyle0;

package/dist/cjs/swirl-emoji-sad.cjs.entry.js CHANGED Viewed

@@ -16,7 +16,7 @@ const SwirlEmojiSad = class {
     }
     render() {
         const className = index$1.classnames("emoji", `emoji--size-${this.size}`);
-        return (index.h(index.Fragment, { key: 'ddf51571ae8abb24134566a04ef272993b4ffd44' }, this.size === 16 && (index.h("img", { key: 'dee71a8675ffb8bf7c5d8c199dfc0bcde3f82256', alt: this.label, class: className, height: "16", src: "emojis/Sad16.png", width: "16" })), this.size === 20 && (index.h("img", { key: 'feb20bbc3e42acdbec85aec97e29b31487a934ce', alt: this.label, class: className, height: "20", src: "emojis/Sad20.png", width: "20" })), this.size === 24 && (index.h("img", { key: '388bf9520f1a83d4cadf7103261b570a63cc813a', alt: this.label, class: className, height: "24", src: "emojis/Sad24.png", width: "24" })), this.size === 32 && (index.h("img", { key: 'f19fe505cd38eacb8ebb59cecd7f04fc2eff3b87', alt: this.label, class: className, height: "32", src: "emojis/Sad32.png", width: "32" }))));
+        return (index.h(index.Fragment, { key: 'e14c2530aca85ccc7eb9c01ae1d41f79de257d0e' }, this.size === 16 && (index.h("img", { key: '30f1484f6ae3f8270974ec3c4abc4612e4db7be7', alt: this.label, class: className, height: "16", src: "emojis/Sad16.png", width: "16" })), this.size === 20 && (index.h("img", { key: 'fcce03bab487c869852a8b8e613b23fc894c5b59', alt: this.label, class: className, height: "20", src: "emojis/Sad20.png", width: "20" })), this.size === 24 && (index.h("img", { key: 'd0d5eed3da5d49364d83d2fd920c3b08caeb2f13', alt: this.label, class: className, height: "24", src: "emojis/Sad24.png", width: "24" })), this.size === 32 && (index.h("img", { key: '77b7337516bc3827ef2537a7ebb0e9101322fc53', alt: this.label, class: className, height: "32", src: "emojis/Sad32.png", width: "32" }))));
     }
 };
 SwirlEmojiSad.style = SwirlEmojiSadStyle0;

package/dist/cjs/swirl-emoji-thumbs-up.cjs.entry.js CHANGED Viewed

@@ -16,7 +16,7 @@ const SwirlEmojiThumbsUp = class {
     }
     render() {
         const className = index$1.classnames("emoji", `emoji--size-${this.size}`);
-        return (index.h(index.Fragment, { key: '534d95e75cf993ce8949047d1f8153f768198367' }, this.size === 16 && (index.h("img", { key: '7cf0743750097df3c250be291fc36befa063397b', alt: this.label, class: className, height: "16", src: "emojis/ThumbsUp16.png", width: "16" })), this.size === 20 && (index.h("img", { key: '13005be034bac90961213d740bb19861a1d550fd', alt: this.label, class: className, height: "20", src: "emojis/ThumbsUp20.png", width: "20" })), this.size === 24 && (index.h("img", { key: '1c47674a1f04a2eef129a0cda2e2dcf0d822f59f', alt: this.label, class: className, height: "24", src: "emojis/ThumbsUp24.png", width: "24" })), this.size === 32 && (index.h("img", { key: '6503a1b36d6c51a79e121c1dfcea850374e0ec5f', alt: this.label, class: className, height: "32", src: "emojis/ThumbsUp32.png", width: "32" }))));
+        return (index.h(index.Fragment, { key: '8e461dad5690f8dfa21a078fa7873bbeb96adee2' }, this.size === 16 && (index.h("img", { key: 'b5e4809693f4429ff3404a0f31f1d8a561ab1893', alt: this.label, class: className, height: "16", src: "emojis/ThumbsUp16.png", width: "16" })), this.size === 20 && (index.h("img", { key: '98d2faff411df7fc6e6be1e6f73b2085b57e3c4e', alt: this.label, class: className, height: "20", src: "emojis/ThumbsUp20.png", width: "20" })), this.size === 24 && (index.h("img", { key: '297c3d718098805822ecc70318a923a2024e2cdb', alt: this.label, class: className, height: "24", src: "emojis/ThumbsUp24.png", width: "24" })), this.size === 32 && (index.h("img", { key: 'fa8d7530102db15b4578a359423238a4ec30fe71', alt: this.label, class: className, height: "32", src: "emojis/ThumbsUp32.png", width: "32" }))));
     }
 };
 SwirlEmojiThumbsUp.style = SwirlEmojiThumbsUpStyle0;

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

@@ -16,7 +16,7 @@ const SwirlEmoji = class {
     }
     render() {
         const Tag = `swirl-emoji-${this.name}`;
-        return (index.h(index.Host, { key: '6a1ee5c96624c9f9fbc5f45d920409e3102bc217' }, index.h(Tag, { key: '1d291ddd5e38492dcac5830fff9a0f6ccf75f37f', label: this.label, size: this.size })));
+        return (index.h(index.Host, { key: '5cb2441e0bcec7e362245a848ce1f386e0dad7e7' }, index.h(Tag, { key: 'd0b99a2b6f6be00b142139509dc2fa9e30e5b33b', label: this.label, size: this.size })));
     }
 };
 SwirlEmoji.style = SwirlEmojiStyle0;

package/dist/cjs/swirl-file-chip.cjs.entry.js CHANGED Viewed

@@ -77,7 +77,7 @@ const SwirlFileChip = class {
             "file-chip--one-action": actionCount === 1,
             "file-chip--two-actions": actionCount === 2,
         });
-        return (index.h(index.Host, { key: '7462c1265469d694f57698d4985804a479b772bf' }, index.h("span", { key: '74aa801470c2330997ffbb87d7917f1e39b9ef98', role: "group", class: className }, index.h("span", { key: 'b3f0f016aea4682772624f39ab51f6a3603c85a3', class: "file-chip__icon" }, this.getFileIcon()), index.h("span", { key: '85fc0be56084effbe7bcc217f924cb7ef2bd6979', class: "file-chip__info" }, index.h("span", { key: 'f9a849d85aa9cf6f6cda44164e74bb8e881c833f', class: "file-chip__name", title: this.name }, this.name), this.description && (index.h("span", { key: 'eacf309352e3b69440b284f2440ca44250de1518', class: "file-chip__description" }, this.description))), index.h("swirl-button-group", { key: '357b8aa7a51a1e7ceda11090fb2fa467d5ce3c4a', class: "file-chip__actions" }, this.showPreviewButton && (index.h("swirl-button", { key: '32fe12a2a9dd71d0d020af22bc87dc0d472e33ac', variant: "flat", icon: "<swirl-icon-preview></swirl-icon-preview>", onClick: this.handlePreviewClick, label: this.previewButtonLabel, hideLabel: true, part: "file-chip__preview" })), this.showDownloadButton && (index.h("swirl-button", { key: 'db27f76766f41620a8e0d97cd41b3183cf552e4d', variant: "flat", icon: "<swirl-icon-download></swirl-icon-download>", onClick: this.handleDownloadClick, label: this.downloadButtonLabel, hideLabel: true, part: "file-chip__download" }))))));
+        return (index.h(index.Host, { key: '8bc7534130ce6e47bf29631882e1b63b9ed96520' }, index.h("span", { key: '259f4366fad021bc76e1244cfd38634f126ecfec', role: "group", class: className }, index.h("span", { key: 'f550f86ee835a38ef9456af318635902c26e6f90', class: "file-chip__icon" }, this.getFileIcon()), index.h("span", { key: '10d9e74f593945a239c9ac79f579ad1db124a497', class: "file-chip__info" }, index.h("span", { key: 'c6985202ceee15c87fb7d893cad0a3d68ebb1653', class: "file-chip__name", title: this.name }, this.name), this.description && (index.h("span", { key: 'a87872640109da199d4c5b21ffa67e1507df3bad', class: "file-chip__description" }, this.description))), index.h("swirl-button-group", { key: '8ce0a5b88706af93e7a14d41812eeb0ae7d67da7', class: "file-chip__actions" }, this.showPreviewButton && (index.h("swirl-button", { key: 'b47366212e829bfa8ee2b4e9f6a301c3eff8bc20', variant: "flat", icon: "<swirl-icon-preview></swirl-icon-preview>", onClick: this.handlePreviewClick, label: this.previewButtonLabel, hideLabel: true, part: "file-chip__preview" })), this.showDownloadButton && (index.h("swirl-button", { key: 'c8c5644fd924b6f9fcbbe2f81cbbc6c76efd379f', variant: "flat", icon: "<swirl-icon-download></swirl-icon-download>", onClick: this.handleDownloadClick, label: this.downloadButtonLabel, hideLabel: true, part: "file-chip__download" }))))));
     }
 };
 SwirlFileChip.style = SwirlFileChipStyle0;

package/dist/cjs/swirl-file-uploader.cjs.entry.js CHANGED Viewed

@@ -50,10 +50,10 @@ const SwirlFileUploader = class {
             "file-uploader--disabled": this.disabled,
             "file-uploader--show-dropzone": this.showDropzone,
         });
-        return (index.h(index.Host, { key: '0385446d25cb8070eedd59ab851e948b30c7a50f' }, index.h("div", { key: 'cadbe3524eceabbe391523e8fd42e87cc25a7616', class: className }, this.hideLabel ? (index.h("swirl-visually-hidden", null, index.h("label", { htmlFor: this.inputId }, this.label))) : (index.h("label", { class: "file-uploader__label", htmlFor: this.inputId, id: `${this.inputId}-label` }, this.label)), this.description && (index.h("span", { key: 'a12e9fa3869cbdb848495b82b51b850ce660749e', class: "file-uploader__description", id: `${this.inputId}-description`, innerHTML: this.descriptionAllowHtml ? this.description : undefined }, !this.descriptionAllowHtml && this.description)), index.h("div", { key: 'a385ca500176e34588230a07cfb692ebf202ded6', class: "file-uploader__dropzone" }, this.showDropzone ? ([
+        return (index.h(index.Host, { key: '84f28bf8215eb4fcab62c78372ab8fbdedffaff6' }, index.h("div", { key: 'eeb6fa46142f5687b1ea2dc96286a6acf5c325be', class: className }, this.hideLabel ? (index.h("swirl-visually-hidden", null, index.h("label", { htmlFor: this.inputId }, this.label))) : (index.h("label", { class: "file-uploader__label", htmlFor: this.inputId, id: `${this.inputId}-label` }, this.label)), this.description && (index.h("span", { key: '12f09d07472dea62122838fd5b9bf957572f036f', class: "file-uploader__description", id: `${this.inputId}-description`, innerHTML: this.descriptionAllowHtml ? this.description : undefined }, !this.descriptionAllowHtml && this.description)), index.h("div", { key: '5045f806d6d1736ef2293fdd8acbee9203d2ed00', class: "file-uploader__dropzone" }, this.showDropzone ? ([
             index.h("swirl-icon-cloud-upload", { class: "file-uploader__dropzone-icon" }),
             index.h("div", { class: "file-uploader__dropzone-label", id: `${this.inputId}-additional-label` }, index.h("span", { class: "file-uploader__dropzone-cta" }, this.ctaLabel), " ", index.h("span", { class: "file-uploader__drag-drop-label" }, this.dragDropLabel)),
-        ]) : (index.h("swirl-button", { class: "file-uploader__upload-button", disabled: this.disabled, icon: this.uploadButtonIcon, intent: "primary", label: this.uploadButtonLabel, onClick: this.onUploadButtonClick, swirlAriaDescribedby: ariaDescribedby, variant: this.uploadButtonVariant })), index.h("input", { key: 'f14ce6dedfbd56d13dd61ded9a8417b74590bf4c', accept: this.accept, "aria-describedby": ariaDescribedby, "aria-disabled": this.disabled, autoComplete: "off", class: "file-uploader__input", disabled: this.disabled, id: this.inputId, multiple: this.multiple, name: this.inputName, onChange: this.onChange, ref: (el) => (this.inputEl = el), tabIndex: tabIndex, type: "file" })))));
+        ]) : (index.h("swirl-button", { class: "file-uploader__upload-button", disabled: this.disabled, icon: this.uploadButtonIcon, intent: "primary", label: this.uploadButtonLabel, onClick: this.onUploadButtonClick, swirlAriaDescribedby: ariaDescribedby, variant: this.uploadButtonVariant })), index.h("input", { key: '05350c2a276d0f71ba55698ab159267af1f23954', accept: this.accept, "aria-describedby": ariaDescribedby, "aria-disabled": this.disabled, autoComplete: "off", class: "file-uploader__input", disabled: this.disabled, id: this.inputId, multiple: this.multiple, name: this.inputName, onChange: this.onChange, ref: (el) => (this.inputEl = el), tabIndex: tabIndex, type: "file" })))));
     }
 };
 SwirlFileUploader.style = SwirlFileUploaderStyle0;