npm - @getflip/swirl-components - Versions diffs - 0.311.0 → 0.312.0 - Mend

@getflip/swirl-components 0.311.0 → 0.312.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 (1766) hide show

package/components.json CHANGED Viewed

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-03-24T12:38:56",
+  "timestamp": "2025-03-26T10:23:14",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.18.1",
@@ -5803,7 +5803,15 @@
       "docsTags": [
         {
           "name": "slot",
-          "text": "slot - The card contents"
+          "text": "content - The card contents"
+        },
+        {
+          "name": "slot",
+          "text": "image - Optional image or image grid"
+        },
+        {
+          "name": "slot",
+          "text": "floating-controls - Optional controls displayed on hover in the top right corner"
         }
       ],
       "usage": {},
@@ -6609,8 +6617,16 @@
       "styles": [],
       "slots": [
         {
-          "name": "slot",
+          "name": "content",
           "docs": "The card contents"
+        },
+        {
+          "name": "floating-controls",
+          "docs": "Optional controls displayed on hover in the top right corner"
+        },
+        {
+          "name": "image",
+          "docs": "Optional image or image grid"
         }
       ],
       "parts": [],

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: '91a5a91ab3cb03e5f439fa08e6601673224cf954' }, index.h("swirl-app-layout", { key: '3cd9bb935c4db3f3fd1953973e6b4bee89a22153', 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: 'd76293d2f5f9b7301408f3ed1ec430ccaba72bf2', label: "Documents", slot: "navigation" }, this.renderNavigation()), index.h("swirl-popover-trigger", { key: 'd6ee54966daba9a551987fb65a3f92840866ae9c', swirlPopover: this.sortMenu, slot: "navigation-controls" }, index.h("swirl-button", { key: 'f531e76f86e29a2365f09911abedee8338826bca', label: "Sort items" })), index.h("swirl-stack", { key: '411c92f21f4d332cfd63db0761db42d277f9cddb', orientation: "horizontal", slot: "app-bar" }, index.h("swirl-stack", { key: '4309a9265bf8566c3a8645fa2f8f9453715945d0' }, index.h("swirl-heading", { key: 'f7510cce72f3e8da773f55563de46c75f72c40fc', as: "h2", level: 4, text: this.selectedFile?.name }), index.h("swirl-text", { key: '49af0fcc1f128bd6da78242f1187c5d5f14ffc98', 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: 'd6e203cd6a25e98c98f6ed09a54d45eca121fe43', slot: "app-bar-controls" }, this.selectedFile && (index.h("swirl-button", { key: '0c0cb4aea66d11ad5b574c22d8668eb5ba8633ed', "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: '19d56be20fb5bfcc9488fcb4c746dc3d8fbc4f8c', padding: "16", slot: "sidebar" }, index.h("swirl-text", { key: '40074275be9bdc4a6118cbbe5dd220dce178b5fb', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), index.h("swirl-popover", { key: 'f4ae6fd0b5d22965e1e6068e4848f02614ff76ce', label: "Sort items", ref: (el) => (this.sortMenu = el) }, index.h("swirl-option-list", { key: '75ec845fa431f14adb871824a335593a68e5014e', value: ["ascending"] }, index.h("swirl-option-list-item", { key: 'a0827fe8134913f200b70739f3f058a3a0e0346f', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), index.h("swirl-option-list-item", { key: '373a2aab6aef3205a492696e440ce1283bac46de', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), index.h("swirl-option-list-item", { key: 'e7b4dbf97968f67507331ac61a62524389303665', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
+        return (index.h(index.Host, { key: '13271a195eb9221f8742c4e8353be4d5fb0df2d6' }, index.h("swirl-app-layout", { key: 'ac2c858b73a538c824e8e22af63267cd27593b0d', 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: 'b1cd410e6e3dda79dc892aaf195fd576c1cbe84e', label: "Documents", slot: "navigation" }, this.renderNavigation()), index.h("swirl-popover-trigger", { key: '8a11cbc2bb2a064659449430a057a68a0cd3cf96', swirlPopover: this.sortMenu, slot: "navigation-controls" }, index.h("swirl-button", { key: 'cbd73af9a604614e0f0b660907b98a7f3229d8e2', label: "Sort items" })), index.h("swirl-stack", { key: '907c7b511438b14e78ecafa28f99bdae31255a68', orientation: "horizontal", slot: "app-bar" }, index.h("swirl-stack", { key: '0e21b30263107e2b5a0bc4e89bde263f0be0d6d3' }, index.h("swirl-heading", { key: 'af4c1c5075e3fa227acfa28e7349e964cfb147cd', as: "h2", level: 4, text: this.selectedFile?.name }), index.h("swirl-text", { key: 'b858b75a27acf85da6b4f79bb95d4734e52ecbfd', 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: 'c7d584755d12ce0fba86148a523c69ebf8c6c627', slot: "app-bar-controls" }, this.selectedFile && (index.h("swirl-button", { key: '0fbb05394fec2284f6f2210e0d298e686b66b805', "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: 'de24b80c8f2b40822e3d01d63d4501e1b1a24521', padding: "16", slot: "sidebar" }, index.h("swirl-text", { key: '7f9dbe64d5cb3aa20a46a316cfbc2e5c23125218', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), index.h("swirl-popover", { key: 'bcb564ff02cad91686916dc14634aa5b94d4d569', label: "Sort items", ref: (el) => (this.sortMenu = el) }, index.h("swirl-option-list", { key: '6f3400de6db01c41871e751d8ea0a4c32a94187f', value: ["ascending"] }, index.h("swirl-option-list-item", { key: 'c099ef2c69fdb69321b33c5315dcf873b6194062', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), index.h("swirl-option-list-item", { key: '308e0810a2655b2cc0cd009ced52afcbdfa51179', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), index.h("swirl-option-list-item", { key: '2c6a9b98e548d0452cf6addc262849e7c60a2a6e', 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: 'f951ccc4ac61db37d06140df2d431419cd82901c' }, index.h("div", { key: '7fa7d7e89d574372e4217db6964b339603c9b3fc', class: className }, index.h(HeadingTag, { key: 'f829db405a340e95b471eaf26a440a4c42235d83', class: "accordion-item__heading" }, index.h("button", { key: '2ce164da5ab47a682c0069412b17ff506a4c1486', "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: '2214bb46310023a5e9c67b2d41a08804cc062c80', class: "accordion-item__toggle-text" }, this.heading, this.description && (index.h("swirl-text", { key: '46d93be000154b0e26cdfafdfd0178608a0c5ad3', as: "span", color: "subdued", size: "sm" }, this.description))), index.h("span", { key: 'b0ea37c8e09ac78ae7fcae49503e9da0ba3990a4', class: "accordion-item__icon" }, !this.expanded && (index.h("swirl-icon", { key: '0860a668b53927c1809ddcd98e371457f4aea96f', glyph: "chevron-right", size: 20 })), this.expanded && (index.h("swirl-icon", { key: '294ef0b5d6289a69a66bb32c7c9aa4f6695b0ddf', glyph: "expand-more", size: 20 }))))), index.h("div", { key: 'f8a7be67ea974fce5bbadc6e0db545cbf785e581', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, index.h("slot", { key: 'c6c57bc5c5876f31ba20f7a78293ee710e5262d4' })))));
+        return (index.h(index.Host, { key: '1a90615a1c901d606d518e88641d0e85f526946e' }, index.h("div", { key: 'b866c9b99d6677391a5d168847471bcfdbad5628', class: className }, index.h(HeadingTag, { key: '6bc0d73419c7a515a964bc110bc316dd2825a393', class: "accordion-item__heading" }, index.h("button", { key: '7976196db3c1b4066c43a0fbc9a7c016232b9e06', "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: '17c4b129411d3c579ef54aaf81112c0239f3ce1a', class: "accordion-item__toggle-text" }, this.heading, this.description && (index.h("swirl-text", { key: 'bbacaf5009bf16b367114fa8c1852d045d89e0d3', as: "span", color: "subdued", size: "sm" }, this.description))), index.h("span", { key: '6bf59d3b45fca0f417df2e524b7e6f1f90932d56', class: "accordion-item__icon" }, !this.expanded && (index.h("swirl-icon", { key: '7597fe68474c59a67810eb7ff22a45b3c997efe4', glyph: "chevron-right", size: 20 })), this.expanded && (index.h("swirl-icon", { key: 'c7b18ac78d566b36c9b388e3b80070a147889080', glyph: "expand-more", size: 20 }))))), index.h("div", { key: 'ccce112d4cf2640f9bbfa944d6ad7edb8a5e5cbf', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, index.h("slot", { key: '52b64ccf5a6ea90570c66574c4eda47338bbf461' })))));
     }
     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: 'a0238e83947d9afba57724fb36e774d78efd913e' }, index.h("slot", { key: 'f5c6514ddba5891899fce71770d0ff9b7d11119e' })));
+        return (index.h(index.Host, { key: '8ef36c3611f702d9a68fa14eff3f1df31501a004' }, index.h("slot", { key: '92a68a15db65f4f226b9c70ca3bb3800fb09f2bb' })));
     }
     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: 'df76f2b7c5b1fc5f37f9d191c3c688aeaa20db99' }, this.hasSeparator && (index.h("swirl-separator", { key: '9689c9fa14a69d33c56f62b09a935274ef69eb0b', spacing: this.separatorSpacing })), index.h("div", { key: '18d611cadb26d1a73c51c528495306b660dbb68e', "aria-labelledby": "label", class: "action-list-section", role: "group" }, index.h("span", { key: '1e2ba4d6358b5e11d68d6b4b175c63b049d7c7a4', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), index.h("swirl-stack", { key: '2676a9ca96414d35dd101f2b230a257678e96792', spacing: this.spacing, align: "stretch" }, index.h("slot", { key: '9238a1b9df58b33a34a68b9c21d1d61760f095fa' })))));
+        return (index.h(index.Host, { key: '30f49fcc99b81adbee8b2e62f38d54255b0623bd' }, this.hasSeparator && (index.h("swirl-separator", { key: 'd1f5363f99c9b5cc7d638d458101c4c20ded900e', spacing: this.separatorSpacing })), index.h("div", { key: '012bcbab8801f481f6e8dcec7297a83a68364bcc', "aria-labelledby": "label", class: "action-list-section", role: "group" }, index.h("span", { key: '96e36dd6aa3ef074459ddbf7ee9f6d9d6268355e', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), index.h("swirl-stack", { key: 'a5a3ffaf789bc4092ef90c4602ffc77b16a8bebd', spacing: this.spacing, align: "stretch" }, index.h("slot", { key: '1077b13cf4359fbcaebedea0e5d7ca07f782e363' })))));
     }
 };
 SwirlActionListSection.style = SwirlActionListSectionStyle0;

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

@@ -97,7 +97,7 @@ const SwirlActionList = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '82241f786cb1b908d05d4d2a733be0bf51aee08f' }, index.h("div", { key: '8c5d86e958401b071587e3d4b7b842de267e4026', "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: '5e48f057027f3899c30f9c3181feff3935184a77', onSlotchange: this.setSectionSeparator }))));
+        return (index.h(index.Host, { key: '8d70b6b3e10116e0085d1a7697212870c9c0b2ac' }, index.h("div", { key: 'b266eed0683947cf48ac3d54c36026098736960d', "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: '7a64aadd127a1d348296bbdf0c22472dfc910a69', 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: '1d540798f4137ca3932f465e8b5dc241b9dfe651' }, index.h("span", { key: 'f44fa6ca8d46f589cbab93aa1eea1ae5e1221cef', class: className }, showImage && (index.h("img", { key: '24f5f1df7531ecbd71d3aed31842ceacb171d5ce', alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" })), showIcon && (index.h("span", { key: 'c5fec7fd12b4004027f0e62b21a41d72130313a6', class: "app-icon__icon", innerHTML: this.icon })))));
+        return (index.h(index.Host, { key: '6c5cf88ef1f7227b2e2f692284dd6b2dfcaa024c' }, index.h("span", { key: 'a86fe3a6fc8e531b60820015ac26f682f23364f5', class: className }, showImage && (index.h("img", { key: 'c3acb5e1dbb6bbc846b9ddae80838d682934a6ef', alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" })), showIcon && (index.h("span", { key: '963ee092b53a4badb190e3c11d5713c604670524', class: "app-icon__icon", innerHTML: this.icon })))));
     }
 };
 SwirlAppIcon.style = SwirlAppIconStyle0;

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

@@ -383,7 +383,7 @@ const SwirlEmptyState = class {
             "empty-state--has-controls": hasControls,
             "empty-state--has-slotted-illustration": hasSlottedIllustration,
         });
-        return (index.h(index.Host, { key: '7570e676c1abf223bc43bf9ad6859e002abc4752' }, index.h("div", { key: '8c9de8d856ec6a5be62ad73ece58457818ca3063', class: className }, this.illustration && !hasSlottedIllustration && (index.h("img", { key: 'c55f30894ef235321dee377324291d466421f9d0', alt: "", class: "empty-state__illustration", src: this.illustration })), index.h("div", { key: '0dfb79d4447491a88f4e897321d131697a1ffa9f', class: "empty-state__slotted-illustration" }, index.h("slot", { key: '1a256a0910f0f37f5f090ec313149efa655ae5ef', name: "illustration" })), index.h("div", { key: '6452a3fb65a639c51daeb0bfef5150c435fc1da8', class: "empty-state__body" }, index.h("swirl-stack", { key: '6d66347651b55292b91191e52e909105f42a473b', align: "stretch", spacing: "8" }, this.heading && (index.h("swirl-heading", { key: '9621b765500887da30a18be459220beda695148c', align: "center", as: "p", level: 4, text: this.heading })), index.h("div", { key: '53381b2acf7ff39a0e5a1042c837b9d4ff3c8bda', class: "empty-state__content" }, index.h("swirl-text", { key: '72dc7bbbf30547bb01f48827b5c6cbd3334e7399', align: "center", color: "subdued" }, index.h("slot", { key: '3a6366779302310d5f5ed1fa6458cd6c2e51e90d' })))), index.h("div", { key: '785abad12d1732e007c26d3b26e2116e97ad764b', class: "empty-state__controls" }, index.h("slot", { key: 'edf1783bfdcf60366a16c638f893750f1bc571e2', name: "controls" }))))));
+        return (index.h(index.Host, { key: '4f9a2b61c37ce6cb9278d4f33cbe0151fa30b782' }, index.h("div", { key: '4275df6a75e2d9f1d43046ad2a58bf6773a217d3', class: className }, this.illustration && !hasSlottedIllustration && (index.h("img", { key: '13a70977ef71064e3615d2f3b048fb2e563a1d8b', alt: "", class: "empty-state__illustration", src: this.illustration })), index.h("div", { key: '265a92d7536f2fbb34633c157ff9ce4bdcb06d72', class: "empty-state__slotted-illustration" }, index.h("slot", { key: '1f92e625e0398c431d808c4d35369bbbfa810f8b', name: "illustration" })), index.h("div", { key: '2a5a0c219f44c8bfeb0864746a3b484398b92ba8', class: "empty-state__body" }, index.h("swirl-stack", { key: '1a11967da1994bb795f5ed872b46936c8d926a5c', align: "stretch", spacing: "8" }, this.heading && (index.h("swirl-heading", { key: '62db8901c710bedf07eb571c0b402abc47eb2258', align: "center", as: "p", level: 4, text: this.heading })), index.h("div", { key: '6ee917970fc9df131e8c717f07bda3ed8b4f9f23', class: "empty-state__content" }, index.h("swirl-text", { key: 'f2a1b33a7e997ad2caec502157e328dd6dc5b9bc', align: "center", color: "subdued" }, index.h("slot", { key: '9c5f90a8bb7e7e5e9ee2e1c0cd7dba05de11962a' })))), index.h("div", { key: '23f8bfa5058f7a230e67892792230f367fa03b4e', class: "empty-state__controls" }, index.h("slot", { key: '12c9da7acf5499baf1aa5cf6febe7d4ab927b18c', name: "controls" }))))));
     }
     get el() { return index.getElement(this); }
 };
@@ -404,7 +404,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: 'e42f86ab6dcbbd6f1449717bb5296d1f40e557ef', "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: 'bb9100d456bb627fc3ff4da0e6812bcd72375ecf' }, index.h("path", { key: 'a2096bfd37f1ad6c6edb5f6e33c5a57737244399', 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: '7b8e9d7a9cdcd364bf85318975e50a5d1f20782e' }, index.h("path", { key: '1c9d5c9574d46ece15ca055021cf7a30c77b2ba8', 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: '4e09a6491458944d429ebeeaaf29d6d6e5278c11' }, index.h("path", { key: '07403ecb785b27a860b44e9065d2b8a184f56641', 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: '8df710f5d430197ece6aa1ef41b0df0153f853bd', "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: '88fe95c8076cd2be6289c282eb75bbc6159b16c9' }, index.h("path", { key: '42cce76fec2993bf563cc2ab824fd6767b74913e', 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: '97a20f723bd52799ac0fe005fcd317d89d215cf7' }, index.h("path", { key: '1ef79c724c4039817962269b1bf4503fafa456a0', 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: 'cb66c51185b3f7eb8fd184cf649e30dae709ee79' }, index.h("path", { key: '9efc1496b10ff5a241e4bfb69f32c5c4213b80ea', 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;
@@ -667,7 +667,7 @@ const SwirlResourceList = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '49ea535f5acb9fc68e3ae1f7136b8dc6380d17d9', onKeyDown: this.onKeyDown }, index.h("swirl-visually-hidden", { key: 'cc24d6e02aa79b0b0747892880b25dd3c7eaab16', role: "alert" }, this.assistiveText), index.h("swirl-box", { key: '0b7168d12e7c114cc05a572c95cc8b1d62a01130', 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: '98e4699a1280896d410219ba9438083abb502963', "aria-label": this.label, class: "resource-list", id: this.listId, ref: (el) => (this.gridEl = el), role: "grid", spacing: this.spacing }, index.h("slot", { key: '0239aabdc15dd9088a2bdc47f25a7d5ebce551ef' })))));
+        return (index.h(index.Host, { key: 'ea624b9cdc78f5c8c6e3ef92b0ce1c0f5c43c425', onKeyDown: this.onKeyDown }, index.h("swirl-visually-hidden", { key: '54338db2bd13503985458d6d69424119d739d380', role: "alert" }, this.assistiveText), index.h("swirl-box", { key: '8e6317c2b577ab84b1f9f7958e80637d6379d5ad', 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: '667bc6e6a548d59ba9a7c82611fad24e82c9481c', "aria-label": this.label, class: "resource-list", id: this.listId, ref: (el) => (this.gridEl = el), role: "grid", spacing: this.spacing }, index.h("slot", { key: 'fb0056dedef07635f6afe08f6e7745437b83127b' })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -831,7 +831,7 @@ const SwirlResourceListItem = class {
             "resource-list-item--wrap-description": this.descriptionWrap,
             "resource-list-item--wrap-label": this.labelWrap,
         });
-        return (index.h(index.Host, { key: '3bc3fa72a1abff66fb5c3651fa9014588ac55056', role: "row" }, index.h("div", { key: 'bc5b097590569b20c6e3c12dc81579d1106b3154', class: className, role: "gridcell" }, index.h(Tag, { key: 'ebf3bbd3e7e43bb7eca43a08bd871e8e2bbbfe43', "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: 'ba3f13bf18694ab2196e4a39f75c9c0f63aa8300', class: "resource-list-item__media" }, index.h("slot", { key: 'a984289394867903e6c6de0c4857df6c38af7abf', name: "media" }))), index.h("span", { key: 'eae163ca5e7872144ed2f88ad0ffb9c2ead37c30', class: "resource-list-item__label-container", style: labelContainerStyles }, index.h("span", { key: 'ecf7765c077159faf1c635581f969f3ab854eacd', class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : undefined }, !this.allowHtml && this.label), this.description && (index.h("span", { key: '117cc94c6884e001b38c86255e8bdf80adc8b409', class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : undefined }, !this.allowHtml && this.description))), showMeta && (index.h("span", { key: '6ce54162920cffd718c2099537290e9e2e64af9a', class: "resource-list-item__meta" }, index.h("span", { key: '9021d55561a83a5b17bacf80a6c4efeeede0e1ad', class: "resource-list-item__meta-text" }, this.meta), index.h("span", { key: 'f6c795ac584af2d38573167b3b3673d56867c8c1', class: "resource-list-item__badges" }, index.h("slot", { key: '7804eb9c844ef7320af6d0081590c343953058a2', name: "badges" }))))), this.selectable && (index.h("span", { key: '436f7ec288c6c934155dd063671a536a826b0ba9', "aria-hidden": "true", class: "resource-list-item__checkbox" }, index.h("span", { key: 'cd29d807d629d145c65aac56105da892daa9ad92', class: "resource-list-item__checkbox-icon" }, this.checked && (index.h("swirl-icon-check-strong", { key: 'de2514fbb35ec904896ccb0cf80b71f7722657eb' }))))), index.h("span", { key: '2a446937a24714758d4fc89c690189f0dd7b7ea8', class: "resource-list-item__control", onClick: this.onControlClick, ref: (el) => (this.controlContainer = el) }, index.h("slot", { key: 'f6edad002358c9c080c8da9c2f27bd6d33e30351', name: "control" })), showMenu && (index.h("swirl-popover-trigger", { key: '4b1b5cfb61c208bd0c3858356c69c7618d8c8e89', swirlPopover: this.menuTriggerId }, index.h("swirl-button", { key: 'db5c75794ec64e4ee42ef72017da4265536981f5', "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: '2902462ef1a182de4887a97aabb68b8d98533410', "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: '8596f6557cdb8699b6f06b79e40170a166879b94', size: this.iconSize })))));
+        return (index.h(index.Host, { key: 'b490be956d5b8637fd78b0ad79644b486664e7bf', role: "row" }, index.h("div", { key: 'd0601dd41832cb17148c839c4aa64627c0db04ff', class: className, role: "gridcell" }, index.h(Tag, { key: '2db8e0b7aa88eccc0f2232d416cce0b969a99c42', "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: 'fe5bf9b4a0704ad24cd4ce3acad355e532e017d9', class: "resource-list-item__media" }, index.h("slot", { key: 'fd5c6ee13e4a7660d7fb2b7b792591dd756a86da', name: "media" }))), index.h("span", { key: 'ac30abb10e90098b217741befb18be076c2d796e', class: "resource-list-item__label-container", style: labelContainerStyles }, index.h("span", { key: 'f108501e54065b661594c3bda7962f293cd5080b', class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : undefined }, !this.allowHtml && this.label), this.description && (index.h("span", { key: '28487cbf29d4c487f5df1240d4a8d919b16e063c', class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : undefined }, !this.allowHtml && this.description))), showMeta && (index.h("span", { key: 'bf2e0990710156241d576c729489f48f5bc97c80', class: "resource-list-item__meta" }, index.h("span", { key: '2950e59ed97bd24ac6db35101e4fb13b631c6b88', class: "resource-list-item__meta-text" }, this.meta), index.h("span", { key: 'fe6a342db95a591650aad7302e48008e4c235d99', class: "resource-list-item__badges" }, index.h("slot", { key: '35db381fd8b966e95c4cfead185f31807460ba75', name: "badges" }))))), this.selectable && (index.h("span", { key: 'd66c1ce0004520bab9164380dadaef66177b9498', "aria-hidden": "true", class: "resource-list-item__checkbox" }, index.h("span", { key: 'e9b31811784dccc117ddb8683bd52b8ad1d285ac', class: "resource-list-item__checkbox-icon" }, this.checked && (index.h("swirl-icon-check-strong", { key: '3a1a9ce8016760abdcb7d83597ecd241af8edf1a' }))))), index.h("span", { key: '1961424dd1df7746661b2dce6fcded7d31efa947', class: "resource-list-item__control", onClick: this.onControlClick, ref: (el) => (this.controlContainer = el) }, index.h("slot", { key: '101473408691a44b8f0404272b2843c3bb47d7c9', name: "control" })), showMenu && (index.h("swirl-popover-trigger", { key: '5531b9f9bf68d65a21ff261d4fb5c0613403468c', swirlPopover: this.menuTriggerId }, index.h("swirl-button", { key: 'abce27ae17d75257cfb47a3e678fff00980d3f94', "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: '90c2e805b9996d0b93c2cf1d8ef998a02fbd0d63', "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: '71821bd9ed475792afe62314e36b89760543e04a', 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: '8006642426c32008d08219733f23ca90ce5b572e' }, index.h("div", { key: 'c2980d52eb16ff1a559230ce7f8cdb4c9cf60e0e', class: className, role: "group" }, index.h("slot", { key: '0ecaf6ce8e3831b44e23fcec3eeccc9ff8cee9b4' }), this.badge && (index.h("span", { key: '13fd0d6c4436938a328e0e8379a9c8e30b79f03d', class: badgeClassName, innerHTML: this.badge, ref: (el) => (this.badgeEl = el) })))));
+        return (index.h(index.Host, { key: 'c7257cd9ac2c94a11847ba5a56acd1815f066613' }, index.h("div", { key: 'e9bfad8bbbb6802c3b8017e24abe56fdbbea9d8a', class: className, role: "group" }, index.h("slot", { key: '7ccc570f803317d285bfa77df77f7ba866430137' }), this.badge && (index.h("span", { key: '7cd54c09e634a12bb48b863e46abc886f9add9ec', class: badgeClassName, innerHTML: this.badge, ref: (el) => (this.badgeEl = el) })))));
     }
 };
 SwirlAvatarGroup.style = SwirlAvatarGroupStyle0;

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-2c919933.js');
 const index$1 = require('./index-9f94303c.js');
-const swirlCardCss = ":host{display:contents}:host *{box-sizing:border-box}.card{--swirl-ghost-button-background-default:var(--s-surface-default);--swirl-ghost-button-background-hovered:var(--s-surface-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-pressed);--swirl-resource-list-item-background-default:var(--s-surface-default);--swirl-resource-list-item-background-hovered:var(--s-surface-hovered);--swirl-resource-list-item-background-pressed:var(--s-surface-pressed);display:flex;overflow:hidden;width:100%;margin:0;padding:0;border:var(--s-border-width-default) solid var(--s-border-default);border-radius:var(--s-border-radius-base);color:var(--s-text-default);background-color:var(--swirl-card-background-default);font:inherit;text-decoration:none;flex-direction:column;transition:background-color 0.2s}.card:not(.card--has-image) .card__image{overflow:hidden;height:0}a.card,button.card,.card--interactive{cursor:pointer}a.card:hover,button.card:hover,.card--interactive:hover{background-color:var(--swirl-card-background-hovered)}a.card:active,button.card:active,.card--interactive:active{background-color:var(--swirl-card-background-pressed)}a.card:focus:not(:focus-visible),button.card:focus:not(:focus-visible),.card--interactive:focus:not(:focus-visible){outline:none}a.card:focus-visible,button.card:focus-visible,.card--interactive:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-4)}.card--is--borderless{border:0}.card--elevated.card--elevation-level-1{box-shadow:var(--s-shadow-level-1)}.card--elevated.card--elevation-level-2{box-shadow:var(--s-shadow-level-2)}.card--elevated.card--elevation-level-3{box-shadow:var(--s-shadow-level-3)}.card--flashing{background-color:var(--swirl-card-background-pressed)}.card--flashing.card--intent-default-subdued{background-color:var(--s-surface-raised-pressed)}.card--flashing.card--intent-highlight{background-color:var(--s-surface-highlight-pressed)}.card--highlighted{border-width:0.1875rem;border-color:var(--s-border-highlight)}.card--justify-content-start .card__body{justify-content:flex-start}.card--justify-content-center .card__body{justify-content:center}.card--justify-content-end .card__body{justify-content:flex-end}.card--intent-critical-subdued{background-color:var(--s-surface-critical-subdued)}.card--intent-default-subdued{--swirl-resource-list-item-background-default:var(\n    --s-surface-raised-default\n  );--swirl-resource-list-item-background-hovered:var(\n    --s-surface-raised-hovered\n  );--swirl-resource-list-item-background-pressed:var(\n    --s-surface-raised-pressed\n  );--swirl-ghost-button-background-default:var(--s-surface-raised-default);--swirl-ghost-button-background-hovered:var(--s-surface-raised-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-raised-pressed);background-color:var(--s-surface-raised-default)}.card--intent-info-subdued{background-color:var(--s-surface-info-subdued)}.card--intent-success-subdued{background-color:var(--s-surface-success-subdued)}.card--intent-warning-subdued{background-color:var(--s-surface-warning-subdued)}.card--intent-highlight{color:var(--s-text-on-surface-highlight);background-color:var(--s-surface-highlight-default)}.content-section{padding:0 var(--s-space-16)}.card__image{overflow:hidden;min-height:0}.card__image ::slotted(img){display:inline-flex;width:100%;max-height:100%;-o-object-fit:cover;object-fit:cover}.card__body{display:flex;min-height:0;padding:var(--s-space-12) var(--s-space-16) var(--s-space-16);flex-grow:1;flex-direction:column;gap:var(--s-space-16)}.card__content{min-height:100%}";
+const swirlCardCss = ":host{display:contents}:host *{box-sizing:border-box}.card{--swirl-ghost-button-background-default:var(--s-surface-default);--swirl-ghost-button-background-hovered:var(--s-surface-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-pressed);--swirl-resource-list-item-background-default:var(--s-surface-default);--swirl-resource-list-item-background-hovered:var(--s-surface-hovered);--swirl-resource-list-item-background-pressed:var(--s-surface-pressed);position:relative;display:flex;overflow:hidden;width:100%;margin:0;padding:0;border:var(--s-border-width-default) solid var(--s-border-default);border-radius:var(--s-border-radius-base);color:var(--s-text-default);background-color:var(--swirl-card-background-default);font:inherit;text-decoration:none;flex-direction:column;transition:background-color 0.2s}.card:not(.card--has-image) .card__image{overflow:hidden;height:0}a.card,button.card,.card--interactive{cursor:pointer}a.card:hover,button.card:hover,.card--interactive:hover{background-color:var(--swirl-card-background-hovered)}a.card:active,button.card:active,.card--interactive:active{background-color:var(--swirl-card-background-pressed)}a.card:focus:not(:focus-visible),button.card:focus:not(:focus-visible),.card--interactive:focus:not(:focus-visible){outline:none}a.card:focus-visible,button.card:focus-visible,.card--interactive:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-4)}.card--is--borderless{border:0}.card--elevated.card--elevation-level-1{box-shadow:var(--s-shadow-level-1)}.card--elevated.card--elevation-level-2{box-shadow:var(--s-shadow-level-2)}.card--elevated.card--elevation-level-3{box-shadow:var(--s-shadow-level-3)}.card--flashing{background-color:var(--swirl-card-background-pressed)}.card--flashing.card--intent-default-subdued{background-color:var(--s-surface-raised-pressed)}.card--flashing.card--intent-highlight{background-color:var(--s-surface-highlight-pressed)}.card--highlighted{border-width:0.1875rem;border-color:var(--s-border-highlight)}.card--justify-content-start .card__body{justify-content:flex-start}.card--justify-content-center .card__body{justify-content:center}.card--justify-content-end .card__body{justify-content:flex-end}.card--intent-critical-subdued{background-color:var(--s-surface-critical-subdued)}.card--intent-default-subdued{--swirl-resource-list-item-background-default:var(\n    --s-surface-raised-default\n  );--swirl-resource-list-item-background-hovered:var(\n    --s-surface-raised-hovered\n  );--swirl-resource-list-item-background-pressed:var(\n    --s-surface-raised-pressed\n  );--swirl-ghost-button-background-default:var(--s-surface-raised-default);--swirl-ghost-button-background-hovered:var(--s-surface-raised-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-raised-pressed);background-color:var(--s-surface-raised-default)}.card--intent-info-subdued{background-color:var(--s-surface-info-subdued)}.card--intent-success-subdued{background-color:var(--s-surface-success-subdued)}.card--intent-warning-subdued{background-color:var(--s-surface-warning-subdued)}.card--intent-highlight{color:var(--s-text-on-surface-highlight);background-color:var(--s-surface-highlight-default)}.card--has-floating-controls:focus-within .card__floating-controls,.card--has-floating-controls:hover .card__floating-controls{pointer-events:auto;opacity:1}.content-section{padding:0 var(--s-space-16)}.card__image{overflow:hidden;min-height:0}.card__image ::slotted(img){display:inline-flex;width:100%;max-height:100%;-o-object-fit:cover;object-fit:cover}.card__floating-controls{position:absolute;z-index:1;top:0;right:0;padding:var(--s-space-12);transition:opacity 0.2s;pointer-events:none;opacity:0}.card__body{display:flex;min-height:0;padding:var(--s-space-12) var(--s-space-16) var(--s-space-16);flex-grow:1;flex-direction:column;gap:var(--s-space-16)}.card__content{min-height:100%}";
 const SwirlCardStyle0 = swirlCardCss;
 const swirlCardBorderRadiusTokens = ["xs", "sm", "base", "l", "xl"];
@@ -55,6 +55,7 @@ const SwirlCard = class {
     }
     render() {
         const Tag = Boolean(this.href) ? "a" : this.as;
+        const hasFloatingControls = Boolean(this.el.querySelector('[slot="floating-controls"]'));
         const hasImage = Boolean(this.el.querySelector('[slot="image"]'));
         const styles = {
             borderRadius: swirlCardBorderRadiusTokens.includes(this.borderRadius)
@@ -84,14 +85,15 @@ const SwirlCard = class {
         const className = index$1.classnames("card", `card--elevation-level-${this.elevationLevel}`, `card--intent-${this.intent}`, `card--justify-content-${this.justifyContent}`, {
             "card--elevated": this.elevated,
             "card--flashing": this.flashing,
+            "card--has-floating-controls": hasFloatingControls,
             "card--has-image": hasImage,
             "card--highlighted": this.highlighted,
             "card--interactive": this.interactive || this.href,
             "card--is--borderless": this.isBorderless,
         });
-        return (index.h(index.Host, { key: '9275906a65a55264d2b70c2f7e406315a267eca6', styles: { height: this.height } }, index.h(Tag, { key: '0ea75344d70f0ba3519ca36d37998e899b03e8a6', "aria-label": this.swirlAriaLabel, "aria-labelledby": this.swirlAriaLabelledby, class: className, href: this.href, rel: Boolean(this.href) && this.linkTarget === "_blank"
+        return (index.h(index.Host, { key: 'a529ab8d475d1ce1149af8f07b038209ff1cc107', styles: { height: this.height } }, index.h(Tag, { key: 'e92dec9f64ea96d110d199d38967d18f1a51b2a3', "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 }, index.h("div", { key: '20b1197520e50ac5d3a6e1f6675042123d6e46ef', class: "card__image", style: { aspectRatio: this.imageAspectRatio } }, index.h("slot", { key: '48d19587d91bc3f40144e2657c687d893011875e', name: "image" })), index.h("div", { key: '90dd49534a31e78955060233c963bef48fa8067e', class: "card__body", style: bodyStyles }, index.h("div", { key: 'bb667238706643cf3825658574a211304c4556c0', class: "card__content" }, index.h("slot", { key: '2f3abe22d702b215efdbae2337547ef09c902521', name: "content" }))))));
+                : undefined, style: styles, target: this.linkTarget }, index.h("div", { key: 'c2bab78c7aa2e0870323665fd1cf32b726555986', class: "card__image", style: { aspectRatio: this.imageAspectRatio } }, index.h("slot", { key: '81d4109c5d4083ca0c51f46efc5aee66a8a720c7', name: "image" })), index.h("div", { key: '40173769b7abb3fe39711adeff1184cbb4ef4ab8', class: "card__floating-controls" }, index.h("slot", { key: 'c75b077c34356024496573cada02613a75d9a139', name: "floating-controls" })), index.h("div", { key: 'f8a54d4101dd076f2235dc58bf6290d0edc023f2', class: "card__body", style: bodyStyles }, index.h("div", { key: '20f774d42589259219d42b35cb4216927a1edb8a', class: "card__content" }, index.h("slot", { key: 'f06732e9e53795fe23e3a48061c2de2ae7a279b0', name: "content" }))))));
     }
     get el() { return index.getElement(this); }
 };

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: 'f126cb05eeab59e4465fb28ef86eb9dd5ee73a7e', "aria-roledescription": "slide", "aria-label": this.label, class: className, role: "group", style: {
+        return (index.h(index.Host, { key: 'b7e11a45eb4daaf04887f85915f78ba9dbf9511e', "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: 'b7cc7c295f5cbc2b997102ca7dac3ed2170f90a4' })));
+            }, tabIndex: 0 }, index.h("slot", { key: '895d2fb992c51579519932a314bc52048e0b666c' })));
     }
 };
 SwirlCarouselSlide.style = SwirlCarouselSlideStyle0;

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

@@ -162,7 +162,7 @@ const SwirlCarousel = class {
             "carousel--is-at-start": this.isAtStart,
             "carousel--is-at-end": this.isAtEnd,
         });
-        return (index.h(index.Host, { key: '4a31eea643388a6ebcf52cdd818a9bb3c689fdd8', "aria-label": this.label, "aria-roledescription": "carousel", role: "group" }, index.h("div", { key: '0c514ec843a103b11a01ea3d82e2096dca5a7aef', class: className }, this.isScrollable && !this.isAtStart && (index.h("swirl-button", { key: '2fbf655f2234d14e06ff47d2f439f0bad3ce1e10', 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 && (index.h("swirl-button", { key: 'aef153d9d78f45024d7c4eb122b505001a80112e', 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" })), index.h("div", { key: '4dd88527e9bdb0f57b415f46d3f04ebf66d24895', "aria-live": "polite", class: "carousel__slides", style: slidesStyles, onScroll: this.onScroll, ref: (el) => (this.slidesContainer = el) }, index.h("slot", { key: 'a4b6b640183b5355c064ae8fe6fb4c910580c846', onSlotchange: this.onSlotChange })))));
+        return (index.h(index.Host, { key: '4a51de70cfbc822287ac89be9a023ce3b1765c72', "aria-label": this.label, "aria-roledescription": "carousel", role: "group" }, index.h("div", { key: '9252572f5774605943cd9dcb5ce69fe80db082eb', class: className }, this.isScrollable && !this.isAtStart && (index.h("swirl-button", { key: 'e580f6713df6b45e9375aa8b235259d10c647d4e', 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 && (index.h("swirl-button", { key: 'c6726a036c07c20f35931684c2ba4bb5f72fcd18', 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" })), index.h("div", { key: '5e72c254a630d77df8cb29ea23e799b3a78081d0', "aria-live": "polite", class: "carousel__slides", style: slidesStyles, onScroll: this.onScroll, ref: (el) => (this.slidesContainer = el) }, index.h("slot", { key: '8b1a05d213ca9f011769154a19fb5d9777b26247', onSlotchange: this.onSlotChange })))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -55,7 +55,7 @@ const SwirlCheckbox = class {
             "checkbox--invalid": this.invalid,
             "checkbox--unchecked": unchecked,
         });
-        return (index.h(index.Host, { key: '1302f330a8e8fbf8b2bf2e7c76c6b9774a2c6873', style: { width: this.variant === "card" ? "100%" : undefined } }, index.h("label", { key: '7df27dbf4743e80131e6697ec90cee8396395131', class: className, htmlFor: this.inputId }, index.h("span", { key: '7167d9b7541cfca0e0ea144e0cce24d95b1c810a', class: "checkbox__control" }, index.h("swirl-visually-hidden", { key: 'bd19cd4962c6f78740d0d254a9df03dde765cdc6' }, index.h("input", { key: 'e563ee4a0f7b778ea95732cf7ecd21ea94602843', "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 })), index.h("span", { key: '4fc4fd4b0e9ed81c33e005fac4178705e2ed1867', "aria-hidden": "true", class: "checkbox__box" }, index.h("span", { key: '6d99a544dcbe107ebd3a4fbc7aac9323a93a2d54', class: "checkbox__icon" }, checked && index.h("swirl-icon-check-strong", { key: '47e4430ef0b41b1db4cc91b475291eb383662b8a' }), indeterminate && (index.h("span", { key: '85fe9a77ea85b0849c7b13d38b792f997645eb50', class: "checkbox__indeterminate-icon" }))))), showLabelContainer && (index.h("span", { key: 'c5912f5c2a4f2261db44b5c48014ae51c308119c', class: "checkbox__label-container" }, this.label && index.h("span", { key: '6a86f766c67934f201e5d9b29cd4979736b42ec5', class: "checkbox__label" }, this.label), this.description && (index.h("span", { key: '803078f5b17fe605b1b72047f2aa7ab0d1c7ec04', class: "checkbox__description" }, this.description)))))));
+        return (index.h(index.Host, { key: 'cf3e5aa42775aac75e4f08499cf762cb35687864', style: { width: this.variant === "card" ? "100%" : undefined } }, index.h("label", { key: '098d2d0509e46a530c5cb5a034d1512fb82a20eb', class: className, htmlFor: this.inputId }, index.h("span", { key: '6d6dbf85fc99f5b16e23b9b3884ccd3cf1e95baa', class: "checkbox__control" }, index.h("swirl-visually-hidden", { key: '6bfe18790ed2a36783eb27f5df531cf702440b8b' }, index.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 })), index.h("span", { key: '5a7ee20a4c27974aa85cab4c6fc4df6fe3e047f5', "aria-hidden": "true", class: "checkbox__box" }, index.h("span", { key: '2b90e1b1c1af1b5abbcc2da9cd92a6f8771da9b5', class: "checkbox__icon" }, checked && index.h("swirl-icon-check-strong", { key: '69f89ef7f9af74d6478cdcd1f45f0dc0e40779b9' }), indeterminate && (index.h("span", { key: 'abb3beb0868e23cca2dfd7b766ccb3e982453096', class: "checkbox__indeterminate-icon" }))))), showLabelContainer && (index.h("span", { key: '63519992e86d671a9b877d6b4efc5774faee8086', class: "checkbox__label-container" }, this.label && index.h("span", { key: 'c82b989c165ecf22b03c9ed046d52532bfed30e7', class: "checkbox__label" }, this.label), this.description && (index.h("span", { key: '7359cd851c8c410fc4ee8762922a21adaa6058f0', class: "checkbox__description" }, this.description)))))));
     }
 };
 SwirlCheckbox.style = SwirlCheckboxStyle0;

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

@@ -57,7 +57,7 @@ const SwirlChip = class {
             "chip--interactive": this.interactive || this.pressed !== undefined,
             "chip--removable": this.removable,
         });
-        return (index.h(index.Host, { key: '3fa170e58fcdd39a85afb56ec10f8f77615eb9b9' }, index.h(Tag, { key: '4e96ce9cd653f9afa6a335734a25c10f92c42edc', "aria-pressed": this.pressed !== undefined ? String(this.pressed) : undefined, class: className, onClick: this.chipClick.emit, type: this.interactive ? "button" : undefined }, index.h("span", { key: '9b6107cc84794c069d0ff46031b886b3f0d4b78e', class: "chip__inner" }, showAvatar && (index.h("span", { key: 'd8a1a42f5ddede7223b78b617171eff7dd065906', class: "chip__avatar" }, index.h("slot", { key: '1bc65807864057fca37fcfec7599bf3606e9384f', name: "avatar" }))), showIcon && (index.h("span", { key: '0baa6dc9f1241a05a11882a4bc748963241e681d', class: "chip__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), index.h("span", { key: 'd215f1a4d64e8b41648aaa19571f23c90e8a1fc1', class: "chip__label" }, this.label)), this.progress !== undefined && (index.h("span", { key: '173af6fba33eb25cc8d07a24e38757dd5738138b', class: "chip__progress-indicator" }, index.h("swirl-progress-indicator", { key: '46bc43fcc5da5d003bfb71991941fa758d8bae36', label: this.progressBarLabel, value: this.progress })))), this.removable && (index.h("button", { key: 'eb8945c1ca5f26d8d95776c6cb6de10b1b9d985a', "aria-label": this.removeButtonLabel, class: "chip__remove-button", onClick: this.removeChip.emit, type: "button" }, index.h("swirl-icon-close", { key: 'c554907b6bcbfbf0b35da2091209b9256e60e545', size: 20 })))));
+        return (index.h(index.Host, { key: 'f560cdad4c3f0c55b3d2ac10b19fbac5b20b5d18' }, index.h(Tag, { key: 'fb294108ab4910ee09840ceaf5eb350fb3eb5132', "aria-pressed": this.pressed !== undefined ? String(this.pressed) : undefined, class: className, onClick: this.chipClick.emit, type: this.interactive ? "button" : undefined }, index.h("span", { key: '197c45a751c28a376183f620498f9576e5b2cf21', class: "chip__inner" }, showAvatar && (index.h("span", { key: '4810eaa36a411443ff8ac2d68638ae2a2e42b198', class: "chip__avatar" }, index.h("slot", { key: '9c1cfca4b04eebd73a9145c5771eb16e9314e787', name: "avatar" }))), showIcon && (index.h("span", { key: '99b902e7815b01e79a8c6347585a5ef6fc6c3e14', class: "chip__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), index.h("span", { key: 'b7e7de490429f25f45348e2746bcd75be8be811c', class: "chip__label" }, this.label)), this.progress !== undefined && (index.h("span", { key: 'ff6870b703c8c087dc3b728fb1dde0455aea9026', class: "chip__progress-indicator" }, index.h("swirl-progress-indicator", { key: '4813ebd472d8c60cfe7de1330133915deb42cf24', label: this.progressBarLabel, value: this.progress })))), this.removable && (index.h("button", { key: '160475d7e28c3446a06066915c2b62ba1ef95905', "aria-label": this.removeButtonLabel, class: "chip__remove-button", onClick: this.removeChip.emit, type: "button" }, index.h("swirl-icon-close", { key: 'e5c5ee4dada04ae33650ac748dce5f4b02791976', size: 20 })))));
     }
     get el() { return index.getElement(this); }
 };

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: '50761d1473c6ec95ffa6c54c707cbb89fc7dee0a' }, index.h("div", { key: 'a774f42a9d10b246ce6b4092cc9d7ea91ff4e01f', class: className }, index.h("input", { key: '3069f958bb247c342069c3fbfd7f497c84a09beb', "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: 'bd3004993e3fd519f7d59f43edbccfccb541f810', swirlPopover: this.pickerId }, index.h("button", { key: '5ddf8179d0b484baaa00237f9a4db77bd7966ea4', "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
+        return (index.h(index.Host, { key: '017564ea06a2892e07523b23d237c9e4f8be8775' }, index.h("div", { key: 'a8b66d64de99a82d690c5e105221fe92720c7ad4', class: className }, index.h("input", { key: 'bdd91a1da2ff8e8c0a126dd66d64be16e26351c9', "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: 'f9121ebf1fe458e7cea55aa13ac0c0df92471af1', swirlPopover: this.pickerId }, index.h("button", { key: 'c53e71efe0b82be74580f074e350f9dc9f3867c0', "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: '49779aa8fc578dffd42c6042bc09a5a0c3a54efe', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, index.h("swirl-box", { key: '2f3415207e0ffa7685e17f5485aeb80e5b0ac0b0', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, index.h("hex-color-picker", { key: 'a043000bf7da2011946f854403adbca67a664720', color: this.value, ref: (el) => (this.picker = el) }))))));
+            }, type: "button" })), index.h("swirl-popover", { key: 'e737b882a87ef810bd5394014b33f3fbe990a477', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, index.h("swirl-box", { key: '297494caba9da7a581550b8f8d23df97852db357', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, index.h("hex-color-picker", { key: 'b82b3610b49074d304deea840a23e03aebb8e68e', color: this.value, ref: (el) => (this.picker = el) }))))));
     }
     static get watchers() { return {
         "value": ["watchValue"]

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

@@ -14,10 +14,10 @@ const SwirlColumns = class {
         this.spacing = undefined;
     }
     render() {
-        return (index.h(index.Host, { key: '21a7146ee7b0a1000a973abf7db55a9ba76cbc4d' }, index.h("div", { key: '14aa7bc85cb3689ef6b44f90ebf41c09690f151a', class: "columns", style: {
+        return (index.h(index.Host, { key: 'eeb714d1d037de69f98c4bbab2ea398902676b75' }, index.h("div", { key: '4a858237059b5dc3f2bc6876dd409e9ad6411a0d', class: "columns", style: {
                 gridTemplateColumns: this.columns,
                 gap: `var(--s-space-${this.spacing})`,
-            } }, index.h("slot", { key: '406a96a9bab461cefc3c7c8f55b4bc9f7cef7d91' }))));
+            } }, index.h("slot", { key: 'f96512da44488cbffd69d57b065c6609bdebdb45' }))));
     }
 };
 SwirlColumns.style = SwirlColumnsStyle0;

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: '92d52d71a345ed03c958c5dbccc01bd3fa241d9b' }, index.h("div", { key: '0ffbca546d2f346d2f72889c7b50193571ebf357', class: className, onClick: this.onClick, onKeyDown: this.onKeyDown }, index.h("header", { key: '176444e0a58d0f71c703e9fa5a7bfe65ec734ad9', "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (el) => (this.sidebarEl = el) }, index.h("div", { key: '2b5c81ed782915a71176c9448ccc7a510e566cbd', class: "console-layout__header" }, index.h("div", { key: 'c3005539f892ab7d141836ff03fe54d4007f7089', class: "console-layout__logo" }, index.h("svg", { key: 'ea309b604f28b7b72c4d75991fe82f8a251064dd', 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: '128bb343d2338f1e317a9afba22c3d0ff7ec8ffb', 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: '6500a9d386c2cd6e094ce16a76c55cefef87d29c', 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: '2ed72e63d336d8af69fb2614ad3333cb87829769', 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: '15c9fde6e339bedf0ae8835e03b419ee312baa3f', d: "M12.2072 10.9785L7.32419 10.1459L0.625 14.0709L5.38887 14.9629L12.2072 10.9785Z", fill: "#80A8F4" })), index.h("swirl-text", { key: '7ec7588130a6c2befd03ace2f801dc0be9a1eda8', class: "console-layout__logo-text", weight: "medium" }, this.logoText))), index.h("nav", { key: 'f8530433293a78892b3158c073d929462c3417d4', "aria-label": this.navigationLabel, class: "console-layout__navigation" }, index.h("slot", { key: '770b328f033d98f5258211a31760c1049ab878a5', name: "navigation" })), index.h("div", { key: 'dca6a2c8f9bb84dc9e0e3560da92a94549e01b73', class: "console-layout__user" }, index.h("slot", { key: 'a9e9570929b22450c9df469d3b67c58dc956c987', name: "user" }))), index.h("main", { key: '1730a9c486ebba4f7c2338c7886ffc0ff9deec05', "aria-labelledby": Boolean(this.appName) ? "app-name" : undefined, class: "console-layout__main" }, index.h("header", { key: '32201af7d3fc67e9fc5079b315158b79169a23e2', class: "console-layout__app-bar" }, index.h("span", { key: '09ab99829b1d72ac21f28606a88628ee68b168ca', class: "console-layout__mobile-navigation-button" }, index.h("swirl-button", { key: '1d873c1b2fb9066e130d812d1ff066b5f7c008bf', swirlAriaExpanded: String(this.sidebarActive), hideLabel: true, icon: this.sidebarActive
+        return (index.h(index.Host, { key: '4bbd6bca2c2cf8241faa9e0d8537a272cbcff5cc' }, index.h("div", { key: '250702ecaa075792fc8cc13dff74231146ff67b0', class: className, onClick: this.onClick, onKeyDown: this.onKeyDown }, index.h("header", { key: '4f9f2ba1fd4889795ad7b16aeba4b56db09f4bd3', "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (el) => (this.sidebarEl = el) }, index.h("div", { key: '923d2c3bb22d6d9bc0c61d2c80694877841c50f8', class: "console-layout__header" }, index.h("div", { key: 'd5bae5adbf4e87ce445eba388dad9dfdd9f77e89', class: "console-layout__logo" }, index.h("svg", { key: '9c5bf4d27d9bd0a900d7996d5cfc145b07382bcb', 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: 'b9ab10638dd9487fe754093b52bc0c339460e0dc', 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: '3867b6d78ff947bd0063fe611fad4b2a8f31f16d', 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: '525af8f06f7331c05019c4518ba6c4787fc70cfa', 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: 'f590a3b5df1069bdc61b43f0c98cf517a5242633', d: "M12.2072 10.9785L7.32419 10.1459L0.625 14.0709L5.38887 14.9629L12.2072 10.9785Z", fill: "#80A8F4" })), index.h("swirl-text", { key: '68ffe5e74a9070641b56a210ce407708bb430797', class: "console-layout__logo-text", weight: "medium" }, this.logoText))), index.h("nav", { key: '825d91297b760152189bfc3a05b1920d11c7a0b6', "aria-label": this.navigationLabel, class: "console-layout__navigation" }, index.h("slot", { key: '40e003bf235e34358ddab2331d3eb5be4eb22f58', name: "navigation" })), index.h("div", { key: 'd282a547de4357439f46c46617527edf43bbd1b6', class: "console-layout__user" }, index.h("slot", { key: '192b1075bf3ad7e795358b54aa35262994126cfa', name: "user" }))), index.h("main", { key: '19a90333af4bd5cb357250fdc3de0b537d803bd1', "aria-labelledby": Boolean(this.appName) ? "app-name" : undefined, class: "console-layout__main" }, index.h("header", { key: '17a8e912aaa664437019c5770190fdde2a628e0b', class: "console-layout__app-bar" }, index.h("span", { key: '088b327264d0171d7320beb504601e81d3d938c5', class: "console-layout__mobile-navigation-button" }, index.h("swirl-button", { key: 'e65ebf0a1e638bf15b85a37e6e1da8886c200747', 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: '8f430a85b0b44464e86ee395552c2c08d91c2d6d', class: "console-layout__app-name" }, this.appName && (index.h("swirl-heading", { key: 'a820288b2b6fad0b30233af50157b3fcb3dcd9e8', as: "h1", headingId: "app-name", level: 4, text: this.appName }))), this.showHelpButton && (index.h("swirl-button", { key: 'b49af3851ffe5936efd7a87b0aad5206ec79fa96', class: "console-layout__help-button", hideLabel: true, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick }))), index.h("section", { key: '01f8d60e03ed86eee273e7029212c4587d0c06fd', "aria-labelledby": "heading", class: "console-layout__content", style: contentStyles }, index.h("header", { key: '3a77390e3ffc02e0ab58b91f9797351764f52df1', class: "console-layout__content-header" }, this.showBackButton && (index.h("swirl-button", { key: '90d9a6b68c24fffe03054a23033a9af1c0e48c3c', 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: '4020309aade07f76d0592eeb0dc701ad7ba7fcba', class: "console-layout__heading-container" }, index.h("swirl-heading", { key: 'f30de54ff873a3f5ab40a74ecfae8adc6229a6c3', as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && (index.h("swirl-text", { key: 'b224291f65807c9284b973686ab4c6abbe131cd3', class: "console-layout__subheading", color: "subdued" }, this.subheading)))), !Boolean(this.heading) && (index.h("div", { key: 'b0d5c7d705a5260b2bda10fc8d3029ff0af0d503', class: "console-layout__heading-container" }, index.h("slot", { key: '5dd733065b2e6740f969c839bab4ebf1277c033e', name: "heading" }))), index.h("div", { key: '62d469c7d80b745e64d7c1d3b6251b46809f5f93', class: "console-layout__content-header-tools" }, index.h("slot", { key: '2e75e0cd00ee22bba8cbeae44f0248b39ceb25b0', name: "content-header-tools" }))), index.h("div", { key: 'b6bb7f6e21b2cc9606cf9d6cc489322838ea6c7e', class: "console-layout__integration" }, index.h("slot", { key: 'c810a0dd31b1ff9856516fe3e8d49a489a97ced8', name: "content" }))), index.h("div", { key: 'cd7fb75fe9c45db6fe620539e9869ce953d6b275', class: "console-layout__overlays" }, index.h("slot", { key: '23817992842f89c5b4fdba0647c53615c24045d1', name: "overlays" }))))));
+                : this.showNavigationButtonLabel, onClick: this.onMobileNavigationToggleClick })), index.h("div", { key: '756d8e6b66fa450797d5ff5e94b6a8a4264cd807', class: "console-layout__app-name" }, this.appName && (index.h("swirl-heading", { key: '5fd6d81d3ed39733ed842cb632214d7ec66a6590', as: "h1", headingId: "app-name", level: 4, text: this.appName }))), this.showHelpButton && (index.h("swirl-button", { key: '61fb5720dd2ed1eb916d3b565ffd63b46a710e68', class: "console-layout__help-button", hideLabel: true, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick }))), index.h("section", { key: '5ba28f30993123ec5564bc73837d79c621671feb', "aria-labelledby": "heading", class: "console-layout__content", style: contentStyles }, index.h("header", { key: '8e991655cadbb3a77832ffb4a707b9ffff619635', class: "console-layout__content-header" }, this.showBackButton && (index.h("swirl-button", { key: '8c16a465c4a9a0d97ae364529eb35ad98f68f61e', 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: 'fe251c7c8a021611fabcdc65976607c0d9c6f8f2', class: "console-layout__heading-container" }, index.h("swirl-heading", { key: 'd681716bd7c5ce568da2fd7d6fa9adf3aad58ad9', as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && (index.h("swirl-text", { key: '59e812024214c58c860e00ed64d9be6f6195ba86', class: "console-layout__subheading", color: "subdued" }, this.subheading)))), !Boolean(this.heading) && (index.h("div", { key: '65675119392059d968b6211019c88b2fb3f6b506', class: "console-layout__heading-container" }, index.h("slot", { key: '6e8d93f3d2c8f9ce1cc0c13eca2f55872d320b9d', name: "heading" }))), index.h("div", { key: '5c02e56187efc26f93c7c9ab671b6975edb73b63', class: "console-layout__content-header-tools" }, index.h("slot", { key: '8c35b525fc674c3ab2d4fe9805b6bb879dcd8fec', name: "content-header-tools" }))), index.h("div", { key: 'b24c25b26928da2be8b5eaacdf4ba93e1a2e4255', class: "console-layout__integration" }, index.h("slot", { key: 'f1941ad1209a9afee81793288dee60f91c9ddd30', name: "content" }))), index.h("div", { key: 'a352836c210867f44550be4746acbcb250ebdbdb', class: "console-layout__overlays" }, index.h("slot", { key: '3e9db30733835eb5573b4c9ba5a52ebb07ce0f29', name: "overlays" }))))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -159,7 +159,7 @@ const SwirlDateInput = class {
         const className = index$1.classnames("date-input", {
             "date-input--inline": this.inline,
         });
-        return (index.h(index.Host, { key: 'ee03d49dd67ad0bc7337eaae7f6f2a39e3bb6754' }, index.h("div", { key: '31855cf6d59df86bf07f010d96c7ba763ee64d24', class: className }, index.h("input", { key: 'f0fec909a03eaedd59010d4ba28994bec2e71848', "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: '705e8cdf4481d558e7db7e63966721c57b3b5ff0', swirlPopover: `popover-${this.id}` }, index.h("button", { key: 'c6662a659432780820878c301fc999657d6126be', "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, index.h("swirl-icon-today", { key: 'b04605d336121b39a42a00339fdfc84fe2aa3e2c', size: this.iconSize })))), !this.disabled && (index.h("swirl-popover", { key: '390a5b908286db6c4c5eb808f7a9a8a625f9d56d', 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: '819dac0182b183e3158e485e77b3b9f055f14617', 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: 'f86299768496c2ac73e144d9ecf43ec92d5f38d6' }, index.h("div", { key: '2342b2aef911cd717d4597c1e96a8535c3905040', class: className }, index.h("input", { key: 'cad5c82307f58720fb9b28b3206c16739ab5b853', "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: '7099dfbd9ce53e65a0e94c2c7383c25535477157', swirlPopover: `popover-${this.id}` }, index.h("button", { key: '226af64b7f475cdc438fd36d1f731ce48770d0cb', "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, index.h("swirl-icon-today", { key: '0865058239d7e74cc60596068a55cad17eee6dce', size: this.iconSize })))), !this.disabled && (index.h("swirl-popover", { key: 'ab0a1c930c424994d81870a61c564112a29b9617', 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: '86ec29082403667409a0e83b9ee8de5337293edf', 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: '23223c5529377596b91e97038f4f89591f705cbe', onClick: this.onClick }, index.h("wc-datepicker", { key: '4e3f7ba046dbf92aa76955fbc91f3d14fe299ccb', 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: 'c763bb2a09ba2877124d133cbb8496c51c815f7b', onClick: this.onClick }, index.h("wc-datepicker", { key: '29650bdc3473238fb90f9a52aa46522375eb2fa8', 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: '7cd5f81f687f088d39705ae13e1d73fa12a9a3de', "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: 'ccba1c2c5377d74de0dadcd64cbebba4ad568423' }, index.h("path", { key: 'df408b7892bb1e2f06d1e94c13c483bbd99b03bf', 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: 'b636a0fa84cb4f1c5a00788ff74753be0ddf8523' }, index.h("path", { key: 'b0b4be8ecfe882289d699baf0e05c861b767ee7d', 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: '5ac67e98231115cb6652ffc9b766d3900bb80072' }, index.h("path", { key: '655246303a232b0d2ba2009db5bc5626dd7b49c5', 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: 'dc273e43c3e1a65e6079f70a87c8168e22270c40', "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: 'a48454f645444491851dd25f979490fbe580e6b6' }, index.h("path", { key: '4b00a07c39412297c7d0c661ddde2add512961ef', 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: '173737da6f44c75ee1f07869c6d13199124568e2' }, index.h("path", { key: '2019cf5b0babec8ea01895cb2844ca91ee9b0455', 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: 'f07000fe7083e5ebe9aefc4af6f2a2bdd1e2269f' }, index.h("path", { key: 'b94bfa26d6685a07e00dc187217898d8c8f3864a', 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: '5c61da1eebd7c38bbce3742f6404012912fdca6a', role: "listitem" }, index.h("div", { key: '8bfe560247bb6ced1deca087700505354136a46a', class: className, part: "description-list-item", role: "group" }, index.h("div", { key: 'fba053beccf6e4ba86a63502d7bb9e83bc706274', class: "description-list-item__inner" }, index.h("div", { key: '6d0819cb8853d04d0d15fdf0e3b2404625a12145', class: "description-list-item__text-container" }, index.h("div", { key: '0c7cad9930420868b8687ee540a82f2e55f67758', class: "description-list-item__term", part: "description-list-item__term", role: "term" }, this.term, this.tooltip && (index.h("span", { key: '561c7c45e09ba16990fae70958130c9f8c41d8e2', class: "description-list-item__tooltip" }, index.h("swirl-tooltip", { key: '98b9d3d49319e45a555f14b49d22dd06d6899aa2', content: this.tooltip, position: "right" }, index.h("swirl-icon-info", { key: '21aca7b1562039f3f1838ebb100f24f3aef61563', size: 16, tabIndex: 0 }))))), index.h("div", { key: '209b5927b0acd39f7e7924e43e5472c7d4c5b58d', style: { maxWidth: this.maxWidth }, class: "description-list-item__description", role: "definition" }, index.h("slot", { key: '053bbaa4ef8402b1665512112e212facd8a5834b' }))), index.h("div", { key: '5f8484c26ae24f0b0d0e00a9adcefa2702165202', class: "description-list-item__tools" }, index.h("slot", { key: '69b4b72bffc60c997e066fdb0039b9cf6d0f0dfc', name: "tools" }))), index.h("div", { key: '3621fd5d2ee722030c8ce30f8486aa667e511619', class: "description-list-item__additional-content" }, index.h("slot", { key: '497e4992b0aaecf9da0518ae9356d8fe9864152c', name: "additional-content" })))));
+        return (index.h(index.Host, { key: 'a55f43510b981ac7714a1f1a75567aed1bb0b87a', role: "listitem" }, index.h("div", { key: '1b7970b58b17879dd7427695f0ce2cdb97fc5523', class: className, part: "description-list-item", role: "group" }, index.h("div", { key: '5f4c3b15eb8808cfa415134fbd1e51f3a8de9d83', class: "description-list-item__inner" }, index.h("div", { key: '1967a5376153f5b4ce0282d8651986bcf72a1dca', class: "description-list-item__text-container" }, index.h("div", { key: '3fd2c34a9b37dfbaf37a53f74831f4dd9393ff3a', class: "description-list-item__term", part: "description-list-item__term", role: "term" }, this.term, this.tooltip && (index.h("span", { key: 'e0336a389eda3d63719fee7f7a8b251ac5ea4b3a', class: "description-list-item__tooltip" }, index.h("swirl-tooltip", { key: '422655600b6ba5b61d3df39eadbc40a2c4b36370', content: this.tooltip, position: "right" }, index.h("swirl-icon-info", { key: '48e9fda84abf436e1eeb6369b533ed2256875bb6', size: 16, tabIndex: 0 }))))), index.h("div", { key: '81c1ff4a68bad60c59299aeba692bc525b031352', style: { maxWidth: this.maxWidth }, class: "description-list-item__description", role: "definition" }, index.h("slot", { key: '6fb24def48a3ecdb9f0b28710610cc1aeaac8b09' }))), index.h("div", { key: '5347fd041f19e7c5c4ea289584dc084f82a1faba', class: "description-list-item__tools" }, index.h("slot", { key: '6e81741c9c25ff564febb0e4017fdc1290890876', name: "tools" }))), index.h("div", { key: '479e903886f1fd0b00be63ad508447a3ad36ba94', class: "description-list-item__additional-content" }, index.h("slot", { key: '71c1e7a71f6566cbc88338b96c928935882c570b', 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: '24b65972e84c42f0f0e484f1b267499df40af35e' }, index.h("div", { key: 'e952b0bca687021f41e94e6d0d076f0394c6880b', class: "description-list", role: "list" }, index.h("slot", { key: '5f738e0e226673fab4f8e0d97bc8482e6f80060c' }))));
+        return (index.h(index.Host, { key: '7b773fd4098b9dc5a97d1b0d692df342a3e051d2' }, index.h("div", { key: '9e24ca02ec1b0780f2dd479b7905beb42d6bde77', class: "description-list", role: "list" }, index.h("slot", { key: 'd58af866867f947eb2c20aef4bb1a7af014354de' }))));
     }
 };
 SwirlDescriptionList.style = SwirlDescriptionListStyle0;

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

@@ -75,7 +75,7 @@ const SwirlDialog = class {
     render() {
         const className = index$1.classnames("dialog", { "dialog--closing": this.closing });
         const hasLeftControls = Boolean(this.el.querySelector('[slot="left-controls"]'));
-        return (index.h(index.Host, { key: '28c9ab3143ae5d89b412ce3b454ec4f33b784555' }, index.h("div", { key: 'ddbc29e88279d1af1eb6f7643da359956ac60213', "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" }, index.h("div", { key: '82b52ce661d86bacec6b6876c1754ad4bdd851c3', class: "dialog__backdrop", onClick: this.onBackdropClick }), index.h("div", { key: 'a8eaad88e1ead3803d0899fe1b4e59c7addca478', class: "dialog__body", part: "dialog__body", role: "document" }, !this.hideLabel && (index.h("h2", { key: '32dc2e42e48027b0f3358512074e86cfbed4de01', class: "dialog__heading", part: "dialog__heading", id: "label" }, this.label)), index.h("div", { key: '72df5ba9ac77e7e18c0452faa87301d0e02dd19f', class: "dialog__content", part: "dialog__content", id: "content" }, index.h("slot", { key: 'b6de1f09ad34130808f728bab33becf401e62712' })), index.h("div", { key: 'e38094098bcfc56e16ac5479378055419938638e', class: "dialog__controls", ref: (el) => (this.controlsContainerEl = el) }, hasLeftControls && (index.h("div", { key: 'aca3d7fc6972ce8def114e6eca3d2be4a2164c3b', class: "dialog__left_controls" }, index.h("slot", { key: '5d492b98348889a6cb3d14f136ff7f250001e44b', name: "left-controls" }))), this.secondaryActionLabel && (index.h("swirl-button", { key: 'e952115137e9624b9687dc04ced686bc304bc452', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (index.h("swirl-button", { key: 'a283862cd82238c7e0f91676816c10612b40884a', intent: this.intent, label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" })))))));
+        return (index.h(index.Host, { key: '7642707aa94e9d15a884e415673175c70d34db8c' }, index.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" }, index.h("div", { key: 'f2212606297a0323830f5b896872f666dfc468a4', class: "dialog__backdrop", onClick: this.onBackdropClick }), index.h("div", { key: 'dc61a2776d20fdd8ea35ad3cf84e0d0944008fe3', class: "dialog__body", part: "dialog__body", role: "document" }, !this.hideLabel && (index.h("h2", { key: '65cb9932fdf2e84f29a133ec4dcc833582585bd7', class: "dialog__heading", part: "dialog__heading", id: "label" }, this.label)), index.h("div", { key: 'd652d9c0b9b57a0b5c82fa81b84c140376203792', class: "dialog__content", part: "dialog__content", id: "content" }, index.h("slot", { key: '87ae56dc3f389263d38d61255fad8cdc658317c9' })), index.h("div", { key: 'a2f3fb30e0e2540b3d997c2cf979b6be5308d70c', class: "dialog__controls", ref: (el) => (this.controlsContainerEl = el) }, hasLeftControls && (index.h("div", { key: '74707e65aa742f6271a3642693cd5739b68bada0', class: "dialog__left_controls" }, index.h("slot", { key: '15d48c197c46a085e691dd047616fd399d27b3ba', name: "left-controls" }))), this.secondaryActionLabel && (index.h("swirl-button", { key: '123fe12d4759ae79254b82e23934574ed6afb392', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (index.h("swirl-button", { key: '8f2f38fee0598b270f550b26405a76275e3826cc', intent: this.intent, label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" })))))));
     }
     get el() { return index.getElement(this); }
 };

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: '7e29aba00d275f40a93b3679b8bb9b017c590b6c' }, this.size === 16 && (index.h("img", { key: 'dce6ee9d2064446cd5c31713ee15944e1220bfcb', alt: this.label, class: className, height: "16", src: "emojis/Clap16.png", width: "16" })), this.size === 20 && (index.h("img", { key: '3619843735e5a8387898808552d8bc35b1586057', alt: this.label, class: className, height: "20", src: "emojis/Clap20.png", width: "20" })), this.size === 24 && (index.h("img", { key: 'fc2fc511c54f2d06d4c79f26f5ffdc4183c384e2', alt: this.label, class: className, height: "24", src: "emojis/Clap24.png", width: "24" })), this.size === 32 && (index.h("img", { key: 'a23b7e0784d5f0651fb363a0222f3f0eb2271b55', alt: this.label, class: className, height: "32", src: "emojis/Clap32.png", width: "32" }))));
+        return (index.h(index.Fragment, { key: 'e1240e0b6668325bba63de458195f83d776c369d' }, this.size === 16 && (index.h("img", { key: '61d9a35ff4add8a6b4119e038faa7e5a3f776010', alt: this.label, class: className, height: "16", src: "emojis/Clap16.png", width: "16" })), this.size === 20 && (index.h("img", { key: '6d6318c264133afcf4a809134648dcab76b819b3', alt: this.label, class: className, height: "20", src: "emojis/Clap20.png", width: "20" })), this.size === 24 && (index.h("img", { key: 'e542413052201b22b01fc5cc77c3f80accfa4fb3', alt: this.label, class: className, height: "24", src: "emojis/Clap24.png", width: "24" })), this.size === 32 && (index.h("img", { key: '5e73f58a1c54e410ea47af99def5ce2a43c8fd9a', 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: 'c8f7bf272d16f6e2257465ad4e8c0079d8e7528f' }, this.size === 16 && (index.h("img", { key: '815c0756c54fb253bf705079ed55ed1099aa2e42', alt: this.label, class: className, height: "16", src: "emojis/Happy16.png", width: "16" })), this.size === 20 && (index.h("img", { key: '8f0a3f2e65b7b76e7dd3c6e3413d6c6e2cbcfdca', alt: this.label, class: className, height: "20", src: "emojis/Happy20.png", width: "20" })), this.size === 24 && (index.h("img", { key: 'a73d3574b437d4937a319dfe7cf8f181a278dc0d', alt: this.label, class: className, height: "24", src: "emojis/Happy24.png", width: "24" })), this.size === 32 && (index.h("img", { key: '1b1e7235b1196c0cfe9ebddf15f32d4a28698fd9', alt: this.label, class: className, height: "32", src: "emojis/Happy32.png", width: "32" }))));
+        return (index.h(index.Fragment, { key: '174fd6214b1b6ee4148783806943982cb77e13a7' }, this.size === 16 && (index.h("img", { key: '2c93cfb1ef154db7fb46ec134aeb38f2d791b677', alt: this.label, class: className, height: "16", src: "emojis/Happy16.png", width: "16" })), this.size === 20 && (index.h("img", { key: 'e8f0361e946cbad2da49949971977999250962b5', alt: this.label, class: className, height: "20", src: "emojis/Happy20.png", width: "20" })), this.size === 24 && (index.h("img", { key: 'f3ee9d862bd1782b14b309ac2bdcec105836c324', alt: this.label, class: className, height: "24", src: "emojis/Happy24.png", width: "24" })), this.size === 32 && (index.h("img", { key: 'a3a29274ce9acaf1d4738b1dd88ac0037b8ca11e', 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: 'fb1b965ded208d1b499e970704fe1eaa725c624a' }, this.size === 16 && (index.h("img", { key: 'e4372fdb12decbb5bea77df28e2c30e8f0de986f', alt: this.label, class: className, height: "16", src: "emojis/Idea16.png", width: "16" })), this.size === 20 && (index.h("img", { key: 'cb6c26490d8c7bc7dbecb1dadbad41b026481be2', alt: this.label, class: className, height: "20", src: "emojis/Idea20.png", width: "20" })), this.size === 24 && (index.h("img", { key: '977f4c1a828a5791f969302474c915bc4ba0e77a', alt: this.label, class: className, height: "24", src: "emojis/Idea24.png", width: "24" })), this.size === 32 && (index.h("img", { key: 'a5c81159e8a6da40c810358885bc4c36f3f38350', alt: this.label, class: className, height: "32", src: "emojis/Idea32.png", width: "32" }))));
+        return (index.h(index.Fragment, { key: '082ccf3f23f7dddf956995339d9aa69551a10513' }, this.size === 16 && (index.h("img", { key: '2e76a302a275f1bb6057a479b79a5af74551bbc7', alt: this.label, class: className, height: "16", src: "emojis/Idea16.png", width: "16" })), this.size === 20 && (index.h("img", { key: 'aca94270e8bb7e36a0c683c5858d6640326f25cb', alt: this.label, class: className, height: "20", src: "emojis/Idea20.png", width: "20" })), this.size === 24 && (index.h("img", { key: 'c5d2feeb127ddfe5446fdae66ae033bdf27a5b17', alt: this.label, class: className, height: "24", src: "emojis/Idea24.png", width: "24" })), this.size === 32 && (index.h("img", { key: '756df168c3f5aa0260664fa0e209bd87d16fd189', alt: this.label, class: className, height: "32", src: "emojis/Idea32.png", width: "32" }))));
     }
 };
 SwirlEmojiIdea.style = SwirlEmojiIdeaStyle0;